* { margin:0; padding:0;}

body {
font-family: "Lucida Sans", "Trebuchet MS", sans-serif;
font-size: 12px;
color: #666666;
text-align:center;
background:url(images/background_image.jpg) left top repeat-x #ffffff;
}

p {
font-size: 12px;
line-height: 16px;
margin:0px 0px 15px 0px;
}

.site_center{
margin:0 auto;
text-align:left;
width:840px;
}

a img{ border:0px}

a {
text-decoration: none;
font-size: 12px;
color: #97a1ad;
}

a:hover {
color: #bfce00;
text-decoration: none;
}

.clear { clear:both;}

.darkblue { color: #4f227b; font-weight:bold;}
.darkbluenormal { color: #4f227b;}

.green { color: #bfce00; font-weight:bold;}
.greennormal { color: #bfce00;}

/*---------------------------------------- HEADINGS -------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;}

h1 {
	padding: 0px 0px 15px 0px;
	font-size: 21px;
	color: #002475;
	font-weight: normal;
	font-family: "Lucida Sans", "Trebuchet MS", sans-serif}
	
	
h2 {
padding: 10px 0px 15px 0px;
font-size: 16px;
color: #002475;
font-weight: normal;
font-family: "Lucida Sans", "Trebuchet MS", sans-serif}

	
h1 span {
position: relative;
display: block;
height: 19px; width: 450px;
text-indent: -9999px;
}
		
h1 span.full {
width: 450px !important;
}

h1.welcome span { background: url("images/heading_welcome.gif") no-repeat;}
h1.benefits span { background: url("images/heading_benefits.gif") no-repeat;}
h1.design span { background: url("images/heading_design.gif") no-repeat;}
h1.products span { background: url("images/heading_products.gif") no-repeat;}
h1.contact span { background: url("images/heading_contact.gif") no-repeat;}
h1.woven span { background: url("images/heading_woven.gif") no-repeat;}
h1.dyescarves span { background: url("images/heading_squares.gif") no-repeat;}
h1.dyeties span { background: url("images/heading_dye_printed.gif") no-repeat;}
h1.printhand span { background: url("images/heading_hand_printed.gif") no-repeat;}

/*---------------------------------------- LISTS -------------------------------------*/
ul{margin:0; padding:0; list-style:none; line-height:17px; color:#666666; font-size:12px;}

ul li{margin:25px 0 0px 0px; padding:0 0 10px 0px; }

ul li a{font-size:12px; color:#97a1ad; text-decoration:none;} 

ul li a:hover {font-size:12px; color:#bfce00; text-decoration:none;}

ul li div{padding:0 0 0px 21px;}

/*---------------------------------------- HEADER -------------------------------------*/
#header {
height:445px;
color:#a4b6c0;
}

#header .top{
height:131px;
background:url(images/header.gif) top left no-repeat;
}

/*---------------------------------------- NAVIGATION -------------------------------------*/

ul#nav {
position: relative;
height: 40px;
width: 845px;
background: url("images/navigation.jpg") no-repeat;
padding: 0px 0px 0px 0px;
margin: 0px;
}

ul#nav li {
float: left;
list-style: none;
}
	
ul#nav li a {
position: absolute;
text-indent: -9999px;
text-decoration: none;
border: none !important;
top: 0; height: 40px;
}

ul#nav li#nav-home a { 
left: 0; width: 85px;
background: url("images/navigation.jpg") no-repeat;
}
ul#nav li#nav-products a { 
left: 85px; width: 178px; 
background: url("images/navigation.jpg") -85px 0 no-repeat;
}
ul#nav li#nav-design a { 
left: 263px; width: 100px; 
background: url("images/navigation.jpg") -263px 0 no-repeat;
}
ul#nav li#nav-benefits a { 
left: 363px; width: 117px; 
background: url("images/navigation.jpg") -363px 0 no-repeat;
}
ul#nav li#nav-quote a { 
left: 480px; width: 390px; 
background: url("images/navigation.jpg") -480px 0 no-repeat;
}
			

ul#nav li#nav-home a:hover  		{ background-position: -0px -40px; }
ul#nav li#nav-products a:hover  	{ background-position: -85px -40px; }
ul#nav li#nav-design a:hover  		{ background-position: -263px -40px; }
ul#nav li#nav-benefits a:hover  	{ background-position: -363px -40px; }
ul#nav li#nav-quote a:hover  		{ background-position: -480px -40px; }


ul#nav li#nav-home a.active  		{ background-position: -0px -80px; }
ul#nav li#nav-products a.active 	{ background-position: -85px -80px; }
ul#nav li#nav-design a.active	  	{ background-position: -263px -80px; }
ul#nav li#nav-benefits a.active	  	{ background-position: -363px -80px; }
ul#nav li#nav-quote a.active  		{ background-position: -480px -80px; }


/*-----------------------------------NAVIGATION----------------------------------------*/

#tabnavigation {
margin:0;
padding:0;
width:246px;
position:relative;
}

#tabdesign{
display: block;
width: 246px;
height: 87px;
background: url("images/tab_navigation_design.gif") no-repeat 0 0;}

#tabdesign:hover{background-position: 0 -87px;}

#tabdesign span{display: none;}

#tabbenefits{
display: block;
width: 246px;
height: 88px;
background: url("images/tab_navigation_benefits.gif") no-repeat 0 0;}

#tabbenefits:hover{background-position: 0 -88px;}

#tabbenefits span{display: none;}

#tabproduct{
display: block;
width: 246px;
height: 83px;
background: url("images/tab_navigation_product.gif") no-repeat 0 0;}


#tabproduct:hover{background-position: 0 -83px;}

#tabproduct span{display: none;}

/*---------------------------------------- Columns -------------------------------------*/

#col-one {
	float: left;
	width: 591px;
	height: 258px;
}	

#col-two {
	float: right;
	width: 246px;
	padding:0px 0px 0px 0px;
}


/*---------------------------------------- CONTENT -------------------------------------*/
#contentwrapper{ width:100%; text-align:left; background:url(images/content_background.jpg) left top repeat-y #ffffff;}
#contentwrapper .indent{ padding:24px 20px 43px 24px}
#contentwrapper .width_100{ width:100%}

/*---------------------------------------- POSITIONS -------------------------------------*/
#layout #contentwrapper .content{
width:591px;
background-color: #fafbfc;
float: left;
}

#layout #contentwrapper .sidebar{
width:246px;
background-color: #edf0f2;
float:right;
}

/*---------------------------------------- FORM -------------------------------------*/
.formtext{
	font-size: 12px;
	line-height: 11px;
	font-family: "Lucida Sans", "Trebuchet MS", sans-serif;
	color: #666666;
	height: 20px;
	background-color: #ffffff;
	border: 1px solid #d9e1e6;}
	
.formmessage{
	font-size: 12px;
	font-family: "Lucida Sans", "Trebuchet MS", sans-serif;
	color: #666666;
	background-color: #ffffff;
	border: 1px solid #d9e1e6;}

.formbutton{
	padding: 10px 0px 0px 0px;}

/*---------------------------------------- FOOTER -------------------------------------*/

#footer {font-size:11px; color: #97a1ad; height:74px; background:url(images/footer.jpg) no-repeat left top;}
#footer .indent {padding:20px 0px 0px 0px;}
#footer a {font-size:11px; color:#97a1ad; text-decoration:none; word-spacing:normal;}
#footer a:hover {font-size:11px; color:#bfce00; text-decoration:none; word-spacing:normal;}
.footerleft {word-spacing: 6px; float:left;}
.credit {font-size:11px; float:right;}