*{
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
	padding:0;
	margin:0;
	border:0;
}

object {display:block;}

body{
  	background:#433527;
	color:#FFFFFF;
	padding:0 0 30px 0;
}
html{
	font-size:83%;
	line-height:1.1em;
	-webkit-text-size-adjust:none;
}

img{border:none;vertical-align:top;}

.clear{clear:both;}

.floatFix:after{
	content:".";
    height:0px;
    clear:both;
    visibility:hidden;
    display:block;
}

p{padding:0 0 10px 0; line-height:1.5em; font-size:12px;}

.wrapper{padding:0;}

#white_box{
  	width:870px;
  	margin:25px auto 0 auto;
  	padding:15px;
  	background-color:#FFFFFF;
}  

#main_wrapper{background:url(../images/main-trim.gif) #433527 repeat-y;}

#head{
 	background:url(../images/header.gif) #433527 no-repeat;
  	height:125px;
  	padding:0 30px 0 30px;
  	background-color:#433527;
}

#logo{
 	float:right;
 	width:168px;
 	text-align:right;
 	padding:15px 0 0 0;
}

h1{font-weight:normal; font-size:30px;}
h1 strong{font-weight:bold;}

#strap{
 	float:left;
 	padding:50px 0 0 0;
}
#strap h1{display:none;}

#main_image{width:100%;}

#nav{
 	background:url(../images/nav-trim.gif) #A5BF00 no-repeat bottom;
  	padding:10px 25px 39px 25px;
  	text-align:center;
}   

#content_wrapper{
 	background:url(../images/line.gif) repeat-y;
  	padding:0 30px 0 30px;
  	margin:15px 0 15px 0;
}

#logos{background:url(../images/company-logos.gif) no-repeat bottom;}

#content_wrapper_surf{
  	padding:0 30px 0 30px;
  	margin:15px 0;
}

#content_wrapper_kit1{
  	padding:0 0 0 30px;
  	margin:15px 0;
}

#content_wrapper_kit2{
 	background:url(../images/line-kit.gif) repeat-y;
  	padding:0 30px 0 30px;
  	margin:15px 0;
}

#content_wrapper_kit{
  	padding:0 0 0 109px;
  	margin:15px 0;
  	width:660px;
}

#content_wrapper_cont{
  	padding:0 0 0 130px;
  	margin:15px 0;
  	width:610px;
}

#contact_left{
  	float:left;
  	width:285px;
  	margin-top:15px;
}

#contact_right{
  	float:right;
  	width:285px;
   	margin-top:15px;
}

#contact_form_area{
	float:left;
	width:610px;
	margin-top:15px;
  	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #A4BF00;
}

#content_wrapper_innov{
  	padding:0 0 0 129px;
  	margin:15px 0;
  	width:612px;
}

#content_wrapper_work{
  	padding:0 0 0 89px;
  	margin:15px 0;
  	width:693px;
}

#middle_column{
	width:388px;
  	float:left;
}  

#left_column{
	width:172px;
  	float:left;
  	margin-right:39px;
  	position:relative;
	top:-15px;
}  

#right_column{
  	width:165px;
	float:right;
	text-align:right;
}  

#left_column_kit{
	width:389px;
  	float:left;
} 

#left_column_about{
	width:172px;
  	float:left;
  	margin-right:39px;
} 
#left_column_about h4{
	font-size:16px;
	color:#FFF;
	font-weight:bold;
	font-style:italic;
}
#left_column_about h5{
	font-weight:bold;
	margin:0 0 10px;
	font-size:14px;
}


#right_column_kit{
  	width:360px;
	float:right;
	padding-bottom:20px;
} 

#left_column_kit1{
	width:311px;
  	float:left;
}  

#right_column_kit1{
  	width:311px;
	float:right;
} 

#footer_wrap{ 
 	background:url(../images/footer-trim.gif) #FFFFFF no-repeat top;
  	padding:28px 0 0 0;
	font-size:11px;
}

#foot_copy{ 
 	float:left;
 	color:#433527;
}

