.grey{color:#999999}
.yellow{color:#A9A018}
.white{color:#fff}

*{padding:0; margin:0; line-height:1em}
img{border:0}
html    {overflow-y: scroll;}

.clear:after {content: ""; display: block; clear: both}
	.clear {zoom:1}


body{background:#000; margin:50px 0 0 0; color:#999; font-size:12px; font-family:Arial, Helvetica, sans-serif}
#wrapper{margin:auto; width:850px}
h1, h2, h3, h4, h5, h6{font-weight:normal}



/****************************************************************************************************/
/*HEADER*/
#header{height:39px; border-bottom:1px solid #999}
	#header h1 a{display:block; width:215px; height:25px; text-indent:-5000px; background:url(assets/logo.gif) no-repeat; float:left}
	
	#main_nav{margin:6px 0 0 0; padding:0; list-style-type:none; float:right; font:12px/1em Arial, Helvetica, sans-serif}
	#main_nav li{display:inline; margin:0 0 0 1em}
	
	#main_nav a{color:#999; text-decoration:none}
	#main_nav a:hover{color:#fff; text-decoration:none}
	#main_nav a.selected{color:#fff; text-decoration:none}


/****************************************************************************************************/
/*PAGE STRUCTURE*/
#page{height:550px; position:relative}
#collection_page{position:relative; height:550px}
#literature{position:relative}


	/*DIFFERENT PAGE COLUMNS*/
	/*INDEX*/
	/*rollovers*/
	#page #left_news a{display:block; width:390px; height:115px; float:left; background:url(assets/collections_button.jpg) no-repeat 0 -115px; margin:30px 0 0 0}
	#page #left_news a:hover{display:block; width:390px; height:115px; float:left; background-position:0 0}
	#page #right_news a{display:block; width:390px; height:115px; float:left; background:url(assets/chelsea_button.jpg) no-repeat 0 -115px; margin:30px 0 0 0}

		/*NEW ITEM*/
		#page #right_news a.new{display:block; width:390px; height:115px; float:left; background:url(assets/elements_button.jpg) no-repeat 0 -115px; margin:30px 0 0 0}
	
	#page #right_news a:hover{display:block; width:390px; height:115px; float:left; background-position:0 0}
	#page #news_divider{float:left; width:70px; margin:30px 0 0 0; text-align:center}

	/*COMPANY*/
	#page #col1_company{float:left; width:400px; margin-top:30px}
	#page #col2_company{float:right; margin-top:30px; width:425px}
	
	/*COLLECTIONS*/
	#collection_page img{float:right; position:absolute; right:0; top:2em}
	
	#collection_page .col_header{color:#fff; font-size:10px; line-height:1.5em; padding-top:2em}
	
	#collection_page #collections_menu{list-style:none; float:left; width:230px; margin-top:1em}
	#collection_page #collections_menu li{margin-bottom:1.5em}
	#collection_page #collections_menu h1{color:#808080; font-size:1.5em; font-weight:normal; margin-bottom:0.2em}
	#collection_page #collections_menu p{color:#808080; font-size:11px; line-height:1.5em}
	#collection_page #collections_menu span{color:#55500c; line-height:1.5em}
	
	#collection_page #collections_menu a{cursor:pointer}
	#collection_page #collections_menu a:hover h1{color:#fff}
	#collection_page #collections_menu a:hover p{color:#fff}
	#collection_page #collections_menu a:hover span{color:#A9A018}
	
	/*SERVICES INDEX*/
	#page #services_col1{width:400px; float:left; margin:30px 0 40px 0}
	#page #services_col2{width:400px; float:right; margin:30px 0 40px 0}
	#page #divider{text-align:center; float:left; width:50px; margin-top:30px}
	
	#page #services_col1 div, #page #services_col2 div{margin-bottom:40px}
	
	
	
	/*LITERATURE*/
	#literature #top{margin:30px 0 0 0}
	#literature #top ul{list-style:none; background:#0000FF}
	#literature #top ul li{}
	#literature #top ul li.left{width:410px; float:left}
	
	#literature #top ul li.right{float:right}
	
	#literature #top img{margin:20px 0 0 0}
		
		
		#literature #top  p{line-height:1.5em}
		#literature #top  a{line-height:1.5em; color:#A9A018}
		#literature #top  a:hover{color:#fff}
		
		
		
			.dl_bodyTxt{font:11px/1.5em Arial, Helvetica, sans-serif}
			.dl_bodySub{font:bold 11px/1.5em Arial, Helvetica, sans-serif}
	
			/*CONSTANT CONTACT FORM*/	
			#literature #top ul li #signUp{background:#333; padding:12px; width:300px}
			#literature #top ul li #signUp h1{font-size:18px; color:#fff; margin:0 0 0.3em 0}
			#literature #top ul li #signUp p{font-size:1em; margin:0 0 0.8em 0}
			#literature #top ul li #signUp.new input{padding:3px; margin:0.5em 0.5em 0 0; width:150px; background:#fff; border:none}
			#literature #top ul li #signUp.new button{line-height:1em; padding:3px; background:#fff; color:#000; border:1px solid #fff}
	

	
	
	/*PICTURE BOXES*/
	#literature #content{margin-top:20px}
	#literature #content a{color:#fff}
	
	#literature #content h1{text-transform:capitalize; color:#fff; margin-bottom:1em; font-weight:normal; font-size:2em; line-height:1em;  padding-top:12px; border-top:1px solid #999}
	#literature #content .covers{float:left; width:120px; margin:0 26px 50px 0}
	#literature #content .covers img{width:120px; height:155px; margin:0 0 10px 0}
	#literature #content .covers p{color:#fff}
	#literature #content .last{margin:0}
	#literature #content div p.fileSize{font-size:0.8em; margin-top:0.5em; color:#A9A018}
	
	
	
		
	/*NEWS CASE STUDIES*/
	#page #col1_news{overflow:auto; height:460px; width:580px; float:left; margin-top:30px}
		#page #col1_news img{margin:0 10px 10px 0}
		#page #col1_news p{width:550px}
		
		/*MODS FOR RESIDENTIAL*/
		#page #col1_news.noScroll{overflow:hidden}	
		#page #col1_news #float_txt{position:absolute; left:0; top:445px; color:#fff; width:520px; padding:10px}
		#page #col1_news #float_txt p{line-height:1.5em; width:520px}
		
	
	#page #col2_news{overflow:auto; height:460px; width:250px; float:right; margin-top:30px}
		#page #col2_news ul{list-style:none}
		#page #col2_news li{margin-bottom:1em}
		#page #col2_news  a:hover{background:#1a1a1a; padding:5px; }
		#page #col2_news  a{display:block; width:220px; padding:5px; }
		#page #col2_news a.current{background:#1a1a1a; padding:5px}
		
		#page #col2_news h1{font-size:14px; line-height:1.5em; color:#A9A018; text-transform:capitalize; margin:0; padding:0}
		#page #col2_news p{line-height:2em; text-transform:capitalize}
	
		.news_header{font-size:24px; line-height:1.4em; color:#fff; margin-bottom:0.5em}
		
		.news_item_header{font-size:18px; margin-bottom:1em}
		
		/*MODS FOR RESIDENTIAL*/
		#page #col1_news.residential p{line-height:1.5em; margin:0 0 0.5em 0; width:375px}
		#page #col1_news.residential h2{font-size:18px; margin:30px 0 0.5em 0}
		#page #col1_news.residential img{float:right}
		
		
		#page #col2_news.residential .news_item_header{line-height:1.5em; margin:0 0 0.5em 0}
		#page #col2_news.residential h1{margin:0}
		
		
	/*sales locations*/
	#column1, #column2, #column3, #results {float:left; margin:20px 20px 0 0; font-family:Arial, Helvetica, sans-serif}
	#page h1 {margin:0 0 0.5em 0; font-size:24px; font-weight:normal}
	#page h2 {margin:0 0 0.5em 0; font-size:18px; font-weight:normal; color:#A9A018}
	#page #sales_text{float:left; margin-top:2em; width:420px}
	#page #sales_text p{line-height:1.5em}
	#page #sales_text p:first-child{margin-bottom:1em}
	
	#display{margin:0 0 0 0; font-family:Arial, Helvetica, sans-serif; color:#999999; position:absolute; left:469px; top:12px}
	#results{overflow:auto; height:375px; width:300px; font-size:12px; color:#FFFFFF}
		#results .storeHeader{font-size:1.2em; text-transform:uppercase; line-height:1.5em; margin:0 0 0.2em 0}
		#results .storeAddress{color:#999; margin:0 0 1.8em 0; line-height:1.5em; text-transform:capitalize}
		#results .caps{color:#999; margin:0 0 1.8em 0; line-height:1.5em; text-transform:none}
		#results a{color:#A9A018}
		#results a:hover{color:#fff}
	
	/*terms*/
	.first{margin-top:30px}
	.termsBody{font:11px/1.5em Arial, Helvetica, sans-serif; margin-bottom:1em; padding:0 20px 0 0}
	.termsHeader{font:11px/1.5em Arial, Helvetica, sans-serif; margin:0; color:#A9A018}





/*sub navigation*/
#sub_nav{margin:12px 0 0 0; padding:0; list-style-type:none; font:12px/1em Arial, Helvetica, sans-serif; float:left; color:#999}
	#sub_nav li{display:inline; margin-right:1em}
	#sub_nav a{color:#999; text-decoration:none}
	#sub_nav a:hover{color:#fff; text-decoration:none}
	.sub_selected{color:#fff; text-decoration:none}
	#sub_nav a.home{color:#A9A018}
	#sub_nav a.home:hover{color:#fff}

/*philosophy navigation*/
#philosophy_nav{margin-bottom:2em; list-style-type:none; font:12px/1em Arial, Helvetica, sans-serif}
	#philosophy_nav li{display:inline; margin:0 1em 0 0}
	#philosophy_nav a{color:#999; text-decoration:none}
	#philosophy_nav a:hover{color:#fff; text-decoration:none}



/*------------------------------------------------------------------------------------------------------*/
/*HOSPITALITY PROCESS*/
#page #hosp_col1{float:left; margin:30px 0 0 0; width:540px}
	#page #hosp_col1 #float_txt{position:absolute; left:0; top:310px; color:#fff; padding:10px; width:480px}
	#page #hosp_col1 #float_txt p{line-height:1.5em; width:480px}
	
	/*bottom menu col1*/
	#page #hosp_col1 ul{list-style:none; float:left; width:250px; margin-top:2em}
	
	#page #hosp_col1 ul{}
	#page #hosp_col1 a:hover{background:#1a1a1a; padding:5px}
	#page #hosp_col1 a{display:block; width:230px; padding:5px}
	#page #hosp_col1 li h1{font-size:1.2em; color:#A9A018}
	#page #hosp_col1 li p{font-size:1em; line-height:1.5em; color:#fff}
	
	/*process list col2*/
	#page #hosp_col2{float:right; margin:30px 0 0 0; width:280px; overflow:auto; height:480px}
	#page #hosp_col2 div{line-height:45px; margin-bottom:10px; width:260px;}
	#page #hosp_col2 img{float:left}
	#page #hosp_col2 .num{width:45px; height:45px; background-color:#A9A018; float:left; font-size:20px; font-weight:bold; text-align:center; color:#fff}
	#page #hosp_col2 .item span{float:left; width:160px; line-height:45px; display:block; padding-left:10px; height:45px; text-transform:uppercase; background:#1a1a1a}
	
	

/*PROCESS EXAMPLE SLIDER*/
#page .example_header{font-size:24px; margin-top:30px; line-height:1.4em; color:#fff; margin-bottom:0.5em}


#slider{margin-top:3em}
	#slider ul{margin:0; padding:0;	list-style:none; overflow:hidden; height:270px; background-color:#FF0000}
	#slider, #slider li{width:850px}
	
	/*SLIDER CONTENT*/
	#slider ul #item{width:850px; background:#1a1a1a}
	
	#slider div.yellow_strip{background:#A9A018; height:50px}
	#slider div.grey_strip{background:#999; height:50px}
	
	#slider h1, #slider h2, #slider h3{color:#fff; display:inline; line-height:50px}
	#slider h1{font-size:20px; font-weight:bold; margin:0 0 0 30px; color:#000}
	#slider h2{font-size:20px; font-weight:bold; margin:0 20px 0 8px}
	#slider h3{display:none}
	
	
	#item #item_content p{float:left; width:420px; padding:30px; line-height:1.5em}
	#item #item_content img{float:right}


	span#prevBtn{float:left; margin-top:36px}
	span#nextBtn{float:right; margin-top:36px}
	
	


	/*NUMERIC CONTROLS*/
	#controls{margin-top:1em; padding:0; position:absolute;  left:250px; top:430px}
	#controls li{margin:0 10px 0 0; padding:0; float:left; list-style:none}
	#controls li a{float:left; width:10px;  background:#999; color:#fff; padding:10px; text-decoration:none; text-align:center}
	#controls li.current a{background:#A9A018; color:#fff}
	#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
		

/****************************************************************************************************/
/*text*/
.bodyTxt{line-height:1.5em; margin:0 0 1em 0}
.bodySub{font:bold 11px/2em Arial, Helvetica, sans-serif; margin:0}
.bodyHeader{color:#fff; font:18px/1em Arial, Helvetica, sans-serif; margin:0}

.page_title{font:12px/1em Arial, Helvetica, sans-serif; color:#A9A018; margin:12px 1em 0 0; float:left}




/*links*/
a {color:#999; text-decoration:none}
a:hover{color:#fff; text-decoration:none}
a.white_grey{font:11px/11px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none}
a.white_grey:hover{color:#999; text-decoration:none}
a.yellow_link{color:#A9A018; text-decoration:none}
a.yellow_link:hover{color:#fff; text-decoration:none}




/****************************************************************************************************/
/*FOOTER*/
#footer{text-align:center; height:60px; position:relative}
#footer table{margin:0; padding:0; border:none; width:850px}
.terms_txt{font:10px/1em Arial, Helvetica, sans-serif; margin:10px 0 0 0}
.copyright_txt{font:9px/1em Arial, Helvetica, sans-serif; margin:20px 0 0 0}

/*CREDIT LINK FIREBRAND*/
#credit{position:absolute; top:40px; right:0; text-align:right}
#credit a{font-size:10px; color:#444; margin:0; padding:0; display:block; height:11px; width:200px}
#credit a:hover{color:#fff}