/*

Client: Claremont Rug Company
Site: claremontrug.com
Version: 1.1
Author: Nick Louie, Adam Biggs


TABLE OF CONTENTS

00 - GLOBAL ELEMENTS- Standard Elements
01 - GENERIC CLASSES - Define styles for simple things like floating to the sides, removing a bottombottom margin on elements, etc.
02 - BASIC LAYOUT - Columns etc.
03 - HEADER - Header, Logo, navigation, search.
04 - MAIN CONTENT - subnavigation
05 - FOOTER

COLOR PALLETTE

00 - Body BG Color - #746f69
01 - Font Link Color - #b18351
02 - Header/Footer Link Color - #FFFFFF
03 - Secondary Navigation Color - #c2914a
03a - Secondary Navigation Hover Color - #ac5839;
*/

/*===================================================
 00 - GLOBAL ELEMENTS
=====================================================*/
html {
	background-image :url(/assets/img/bg-papertexture.jpg);
	}
body {
	background-image :url(/assets/img/bg-papertexture.jpg);
	color: #555;
	font:62.5%/2em Arial, Verdana, sans-serif;
	min-width: 940px;
	padding: 0 0 15px 0;
	margin: 0;
	}
h1, h2, h3, h4, h5 { margin-bottom:15px;font-family:Georgia, Garamond, 'Times New Roman', serif;}
p, li, blockquote{margin-bottom:15px;}
.primary-content li{margin-left:20px;}
.primary-content img.rugtype {float:left; padding:0 10px 10px 0};
ul li {list-style-type: disc;}
ol li {list-style-type: decimal;}
h1{font-size:2.2em;}
h2{
	font-size:2.0em;
	background: transparent url(/assets/img/divider-h.gif) repeat-x scroll bottom left; 
	margin: 0;
	line-height: 30px;
	}
.primary-content h2, #facebox h2 {
	margin-bottom: 10px;
	}
h3{font-size:1.8em;}
h4{font-size:1.6em;}
h5{font-size:1.4em;}
p,li{font-size:1.3em;}
.required {
	color: red;
	margin: 0;
	float:left;
	}

a {
	color: #b18351;
	}
a:hover {
	text-decoration:none;
	}
blockquote {
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 1.5em;
	font-style: italic;
	}
blockquote.nonitalic  {
	font-style: normal !important;
	}
cite {
	text-align: right;
	display: block;
	width: 450px;
	}
strong {
	font-weight: bold;
	}
em {
	font-style: italic;
	}
small {
	font-size: 0.7em;
	}

/*Form Elements*/
.rowElem {
	margin: 10px 0;
	clear:both;
	min-height:30px;
	}
label {
	float:left;
	width: 97px;
	font-size:1.2em;
	}
input {
	margin-right: 10px;
	float:left;
	font-size:1.2em;
	}
.submit input {
	height: 30px;
	}
textarea { 
	width: 100%;
	font-size:1.2em;
	}
#catalogueform label,
#videoform label,
#newsform label{
	width: 180px;
	}
#registerform label {
	width: 140px;
	}
#registerform p{
	clear: both;
	padding-left: 140px;
	}

/*===================================================
 01 - GENERIC CLASSES
=====================================================*/

/*a. Faux Absolute Positioning*/
.row {
  float: left;
  width: 100%;
  display: block;
  position: relative;
}

.item {
	width: 100%;	
	position: relative;
	float: left;
	left: 100%;
}
img.align-left {
	padding: 10px;
	margin-right: 10px;
	margin-bottom: 2px;
	background: #FDFBF9;
	border: 1px solid #DAD3C7;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	float: left;
	}

/*b. Revised Image Replacement*/
.replace { 
	text-indent: -5000px;
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	} 

/*c. Miscellaneous Classes*/
.clearboth {clear:both;} 
.left {float:left;display:block;overflow:hidden;}
.right {float:right;display:block;overflow:hidden;}
.center {
	clear: both;
	margin: 0 auto;
	overflow: hidden;
	}
	
