/*
	main.css
	Global Stylesheet
	Created: 
	Creator: Matt Kircher
*/

/* Imported Styles
--------------------------------------------------------*/
@import url("reset.css");
@import url("forms.css");
@import url("clearing.css");


/* General
--------------------------------------------------------*/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	text-align:center;
	background:url(../images/waffle_pattern.gif) top left repeat;
	color:#333;
}

a{ color:#300; font-weight:bold; text-decoration:none; }
a:hover{ color:#300; }

h1{ font-size:2.0em; }
h2{ font-size:1.8em; }
h3{ font-size:1.6em; }
h4{ font-size:1.4em; }
h5{ font-size:1.2em; }
h6{ font-size:1.0em; }

h1, h2, h3, h4, h5, h6{ color:#300; text-transform:uppercase; }

hr{ clear:both; margin-bottom:25px; border:none; height:1px; width:100%; background-color:#B8AE9C; color:#B8AE9C; }

strong{ color:#867C62; }

img[align="left"]{ margin:0px 15px 15px 0px; }
img[align="right"]{ margin:0px 0px 15px 15px; }

/* Classes
--------------------------------------------------------*/

	/*-GRIDS-*/	
	.grid2_offset_left{ clear:both; }
	.grid2_offset_left .col_l{ float:left; width:63%; padding-right:1%; padding-left:1%; }
	.grid2_offset_left .col_r{ float:right; width:30%; padding-right:1%; padding-left:1%; }
	
	.grid2_offset_right{ clear:both; }
	.grid2_offset_right .col_l{ float:left; width:30%; padding-right:1%; padding-left:1%; }
	.grid2_offset_right .col_r{ float:right; width:62%; padding-right:1%; padding-left:1%; }
	
	.grid2{ clear:both; }
	.grid2 .col_l{ float:left; width:48%; }
	.grid2 .col_r{ float:right; width:48%; }
	
	.grid3{ clear:both; }
	.grid3 .col{ float:left; width:30%; margin-right:1%; padding-right:1%; padding-left:1%; }
	
	.grid2_offset_left .divider, .grid2_offset_right .divider, 
	.grid2 .divider, .grid3 .divider{ border-right:1px dashed #B8AE9C; }
	
	/*-MISC-*/
	.subhead{ color:#525766; text-transform:capitalize; font-size:12px; margin-bottom:15px !important; line-height:1.2em; }
	
	.module{ margin-bottom:10px; }
		.gradient_module{ padding:15px; background:url(../images/subcontent_bg.jpg) top left repeat-x #E5D9C4; }
		.gradient_module h4{ border-bottom:1px solid #B8AE9C; padding-bottom:10px; margin-bottom:10px !important; }
		.gradient_module p{ color:#666; line-height:1.5em !important; margin-bottom:10px !important; font-size:10px; }
	
	.wide_button{ display:block; padding:12px 15px; background:url(../images/sub_nav_tab_bg_over.gif) top left repeat-x; text-align:center; font-size:1.454em; color:#FFF; }
	.wide_button:hover{ color:#F4EEE7; }
	
	.button{ float:left; display:block; padding:4px 7px; background:url(../images/small_button_bg.gif) top left repeat-x; text-align:center; font-size:1.272em; color:#FFF; text-transform:uppercase; }
	.button:hover{ color:#F4EEE7; }
	
	.flourish_button_wrap{ display:table; padding-left:30px; background:url(../images/content/flourish_accent.png) left -4px no-repeat; margin:auto; }
	.flourish_button{ display:block; padding-right:30px; background:url(../images/content/flourish_accent.png) right -4px no-repeat; font-size:15px; min-height:24px; }
	
	.double_list{ padding-left:0px !important; }
	.double_list li{ float:left; width:45%; padding-right:5%; list-style:none; }
	
	.nav_runner{}
		.nav_runner h3{ padding-left:40px; border-bottom:1px solid #E5E8ED; padding-bottom:5px; margin-bottom:5px !important; } 
		.nav_runner ul.runner_list{ padding-left:40px !important; /*display:table; width:auto; margin:auto;*/ }
		.nav_runner ul.runner_list li{ float:left; margin-right:10px; list-style:none; }
		
	img.bordered{ border:1px solid #B8AE9C; }


/* Wrap
--------------------------------------------------------*/
#wrap{
	text-align:center;
	padding:0px;
}

/* Header
--------------------------------------------------------*/
#header-wrap{ background-color:#FFF; }
	#header{ width:900px; height:150px; margin:auto; }


/* Logo
--------------------------------------------------------*/
#logo, #logo h1{ display:inline; }
#logo a{ float:left; display:block; width:278px; height:46px; margin-right:-278px; margin-bottom:-46px; position:relative; top:45px; left:25px; overflow:hidden; text-indent:-1000px; background:url(../images/logo_v2.jpg) top left no-repeat; }
/*#logo a{ float:left; display:block; width:188px; height:55px; margin-right:-188px; margin-bottom:-55px; position:relative; top:45px; left:50px; overflow:hidden; text-indent:-1000px; background:url(../images/logo.jpg) top left no-repeat; }*/

/* Navigation
--------------------------------------------------------*/

	/* functional-nav */
	#functional-nav{ float:right; position:relative; left:-20px; }
	#functional-nav ul{ float:right; margin-bottom:10px; }
	#functional-links{ background:url(../images/waffle_pattern.gif) top left repeat; padding:5px 0px 5px 35px; width:316px; height:19px; }
		#functional-nav li{ float:left; margin-right:10px; }
		#functional-nav li.end_nav{}
			#functional-nav li a{ font-size:0.5625em; color:#595241; }
			#functional-nav li a:hover, #functional-nav li.selected a{}
			
			/*IE8*/ * + html #functional-links li{ line-height:1em; }
			/*IE7*/ #functional-links li{ line-height:1em\9 }
			
	#functional-nav .contact-phone-numbers{ clear:right; }
	#functional-nav .contact-phone-numbers li{ font-size:0.5625em; color:#595240; }
	#functional-nav .contact-phone-numbers li strong{ color:#B8AE9C; }
	
	
	/* main-nav */
	#main-nav{ clear:right; float:right; position:relative; top:50px; left:-15px; }
	#main-nav ul{ float:right; }
	* + html #main-nav ul{ width:490px; }
		#main-nav li{ float:left; margin-right:10px; padding-right:10px; border-right:1px solid #DEE1E5; padding-bottom:5px; }
		#main-nav li.end_nav{ margin-right:0px; border:none; }
			#main-nav li a{ color:#B8AE9C; font-size:1.272em; text-transform:lowercase; }
			#main-nav li a:hover, #main-nav li.selected a{ color:#595240; }


	/* sub-nav */
	#sub-nav{ clear:both; width:900px; height:135px; }
	.collections #sub-nav{ background:url(../images/mastheads/masthead_collections.jpg) top left no-repeat; }
	.care #sub-nav{ background:url(../images/mastheads/masthead_care.jpg) top left no-repeat; }
	.designers #sub-nav{ background:url(../images/mastheads/masthead_designers.jpg) top left no-repeat; }
	.tradition #sub-nav{ background:url(../images/mastheads/masthead_tradition.jpg) top left no-repeat; }
	.contact #sub-nav{ background:url(../images/mastheads/masthead_contact.jpg) top left no-repeat; }
	.press #sub-nav{ background:url(../images/mastheads/masthead_press.jpg) top left no-repeat; }
	.site #sub-nav{ background:url(../images/mastheads/masthead_site.jpg) top left no-repeat; }
	
		#sub-nav ul{ margin-left:25px; margin-bottom:0px !important; }
			#sub-nav li{ display:inline; }
				#sub-nav li a{ color:#FFF; font-size:1.454em; display:block; float:left; position:relative; top:107px; margin-right:1px; padding:4px 15px 8px; background:url(../images/sub_nav_tab_bg.gif) top left repeat-x; border-right:1px solid #867C62; }
				* + html #sub-nav li a{ top:104px; }
				#sub-nav li.end_nav a{}
				#sub-nav li a:hover{}
				#sub-nav li.selected a{ background-image:url(../images/sub_nav_tab_bg_over.gif); border-right:1px solid #66727A; }
				
				
	/*sets-nav*/
	#sets-nav > ul{ padding-left:0px !important; }
		#sets-nav li{ padding-left:15px; list-style:none; margin-bottom:10px !important; }
		#sets-nav li.selected a.set{ background-color:#E5E8ED; padding:3px 15px; display:block; margin-bottom:10px; }
		#sets-nav li a{ color:#B8AD9B; }
		#sets-nav li a:hover{ color:#300; }
		#sets-nav li.selected a{ color:#667279; }
		
	/*items-nav*/
	#items-nav{ padding-left:15px !important; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #B8AD9B; }
		#items-nav li{ padding-left:0px; margin-bottom:5px !important; font-size:9px; list-style:disc !important; }
		#items-nav li.selected a{ color:#667279; }
		#items-nav li a:hover{ color:#300; }


/* Masthead
--------------------------------------------------------*/
#masthead{}

	
/* Content
--------------------------------------------------------*/
#content{ width:900px; padding:0px 6px; margin:auto; background:url(../images/wrap_bg.png) top center repeat-y transparent; font-size:0.689em; text-align:left; }
#content p, #content li, #content blockquote{ line-height:1.5em; }
#content p, #content li, #content blockquote,
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6{ margin-bottom:15px; }

	/* main-content */
	#main-content{}
	#main-content ul{ list-style:disc; padding-left:25px; }
	#main-content li{}
	
		.home #main-content{ background:url(../images/home_content_bg.jpg) top left repeat-x #CCC3B0; padding:0px 40px 0px 20px; }
			.home #main-content .col_l{ float:left; width:350px; }
				.home #main-content .col_l img{ display:none; }
			
			.home #main-content .col_r{ float:right; width:470px; }
				.home #main-content .intro{ text-align:center; padding:40px 0px 20px; }
					.home #main-content .intro h2{ color:#535767; font-size:28px; }
					.home #main-content .intro p{ padding-left:30px; padding-right:30px; line-height:2em; }
					
				.home #main-content .collection_area{ background:url(../images/gradient_pinstripe_bg.gif) top left repeat-x #A6957B; padding:20px 20px 10px; text-align:center; }
				.home #main-content .collection_area .button{ margin-left:60px; }
				.home #main-content .collection_area .product_image{ width:200px; height:230px; overflow:hidden; }
					.home #main-content .new_arrivals { float:left; padding-right:15px; width:200px; border-right:1px dashed #B8AE9C; }
					.home #main-content .collections{ float:right; width:200px; }
			
		.subpage #main-content{ padding:30px 30px; }
			.subpage #main-content h2{ padding-bottom:20px; margin-bottom:20px; background:url(../images/content/header_trim.gif) bottom left repeat-x; }
		
		/* collections */
		ul.carousel{ list-style:none; padding:0px !important; position:relative; overflow:hidden; }
		ul.carousel li{ float:left; list-style:none; }
		
		#carousel-control-left, #carousel-control-right{ display:block; width:15px; margin-right:-15px; margin-bottom:-100000px; position:relative; z-index:3; overflow:hidden; text-indent:-10000000px; }
		#carousel-control-left{ background:url(../images/content/carousel_button_left.gif) center center no-repeat #525766; /*#E5E8ED*/ float:left; }
		#carousel-control-right{ background:url(../images/content/carousel_button_right.gif) center center no-repeat #525766; float:left; }
		
		#collections-carousel{ width:780px; overflow:hidden; height:320px; margin-left:40px; margin-bottom:15px; position:relative; }
			#collections-carousel #carousel-control-left, 
			#collections-carousel #carousel-control-right{ height:320px; }
			#collections-carousel #carousel-control-right{ left:765px; }
			#collections-carousel .carousel li{ margin-right:10px; width:250px; height:320px; overflow:hidden; }
			#collections-carousel .carousel li a span.title{ display:block; float:left; width:100%; position:relative; margin-top:90%; margin-right:-1000px; text-align:center; color:#FFF; font-size:30px; }
			
		#sets-carousel{ width:750px; height:320px; overflow:hidden; margin-left:40px; position:relative; margin-bottom:15px; }
			#sets-carousel #carousel-control-left, 
			#sets-carousel #carousel-control-right{ height:320px; }
			#sets-carousel #carousel-control-right{ left:735px; }			
			#sets-carousel .carousel li{ margin-right:10px; width:140px; height:320px; overflow:hidden; }
			#sets-carousel .carousel li a span.title{ display:block; float:left; width:100%; position:relative; margin-top:90%; margin-right:-1000px; text-align:center; color:#FFF; font-size:30px; }
		
		#inventory_content .col_l{ width:20% !important; }
		#inventory_content .col_r{ width:72% !important; }
		#inventory-carousel{ width:600px; overflow:hidden; position:relative; }
			#inventory-carousel #carousel-control-left, 
			#inventory-carousel #carousel-control-right{ height:230px; }
			#inventory-carousel #carousel-control-right{ left:585px; }
			#inventory-carousel .carousel{ text-align:center; }
			#inventory-carousel .carousel li{ margin-right:10px; width:190px; overflow:hidden; background-color:#FFF; }
				
				.inventory_images{ padding-left:0px !important; }
				.inventory_images li{ display:none; }
				.inventory_images .main_image{ display:block; height:230px; width:190px; overflow:hidden; text-align:center; }
				
				.blank_inventory_item{ display:block !important; margin-bottom:15px; height:113px; width:188px; padding-top:115px; border:1px solid #EFEFEF; background-color:#FAFAFA; color:#CCC; text-transform:uppercase; }
				
				.closer_view_overlay{ float:left; position:relative; text-indent:-100000px; overflow:hidden; background:url(../images/content/inventory_closer_look_icon.png) top left no-repeat transparent; z-index:2; height:51px; width:51px; margin-bottom:-51px; margin-right:-51px; top:165px; left:125px; cursor:pointer; }
		
		
		/* press */
		#press-listing strong, #press-listing em{ display:block; }
		#press-listing ul{ list-style:none; padding-left:0px; }
		#press-listing .features li{ margin-bottom:2px; font-weight:bold; color:#867C62; }
		
		/* site-map */	
		#site-map{}
		#site-map p{ display:none; }
		#site-map ul{ margin-bottom:50px !important; }
		#site-map li{ margin-bottom:5px; }
		
		/* contact-info */
		#contact-info{ line-height:1.35em; }
		#contact-info .name{ font-weight:bold; font-size:1em; }
		#contact-info .adr{ margin-bottom:20px; line-height:1.5em; }
		#contact-info .tel ul{ list-style:none; padding-left:0px; padding-top:10px; margin-top:10px; border-top:1px solid #B8AE9C; }
			#contact-info .tel li{ margin-bottom:5px; }
			#contact-info .tel li strong{ display:block; float:left; width:80px; }
		#contact-info .map-link a{ margin:5px 0px; display:table; border:1px solid #B8AE9C; background:url(../images/subcontent_bg.jpg) top left repeat-x; padding:0px 2px; font-size:8px; text-transform:uppercase; font-family:Verdana, Geneva, sans-serif; }
		#contact-info .email-address{ padding-top:10px; margin-top:10px; border-top:1px solid #B8AE9C; }


	/* sub-content */
	#sub-content{ padding:30px 30px; background:url(../images/subcontent_bg.jpg) top left repeat-x #E5D9C4; color:#666; }
		
		.home #sub-content h4{ margin-bottom:15px; }
		.home #sub-content p{ font-size:0.909em; line-height:1.75em; }
		.home #sub-content img{ margin:0px 10px 10px 0px; }
		
		.subpage #sub-content .col_r .contact-phone-numbers li{ margin-bottom:5px; }
		.subpage #sub-content .col_r .contact-phone-numbers strong{ display:block; float:left; width:80px; color:#667279; }

		
/* Footer
--------------------------------------------------------*/
#footer{ width:900px; margin:auto; padding:15px 6px 20px; background:url(../images/wrap_footer_bg.png) top center no-repeat transparent; }
	
	/* navigation */
	#footer-nav{ float:left; margin-left:50px; }
		#footer-nav li{ float:left; margin-right:10px; padding-right:10px; border-right:1px solid #595240; font-size:0.5625em; }
		#footer-nav li.end_nav{ margin-right:0px; padding-right:0px; border:none; }
			#footer-nav li a{ color:#595240; font-weight:bold; }
			#footer-nav li a:hover, #footer-nav li.selected a{}

	/* copyright */
	#copyright{ float:right; color:#999; font-size:0.5625em; margin-right:10px; margin-bottom:20px; }
	
	/* designed by */
	#designed-by{ clear:right; float:right; font-size:0.5625em; margin-right:20px; font-style:italic; }
		#designed-by a{ color:#999; }
		#designed-by strong{ font-style:normal; color:#595240; font-family:Verdana, Geneva, sans-serif; }