*{
	margin: 0;
	padding: 0;
}


body {
	margin: 0;
	padding: 0;
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	/*font-size: 62.5%;  Resets 1em to 10px */
	color: #7e7876;
	background-color: #fff;
	text-align: center;
}


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

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */



/****************************************************************/
/* 1. STRUCTURE  */
/****************************************************************/



#wrapper{
	color: #353535;
	width: 927px;
	margin: 0 auto;
	padding: 0;
	
}

#container{
	
	text-align: left;
}

#mainCol{
	/*
	width: 634px;
	float: left;
	margin-bottom: 35px;
	border: 1px solid red;*/
	width: 513px;
	float: left;
	padding: 10px 0 10px 0;
}
#fabrics #mainCol, #fabrics #sideCol{
	padding-top: 4px;
}
#sideCol{
	padding: 10px 0 10px 0;
	width: 270px;
	float: right;
	border-left: 3px solid #EBE7E3;
	
}



#content{
	background-color: #fff;
	padding: 30px 32px 30px 44px;
	
	/* 45 */
}
#home #content{
	border-top: 7px solid #1e1e1e;
	background-image: url(../images/urban_latest.gif);
	background-repeat: no-repeat;
	background-position: 623px 0px;
}
#contact #content{
	padding: 0 0px 0 0;
}
#contact #mainCol{
	width: 544px;
	float: right;
	margin-top: 25px;
	
}
#contact #sideCol{
	float: left;
	width: 340px;
	border: none;
	
	background-color: #f4f2f0;
}
#contact #sideCol div{
	padding: 30px 25px;
}
#fabrics #content{
	padding: 42px 47px 35px 51px;
}
#latest #content{
	padding: 38px 35px 35px 51px;
}

#latest #sideCol{
	width: 245px;
	float: left;
	padding-top: 6px;
	border: none;
}
#custom #sideCol{
	margin-top: 0;
	padding-top: 0;
}
#latest #mainCol{
	padding-top: 6px;
	width: 550px;
	float: right;
	border-left: 3px solid #EBE7E3;
}


.detail #content{
	padding-top: 45px;
}
.designs #content {
	padding-top: 37px;
}
#about #content{

	padding: 35px 47px 30px 46px;
}
#custom #content{

	padding: 35px 47px 30px 50px;
}


/****************************************************************/
/* 2. BLOCKS  */
/****************************************************************/


#header{
	background-color: #1e1e1e;
	/* height: 108px; 
	border: 1px solid red; */
}

#panel{
	display: none;
}


#ready #panel{
	background-image: url(../images/banners/ready_to_wear.jpg);
	/* */ height: 130px;
}

#about #panel{
	background-image: url(../images/banners/about.jpg);
	/* */ height: 130px;
}
#fabrics #panel{
	background-image: url(../images/banners/fabrics.jpg);
	/* */ height: 130px;
}
#contact #panel{
	background-image: url(../images/banners/contact.jpg);
	/* */ height: 130px;
}
#custom #panel{
	background-image: url(../images/banners/custom.jpg);
	/* */ height: 130px;
}
#latest #panel{
	background-image: url(../images/banners/latest.jpg);
	/* */ height: 130px;
}
#home #panel{
	
	height: 142px;
}
#directions #panel{
	height: 67px;
}
#popup{
	background-color: #fff;
	color: #2b2b2b;
	padding: 0;
	margin: 0;
}
#popup div{
	padding: 15px 20px 0px 18px;
	margin: 0;
	
}
#footer{
	background-color: #1e1e1e;
	color: #fff;
	padding: 10px 33px 14px 33px;
}
#footer .left{
	width: 560px;
	float: left;
}
#footer .right{
	width: 200px;
	float: right;
	text-align: right;
}
ul.designs li .outer{
	background-image: url(../images/line_vert.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
ul.designs li.right .outer{
	border-right: none;
	background-image: none;
}

ul.designs li .inner{
	/* border-bottom: 2px solid #EBE7E3; */
	background-image: url(../images/line_hori.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	padding: 0 0 29px 0;

}
ul.last li .inner{
	border-bottom: none;
	background-image: none;
}
ul.designs li.left .inner{
	margin: 0 11px 0px 0; 
	
}
ul.designs li.mid .inner{
	margin: 0 20px 0 0;
	padding-left: 5px;
	
}

ul.designs li .text{
	width: 140px;
	float: left;
	margin-top: 10px;
	
}

ul.headlines li div.text, #panel div .text{
	width: 196px;
	float: right;
}

#latest ul.headlines li div.text{
	width: 430px;
}
#panel div .holder{
	padding: 11px 0 16px 0;
}

.textHolder{
	width: 538px;
	float: right;
	
}

#home #panel .right, #home #content .right{
	border-left: 3px solid #A09188;
}
#home #panel .right{
	margin: 25px 0 25px 0;
	
}

#home div.left{
	width: 475px;
	float: left;
	
}
#home div.right{
	width: 314px;
	float: right;
	
	
}

#home #panel div.right div.holder, #home div.right ul{
	width: 272px;
	float: right;
	
}
#directions{
	background-color: #f4f2f0;
	text-align: left;
}
#directions #text{
	margin: 6px 20px 20px 20px;
}
/****************************************************************/
/*3. TEXT  */
/****************************************************************/
blockquote, h3, p, li, a {
	color: #7e7876;
	font-size: 11px;
	line-height: 16px;
}
#panel p, #panel h4{
	color: #fefdfc;
}
#footer p{
	font-size: 10px;
	line-height: 10px;
	color: #fff;
}
ul.designs li.left .text p, ul.designs li.mid .text p, ul.designs li.left .text h4, ul.designs li.mid .text h4{
	margin-right: 30px;
}

