/* ================================================
 
Description: Mutant Labs
Author: Atelier Studios
Author URI: http://www.atelier-studios.com/
Date: November 2009

==================================================*/


/*------------------------------------------------

		1. Global Resets
		
		2. Typography
		
		3. Link Styles

		4. Main Navigation 

		5. Structure
		
		6. Inner Elements
			
		7. Lists 
		
		8. Form Elements 
		
		9. Various Tags & Classes 
						
		10. Headers
		
		11. Buttons
		



/*==================================================================================================


	1. Global Resets
 
 
 ====================================================================================================*/





html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-family:inherit;
	vertical-align:baseline;
	/*border: 1px solid red;*/
	}
	
body { 
	line-height:1.5;
	}
	
html, body {
	height: 100%;
	}	

table { 
	border-collapse:separate; border-spacing:0; 
	}

caption, th, td { 
	font-weight:normal; 
	}

table, td, th { 
	vertical-align:middle; 
	}

blockquote:before, blockquote:after, q:before, q:after { 
	content:""; 
	}

blockquote, q { 
	quotes:"" ""; 
	}

a img { 
	border:none; 
	}


/* Reset all margins/padding */

* { 
	margin:0;
	padding:0;
	}

/* Gets rid of outlined links in Firefox */

a {
	outline: none;
	}


/* No boders on images and displays them as block level elements in IE6 */

img {
	border:0;
	padding: 0;
	margin: 0;
	display: block;
	}


/* IE PNG Fix http://www.twinhelix.com/css/iepngfix/ */
		
div.logo_holder a, div.nav_holder { behavior: url(/furniture/js/iepngfix.htc) }

/* Alternatively, you can specify that this will apply to all tags like so:
		   
		   * { behavior: url(/furniture/js/iepngfix.htc) }
*/




/*==================================================================================================


	2. Typography
 
 
 ====================================================================================================*/
 
body {
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	margin:0;
	padding:0;
	height: 100%;
	background:url(../images/backgrounds/main_bg_texture.jpg) center top #FFD405 no-repeat;
	}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td  {
	font-family:Arial, Helvetica, sans-serif;

	}

p {
	padding: 0 0 15px 0;
	font-size:12px;
	line-height:20px;
	}
	
	div.homepage_feature_col_1 p {
	font-size:11px;
	line-height:16px;}
	
	div.homepage_feature_col_2 p {
	font-size:11px;
	line-height:16px;}
	
	div.homepage_feature_col_3 p {
	font-size:11px;
	line-height:16px;}
	
	div.sidebar_grey_border_box p {
	font-size:12px;}
	
	span.small_text, p.small_text {
	font-size: 10px;	
	}
	
h3.page_title {
	float:left;
	width:552px;
	font-size:28px;
	color:#303030;
	font-weight:normal;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	padding:20px 0 20px 0;
	margin-bottom:15px;}