.left_featured_article {
	float: left;
	margin: 10px 0;
	padding: 10px;
	width: 450px;
}
.left_featured_article h3 {	text-transform: uppercase; }
.right_featured_article {
	float: left;
	margin: 10px 0;
	padding: 10px;
	width: 450px;
}
.right_featured_article h3 { text-transform: uppercase; }
.small_text { 
	font-size: 1em; 
	/*text-decoration: underline;*/ 
	color: #AD3F2D; 
	/*font-family: Arial, Helvetica, sans-serif;*/
/*	float: right;
	margin-top: -25px;*/
}

/*===================================================
 02- BASIC LAYOUT
=====================================================*/
.wrapper { 	
	margin: 0 auto;
	width: 940px;
	overflow: hidden;
	position: relative;
    }
#body .wrapper {
	margin-top: 10px;
	}
#header {height:140px;background: transparent url(/assets/img/bg-header.gif) repeat-x;overflow:visible;}

#breadcrumb-content {
/* 	background: transparent url(/assets/img/bg-breadcrumb-mid.gif) repeat-y scroll 50% 0; */
	background: #FDFBF9;
	border: 1px solid #DAD3C7;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	left: 10px;
	margin: 0 0 10px 0;
	width: 920px;
	font-family: Futura, Arial, Verdana, Sans-serif;
	}
	
.content {margin: 20px 0;}

.primary-content-wrap { width:600px;margin: 0 0 0 -610px; }
.primary-content {background: transparent url(/assets/img/divider-v.gif) repeat-y scroll 0 0;padding-left:20px;}
.secondary-content-wrap {margin: 0 0 0 -930px;	width: 300px;}
.secondary-content {}
#featured-content  {width: 940px;margin: 0 auto;}
.detail-content {
	width: 260px;
	margin:0 20px 10px 0;
	padding-bottom: 10px;
	}
.meta-content-wrap {
	background: transparent url(/assets/img/bg-meta-mid.png) repeat-y top center;
	width:580px;
	position:relative;
	margin-bottom: 40px;
	}
#footer{
	height:21px;
	background: transparent url(/assets/img/bg-footer.gif) repeat-x scroll 50% 0 ;
	font-family: Verdana, Arial, sans-serif;
	}
/*===================================================
 03- HEADER
=====================================================*/

#logo {
	margin:30px 0 0 -940px;
	}
	#logo a{
		background: transparent url(/assets/img/logo.gif) no-repeat scroll 0 0;
		height: 51px;
		width: 400px;
		}
#quote-wrap {
	width: 480px;
	margin: 43px 0 0 -480px;
	font-size: 11px;
	}
	
/* User Navigation
---------------------------------------*/
#user-nav {
	position: absolute;
	right:0;
	top:0;
	text-align: right;
	font-family: Verdana, Arial, sans-serif;
	background: #857863 url(/assets/img/bg-login.png) center bottom repeat-x;
	border: 1px solid #80725c;
	border-top: none;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	padding: 0 4px;
	height: 22px;
	}
#user-nav a {
	padding: 0 10px;
	font-weight: bold;
	}
#user-nav a,
#footer p,
#footer a {
	color: #FFF;
	font-size: 1em;
	}

/* Primary Navigation
---------------------------------------*/
#primary-nav{
	margin:117px 0 0 -940px;	
	height:23px;
	padding:0 0 0px 0;
	width:940px;
	}
#primary-nav li{
	display:inline;
	overflow:hidden;
	height:20px;
	text-align: center;
	}
#primary-nav li a{
	padding:3px 0 0 0;
	display:block;
	float:left;
	text-indent:-9999px;
	}
#primary-nav li span{
	display:block;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	height:21px;
	background:url(/assets/img/bg-primary-nav.gif) no-repeat;
	}
#primary-nav li a:hover{
	cursor:pointer;
	}
	
/* Primary Navigation Items
---------------------------------------*/
/* 1 */
li#primary-navitem-1,
li#primary-navitem-1 a{width:81px;}
li#primary-navitem-1 span{background-position:0px 0px;width:81px;}
li#primary-navitem-1 a:hover span{background-position:0px -46px;}
li#primary-navitem-1.selected span,li#primary-navitem-1.selected a:hover span{background-position:0px -23px;}

