*{margin : 0px; padding : 0px;}
body{width: 100%; padding-top : 15px; font-family : Arial,Verdana, Helvetica, sans-serif;}

/*Gallery*/
.mascot_gallery{margin: 0 0 20px 40px; float: left; width: 620px; height: auto;}
.gallery_item{margin : 10px 10px 0 0; display: inline; float: left; width: 180px; height : 95px; border : 1px solid #0091da;}


#page{width : 780px; padding-bottom : 15px; padding-top : 167px; margin-right : auto; margin-left : auto; background : url(../pics/banner1.jpg) top left no-repeat;}
#body1 #page{background : url(../pics/banner1.jpg) top left no-repeat;}
#body2 #page{background : url(../pics/banner2.jpg) top left no-repeat;}
#body3 #page{background : url(../pics/banner3.jpg) top left no-repeat;}
#body4 #page{background : url(../pics/banner4.jpg) top left no-repeat;}
#body5 #page{background : url(../pics/banner5.jpg) top left no-repeat;}

#container{width : 780px;  text-align : left; float : left; background : url(../pics/bg-repeat.gif) repeat-y; }
#container_wide{width : 780px;  text-align : left; float : left; background : url(../pics/bg-repeat-wide.gif) repeat-y; }
#content{float : left; width : 600px;}
#content_wide{float : left; width : 780px;}

#news{float : right; width : 180px; padding-bottom : 10px;}

#search_content{float : right; width : 450px;}
#search_content_wide{float : right; width : 633px; padding-top : 40px;}
#search_content_wide h1, #search_content_wide h2,#search_content_wide p,#search_content_wide ul,#search_content_wide ol{margin-left : 40px; margin-right : 40px;}
#search_pad{float : left; padding-top : 20px; padding-bottom : 20px; padding-left : 30px; padding-right : 30px;}
#footer{float : left; color : #FFFFFF; width : 780px; height : 20px; background : #0091DA; border-top : #FFFFFF solid 1px;}
#footer p{margin : 0px; color : #FFFFFF; font-size : 65%; line-height : 20px; margin-left : 10px;}
#footer p a{color : #FFFFFF; text-decoration : none;}
#footer p a:hover{color : #FFFFFF; text-decoration : underline;}

h1{color : #0091DA; font-weight : normal; line-height : 35px; font-size : 120%; border-bottom : #ACD440 solid 1px;}
h2{color : #5B5F63; line-height : 16px; font-size : 70%; margin-top : 10px; margin-bottom : 10px;}
p,label{color : #5B5F63; line-height : 16px; font-size : 70%; margin-top : 10px; margin-bottom : 10px;}
ul,ol{color : #0091DA; line-height : 16px; font-size : 70%; margin-left : 20px; margin-top : 10px; margin-bottom : 10px;}
a{color : #0091DA; text-decoration : none;}
a:hover{color : #0091DA; text-decoration : underline;}

div.news_snippet{float : left; display : inline; margin-left : 10px; margin-top : 7px; background : url(../pics/news_snippet_bg.gif) top left no-repeat; width : 163px; height : 128px;} 
div.news_snippet div{padding : 10px; font-size : 70%;}
div.news_snippet div a{color : #0091DA; text-decoration : none;}
div.news_snippet div a:hover{color : #0091DA; text-decoration : underline;}
div.news_snippet div span{color : #84878A;}
div.news_snippet div img, div.summary_box img{border : #0091DA solid 1px; margin-top : 8px;}

.left_nav{float : left; width : 147px; height : auto; background : url(../pics/leftnav_top.gif) top left no-repeat; padding-top : 83px;}
#left_nav ul {float : left; display : inline; padding: 0px; margin: 0px;  width:147px; list-style:none;}
#left_nav li{float : left; display : block; margin : 0 0 10px 0; width : 100%; line-height : 11px;}
#left_nav li.active {float : left; width : 100%;  background-color : #D8E1E2; background-color : #f47800; border : 0px; }
#left_nav ul ul {float: left; display : inline; margin: 7px 0 0 0px; width: 147px; list-style: none;	border-top : 1px solid #FFFFFF;}
#left_nav ul ul li{float: left; display: block; margin: 0 0 0 0;	width: 100%;	background-color : #4db2e5; border-bottom : 1px solid #FFFFFF;}
#left_nav ul ul li a{display: block; font:normal 1.1em Verdana,Arial,Helvetica,san-serif; padding : 5px 3px 4px 10px; color : #FFFFFF; }
#left_nav ul ul li a:hover{display: block; font-weight: normal;	background-color: #9bcb1a;	text-decoration: none;}
#left_nav ul ul li.active{float: left; display: block; margin: 0 0 0 0; width: 100%; line-height: 20px; background-color : #9bcb1a; border-bottom : 1px solid #FFFFFF;}


#right_images{margin-left : 4px; margin-top : 10px;}
#right_images img{border : #2D94C7 solid 1px; margin-bottom : 10px;}

#related{width : 160px; margin-bottom : 10px; height : auto; margin-left : 11px; background : #FFFFFF;}
#related h4{width : 160px; text-align : center; height : 25px; line-height : 25px; border-bottom : #E6E7E8 solid 1px; color : #5B5F63; font-size : 70%;}
#related div{height : auto; width : 160px; padding-bottom : 5px; background : #FFFFFF  url(../pics/relatedlink_bg.gif) bottom left no-repeat;}
#related div a{margin : 5px 10px 0px 10px; display : block; height : auto; width : 136px; color : #2D94C7; font-size : 65%; text-decoration : none;}
#related div a:hover{margin : 5px 10px 0px 10px; display : block; height : auto; width : 136px; color : #2D94C7; font-size : 65%; text-decoration : underline;}
#summary_container{float : left; display : inline; margin-top : 10px; background : #DEDFE0; width : auto; height : auto; width : 633px;}
div.summary_box{float : left; font-size : 70%; display : inline; margin-top : 10px; width : 180px; height : auto; background : #FFFFFF url(../pics/summary_box_bg.gif) bottom left no-repeat;;}
#summary_pad{float : left; padding-left : 35px; padding-bottom : 10px;}
div.summary_box div{padding : 5px;}
.contact_form{width : 370px; margin-bottom : 10px;}
img.staff_image{border : #0091DA solid 1px; float : right; margin-bottom : 10px;}
div.experience{float : left; display : inline; margin-bottom : 10px; width : 190px; height : 137px; background : #FFFFFF url(../pics/experience_bg.gif) no-repeat;}
div.experience div{float : left; display : inline; padding : 10px;}
div.experience img{float : right; margin-left : 10px; width : 60px; height : 75px; border : #0091DA solid 1px;}
div.experience div p{float : left; width : 95px; line-height : 12px;}

/*Lightbox*/
#lightbox{position: absolute;	left: 0;	width: 100%;	z-index: 100;	text-align: center;	line-height: 0;	}
#lightbox a img{ border: none; }
#outerImageContainer{position: relative; background-color: #fff; width: 250px; height: 250px;margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position: absolute;	top: 40%;	left: 0%;	height: 25%;	width: 100%;	text-align: center;	line-height: 0;}
#hoverNav{position: absolute;	top: 0;	left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%; height: 100%; background: transparent url(../pics/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../pics/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../pics/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto;width: 100%;}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{position: absolute; top: 0;	left: 0; z-index: 90; width: 100%;	height: 500px; background-color: #000;}


/* 
The contents of this file is licensed material and is copyright to arkom creative technology. It is protected by international copyright laws. It may not be modified, copied in whole or in part except in the manner expressly stated in the license agreement. If you are in any doubt as to what you are allowed to do, contact us at www.arkom.co.uk.
*/