h3{
	/*color: #625d5c;
	font-size: 13px;*/
	color: #7e7876;
	font-weight: bold;
	font-size: 12px;
}

h4{
	color: #7e7876;
	font-weight: bold;
	font-size: 11px;
}
h5{
	color: #423832;
	font-weight: bold;
	font-size: 11px;
	margin-top: 20px;
}
#directions h4{
	margin-top: 16px;
}

.textHolder h4{
	margin-top: 20px;
}
p.reduced{
	line-height: 1.4em;
}

#popup p{
	color: #2b2b2b;
	font-size: 11px;
	line-height: 11px;
	
	padding: 0;
	margin: 0;
}
#popup .options{
	text-align: left;
	width: 300px;
	float: left;
	
}
#popup .close{
	width: 90px;
	float: right;
	text-align: right;
	
}
p.page_links{
	text-align: right;
	
}

#content p{
	
}
#home #content .left p{
	font-size: 12px;
	line-height: 16px;
	margin: 10px 0 15px 0;
	padding: 0 12px;
}

#content ul p{
	padding: 0 0px;
}
p.intro{
	font-weight: bold;
}
#mainCol p, #sideCol p, .textHolder p{
	
	padding: 0 0 10px 0;
}
p.name{
	font-size: 12px;
	margin-bottom: 2px;
}
.instruction{
	margin-bottom: 14px;
}
p.options{
	margin-bottom: 11px;
	
}
#directions p, #directions h5, #directions h4{
	font-size: 10px;
}
#contact #mainCol p{
	padding-right: 32px;
}
/****************************************************************/
/* 4. LINKS */
/****************************************************************/
a{
	color: #2d2b2a;
}

a.leader{
	display: block;
	margin-top: 25px;
	padding: 4px 8px 7px 0px;
	
}
a.leader span{
	margin: 0;
	background-color: #ebe7e3;
	padding: 5px 7px 6px 7px;
	text-decoration: underline;
}
#menu a{
	text-decoration: none;
	color: #ebe7e3;
	font-size: 12px;
	line-height: 12px;
	padding: 0 0px 5px 0;
	margin: 0 10px 0 0;

}
#home #menu a.home,  #ready #menu a.ready, #about #menu a.about, #latest #menu a.latest, #fabrics #menu a.fabrics, #custom #menu a.custom, #contact #menu a.contact {
	color: #fff;
	font-weight: bold;
	border-bottom: 2px solid #fff;
	
}

#footer a{
	color: #fff;
	font-size: 10px;
	line-height: 10px;
}

ul.designs h4 a, ul.headlines h4 a{
	color: #625d5c;
	text-decoration: underline;
	margin-bottom: 6px;
}
ul.designs p a:link, ul.designs p a:visited, ul.headlines p a:link, ul.headlines p a:visited{
	color: #7e7876;
	text-decoration: none;
}
ul.designs p a:hover, ul.headlines p a:hover{
	color: #7e7876;
	text-decoration: underline;
}
ul.headlines h4 a{
	text-decoration: none;
}
#panel a{
	color: #fefdfc;
	text-decoration: none;
}
#panel p a:link, #panel p a:visited{
	
	text-decoration: none;
}
#panel p a:hover{
	text-decoration: underline;
}
a.thumb{
	float: left;
	margin: 10px 11px 0 10px;
	
}
ul.headlines a.thumb, #panel a.thumb{
	margin: 0 11px 0 0;
	
}
#panel a.thumb{
	margin-top: 0;
}

a.imgOpt{
	color: #2b2b2b;
	margin: 0 2px 0 0;
	padding: 0 0 0 2px;
}
a.on{
	color: #7b7977;
}
a.next{
	background-color: #ebe7e3;
	padding: 4px 8px 7px 9px;
	margin: 0 0 0 6px;
	color: #625d5c;
}
.page_links a{
	font-weight: bold;
}
a.page{
	margin: 0 3px 0 3px;
	padding: 4px 0 7px 3px;
	color: #625d5c;
}
.page_links a.on{
	color: #1e1e1e;
	text-decoration: none;
}
#popup a{
	padding: 0;
	margin: 0;
}
/****************************************************************/
/* 5. LISTS */
/****************************************************************/

ul#menu{
	display: none;
}
ul#menu li{
	display: inline;
}

ul.simple{
	list-style-type: none;
	
}
#home ul.headlines{
	margin-top: 38px;
	
}
ul.designs{
	margin-bottom: 17px;
	
}
ul.last{
	/* last row for ready to wear lists */
	margin-bottom: 0;
	
}
ul.designs li{
	float: left;
	
	height: 148px;
	
}
ul.headlines li{
	margin-bottom: 11px;
}
#latest ul.headlines li{
	margin-bottom: 18px;
}
ul.designs li.left{width: 287px;}
ul.designs li.mid{width: 297px;}
ul.designs li.right{width: 265px;}

ul.designs li.left .outer{margin-right: 11px;}
ul.designs li.mid .outer{margin-right: 13px;}
/*ul.designs li.right .inner{width: 279px;}*/


ul.options{
	list-style-type: none;
	margin: 10px 0 0 0;
}
ul.options li{
	width: 72px;
	float: left;
}

#latest #mainCol ul.headlines{
	margin-left: 43px;
}

ul.contacts{
	margin: 6px 0 0 0;
}
ul.contacts li{
	margin: 0 0 15px 0;
}

/****************************************************************/
/* 6. IMAGES  */
/****************************************************************/

img{
	display: none;
}