/* 
Title:     		Capricorn
date:   		November 2007
*/		

				* { margin: 0; padding: 0; list-style-type: none; outline: none}
				body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; background-color: #000000; color: #000; text-align: center;}
				
				img { border: none; margin: 0; padding: 0;}
				a img { border: none; margin: 0; padding: 0;}
				
				div, p, form, h1, h2, h3, h4, h5, hr, ul, dl, dd, dt, ul, ol, li, object, param, table, tr, td, th
				{ margin: 0; padding: 0;}
				h1,h2,h3,h4,h5 { margin: 0; padding: 0;}
				
				input,textarea,button,select { font-family: Arial, Helvetica, sans-serif;}
				table { display: block; border-collapse: collapse; border: none;}
				th { text-align: left;}
			
/* structure Styles 
---------------------------------------------------------- */
				#container { width: 964px; height: 537px; padding: 0; margin: 40px 20px 0 20px; text-align: left; margin-left: auto; margin-right: auto;}
					.hp { background-image: url(../images/hp-background.jpg); background-position: 0 0; background-repeat: no-repeat;}
					.facilities { background-image: url(../images/main-background.gif); background-position: 0 0; background-repeat: no-repeat;}
					.booking { background-image: url(../images/main-background2.gif); background-position: 0 0; background-repeat: no-repeat;}
					.aboutus { background-image: url(../images/main-background3.gif); background-position: 0 0; background-repeat: no-repeat;}

				#header { width: 912px; height: 159px; text-align: right; padding-right: 52px;}
				#wrapper { width: 964px; height: 235px; margin: 0; padding-top: 15px;}
				
				ul#main-imgs { width: 964px; margin: 0 0 0 50px; clear: both;}
				#main-imgs li { display: inline; float: left; margin-right: 27px;}
				.last { margin-right: 0;}
				
				#wrapper-nav { width: 964px;}
				#col1 { width: 834px; float: left; position: relative;}
				#col2 { width: 130px; float: right; display: inline; position: relative;}
				
				#wrapper-about { width: 964px;}
				#twocols { float: right; width: 631px; position: relative;}
				#leftcol { float: left; position: relative; margin: 0; padding: 0; width: 333px;} 
				#maincol { float: left; display: inline; position: relative; margin: 0; padding: 0; width: 219px;}
				#rightcol { float: right; position: relative; margin: 0; padding: 0; width: 114px;}	
				
				