#foot_nav{ 
 	float:right;
 	text-align:right;
 	color:#433527;
}

/*//////////////////////  H TAGS  //////////////////////*/
h2{
	font-size:30px;
	color:#FFFFFF;
	margin:0 0 15px 0;
	font-weight:bold;
}
h3{ 
	color:#A5BF00;
	font-size:100%;
	padding:10px 0 0 0;
}
h4{ 
	color:#A5BF00;
	font-size:100%;
	font-weight:normal;
	padding:3px 0 0 0;
}

h5{ 
	color:#A5BF00;
	font-size:16px;
	font-weight:normal;
	padding:3px 0 6px 0;
}

.caseLaunch {
	overflow:hidden;	
	/* for child absolute position */
	position:relative;
	/* display div in line */
}




/*KITCHENS LAUNCH PAGE*/

#kitchenWrap{padding:15px 30px 15px 30px;}
#kitchenWrap #col1,#kitchenWrap #col2,#kitchenWrap #col3{width:250px; float:left; padding:0 30px 0 0;}
#kitchenWrap #col3{padding:0;}





.caseLaunch .caption h3{
	margin:0;
	padding:0;
}
.caseLaunch .caption h3 a{
	background:#000;
	display:block;
	width:114px;
	margin:0;
	padding:20px 10px;
	color:#ffffff;
}
.caseLaunch .caption h3 a:hover a.over img{border:2px solid #ffcc00;}
.caseLaunch .caption {
	margin:2px 2px 2px;
	background:#000;
	color:#fff;
	font-weight:bold;
	/* fix it at the bottom */
	position:absolute;
	bottom:0px; /* fix IE issue */
	left:0;
	/* hide it by default */
	display:none;
	/* opacity setting */
	filter:alpha(opacity=80);    /* ie  */
	-moz-opacity:0.8;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.8;    /* for really really old safari */  
	opacity: 0.8;    /* css standard, currently it works in most modern browsers like firefox,  */
}

#corian{background-repeat:no-repeat;}
#corian SPAN{display:none;}
#corian{
	background-image:url(../images/corian-heading.gif);
	height:51px;
}

#right_column_kit h2{
	font-size:120%;
	color:#FFFFFF;
	margin:5px 0 18px 0;
	font-weight:bold;
}
#right_column_kit h2 span{
	font-weight:normal;
	color:#A5BF00;
}


ul.serviceList{padding:0 0 0 16px; color:#A5BF00;}
ul.serviceList li{padding:0 0 8px 0;}


/*//////////////////////  TEXT  //////////////////////*/
.white{color:#FFFFFF;}
.green{color:#A5BF00;}
.caps{text-transform:uppercase;}

.name{
	font-size:90%;
	color:#A5BF00;
	font-style:normal;
}

.opening{
	font-weight:bold;
	margin-right:10px;
}

p.test{
	font-size:120%;
	line-height:1.45em;
	font-style:italic;
	padding:0px 0px 20px 0px;
	width:150px;
}
.cpad{margin-top:10px;}

#middle_column ul{
	padding-left:15px;
	color:#A5BF00;
	padding-bottom:3px;
}
#middle_column li{padding-bottom:3px;}
#middle_column li span{color:#FFFFFF;}

/*//////////////////////  LINKS  //////////////////////*/
#nav li{
 	list-style:none;
 	display:inline;
}

#nav li a{
	color:#FFF;
	text-decoration:none;
	padding:3px 5px 5px 3px;
	text-transform:uppercase;
	font-size:110%;
}

#nav li a:hover, #nav li a.on:link, #nav li a.on:visited, #nav li a.on:hover, #nav li a.on:active{color:#433527;}




#foot_nav a, #foot_copy a{
	text-transform:uppercase;
	color:#433527;
	text-decoration:none;
}

#foot_nav a:hover, #foot_nav a.on:link, #foot_nav a.on:visited, #foot_nav a.on:hover, #foot_nav a.on:active{color:#A5BF00;}
#foot_copy a{color:#433527; text-transform:none;}


