/* CSS Document */


/* Layout =================================================================================================== */
html, body { margin: 0; padding: 0; height: 100%; }
body { background: url(../images/bg.gif) repeat-x #F7FCFF; font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 80%; }

	#wrapper { /*width: 950px;*/ margin: 0 auto; background: url(../images/bg2.jpg) no-repeat center 42px; min-height: 100%; position: relative; }
		#topMenuHolder { width: 950px; margin: 0 auto; height: 42px; }
			#topMenu { list-style: none; }
				#topMenu li { float: left; padding-right: 10px; margin-right: 10px; }
				#topMenu li.selected { /*background: #930;*/ color: #000; } 
					#topMenu li a { display: block; padding: 10px 8px 23px 8px; color: #FFF; font-weight: bold; text-decoration: none; }
						/*#topMenu li a span.hoverLeft, #topmenu li a span.hoverRight { display: block; width: 8px; height: 45px; margin-top: -10px; }*/
						#topMenu li a:hover span.hoverLeft, #topMenu li.selected a span.hoverLeft { display: block; width: 8px; height: 45px; margin-top: -10px; float: left; background: url(../images/topMenu/left.png); margin-left: -15px; }
						#topMenu li.selected span.hoverRight, #topMenu li:hover span.hoverRight { display: block; width: 8px; height: 45px; float: right; background: none; margin-right: -8px; }
						#topMenu li.selected span.hoverRight { background: url(../images/topMenu/right.png) !important; }
						/*#topMenu li span.hoverRight:hover { background-image: none; }*/
						
					#topMenu li a:hover, #topMenu li.selected a { text-decoration: underline; color: #FF4E00; background:url(../images/topMenu/bottom.png) no-repeat bottom center;  }
					#topMenu li.selected a { color: #000; text-decoration: none; }
		
		#mainContent { width: 950px; margin: 0 auto; padding: 20px 0px 140px 0px; }
		
			.indexImage { width: 285px; padding: 5px; float: left; margin-left: 20px; }
				.indexImage a { display: block; position: relative; width: 283px; height: 150px; border: 1px solid black; overflow: hidden }
					.indexImage a.indexImage1 { background: url(../images/index1.jpg) }
					.indexImage a.indexImage2 { background: url(../images/index2.jpg) }
					.indexImage a.indexImage3 { background: url(../images/index3.jpg) }
					.indexImage img { position: absolute; bottom: 5px; right: 5px; }
					
					.indexHover { height: 40px; width: 100%; background: url(../images/50black.png); position: absolute; bottom: -40px; }
						.indexHover span { font-size: 20px; color: #FFF; padding: 7px; float: right; }
				
				.indexImage a div span:hover { text-decoration: underline; }
				
			.imageHolder { width: 285px; padding: 5px; float: left; margin-left: 20px; }
				.imageHolder img { border: 1px solid black; }
	
	#footer { position: absolute; bottom: 0; width: 100%; height: 120px; background: #505050 url(../images/footer.gif) top right no-repeat; padding-top: 10px; color: #fff; font-size: 90%; }
		#innerFooter { width: 950px; margin: 0 auto; }
			#copyright { font-size: 95%; }
			#innerFooter a:link, #innerFooter a:visited, #innerFooter a:active { color: #FAE168; text-decoration: underline; }
			#innerFooter a:hover { color: #FF8C27; }
	
	
	
/* Typography =================================================================================================== */

h1 { font-size: 20px; color: #673F8A; margin: 15px 0 8px; border-bottom: 1px dotted #ACCADE; }
h2 { font-size: 16px; color: #673F8A; margin: 0px 0 8px; font-weight: bold; }
h3 { font-size: 14px; color: #CC3E00; margin: 4px 0px 4px; font-weight: bold; font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial; }
	#footer h3 { color: #FFF; }
h4 { }

p  { margin: 0 0 15px; line-height: 1.7em; }

ul { margin-left: 30px; }
ul.colourBullets { margin-left: 50px; list-style-image:url(../images/orange-bullet.gif); }





.clear { clear: both; }
.spacer { height: 30px; }





/* Forms =================================================================================================== */

/* QUICK FORM ======================= */

form.quickForm { }

	form.quickForm div.top { background: url(../images/QuickContact.png) top center; height: 10px; }
	form.quickForm div.bg { background: url(../images/QuickContact.png) bottom center; padding: 15px 15px 54px 15px; }

		form.quickForm p { margin-bottom: 7px; }
	
		form.quickForm fieldset { padding: 5px; margin: 12px 0px 20px; }
			form.quickForm legend {margin-top: -12px; padding: 6px; font-weight: bold; }
		
		form.quickForm label { display: block; float: left; width: 70px; }
		form.quickForm input[type='text'] { width: 203px; }
	
	
		form.quickForm .submit { font-weight: bold; float: right; padding: 2px 7px; maargin-top: 5px; }


#mapPanel { height: 350px; }




/* Gallery ======================= */

.gallery_demo{width:200px;float:left;}
	.gallery_demo li{width:55px;height:70px;border:3px double #eee;margin: 0 2px 2px 0;background:#eee;}
	.gallery_demo li.hover{border-color:#bbb;}
	.gallery_demo li.active{border-style:solid;border-color:#222;}
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	.galleria_container{margin:0 auto 60px auto;height:438px;width:700px;float:right;}
	
	.nav{padding-top:15px;clear:both;}
	
	.info{text-align:left;margin:30px 0;border-top:1px dotted #221;padding-top:30px;clear:both;}
	.info p{margin-top:1.6em;}
	
	.nav{position:absolute;top:410px;left:0;}
	
	
	
	.galleryList { padding: 5px 0px 0px 30px; width: 100%; }
		.galleryList h4 { font-weight: bold;}
		.galleryList ul { list-style-type: none; margin-left: 0px; padding: 5px; }
			.galleryList li { }
				.galleryList a { display: block; width: auto; padding: 0px 5px 0px 24px; margin: 0px 0px 5px 0px; text-decoration: none; color: black; text-decoration: underline;  }
				.galleryList a.selected { background: url(../images/arrow_small.png) no-repeat 4px 2px;  }
				.galleryList a:hover { background: url(../images/arrow_medium.png) no-repeat 4px 2px; color: #58A1D4; }
			
			
	.caption { display: block; padding-top: 10px; font-size: 16px; font-weight: bold; }
	h3.gallery { padding: 10px 0px 20px 0px; }


/* Messages ================================== */

	.msg {padding:10px; padding-left:35px; font-weight: normal; margin-bottom: 10px; }
	.msg.warning {background:url("../images/ico-warning.png") 10px 14px no-repeat; border:2px solid #F2DD8C; background-color:#FFF5CC;}
	.msg.info {background:url("../images/ico-info.png") 10px 14px no-repeat; border:2px solid #B8E2FB; background-color:#E8F6FF;}
	.msg.done {background:url("../images/ico-done.png") 10px 14px no-repeat; border:2px solid #BBDF8D; background-color:#EAF7D9;}
	.msg.error {background:url("../images/ico-delete.png") 10px 14px no-repeat; border:2px solid #FFAEAE; background-color:#FEEBEB;}