@import url("reset.css");
@import url("text.css");
@import url("960.css");
@import url("ui.datepicker.css");
@import url("ui.accordion.css");

#page{position:relative; width:1024px;}

#header{background:url(../img/header.gif); position:relative; height:131px; width:904px; padding:0 60px;}
	#logo{width:210px; height:90px; float:left; margin-top:20px;}
		a.logo{width:210px; height:90px; background:url(../img/logo.gif); display:block; text-indent:-9999px;}
		#strapline{width:507px; height:39px; background:url(../img/strapline.png); float:right; margin-top:40px;}

	
		#home ul#menu{ list-style-type:none; position:relative; top:-15px; left:-40px; width:900px; margin-bottom:0; margin-top:0; }
		ul#menu{ list-style-type:none; position:relative;  left:-40px;  width:900px; margin-bottom:0; margin-top:0; padding-top:5px;}
			ul#menu li{display:inline; margin-left:0; margin-top:20px; }
			ul#menu li a.last{padding-right:0; }
			#home ul#menu li a{color:#FFF; font-weight:700; font-family: Helvetica, Arial, sans-serif; text-decoration:none; padding:10px 6px 0 5px; font-size:12px;}
			ul#menu li a{color:#FFF; font-weight:700; font-family: Helvetica, Arial, sans-serif; text-decoration:none; padding:15px 6px 0 5px; font-size:12px; }
			ul#menu li a:hover, ul#menu li a.selected { color:#F799D1; font-weight:700;  text-decoration:underline; }
			
			
			
			/**Homepage Styles**/
			
			#home #feature{background:url(../img/feature-bg.gif) repeat-x; height:278px; width:904px; padding:20px 60px 10px 60px;}
			#feature{height:30px; background:url(../img/feature-bg.gif) repeat-x;  width:904px; padding:10px 60px 10px 60px;}
					#home #welcome{background:url(../img/welcome-bg.png)  no-repeat; padding-left:350px; padding-top:10px; width:605px; height:200px; margin-top:-10px;}
					#home #welcome h1{color:#EC008C; font-size:20px; margin-bottom:10px;}
					#home #welcome p{ width:500px;}
					
			#home #thirds{ width:904px; padding:10px 60px;}
					.third{width:281px; height:310px; float:left; margin-right:30px; position:relative;}
					.third h2{ font-size:16px; border-bottom:3px solid;}
					.third img{}
					.third p{ font-size:12px;}
					.third a{ font-weight:700; position:absolute; bottom:0;}
					
						#b-rooms h2{color:#ec008b; border-bottom-color:#ec008b;}
						#b-rooms a{color:#ec008b; }
						
						#fit-suite h2{color:#fb78aa; border-bottom-color:#fb78aa;}
						#fit-suite a{color:#fb78aa; }
						
						#latest-offers{margin-right:0;}
						#latest-offers h2{color:#fa94d0; border-bottom-color:#fa94d0;}
						#latest-offers a{color:#fa94d0;}
			
			#home #bottom{padding:20px 60px; margin-top:10px; background:url(../img/bottom-bg.gif) repeat-x; height:207px;}
			#bottom{padding:20px 60px; margin-top:10px; background:url(../img/bottom-bg.gif) repeat-x; height:20px;}
					#bottom img{border:none; }
					#bottom #more{ margin-right:30px; float:left;}
					#bottom #membership{float:left;}
					
			
					
			/** inner page styles**/		
			#content{padding:20px 60px; }		
		
			#left{ width:570px; float:left; margin-right:30px;}
			#content h1{color:#EC008C; font-size:18px; line-height:27px; margin-bottom:15px;  margin-top:0; border-bottom:3px solid #EC008C;}
			#content h2{color:#666666; font-size:15px; margin-bottom:12px;  border-bottom:1px solid #CCCCCC; padding-bottom:4px;}
			#content h3{color:#ec008b; font-size:14px; line-height:21px; margin-bottom:10px; border-bottom:1px solid #ec008b;}
			#content h4{color:#f37982; font-size:13px; margin-bottom:9px;  border-bottom:1px dotted #CCCCCC; padding-bottom:4px;}
			#content ul{margin-left:0; padding-left:0; list-style-position:inside; margin-top:5px;}
			#content ul li{margin-left:10px; color:#666;}
			#content a{color:#EC008B;}
			
			ul#opening-hours{list-style-type:none;}
			ul#opening-hours li{text-align:left; margin-left:0;}
			ul#opening-hours li span{}
			#right{width:280px; float:right;}


#home #footer{border-top:1px solid #CCC;  margin-top:20px; padding-top:0;}
#footer{ padding-top:0;}
#footer p{margin-top:5px;}
#footer a{color:#F799D1;}

.floatl{float:left; }
.floatr{float:right; }


/* Contact Form Styles*/
		form#contact{background:#f9f9f9; border:1px solid #CCC; padding:10px;}
		form#contact label{width:50%;float:left; color:#606060;}
		form#contact div{margin-bottom:5px;}
		form#contact input{ border:1px solid #606060; float:left; padding:5px; height:15px; width:245px; margin-bottom:5px;}
		form#contact textarea{  float:left; padding:5px; width:245px; margin-bottom:5px;}
		form#contact input#submit{ width:100px; height:40px; padding:10px; clear:both; margin-bottom:20px; background:#ec008b; color:#FFF; border:2px solid #CCC;}
		span.blue{color:#ec008b; font-weight:700;}
		
		#alert h4.warning{background:#FEEFB3; color:#D2AC5F; border:1px solid #D2AC5F; padding:5px; width:90%; margin-bottom:5px;}
#alert h4.success{background:#CEE6C3; color:#1E9145; border:1px solid #1E9145; padding:5px; width:90%; margin-bottom:5px;}

.grey-alert{padding:10px; background:#f9f9f9; border:1px solid #CCC;}

.studio{margin-bottom:20px;}
.studio-details{width:450px; float:left;}
.studio-map{width:300px; float:right;}

table#timetable{border:1px solid #CCCCCC; border-collapse:collapse;}
table#timetable td, table#timetable tr{border:1px solid #CCCCCC; text-align:left; padding:5px; font-size:1.1em;}
table#timetable th{border:1px solid #CCCCCC; background:#e9e9e9; font-weight:700; text-align:left; padding:5px; font-size:1.2em;}