/* 2 */
li#primary-navitem-2,li#primary-navitem-2 a{width:98px;}
li#primary-navitem-2 span{background-position:-81px 0px;width:98px;left:81px;}
li#primary-navitem-2 a:hover span{background-position:-81px -46px;}
li#primary-navitem-2.selected span,li#primary-navitem-2.selected a:hover span{background-position:-81px -23px;}

/* 3 */
li#primary-navitem-3,li#primary-navitem-3 a{width:106px;}
li#primary-navitem-3 span{background-position:-253px 0px;width:106px;left:253px;}
li#primary-navitem-3 a:hover span{background-position:-253px -46px;}
li#primary-navitem-3.selected span,li#primary-navitem-3.selected a:hover span{background-position:-253px -23px;}

/* 4 */
li#primary-navitem-4,li#primary-navitem-4 a{width:164px;}
li#primary-navitem-4 span{background-position:-359px 0px;width:163px;left:359px;}
li#primary-navitem-4 a:hover span{background-position:-359px -46px;}
li#primary-navitem-4.selected span,li#primary-navitem-4.selected a:hover span{background-position:-359px -23px;}

/* 5 */	
li#primary-navitem-5,li#primary-navitem-5 a{width:144px;}
li#primary-navitem-5 span{background-position:-522px 0px;width:145px;left:522px;}
li#primary-navitem-5 a:hover span{background-position:-522px -46px;}
li#primary-navitem-5.selected span,li#primary-navitem-5.selected a:hover span{background-position:-522px -23px;}

/* 6 */
li#primary-navitem-6,li#primary-navitem-6 a{width:150px;}
li#primary-navitem-6 span{background-position:-667px 0px;width:172px;left:667px;}
li#primary-navitem-6 a:hover span{background-position:-667px -46px;}
li#primary-navitem-6.selected span,li#primary-navitem-6.selected a:hover span{background-position:-667px -23px;}

/* 7 */
li#primary-navitem-7,li#primary-navitem-7 a{width:101px;}
li#primary-navitem-7 span{background-position:-839px 0px;width:101px;left:839px;}
li#primary-navitem-7 a:hover span{background-position:-839px -46px;}
li#primary-navitem-7.selected span,li#primary-navitem-7.selected a:hover span{background-position:-839px -23px;}	

/* 8 */
li#primary-navitem-8,li#primary-navitem-8 a{width:75px;}
li#primary-navitem-8 span{background-position:-179px 0px;width:75px;left:179px;}
li#primary-navitem-8 a:hover span{background-position:-179px -46px;}
li#primary-navitem-8.selected span,li#primary-navitem-8.selected a:hover span{background-position:-179px -23px;}	
	
/*===================================================
 04- MAIN CONTENT
=====================================================*/
/* 03.1 - Homepage
---------------------------------------*/

/* Homepage Specific - JS active */
/*#home.js #quote-wrap,*/
#home.js #topBanner,
#home.js #user-nav,
#home.js #primary-nav,
#home.js #home-content,
#home.js #footer,
#home.js #flashslide,
#home.js .left_featured_article,
#home.js .right_featured_article{
	visibility: hidden;
	}
#home.js #intro-rug {
	display: block;
	position: absolute;
	top: 15px;
	left: 200px;
	}
#home-content{
	padding-top: 10px;
	font-size: 1.2em;
	clear: both;
	}
#home-content p{
	padding: 0 10px;
	margin: 0;
	}
	#home-content .notice{
		margin-bottom: 15px;
		padding: 10px;
		background: #999966 url(/assets/img/bg-home-news_br.png) center top repeat-x;
		color: white;
		display: block;
		border: 1px solid #999966;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		}
		#home-content .notice a{
			color: #e0e0e0;
			/*padding-left: 10px;*/
			}
#home-content blockquote{
	position: relative;
	text-align: right;
	padding: 15px 50px 0 0;
	margin: 0;
	}
	#home-content cite{
		display: inline;
		font-style: normal;
		}


/* Flash Pannel */
#flashslide {
	width: 940px;
	padding-top: 10px;
	}
#flashslide img {
	float: left;
	padding-bottom: 10px;
	}
	