div.sidebar_grey_border_box h4 {
	font-size:26px;
	background-image:url(../images/icons/warning_sign.jpg);
	background-repeat:no-repeat;
	background-position:190px 0px;
	letter-spacing:-1px;
	height:30px;
	padding:0;
	margin:0;
	font-weight:normal;
	color:#5a5a5a;}
	
div.sidebar_grey_border_box h5 {
	font-size:18px;
	margin-bottom:15px;
	font-weight:normal;
	color:#c6c6c6;}
	
	
h1 {
	font-size:30px;
	color:#545454;
	font-weight:normal;
	margin-bottom:15px;}
	
h2 {
	font-size:26px;
	color:#545454;
	font-weight:normal;
	margin-bottom:15px;}
	
h3 {
	font-size:22px;
	color:#545454;
	font-weight:normal;
	margin-bottom:15px;}
	
h4 {
	font-size:18px;
	line-height:1.2em;
	color:#545454;
	font-weight:normal;
	margin-bottom:15px;}
	
h5 {
	font-size:16px;
	color:#545454;
	font-weight:normal;
	margin-bottom:15px;}
	
div.session_on_holder h3 {
	font-size:20px;
	padding:0 0 5px 0;
	margin:0;
	color:#4F4D45;}
	
div.session_on_holder h4 {
	font-size:18px;
	padding:0;
	margin:0;
	color:#FFFFFF;}
	
div.left_session_col p {
	color:#4F4D45;}

div.right_session_col p {
	color:#4F4D45;}
	
.booking_table small {
	line-height:14px;}
	
.available_link small {
	padding:0;
	color:#FFFFFF;
	line-height:16px;
	font-weight:normal;
	font-size:11px;
	margin:0;}
	
	div.booked_holder p {
	padding:0;
	color:#FFFFFF;
	font-weight:bold;
	line-height:16px;
	margin:0;}
	
	div.booked_holder small {
	padding:0;
	color:#FFFFFF;
	line-height:16px;
	font-size:11px;
	margin:0;}

.intro {
	color:#FAA306;
	font-size:22px;
	/*font-weight:bold;*/
	line-height:1.4em;
	}

p em {
font-style:italic;
}

/*==================================================================================================


	3. Link Styles 
 
 
 ====================================================================================================*/

div.internal_padding a {
	color:#C53082;
	text-decoration: underline;
	}
	
	div.internal_padding a:hover {
	color:#C53082;
	text-decoration: none;
	}
	
div.footer_wrapper div.footer_holder li a {
	color: #999999;
	font-size:11px;
	text-decoration:none;
	}
	
	div.footer_wrapper div.footer_holder li a:hover  {
	color: #FFFFFF;
	text-decoration: underline;
	}
	
div.footer_corp_links a:link, div.footer_corp_links a:hover, div.footer_corp_links a:visited, div.footer_corp_links a:active {
	color:#FFFFFF;
	text-decoration:none;}

	
a:link.available_link, 
a:visited.available_link, 
a:active.available_link {
	float:left;
	width:74px;
	font-weight:bold;
	padding:10px;
	margin-bottom:10px;
	color:#FFFFFF;
	text-decoration:none;
	border:3px solid #FFE35B;
	background-color:#8CC516;}
	
	a:hover.available_link {
	float:left;
	width:74px;
	font-weight:bold;
	padding:10px;
	margin-bottom:10px;
	color:#FFFFFF;
	text-decoration:none;
	border:3px solid #72AC1A;
	background-color:#8CC516;}
	
.booking_calender a:link, 
.booking_calender a:active, 
.booking_calender a:visited {
	color:#FFFFFF;
	text-decoration:none;}
	
.booking_calender a:hover {
	text-decoration:underline;}
	

.calender_date a:link, 
.calender_date a:active, 
.calender_date a:hover, 
.calender_date a:visited {
	color:#666666;
	text-decoration:none;}
	
	

	
/*==================================================================================================


	4. Navigation 

	
==================================================================================================*/

.mainnav_holder {
	position:absolute;
	top:263px;
	left: 138px;
	height:60px;
	width: 660px;
	z-index:998;
	}
	
.mainnav_holder li {
	list-style-type:none;
	float:left;
	padding: 0 15px 0 0;
	}
	

.internal_mainnav_holder {
	position:absolute;
	top:196px;
	left:138px;
	width:783px;
	height:60px;
	width:670px;
	z-index:998;}
	
.internal_mainnav_holder li {
	list-style-type:none;
	float:left;
	display:inline;}


div.nav_holder {
	width:922px;
	height:60px;
	position:absolute;
	bottom:-1px;
	left:0px;
	padding:0px;
	background-image:url(../images/navigation/nav_bg.png);
	background-repeat:no-repeat;
	z-index:10;
	}
	

ul.mainnav_holder li a {
	background-image: url(/furniture/images/navigation/main_nav.png);
	background-repeat: no-repeat;
	text-indent: -5000px; 
	overflow:hidden; 
	display:block;
	height:60px;
	text-decoration: none !important;	
	}

	
a.mainnav_what_we_do  {
	width: 140px; 
	padding: 0 20px;
	background-position: 20px 20px;
	}
			  
	a.mainnav_what_we_do:hover { background-position: -140px 20px; }
			  

a.mainnav_about  {
	width: 64px; 
	padding: 0 40px;
	background-position: 42px -36px;
	}
			  
	a.mainnav_about:hover { background-position: -118px -36px; }

a.mainnav_booking  {
	width: 83px;
	padding: 0 28px;
	background-position: 28px -144px;
	}
			  
	a.mainnav_booking:hover { background-position: -132px -144px; }

a.mainnav_gallery  {
	width: 80px;
	padding: 0 28px;
	background-position: 31px -90px;
	}
			  
	a.mainnav_gallery:hover { background-position: -129px -90px; }


div.sub_nav_holder {
	width:300px;
	height:29px;
	position:absolute;
	right:0px;
	top:-12px;}
	

	
.subnav_home  {
			  text-indent: -5000px; overflow:hidden; display:block;
			  width: 73px; height:29px; text-decoration: none !important;
			  background-image:url(../images/navigation/subnav_home.jpg);
			  background-repeat:no-repeat;
			  }
			  .subnav_home:hover {background-position: -73px 0;}
			  

.subnav_about  {
			  text-indent: -5000px; overflow:hidden; display:block;
			  width: 73px; height:29px; text-decoration: none !important;
			  background-image:url(../images/navigation/subnav_about.jpg);
			  background-repeat:no-repeat;
			  }
			  .subnav_about:hover {background-position: -73px 0;}
			  

.subnav_contact  {
			  text-indent: -5000px; overflow:hidden; display:block;
			  width: 103px; height:29px; text-decoration: none !important;
			  background-image:url(../images/navigation/subnav_contact.jpg);
			  background-repeat:no-repeat;
			  }
			  .subnav_contact:hover {background-position: -103px 0;}



/*==================================================================================================


	5. Structure 
	
 
==================================================================================================*/



/*==================================================================================================
	
	
	6. Inner Elements


==================================================================================================*/

div.wrapper {
	margin:25px auto 0 auto;
	width:952px;
	padding:17px;
	position:relative;
	background-color:#f8a305;}
	
div.inner_wrapper {
	width:922px;
	padding:14px 15px 14px 15px;
	background-color:#ffd405;}
	
div.inner_content_holder {
	width:922px;
	float:left;
	background-image:url(../images/backgrounds/content_shadow_repeater.jpg);
	background-repeat:repeat-y;}
	
div.internal_padding {
	float:left;
	width:854px;
	padding:34px 34px 0px 34px;}
	
div.homepage_feature_header {
	float:left;
	width:922px;
	height:325px;
	position:relative;
	/*background-image:url(../images/photographs/home.jpg);
	background-repeat:no-repeat;*/
	}

	body.page89 div.homepage_feature_header {
	background-image:url(../images/photographs/services.jpg);
	}
	body.page105 div.homepage_feature_header {
	background-image:url(../images/photographs/kit.jpg);
	}
	body.page70 div.homepage_feature_header {
	background-image:url(../images/photographs/gallery.jpg);
	}
	body.page72 div.homepage_feature_header {
	background-image:url(../images/photographs/about.jpg);
	}
	body.page109 div.homepage_feature_header {
	background-image:url(../images/photographs/studiobooking.jpg);
	}
	body.page104 div.homepage_feature_header {
	background-image:url(../images/photographs/contact.jpg);
	}


div.internal_feature_header {
	float:left;
	width:922px;
	height:257px;
	position:relative;
	background-image:url(../images/photographs/calender.jpg);
	background-repeat:no-repeat;
	}

div.logo_holder {
	position:absolute;
	top:-11px;
	z-index:999;
	left:-30px;
	width: 312px;
	height: 253px;
	}
	
.logo {
	background: url(/furniture/images/sitewide/logo_new.png) no-repeat 0 0;
	display:block;
	text-indent:-999px;
	overflow:hidden;
	width: 312px;
	height: 253px;
	}
	
div.footer_wrapper {
	width:922px;
	height:253px;
	float:left;
	position:relative;
	background-image:url(../images/backgrounds/footer_bg.jpg);
	margin-top: -40px;
	}
	
div.footer_holder {
	float:left;
	width:565px;
	margin-top:86px;
	padding:15px 0 0 35px;}
	

	
div.footer_col_1 {
	float:left;
	width:150px;
	margin-right:20px;}
	
div.footer_col_2 {
	float:left;
	width:150px;
	margin-right:20px;}
	
div.footer_col_3 {
	float:left;
	width:150px;}
	
div.footer_corp_links {
	float:left;
	width:550px;
	margin-top:28px;
	color:#FFFFFF;}
	

div.homepage_feature_col_1 {	
	float:left;
	width:260px;
	margin-right:35px;}
	
	
div.homepage_feature_col_2 {	
	float:left;
	width:260px;
	margin-right:35px;}
	
div.homepage_feature_col_3 {	
	float:left;
	width:260px;}
	
div.internal_left_col {
	float:left;
	width:552px;}
	
div.internal_right_col{
	float:right;
	width:283px;}
	
div.sidebar_grey_border_box {
	float:right;
	padding:15px;
	width:228px;
	margin-bottom:15px;
	background-color:#FFFFFF;
	border:5px solid #f4f4f2;}
	
	div.sidebar_grey_border_box_acc {
	float:right;
	padding:15px;
	height:272px;
	width:228px;
	overflow: hidden;
	margin-bottom:15px;
	background-color:#FFFFFF;
	border:5px solid #f4f4f2;
	}
	
div.grey_border_box {
	float:left;
	padding:15px;
	width:512px;
	margin-bottom:15px;
	background-color:#FFFFFF;
	border:5px solid #f4f4f2;}
	
div.booking_key {
	float:right;
	width:218px;
	margin-bottom:15px;
	padding:10px 20px 10px 20px;
	border:5px solid #f4f4f2;}
	
	div.available_green {
	float:left;
	width:52px;
	padding:10px;
	color:#FFFFFF;
	font-weight:bold;
	margin-right:6px;
	background-color:#8cc516;}
	
	div.partfree_orange {
	float:left;
	padding:10px;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#ea810d;}
	
	div.booked_red {
	float:right;
	padding:10px;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#dc1414;}
	
div.session_on_holder {
	float:right;
	width:228px;
	margin-bottom:15px;
	padding:20px 20px 10px 20px;
	position:relative;
	background-image:url(../images/backgrounds/sessions_bg.jpg);
	background-repeat:no-repeat;
	background-color:#ffd405;}
	
	div.session_arrow {
	width:15px;
	height:30px;
	position:absolute;
	top:80px;
	left:-15px;
	background-image:url(../images/backgrounds/sessions_arrow.gif);
	background-repeat:no-repeat;}
	
div.left_session_col {
	float:left;
	width:110px;
	margin-top:8px;
	border-right:1px solid #FFE35B;}
	
div.right_session_col {
	float:left;
	width:107px;
	margin-top:8px;
	padding:0 0 0 10px;}
	
.title_live_room {
	padding:0 0 1px 0;
	margin:0;}
	
.title_control_room {
	padding:0 0 1px 0;
	margin:0;}
	
div.booked_holder {
	float:left;
	height:36px;
	width:74px;
	padding:10px;
	margin-bottom:8px;
	background-color:#dc1414;
	border:3px solid #FFE35B;}
	
.booking_calender {
	float:left;
	width:552px;
	margin-bottom:15px;
	background-color:#33CCFF;}
	
.room {
	padding-right:8px;}
	

	
/*==================================================================================================
	
	
	7. Lists 


==================================================================================================*/


div.internal_left_col ul {
	padding:0;
	margin:10px 0 15px 15px;}
	
div.internal_left_col li {
	padding:0;
	margin:0;}

div.nav_holder ul {
	float:left;
	padding:0;
	margin:0;
	text-decoration:none;}
	
div.nav_holder ul li {
	float:left;
	padding:0;
	margin:0 10px 0 0;
	display:inline;
	text-decoration:none;}


div.sub_nav_holder ul {
	float:left;
	padding:0;
	margin:0;
	text-decoration:none;}
	
div.sub_nav_holder ul li {
	float:left;
	padding:0;
	margin:0 7px 0 0;
	display:inline;
	text-decoration:none;}


div.footer_holder ul {
	float:left;
	padding:0;
	margin:0;}
	
div.footer_holder li {
	float:left;
	list-style-type:none;
	padding:3px 0 3px 0;
	width:150px;
	border-bottom:1px solid #373F3C;
	margin:0;}


/*==================================================================================================


	8. TABLES

 
 ====================================================================================================*/


.calender_date  {
	border-left:3px solid #FFFFFF;
	border-right:3px solid #FFFFFF;
	color:#666666;
	background-color:#FFF5C7;
	text-align:center;
	font-size:26px;}
	
.calender_date td {
	border-bottom:3px solid #FFFFFF!important;
	padding:10px 0 10px 0;}

.calender_days, .OtherMonth {
	border-left:3px solid #FFFFFF;
	border-right:3px solid #FFFFFF;
	border-bottom:3px solid #FFFFFF;
	text-align:center!important;
	font-weight:bold;
	padding:8px;
	color:#999999;
	background-color:#FFF5C7;
	height:30px;
	width:40px;}

.booked_calender_block {
	background-color:#df1c1c;
	color:#FFFFFF;
	font-weight:bold;
	padding:8px;
	width:40px;
	border:3px solid #FFFFFF;}
	
.available_calender_block {
	background-color:#8ec717;
	color:#FFFFFF;
	font-weight:bold;
	padding:10px;
	width:40px;
	border:3px solid #FFFFFF;}
	
	
.partfree_calender_block {
	background-color:#ea800d;
	color:#FFFFFF;
	font-weight:bold;
	padding:10px;
	width:40px;
	border:3px solid #FFFFFF;}
	
.calender_prev_link {
	border-left:3px solid #FFFFFF;}
	
td.calender_nextprev_link {
	border:0; text-align: center;}

/*==================================================================================================


	8. Forms

 
 ====================================================================================================*/
 

form, input, textarea, label, select, fieldset  {	
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	color:#666666;
	}
	
form {
	padding: 0;
	float: left;
	}
	
input {
	padding: 2px;
	border: none;
	}
	
textarea {
	padding: 2px;
	margin: 2px 0 0 0;
	width: 200px;
	height: 100px;
	}

select {
	font-size:12px;
	border: none;
	float: left;
	}


/*========== Form Styles ==============*/

input.loginformField {
	float:left;
	padding:5px;
	width:216px;
	margin-bottom:10px;
	border:1px solid #eeeeee;}
	
/*========== Input Focus Styles ==============*/

	
/*========== Fieldset Styles ==============*/
	

	
/*========== Checkbox Styles ==============*/

.formFieldRadio {
	width:20px;
	float:left;
	margin-bottom:10px;}


/*========== Text Field Styles ==============*/


input.formField {
	float:left;
	width:250px;
	padding:8px;
	margin-bottom:15px;
	margin-right:5px;
	border:1px solid #D7D7D7;}
	
input.bookingformField {
	float:left;
	width:220px;
	padding:8px;
	margin-bottom:15px;
	border:1px solid #eeeeee;}


/*========== Text Area Styles ==============*/

textarea.formField {
	float:left;
	width:250px;
	padding:8px;
	margin-bottom:10px;
	margin-right:5px;
	border:1px solid #D7D7D7;}
	
	
/*========== Label Styles ==============*/


label.formLabel {
	float:left;
	font-weight:bold;
	width:150px;}


/*========== Select Styles ==============*/

select.formField {
	float:left;
	padding:2px;
	margin-bottom:15px;
	border:1px solid #D7D7D7;}
	
option {
	margin-right:10px;}
	
select.bookingformField {
	float:left;
	width:220px;
	padding:8px;
	margin-bottom:15px;
	border:1px solid #eeeeee;}


/*========== Text Area Boxes Styles ==============*/






/*========== BUTTON STYLES ==============*/



	
/*========== ERROR Styles ==============*/


div.validationSummary {
	background-color:#FFFACF;
	border: 2px solid #FFCC66;
	color:#CC0000;
	float:left;
	font-size:16px;
	font-weight:bold;
	margin: 15px 0 15px 0px;
	padding: 25px;
	width: 498px;
	}

span.error_asterik {
	color: #CC0000;
	display: block;
	float: left;
	text-align: right;
	}

div.formNotes {
	float: left;
	clear: both;
	padding: 5px 0 0 165px;
	width: 400px;
	}


/*==================================================================================================
	
	
	9. Various Tags & Classes 
	
	
==================================================================================================*/



/*==================================================================================================
	
	
	10. Headers
	
	
==================================================================================================*/



	
	
/*==================================================================================================
	
	
	11. Buttons
	
	
==================================================================================================*/


.button_login {
	float:right;
	font-weight:bold;
	color:#FFFFFF;
	font-size:14px;
	padding:7px;
	border:1px solid #90ae12;
	background-color:#accc11;}
	
.genericFormButton {
	float:left;
	font-weight:bold;
	color:#FFFFFF;
	font-size:14px;
	padding:7px;
	border:1px solid #7B1539;
	background-color:#8B0D4C;
	cursor: pointer;
	}


.button_brand_new  {
			  text-indent: -5000px; overflow:hidden; display:block;
			  width: 259px; height:122px; text-decoration: none !important;
			  background-image:url(../images/buttons/button_feature_brand_new.jpg);
			  background-repeat:no-repeat; margin-bottom:10px;
			  }
			  
.button_keyboards  {
			  text-indent: -5000px; overflow:hidden; display:block;
			  width: 259px; height:122px; text-decoration: none !important;
			  background-image:url(../images/buttons/button_feature_keyboards.jpg);
			  background-repeat:no-repeat; margin-bottom:10px;
			  }
			  
.button_check_a_date  {
			  text-indent: -5000px; overflow:hidden; display:block;
			  width: 259px; height:122px; text-decoration: none !important;
			  background-image:url(../images/buttons/button_feature_check_date.jpg);
			  background-repeat:no-repeat; margin-bottom:10px;
			  }
			  
.button_find_out_more {
			  text-indent: -5000px; overflow:hidden; display:block;
			  width: 107px; height:31px; text-decoration: none !important;
			  background-image:url(../images/buttons/button_find_out_more.jpg);
			  background-repeat:no-repeat; margin-bottom:10px;}
			  
			  
.scrolling_banner {
width:922px;
height:325px;
position:absolute;
left:0;
top:0;
z-index:1;
overflow:hidden;
}
	.scrolling_banner .rotator {
	z-index:1;
	}
		.scrolling_banner .rotator img {
		z-index:1;
		}
		
.offerbadge {
width:105px;
height:105px;
position:absolute;
top:50px;
right:51px;
z-index:100;
background:url(../images/sitewide/specialoffer.png) no-repeat;
color:#fff;
text-align:center;
font-size:11px;
line-height:14px;
padding: 20px;
}

	.offerbadge h3 {
	color:#fff;
	font-weight:bold;
	font-size:18px;
	line-height:18px;
	text-align:center;
	width:74px;
	margin: 0 0 5px 16px;
	}
	
	.offerbadge p {
	color:#fff;
	}
	
	div.internal_padding .offerbadge a {
	color:#fff;
	}
	
.testimonials {
position:relative;
clear:both;
padding: 0 0 0 66px;
background:url(../images/sitewide/testimonial.jpg) no-repeat;
}

.quote {
	background: none;
	}

.tickercontainer {
width:838px;
overflow:hidden;
border:1px solid #ccc;
height:30px;
margin: 0 0 20px 0;
float: left;
clear: both;
}
.tickercontainer .mask {
position: relative;
left: 10px;
top: 8px;
width: 828px;
overflow: hidden;
}

ul.newsticker {
	position:relative;
	}

ul.newsticker li {
	margin: 0;
	padding: 0;
	float: left;
	white-space: nowrap;
	}




div.internal_left_col ul.anchorlist {
clear:both;
width:552px;
padding:0 0 0 20px;
margin:0 0 20px 0;
}
	div.internal_left_col ul.anchorlist li {
	padding:0;
	margin:0;
	}