* 		{ margin: 0; padding: 0; border: 0; }
ul, ol 	{ list-style: none; }
body 	{ padding-bottom: 20px; overflow-y: scroll; color: #0f1944; background: #e5e5e5 url(../images/bg.png) repeat-x 0 0; font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; }
body.home	{ background: #d9d9d9 url(../images/bg_home.png) repeat-x 0 0; }
input,
textarea,
select	{ font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; }
:focus	{ outline: 0; }

#head_wrap { margin-bottom: 20px; width: 100%; background: url(../images/bg_header.jpg) no-repeat 50% 0; }
	#head 	{ margin: 0 auto; width: 872px; height: 123px; position: relative; }
	#head ul 	{ width: 602px; position: absolute; bottom: 0; right: 0; z-index: 10; }
	#head li 	{ display: inline; float: left; }
	#head a	{ height: 63px; display: block; background-image: url(../images/sprite_nav.png); text-indent: -9999px; }
	#head a.logo { width: 225px; height: 84px; position: absolute; top: 20px; left: -2px; z-index: 10; background: url(../images/logo.png); }
		a#nav_home 			{ width: 86px; }
		a#nav_home:hover,
		a#nav_home.active 		{ background-position: 0 -63px; }
		a#nav_about			{ width: 113px; background-position: -86px 0; }
		a#nav_about:hover,
		a#nav_about.active		{ background-position: -86px -63px; }
		a#nav_designers		{ width: 119px; background-position: -199px 0; }
		a#nav_designers:hover,
		a#nav_designers.active 	{ background-position: -199px -63px; }
		a#nav_news			{ width: 85px; background-position: -318px 0; }
		a#nav_news:hover,
		a#nav_news.active 		{ background-position: -318px -63px; }
		a#nav_events			{ width: 95px; background-position: -403px 0; }
		a#nav_events:hover,
		a#nav_events.active 	{ background-position: -403px -63px; }
		a#nav_contact			{ width: 104px; background-position: -498px 0; }
		a#nav_contact:hover,
		a#nav_contact.active 	{ background-position: -498px -63px; }
		
#featured 		{ margin: 0 auto 20px; padding-left: 320px; width: 552px; min-height: 350px; position: relative; }
#featured h1 		{ color: #fff; font-size: 21px; font-weight: 100; line-height: 28px; }
#featured h1 img 	{ margin-left: 10px; vertical-align: middle; }
#featured h2		{ margin-bottom: 15px; color: #0f1944; font-size: 24px; font-weight: 100; line-height: 24px; text-transform: uppercase; }
#featured p		{ padding-bottom: 10px; line-height: 22px; }
	#feat_img 		{ padding: 2px; width: 296px; height: 346px; background: #0f1944; position: absolute; top: 0; left: 0; z-index: 2; -moz-box-shadow: 0 2px 2px rgba(0,0,0,.25); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.25); }
	#feat_img img		{ display: block; }
	#feat_img .arrow 	{ position: absolute; top: 45%; right: -9px; z-index: 3; }
	#feat_intro 		{ margin-bottom: 15px; height: 137px; }
	#feat_prod		{ width: 552px; position: relative; }
	#feat_prod .btn	{ right: 0; bottom: 0; z-index: 5; }

#recent 					{ margin: 0 auto 20px; padding: 20px 27px 0; width: 818px; height: 226px; background: url(../images/bg_home_recent.png) no-repeat 0 0; -moz-box-shadow: 0 1px 4px rgba(0,0,0,.20); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.20); }
#recent h3 				{ margin-bottom: 8px; color: #0f1944; font-size: 24px; text-transform: uppercase; }
#recent h4 				{ margin-bottom: 5px; height: 35px; overflow: hidden; color: #0f1944; font-size: 14px; text-transform: uppercase; line-height: 17px; }
#recent div 				{ width: 401px; }
#recent div.wrap			{ padding-left: 112px; width: 289px; position: relative; }
#recent div.wrap div.rule 	{ width: auto; }
#recent img				{ position: absolute; top: 0; left: 0; z-index: 5; border: 2px solid #0f1944; -moz-box-shadow: 0 2px 2px rgba(0,0,0,.25); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.25); }
#recent span				{ margin-bottom: 5px; padding-left: 20px; display: block; color: #898989; background: url(../images/icon_clock.png) no-repeat 0 0; line-height: 15px; }
#recent p					{ margin-bottom: 5px; line-height: 17px; }
#recent a.btn				{ margin-left: 232px; }

#content_wrap { margin: 0 auto 20px; padding: 10px 0 20px; width: 872px; border-bottom: 1px solid #0f1944; }

	#page_head 	{ margin-bottom: 20px; padding-bottom: 15px; width: 632px; position: relative; border-bottom: 1px solid #0f1944; }
	#page_head h1 	{ color: #0f1944; font-size: 24px; font-weight: 100; text-transform: uppercase; }
	#page_head a	{ position: absolute; top: 0; right: 0; z-index: 5; }
	
	#feat_item div			{ margin-bottom: 5px; width: 220px; height: 116px; position: relative; overflow: hidden; }
	#feat_item img			{ position: absolute; top: 0; left: 0; z-index: 5; }
	#feat_item img.overlay 	{ z-index: 20; }
	#feat_item h1 			{ padding-bottom: 15px; margin-bottom: 20px; color: #0f1944; font-size: 24px; font-weight: 100; text-transform: uppercase; border-bottom: 1px solid #0F1944; }
	#feat_item h3 			{ margin-bottom: 10px; color: #0f1944; font-size: 24px; font-weight: 100; text-transform: uppercase; }
	#feat_item p			{ margin-bottom: 10px; line-height: 22px; }
	
	#general_copy h2				{ margin-bottom: 10px; color: #0f1944; font-size: 14px; text-transform: uppercase; }
	#general_copy p 				{ margin-bottom: 20px; line-height: 22px; }
	#general_copy .co_image p		{ margin-bottom: 0; }
	#general_copy ul				{ margin-bottom: 20px; }
	#general_copy ul#news			{ margin: 0; }
	#general_copy li				{ padding-left: 10px; background: url(../images/bullet_blue_arrow.png) no-repeat 0 6px; line-height: 22px; }
	#general_copy a				{ color: #51baed; font-weight: 700; text-decoration: none; }
	#general_copy a:hover			{ text-decoration: underline; }
	#general_copy .pagination a,
	#general_copy a.dark 			{ color: #0f1944; } 
	
	#contact_left div		{ margin-bottom: 15px; width: 405px; }
	#contact_left div div	{ margin: 0; padding-top: 7px; width: 250px; display: inline; float: left; }
	#contact_left label		{ padding-top: 6px; width: 100px; display: inline; float: left; color: #0f1944; font-weight: 700; text-transform: uppercase; }
	#contact_left span		{ margin-right: 20px; }
	#contact_left span label	{ padding: 0; width: auto; float: none; color: #0f1944; font-weight: 100; text-transform: none; }
	#contact_left input,
	#contact_left textarea 	{ padding: 3px 5px 0; width: 238px; height: 20px; display: inline; float: left; background: #fff; border: 1px solid #e4e5e9; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.25); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.25); }
	#contact_left input.chk	{ padding: 0; width: auto; height: auto; float: none; background: none; border: 0; }
	#contact_left input.btn	{ margin-left: 100px; padding: 0; width: 42px; height: 23px; display: block; float: none; border: 0; }
	#contact_left textarea	{ max-width: 238px; height: 100px; }
	#contact_left select	{ padding: 3px; border: 1px solid #e4e5e9; }
	#contact_left option	{ padding-right: 10px; }
	#contact_left p.note	{ margin-left: 100px; padding: 5px 0 0; clear: both; font-size: 11px; line-height: 14px; }
		div.required { background: url(../images/icon_arrow_left.png) no-repeat 360px 8px; }
	
	#contact_right img 	{ display: block; border: 1px solid #0f1944; }
	#contact_right p	{ line-height: 22px; }
	
	#news 		{ padding-bottom: 5px; border-bottom: 1px solid #0f1944; }
	#news li		{ margin-bottom: 10px; padding-left: 111px; width: 521px; position: relative; background: none; }
	#news h4 		{ margin-bottom: 5px; overflow: hidden; color: #0f1944; font-size: 14px; text-transform: uppercase; line-height: 17px; }
	#news img		{ position: absolute; top: 0; left: 0; z-index: 5; border: 2px solid #0f1944; -moz-box-shadow: 0 2px 2px rgba(0,0,0,.25); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.25); }
	#news span	{ margin-bottom: 5px; padding-left: 20px; display: block; color: #898989; background: url(../images/icon_clock.png) no-repeat 0 0; line-height: 15px; }
	#news p		{ margin-bottom: 5px; line-height: 17px; }
	#news a.btn	{ margin-left: 464px; }
	
	#news_detail 		{ padding-bottom: 5px; border-bottom: 1px solid #0fcfd1da1944; }
	#news_detail h2 	{ margin-bottom: 5px; overflow: hidden; color: #0f1944; font-size: 14px; text-transform: uppercase; line-height: 17px; }
	#news_detail a.back { }
	#news_detail span	{ margin-bottom: 5px; padding-left: 20px; display: block; color: #898989; background: url(../images/icon_clock.png) no-repeat 0 0; line-height: 15px; }
	
	.pagination 		{ padding-top: 10px; font-weight: 700; text-align: right; }
	.pagination span 	{ margin: 0 5px; }
	
		.co_image { width: 299px; }
		.co_image img { margin-bottom: 10px; display: block; border: 2px solid #0f1944; -moz-box-shadow: 0 2px 2px rgba(0,0,0,.25); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.25); }
		.co_image p	{ color: #898989; }
		.co_image_right { margin: 5px 0 20px 20px; }
		.co_image_left { margin: 5px 20px 20px 0; }
	
#designer_wrap 	{ margin: 0 auto 20px; padding: 10px 0 20px; width: 872px; border-bottom: 1px solid #0f1944; }
	#design_head 		{ margin-bottom: 20px; padding-bottom: 15px; width: 872px; position: relative; border-bottom: 1px solid #0f1944; }
	#design_head h1 	{ margin-right: 20px; display: inline; float: left; color: #0f1944; font-size: 24px; font-weight: 100; text-transform: uppercase; }
	#design_head p		{ padding-top: 12px; display: inline; float: left; font-weight: 700; }
	#design_head span	{ margin: 0 8px; }
	#design_head span.blue { margin: 0; color: #68c3ef; }

	#feat_designers 			{ margin-bottom: 20px; padding-bottom: 20px; width: 872px; border-bottom: 1px solid #0f1944; }
	#feat_designers li 			{ width: 280px; display: inline; float: left; }
	#feat_designers div			{ margin-bottom: 5px; width: 280px; height: 115px; position: relative; overflow: hidden; }
	#feat_designers h2			{ margin-bottom: 10px; color: #0f1944; font-size: 24px; font-weight: 100; text-transform: uppercase; }
	#feat_designers p			{ margin-bottom: 10px; line-height: 22px; }
	#feat_designers img			{ margin-top: 0px; }
	#feat_designers img.overlay 	{ margin: 0; position: absolute; top: 0; left: 0; z-index: 5; }
	
	#more_designers 		{ width: 872px; }
	#more_designers h3		{ margin-bottom: 10px; width: 436px; display: inline; float: left; color: #0f1944; font-size: 12px; text-transform: uppercase; }
	#more_designers ul 		{ width: 436px; display: inline; float: left; }
	#more_designers li		{ margin-right: 10px; padding-left: 10px; width: 125px; display: inline; float: left; background: url(../images/bullet_blue_arrow.png) no-repeat 0 5px; }
	#more_designers a		{ color: #0f1944; text-decoration: none; font-weight: 700; }
	#more_designers a:hover 	{ text-decoration: underline; }
	
	#details 					{ margin: 0 auto 20px; padding-left: 320px; width: 552px; min-height: 350px; position: relative; }
	#details h2 				{ margin-bottom: 10px; color: #0f1944; font-size: 24px; font-weight: 100; text-transform: uppercase; }
	#details ul,
	#details ol 				{ margin-bottom: 20px; }
	#details ul li				{ padding-left: 10px; background: url(../images/bullet_blue_arrow.png) no-repeat 0 6px; line-height: 22px; }
	#details ol 				{ margin-left: 5px; padding-left: 10px; list-style: decimal outside; }
	#details p 				{ margin-bottom: 20px; line-height: 22px; }
	#details #feat_img .arrow 	{ position: absolute; top: 20px; right: -9px; z-index: 3; }

#footer 			{ margin: 0 auto; width: 872px; min-height: 40px; position: relative; text-align: right; }
#footer div		{ width: 300px; position: absolute; top: 0; right: 0; z-index: 10; }
#footer div.rule	{ margin: 5px 0; position: static; background: #0f1944; }
#footer a			{ color: #0f1944; text-decoration: none; }
#footer a:hover	{ text-decoration: underline; }
#footer a.btn		{ position: absolute; top: 0; left: 0; z-index: 5; }
#footer span		{ margin: 0 5px; }

.btn 			{ display: block; background-image: url(../images/sprite_buttons.png); background-repeat: no-repeat; text-align: left; text-indent: -9999px; -moz-box-shadow: 0 2px 2px rgba(0,0,0,.25); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.25); }
.btn_read_more 	{ width: 57px; height: 23px; background-position: 0 0; }
.btn_get_directions { width: 182px; height: 25px; background-position: 0 -63px; }
#head a.btn_sign_up { width: 238px; height: 40px; position: relative; left: 620px; top: 18px; background-image: url(../images/sprite_buttons.png); background-repeat: no-repeat; background-position: 0pt -23px; }
#btn_facebook { position: relative; left: 570px; top: -20px; width: 36px; height: 36px; background: url(../images/facebook_btn.gif) no-repeat !important; }

.rule 		{ height: 1px; width: auto; background: #cfd1da; font-size: 0; line-height: 0; }
.rule_blue 	{ background: #0f1944; }

.mar_t_-10	{ margin-top: -10px; }
.mar_r_16		{ margin-right: 16px; }
.mar_b_20		{ margin-bottom: 20px; }
.mar_b_10 	{ margin-bottom: 10px; }
.mar_b_5 		{ margin-bottom: 5px; }

.col_632 { width: 632px; }
.col_405 { width: 405px; }
.col_227 { width: 227px; }
.col_220 { width: 220px; }

.inline_left 	{ display: inline; float: left; }
.inline_right 	{ display: inline; float: right; }

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