/* Secondary Nav Items */
#secondary-nav{width:940px;}
#secondary-nav ul {
	font-size:1.6em;
	text-transform:uppercase;
	height: 38px;
	}
#secondary-nav li, #secondary-nav a {
	font-family: Arial, Helvetica, sans-serif;
	color:#c2914a;
	display:block;
	float:left;
	line-height: 38px;
	width: 300px;
	text-align: center;
	}
#secondary-nav a{overflow:hidden;}
#secondary-nav a:hover{	color:#ac5839;}

#home-title {
	width: 920px;
	margin-left:10px;
	}

/* 03.2 - News Content 
---------------------------------------*/
.detail-content ul {
	background: transparent url(/assets/img/divider-h.gif) repeat-x scroll bottom left;
	padding-bottom: 10px;
	margin-left: 10px;
	}
.meta-content-wrap .meta-content {
	background: transparent url(/assets/img/bg-meta-gradient.gif) repeat-x bottom left;
	margin: 0 1px;
	padding: 20px 20px 13px 20px;
	}
.meta-content {
	margin-bottom: 10px;
	}
.detail li,
.meta li,
.meta-content-wrap li{
	list-style: none;
	padding-left: 25px;
	background-position: left center;
	background-repeat: no-repeat;
	overflow: auto;

	}
.detail-content li {margin: 10px 0 0 0;}
.meta-content li {
	margin-bottom: 0;
	display: inline;
	}
.post-date {
	padding-left: 25px;
	/*background-position: left center;
	background-repeat: no-repeat;
	background-image: url(/assets/img/icon-calendar.png);*/
	}
.post-author {
	padding-left: 25px;
	/*background-position: left center;
	background-repeat: no-repeat;
	background-image: url(/assets/img/icon-author.png);*/
	}
.post-publication {/*background-image: url(/assets/img/icon-newspaper.png);*/}
.post-download {background-image: url(/assets/img/icon-pdf.gif);}
.post-print {background-image: url(/assets/img/icon-printer.png);}

#register-why li{
	line-height: 20px;
	height: 20px;
	display:block;
	margin-bottom: 10px;
	padding-left: 30px;
	background-image: url(/assets/img/icon-register.png);
	}
#register-discover {
	background-position: left 0px;
	}
#register-share {
	background-position: left -20px;
	}
#register-request {
	background-position: left -40px;
	}
#register-create {
	background-position: left -60px;
	}
#register-add {
	background-position: left -80px;
	}
#register-edu {
	background-position: left -100px;
	}

.meta-content-top, .meta-content-bottom {width: 580px; height: 3px; position: absolute;}
.meta-content-top {background: transparent url(/assets/img/bg-meta-top.gif) no-repeat top center; top: 0;left: 0;}
.meta-content-bottom {background: transparent url(/assets/img/bg-meta-bottom.gif) no-repeat bottom center; bottom: 0;left: 0;}

.post-widget-img, .post-big-img {
	text-align: center;
	margin-bottom: 8px;
	height: 100%;
}
/* 03.3 - Breadcrumb Content
---------------------------------------*/
/*
#breadcrumb-top, #breadcrumb-bottom {width:920px; height: 3px; position: absolute;}
#breadcrumb-top {background: transparent url(/assets/img/bg-breadcrumb-top.gif) no-repeat 50% top; top:0; }
#breadcrumb-bottom {background: transparent url(/assets/img/bg-breadcrumb-bottom.gif) no-repeat 50% bottom; bottom: 0; }
*/
#breadcrumb-content p {
	text-transform: uppercase;
	color: #ac5839;
	margin: 0;
	padding: 6px 0 6px 10px;
	}




/* 03.4 - Secondary Content
---------------------------------------*/
.sidebar-content {
	background: url(/assets/img/bg-sidebar-mid.png) repeat-y top center;
	position:relative;
	margin-bottom: 5px;
	padding: 20px 20px 13px 20px;
	width: 260px;
	}