.previous{padding-top:15px;}

a:link,a:visited{color:#A5BF00;}
a:hover,a:active{color:#FFFFFF;}

a.hideLink{color:#fff; text-decoration:none;}

a.white:link,a.white:visited{color:#FFFFFF;}
a.white:hover,a.white:active{color:#A5BF00;}

/*//////////////////////  IMAGES  //////////////////////*/
img.side{border:2px solid #FFF;}
.extra{margin:15px 0 0 0;}	
.extra2{margin:15px 0 25px 0;}	
.extra3{margin:15px 0 15px 0;}	
.innov_text{padding-bottom:20px;}
.drop{padding-bottom:20px;}
.work_text{width:610px;}

div.thumbs,div.kitchen,div.innov,div.work,div.surf,div.steel{
	float:left;
	padding-bottom:20px;
}
div.thumbs{width:100px;}
div.innov{width:184px;}
div.work{width:148px;}
div.surf{width:180px;}
div.steel{width:211px;}
div.kitchen{ 
	width:138px;
	color:#A5BF00;
}
div.video{ 
	width:184px;
	height:140px;
}
div.gap{margin-left:30px;}

a.over:link img,a.over:visited img,a.over:active img{border:2px solid #FFFFFF;}
a.over:hover img{border:2px solid #A5BF00;}

img.bord{border:2px solid #FFFFFF;}

/*//////////////////////  FORMS  //////////////////////*/
form#contact fieldset{
	padding:0 0 10px 0;
	margin:0;
}
form#contact ol{
	float:left;
	width:285px;
}
form#contact ol.marg{
	margin-left:40px;
}
form#contact ol.marg2{
	padding-left:40px;
}
form#contact ol.marg2 p{
	text-align:right;
	float:right;
	padding-right:7px;
	width:180px;
}
form#contact ol li{
	margin:0 0 5px 0;
	list-style:none;
}
form#contact label{
	color:#A5BF00;
	width:265px;
	display:block;
	float:left;
	margin:0 0 3px 2px;
	font-weight:bold;

}
form#contact select{
	font-size:100%;
	padding:3px;
	color:#433527;
	margin-left:2px;
}
form#contact textarea{
	border:2px solid #433527;
	color:#433527;
	font-size:100%;
	padding:3px;
	width:270px;
	height:156px;
}
form#contact input{
	border:2px solid #433527;
	color:#433527;
	font-size:100%;
	padding:3px;
}
/* target specific input elements */
form#contact input.text{
	width:277px;
}
form#contact input.button{
	border:2px solid #FFFFFF;
	background:#A5BF00;
	padding:2px 10px;
	color:#433527;
	margin-left:2px;
	float:left;
}
/* focus highlight div when active*/
form#contact input:focus{border:2px solid #A5BF00;}
form#contact textarea:focus{border:2px solid #A5BF00;}

.selectRequiredMsg, .selectInvalidMsg, .textfieldRequiredMsg, .textfieldInvalidFormatMsg, .textfieldMinValueMsg, .textfieldMaxValueMsg, .textfieldMinCharsMsg, .textfieldMaxCharsMsg, .textfieldValidMsg, .textareaRequiredMsg, .textareaMinCharsMsg, .textareaMaxCharsMsg, .textareaValidMsg{
	display:none;
}
.selectRequiredState .selectRequiredMsg, .selectInvalidState .selectInvalidMsg, .textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .textfieldMinValueState .textfieldMinValueMsg, .textfieldMaxValueState .textfieldMaxValueMsg, .textfieldMinCharsState .textfieldMinCharsMsg, .textfieldMaxCharsState .textfieldMaxCharsMsg, .textareaRequiredState .textareaRequiredMsg, .textareaMinCharsState .textareaMinCharsMsg, .textareaMaxCharsState .textareaMaxCharsMsg{
	display:block;
	color:#F39824;
}
.textfieldFlashText input, input.textfieldFlashText, .textareaFlashState textarea, textarea.textareaFlashState{
	color:#F39824 !important;
}