/* navigation
---------------------------------------------------------- */	
				#nav-hp { position: relative; width: 909px; padding: 410px 55px 0 0;}
				#nav-hp li { font-size: 80%; display: block; float: right; clear: right; margin-bottom: 6px;}
				
				#nav-hp .last { margin-right: 0;}
				
				li.home-hp { background: transparent url(../images/nav/home-hp.gif) no-repeat 0 0; width: 39px; height: 14px;}
				li.home-hp a { width: 39px; height: 14px; display: block; padding-top: 14px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/home-hp.gif) no-repeat -39px 0;}
				li.home-hp a:hover { background-position: 0 -14px; z-index: 50;}				
				li.home-hp-over { background: transparent url(../images/nav/home-hp-over.gif) no-repeat 0 0; width: 39px; height: 0; display: block; padding-top: 14px; color: #cccccc; overflow: hidden;}
				* html li.home-hp a:link, * html li.home-hp a:visited { height: 14px; he\ight:0;}
				* html li.home-hp a:hover { height: 14px; he\ight:0;}
												
				li.facilities-hp { background: transparent url(../images/nav/facilities-hp.gif) no-repeat 0 0; width: 63px; height: 14px; display: block;}
				li.facilities-hp a { width: 63px; height: 0; display: block; padding-top: 14px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/facilities-hp.gif) no-repeat -63px 0;}
				li.facilities-hp a:hover { background-position: 0 -14px; z-index: 50;}
				li.facilities-hp-over { background: transparent url(../images/nav/facilities-hp-over.gif) no-repeat 0 0; width: 63px; height: 0; display: block; padding-top: 14px; color: #cccccc; overflow: hidden;}
				* html li.facilities-hp a:link, * html li.facilities-hp a:visited { height: 14px; he\ight: 0;}
				* html li.facilities-hp a:hover { height: 14px; he\ight: 0;}
				
				li.booking-hp { background: transparent url(../images/nav/booking-hp.gif) no-repeat 0 0; width: 56px; height: 14px; display: block;}
				li.booking-hp a { width: 56px; height: 0; display: block; padding-top: 14px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/booking-hp.gif) no-repeat -56px 0;}
				li.booking-hp a:hover { background-position: 0 -14px; z-index: 50;}
				li.booking-hp-over { background: transparent url(../images/nav/booking-hp-over.gif) no-repeat 0 0; width: 56px; height: 0; display: block; padding-top: 14px; color: #cccccc; overflow: hidden;}
				* html li.booking-hp a:link, * html li.booking-hp a:visited { height: 14px; he\ight: 0;}
				* html li.booking-hp a:hover { height: 14px; he\ight: 0;}
				
				li.aboutus-hp { background: transparent url(../images/nav/aboutus-hp.gif) no-repeat 0 0; width: 62px; height: 14px; display: block;}
				li.aboutus-hp a { width: 62px; height: 0; display: block; padding-top: 14px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/aboutus-hp.gif) no-repeat -62px 0;}
				li.aboutus-hp a:hover { background-position:0 -14px; z-index: 50;}
				li.aboutus-hp-over { background: transparent url(../images/nav/aboutus-hp-over.gif) no-repeat 0 0; width: 62px; height: 0; display: block; padding-top: 14px; color: #cccccc; overflow: hidden;}
				* html li.aboutus-hp a:link, * html li.aboutus-hp a:visited { height: 14px; he\ight: 0;}
				* html li.aboutus-hp a:hover { height: 14px; he\ight: 0;}

				* html #nav a:hover { height: 12px; he\ight: 0;}
				#nav a { display: block; height: 0; overflow: hidden; }
				* html #nav a:link, * html #nav a:visited { height: 12px; he\ight: 0;}
				
				/* navigation 2
				---------------------------------------------------------- */	
				#nav { position: relative; padding: 0; margin-right: 52px; clear: both;}
				#nav li { font-size: 80%; display: block; float: right; clear: right; margin-bottom: 6px;}
				
				#nav2 { position: relative; padding: 0; margin-right: 52px; clear: both; margin-top: 409px;}
				#nav2 li { font-size: 80%; display: block; float: right; clear: right; margin-bottom: 6px;}
				
				#nav .last { margin-right: 0;}
				
				li.home { background: transparent url(../images/nav/home.gif) no-repeat 0 0; width: 39px; height: 14px;}
				li.home a { width: 39px; height: 14px; display: block; padding-top: 14px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/home.gif) no-repeat -39px 0;}
				li.home a:hover { background-position: 0 -14px; z-index: 50;}				
				li.home-over { background: transparent url(../images/nav/home-over.gif) no-repeat 0 0; width: 39px; height: 0; display: block; padding-top: 14px; color: #cccccc; overflow: hidden;}
				* html li.home a:link, * html li.home a:visited { height: 14px; he\ight:0;}
				* html li.home a:hover { height: 14px; he\ight:0;}
												
				li.facilities { background: transparent url(../images/nav/facilities.gif) no-repeat 0 0; width: 63px; height: 14px; display: block;}
				li.facilities a { width: 63px; height: 0; display: block; padding-top: 14px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/facilities.gif) no-repeat -63px 0;}
				li.facilities a:hover { background-position: 0 -14px; z-index: 50;}
				li.facilities-over { background: transparent url(../images/nav/facilities-over.gif) no-repeat 0 0; width: 63px; height: 0; display: block; padding-top: 14px; color: #cccccc; overflow: hidden;}
				* html li.facilities a:link, * html li.facilities a:visited { height: 14px; he\ight: 0;}
				* html li.facilities a:hover { height: 14px; he\ight: 0;}
				
				li.booking { background: transparent url(../images/nav/booking.gif) no-repeat 0 0; width: 56px; height: 14px; display: block;}
				li.booking a { width: 56px; height: 0; display: block; padding-top: 14px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/booking.gif) no-repeat -56px 0;}
				li.booking a:hover { background-position: 0 -14px; z-index: 50;}
				li.booking-over { background: transparent url(../images/nav/booking-over.gif) no-repeat 0 0; width: 56px; height: 0; display: block; padding-top: 14px; color: #cccccc; overflow: hidden;}
				* html li.booking a:link, * html li.booking a:visited { height: 14px; he\ight: 0;}
				* html li.booking a:hover { height: 14px; he\ight: 0;}
				
				li.aboutus { background: transparent url(../images/nav/aboutus.gif) no-repeat 0 0; width: 62px; height: 14px; display: block;}
				li.aboutus a { width: 62px; height: 0; display: block; padding-top: 14px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/aboutus.gif) no-repeat -62px 0;}
				li.aboutus a:hover { background-position:0 -14px; z-index: 50;}
				li.aboutus-over { background: transparent url(../images/nav/aboutus-over.gif) no-repeat 0 0; width: 62px; height: 0; display: block; padding-top: 14px; color: #cccccc; overflow: hidden;}
				* html li.aboutus a:link, * html li.aboutus a:visited { height: 14px; he\ight: 0;}
				* html li.aboutus a:hover { height: 14px; he\ight: 0;}

				* html #nav a:hover { height: 12px; he\ight: 0;}
				#nav a { display: block; height: 0; overflow: hidden; }
				* html #nav a:link, * html #nav a:visited { height: 12px; he\ight: 0;}
				
				* html #nav2 a:hover { height: 12px; he\ight: 0;}
				#nav2 a { display: block; height: 0; overflow: hidden; }
				* html #nav2 a:link, * html #nav2 a:visited { height: 12px; he\ight: 0;}
				
				/* subnav
				---------------------------------------------------------- */	
				#subnav { position: relative; clear: both;}
				#subnav li { font-size: 80%; display: block; margin: 0 0 5px 50px; clear: right;}
				
				#subnav .last { margin-right: 0;}
				
				li.studio1 { background: transparent url(../images/nav/studio1.gif) no-repeat 0 0; width: 55px; height: 14px;}
				li.studio1 a { width: 55px; height: 14px; display: block; padding-top: 14px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/studio1.gif) no-repeat -55px 0;}
				li.studio1 a:hover { background-position: 0 -14px; z-index: 50;}				
				li.studio1-over { background: transparent url(../images/nav/studio1-over.gif) no-repeat 0 0; width: 55px; height: 0; display: block; padding-top: 14px; color: #cccccc; overflow: hidden;}

				* html li.studio1 a:link, * html li.studio1 a:visited { height: 14px; he\ight:0;}
				* html li.studio1 a:hover { height: 14px; he\ight:0;}
												
				li.studio2 { background: transparent url(../images/nav/studio2.gif) no-repeat 0 0; width: 57px; height: 14px;}
				li.studio2 a { width: 57px; height: 14px; display: block; padding-top: 14px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/studio2.gif) no-repeat -57px 0;}
				li.studio2 a:hover { background-position: 0 -14px; z-index: 50;}				
				li.studio2-over { background: transparent url(../images/nav/studio2-over.gif) no-repeat 0 0; width: 57px; height: 0; display: block; padding-top: 14px; color: #cccccc; overflow: hidden;}

				* html li.studio2 a:link, * html li.studio2 a:visited { height: 14px; he\ight:0;}
				* html li.studio2 a:hover { height: 14px; he\ight:0;}
				
				* html #subnav a:hover { height: 12px; he\ight: 0;}
				#subnav a { display: block; height: 0; overflow: hidden;}
				* html #subnav a:link, * html #subnav a:visited { height: 12px; he\ight: 0;}				

/* content styles
--------------------------------------------------------- */
				
				h1 { font-size: 100%; text-align: center;}
				
				.maincolintro { margin: 40px 0 0 15px;}
																
				#main-content { margin: 45px 15px 0 0; font-weight: bold; color: #FFFFFF; text-align: right;}
				#main-content p { font-size: 70%; margin-top: 10px;}

				#main-content a, #main-content a:visited { color: #000000; text-decoration: underline;}
				#main-content a:hover, #main-content a.active { color: #666666;}
				
				ul.navlist { margin-top: 5px; padding: 0; list-style: none; color: #FFFFFF; font-size: 70%; display: inline-block;}
				ul.navlist li { margin: 0; padding: 0;}
				ul.navlist li a { display: block; padding: 0.5em; background: #ddd;}
				
				#map { margin: 14px 0 0 15px;}
				
/* forms
---------------------------------------------------------- */	
				#bookingForm { width: 842px; height: 198px; margin: 0 52px 0 50px; padding: 10px; background-color: #FFFFFF;}
				#bookingForm table { /*width: 862px;*/}
				#bookingForm td { padding: 0; margin: 0;}
				#bookingForm .input { border: 1px solid #000000; width: 240px; margin-bottom: 5px; padding: 7px;}
				#bookingForm .input2 { border: 1px solid #000000; width: 370px; margin-bottom: 5px; padding: 7px;}
				#bookingForm .input3 { border: 1px solid #000000; width: 240px; height: 78px; margin-bottom: 5px; padding: 7px;}
				#bookingForm p { font-size: 80%; margin-bottom: 5px;}
				#submitButton { vertical-align: text-bottom; margin-left: 10px;}

/* additional styles
---------------------------------------------------------- */ 
				.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
				.clearfix { display: inline-table;}
				/* Hides from IE-mac \*/
				* html .clearfix { height: 1%;}
				.clearfix { display: block;}
				/* End hide from IE-mac */86966