.sidebar-content-top, .sidebar-content-bottom {width: 300px;height: 3px;position: absolute;}
.sidebar-content-top {background: transparent url(/assets/img/bg-sidebar-top.gif) no-repeat top center;top: 0; right: 0;}
.sidebar-content-bottom {background: transparent url(/assets/img/bg-sidebar-bottom.gif) no-repeat bottom center;bottom:0; right:0;}

.secondary-content ul {margin-bottom: 20px;}
.secondary-content ul li{	
	list-style: none;
	background: transparent url(/assets/img/divider-h.gif) repeat-x scroll bottom left;
	margin: 0;
	}
.secondary-content ul li a {
	padding: 10px;
	display: block;
	color: #ad3f2d;
	font-size: 1.3em;
	font-family:Georgia, Garamond, 'Times New Roman', serif;
	}
.secondary-content ul li a:hover,
.secondary-content ul li#selected a {
	text-decoration: none;
	}
.secondary-content ul li a:hover {
	color: #7F1807;
	}
.secondary-content ul li#selected a {
	font-style: italic;
	color: #555;
	}
.sidebar-content p {
	margin-top: 10px;
	}

/* 03.5 - Featured Content
---------------------------------------*/	
#featured-content #frame {
	background: transparent url(/assets/img/frame.png) no-repeat scroll 50% 0;
	width: 940px;
	height: 245px;
	margin: 0 0 0 -940px;
	overflow: hidden;
	z-index: 10;
	}
#featured-content img {
	margin: 11px 0 0 -920px;
	width: 900px;
	z-index: 1;
	}
#prevBtn, #nextBtn {
	display:block;
	height:34px;
	position:absolute;
	top:105px;
	width:34px;
	z-index:9999;
	}
	
a.previous {background:transparent url(/assets/img/btn-nav.png) no-repeat scroll 0 0;}
a.previous:hover {background-position: 0 -34px;}
a.next {background:transparent url(/assets/img/btn-nav.png) no-repeat scroll -34px 0;}
a.next:hover {background-position: -34px -34px;}
#nextBtn {right:1px;}
#prevBtn {left:1px;}

.post-featured-header-wrap, .featured-header-wrap { margin: 21px 0 0 -910px; z-index: 30;}
.featured-header-wrap {width: 280px;text-align:center;}
.post-featured-header-wrap {width: 430px;}
.post-featured-header, .featured-header {background: #FFF url(/assets/img/bg-featured-header.gif) repeat-x;height: 158px;padding: 20px;}
.featured-header h1 {color: #ad3f2d;}
.featured-header p {font-size: 1.4em;}


#contact {	margin: 0 auto;width: 200px;}
#signup {width: 140px;float: right;}
#contact, #signup {
	height: 40px;
	display: block;
	position: relative;
	}
.trigger {height: 100%; width: 100%;display:block;background-image: url(/assets/img/shopping-with-us/btn-combo.gif); }
#signup .trigger {background-position: -200px 0; z-index: 1;}
#contact .trigger {background-position: 0 0;z-index: 1;}

#map {
	padding: 10px;
	background: #FDFBF9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #DAD3C7;
	width: 918px;
	}

.trigger span {
	background: transparent url(/assets/img/shopping-with-us/btn-combo.gif) no-repeat scroll 0 40px; 
	width: 100%;
	height: 40px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	cursor:pointer;
	}
#signup .trigger span {background-position: -200px -40px; height: 40px;}
#contact .trigger span {background-position: 0 -40px;height: 40px;}
/* 03.2 - Facebox Content
---------------------------------------*/
#facebox h2 {
	color:#AD3F2D;
	}
/*===================================================
 04 - FOOTER
=====================================================*/

#footer #footer-nav {margin-left: -600px; width: 400px;}
#company {margin-left:-940px;display:block;width: 300px;}
#creator {margin-left: -192px;display:block;width: 191px; background: url(../img/dots.png) 100% 50% no-repeat; }

#footer a {
	padding-left: 20px;
	}
#footer p{
	margin:0;
	}
	
/**************************
 Featured Articles
**************************/
#featuredPosts {
	background: #FFFFFF;
	border:1px solid #D8D7D5;
	float:left;
	padding:20px;
	width:545px;
}
#pressArcitles {
	clear: left;
	padding-top: 15px;
}