/* generic styles */

body 		{ background:url(../images/generic/background.jpg); font-family:Arial, Helvetica, sans-serif; }
h1 			{ color:#FFF; font-size:2.3em; font-weight:300; text-transform: uppercase;}
h2 			{ color:#F60; font-size:1.8em; font-weight:300; float:left; display:inline; }
h3 			{ color:#F60; font-size:1.8em; font-weight:300; margin-bottom:5px; clear:both;}
h4 			{ color:#F60; font-size:1.8em; font-weight:300; margin:0 15px 15px 15px; float:right; display:inline;}
h5 			{ color:#F60; font-size:1.6em; font-weight:300; }
h6 			{ color:#F60; font-size:1.4em; font-weight:300; }
h4 a 		{ color:#F60;}
h4 a:hover 	{ color:#FFF;}
p 			{ color:#FFF; font-size:1.2em; font-weight:300; line-height:1.3em; margin:0 0 10px 0; clear:both; }
a 			{ color:#FFF; text-decoration:none; cursor:pointer;}
a:hover 	{ color:#F60; cursor:pointer;}

ul          { list-style:none; }
/*label 		{  width:200px; color:#FFF; font-size:1.5em; font-weight:300; line-height:1.3em; display:inline; float:left;}
 input 		{ border:solid 1px #30354B; background:#000047; color:#FFF; float:right; height:20px; width:190px; display:inline; margin:0 0 10px 0; clear:right;}*/
textarea 	{ border:solid 1px #30354B; background:#000047; width:420px; color:#FFF; height:200px;}

/* font classes */
p.news_ticker 		{ font-size:1.2em; margin:4px}
p.member 			{ font-size:1em; float:right; display:inline; margin:8px}

/* image classes */
img.logo 			{ margin:5px;}

/* generic layout */
div#container 	      { width:950px; margin:5px auto; clear:both; }
div#container *       { float:left; }
div#header 	          { width:950px; height:70px; clear:both;  }
a#logo            { width:75px; height:68px; background:url(../images/generic/logo.png) no-repeat; }
div#header_title      { width:829px; }
div#header_title a    { width:260px; height:44px; margin:10px 270px; background:url(../images/generic/header.png) no-repeat; }
div#sound             { width:26px; height:21px; margin-top:19px; float:right; clear:right; }
div#music             { width:1px; height:1px; }
div#music_icon        { width:25px; height:20px;}
div#content_container { width:950px; background:#000047; clear:both; }
div#footer 	          { width:950px; clear:both; background:#000047; }
div#footer ul         { width:950px; color:#FFF; padding-top:8px; margin-left:5px; list-style:none; display:inline-block; }
div#footer ul li      { margin-top:8px; display:inline-block; background:#000047; }
div#footer ul#copy    { width:639px; }
div#footer ul#copy li { margin-right:15px; }
div#footer ul#copy a  { float:none; clear:none; }
div#footer ul#footer_logo { width:290px; float:right; margin-right:6px; }
div#footer ul#footer_logo li { float:right; }
div#footer ul#footer_logo li#kbsa { margin:0px 0px 0px 10px;  }
div#footer ul#footer_logo li#kbsa a { width:49px; height:21px; background:url("../images/generic/kbsa.jpg") left bottom no-repeat; }

/* primary navigation */
div#navigation          { clear:both; width:950px; margin:0px 0px 5px 5px; }
div#navigation ul       { margin:5px auto 0px auto; width:945px; display:block; float:none;}
div#navigation ul li 	{ font-size:1.2em; margin:0px 63px 0px 0px; float:left; display:inline; }
div#navigation ul li#homepage { margin:0px 66px 0px 0px; }
div#navigation ul li#contact_us { margin:0px 0px 0px 0px; }

/* top graphics and flash  */
div#homepage_flash_container 	{ width:940px; height:430px; margin:0px 0px 10px 5px; }
div#std_image 	{ width:940px; height:250px; margin:5px; }
div#std_image img { margin:0px 5px; }
div#std_image h1 { width:auto; height:40px; background:url(../images/generic/heading_bg.png); margin:150px 1px 0px 1px; padding:7px 10px 0px 10px; }
div#large_image 	{ width:940px; height:540px; margin:5px; }
div#large_image img { margin:0px 5px; }
div#large_image h1 { width:auto; height:40px; background:url(../images/generic/heading_bg.png); margin:300px 1px 0px 1px; padding:7px 10px 0px 10px; }
div#flash_container 	{ width:940px; height:540px; margin:0px 0px 5px 5px; }

/* constructor classes */
div.content_box		{ width:445px; display:inline; margin:0px 0px 5px 5px; padding:10px; border:solid 1px #30354B; }
div.content_box p { width:440px;}
div.content_box ul#latest_news { margin:5px 0px; clear:both; width:447px; }
div.content_box ul#latest_news li { clear:both; width:442px; font-size:1.2em; margin: 1px 0px 11px 0px; }
div.content_box ul#latest_news li a { color:#FFF; }
div.content_box ul#latest_news li a span{ color:#8AA2E5; }
div.content_box ul#latest_news li a:hover { color:#F60; }

div.content { width:918px; height:auto; border:solid 1px #30354B; background:#000047; padding:10px; margin:0px 0px 5px 5px;}
div.content h2 { margin:0px 0px 5px 0px;  }
div.content h3 { width:918px; }
div.content p { width:918px; }

div#showroom_feat { width:273px; float:left; display:inline; margin:15px 12px 5px 0px; }
div#showroom_feat p, div#showroom_feat h3,  div#showroom_feat ul { width:270px; }
div#showroom_feat ul { margin-bottom:25px; }
div#showroom_feat ul li a { width:220px; float:left; display:inline-block; clear:right; }
div#showroom_feat ul li { width:270px; display:block; clear:both; color:#FFF; font-size:1.2em; margin:5px 0px; }
div#showroom_feat_boxes { clear:right; float:right; display:inline;}
div#showroom_feat_boxes a, div#showroom_feat_boxes div { width:280px; float:left; display:inline; margin:15px 25px 0px 0px;  }
div#showroom_feat_boxes div img  { width:280px;  }

/* Homepage */
div#homepage_content_wrapper {width: auto; background: url(../images/generic/homepage_wrapper_box.gif) no-repeat 5px bottom; padding: 0px; margin: 0px; }
div#homepage_content_wrapper div.content_box { width:447px; border: none; border-top: solid 1px #30354B;}


/* news */
div#news_left	{ width:190px; border:solid 1px #30354B; margin:5px; padding:10px; float:left; display:inline; } 
div#news_left ul { }
div#news_left ul li { clear:both; margin:0 0 15px 0; }
div#news_left ul li h3 { width:190px; font-size:1.6em; margin-bottom:5px; color:#FFFFFF;}
div#news_left ul li span { width:190px; font-size:1em; margin:0px; line-height:1em; color:#F60; clear:both;}

div#news_right	{ width:701px; border:solid 1px #30354B; margin:5px 5px 5px 0px; padding:10px; float:left; display:inline;} 
div#news_right h2.news { padding:0; margin-bottom:10px; color:#F60; text-transform: uppercase; }

/* news ticker */
div.content ul#news_ticker { width:745px; height:20px; font-size:1.2em; margin:3px 0px 0px 30px; float:left; clear:right; }
div.content ul#news_ticker li { width:745px; height:20px; float:left; clear:both; overflow:hidden; }

/* case studies */
ul#case_studies_gallery { width:940px; height:auto; display:block; background:#000047; margin:0px 0px 10px 5px; clear:both; position:relative}
ul#case_studies_gallery img { width:235px; height:138px; position:relative; z-index:0; }
ul#case_studies_gallery a { width:235px; height:138px; display: block; background: url(../images/misc/img_link_hover.png) no-repeat -1000px -1000px;}
ul#case_studies_gallery a:hover { background-position: left top;  }

div#case_study { width:940px; height:540px; margin:5px; background-color:#000048; }
div.case_study_image { width:940px; height:540px; background-color:#000048; overflow:hidden;}
div.case_study_image img {position: absolute;}
div.case_study_image div#case_study_image_dummy {position: absolute; width:940px; height:540px; background-color:#000047; display: block;}
/*div#case_study thumbs_container { width:940; height:105px;  clear:both; float:none; }*/
ul#case_study_thumbs { width:940px; height:105px; display:block; /*float:none;*/ clear: both; margin-top:-123px; position: relative; z-index:99;}
ul#case_study_thumbs li { margin:0px 18px; border:solid 1px #000; z-index:99;}
ul#case_study_thumbs a { width:150px; height:105px; display: block; background: url(../images/misc/img_link_hover.png) no-repeat -1000px -1000px; z-index:99;}
ul#case_study_thumbs a:hover { background-position: left top;  }

/* BYRONS CHEEKY AMENDS... OOOOOHHHHH YEEEAAAAAHHHHHHH!!!!!! */
div#byrons_changing_images 	{ width:940px; height:540px; z-index:998; position:absolute;}
ul#case_study_thumbs_byrons { width:940px; height:105px; z-index:999; margin-top:415px; position:absolute;}
	ul#case_study_thumbs_byrons li { margin:0px 18px; border:solid 1px #000; display: inline;}
	ul#case_study_thumbs_byrons img { width:150px; height:105px; position:relative; z-index:0;  }
	ul#case_study_thumbs_byrons a { width:150px; height:105px; display: block; background: url(../images/misc/img_link_hover.png) no-repeat -1000px -1000px;}
	ul#case_study_thumbs_byrons a:hover { background-position: left top;  }

div#area_select { width:940px; margin:315px 0 0 0; position:absolute; z-index:999;}
	div#area_select h1 a { padding:10px 25px; background:url(../images/generic/btn_bg_60.png); width:886px; margin:1px 2px; }
	div#area_select h1 a:hover  { background:url(../images/generic/btn_bg_80.png); color:#FFFFFF;}
	div#area_select ul { margin-left:1px;}
	div#area_select ul li a { padding:10px 25px; background:url(../images/generic/btn_bg_60.png); width:135px; margin:1px 0 1px 2px; text-align:center; font-size:1.2em;  }
	div#area_select ul li a:hover  { background:url(../images/generic/btn_bg_80.png); color:#FFFFFF}
	
ul#case_study_thumbs_bathroom { width:940px; height:105px; z-index:999; margin-top:415px; position:absolute;}
	ul#case_study_thumbs_bathroom li { margin:0px 40px; border:solid 1px #000; display: inline;}
	ul#case_study_thumbs_bathroom img { width:150px; height:105px; position:relative; z-index:0;  }
	ul#case_study_thumbs_bathroom a { width:150px; height:105px; display: block; background: url(../images/misc/img_link_hover.png) no-repeat -1000px -1000px;}
	ul#case_study_thumbs_bathroom a:hover { background-position: left top;  }

div#area_select_bathroom { width:940px; margin:315px 0 0 0; position:absolute; z-index:999;}
	div#area_select_bathroom h1 a { padding:10px 25px; background:url(../images/generic/btn_bg_60.png); width:886px; margin:1px 2px; }
	div#area_select_bathroom h1 a:hover  { background:url(../images/generic/btn_bg_80.png); color:#FFFFFF;}
	div#area_select_bathroom ul { margin-left:1px;}
	div#area_select_bathroom ul li a { padding:10px 25px; background:url(../images/generic/btn_bg_60.png); width:182px; margin:1px; text-align:center; font-size:1.2em;  }
	div#area_select_bathroom ul li a:hover  { background:url(../images/generic/btn_bg_80.png); color:#FFFFFF}	
	
	
/* END of BYRONS CHEEKY AMENDS... I know... you miss them already :( */

/* contact form */
div#contact_form { width:918px; border:solid 1px #30354B; background:#000047; padding:10px; margin:0px 0px 5px 5px; }
div#contact_form ul.float_left { margin:0px 45px 0px 0px;  }
div#contact_form ul li { clear:both; margin:8px 0px; font-size:1.2em; }
div#contact_form ul li select, div#contact_form ul li option { width:50px; background:#000047; }
div#contact_form ul .label { float:left; width:115px; color:#FFF; padding-top:2px; clear:left; display:inline-block;}
div#contact_form ul .field, div#contact_form ul .title_field { float:left; display:inline-block; border:solid 1px #30354B; background:none; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; }
div#contact_form ul .title_field { width:auto; color:#FFF; }
div#contact_form ul li.error { margin:0px 0px; }
div#btn_container { width:420px; position:relative; }
input.submit { width:100px; color:#F60; font-size:1.4em; margin:15px 0px; background:none; border:none; cursor:pointer; display:block; position:absolute; right:0px; }
input.submit:hover { color:#FFF; }

/* google map inherited styles fix */
div#showroom_feat_boxes div#google_map, div#showroom_feat_boxes div#google_map2 { width:280px; height:280px; }
div#showroom_feat_boxes div#google_map *, div#showroom_feat_boxes div#google_map2 *{ float:none; clear:none; margin:0px; }
div#showroom_feat_boxes #menumtctl_main div div { padding:15px; height:20px; clear:both; }

/* misc */
div#product_logos { width:950px; height:69px; background:#000047; clear:none; float:none; margin-bottom:5px; }

/* splash page styles */
div#splash_cntr { width:940px; height:430px; margin:5px; background-color:#FFFFFF; }
div#splash_cntr span, div.splash_links a span { font-family:Helvetica, Arial, sans-serif; font-size:14px; text-align:center; color:#999999; margin:0px 0px;  }
div#splash_title { width:400px; margin:0px 270px; }
div#splash_title img { margin:0px 50px; }
div#splash_links_cntr { width:940px; height:380px; margin-top:15px;  }
div.splash_links { width:400px; margin:80px 35px; float:left; }
div.splash_links a img { margin:0px 50px; }
div.splash_links a span { display:block; width:400px; }