@charset "utf-8";
/* CSS Document */
html > body {
	font: 80%/160% Arial, Helvetica, sans-serif;
	background: #f8f7e5 url('images/main-bg-3.jpg') no-repeat center top;
	color: #333333;
	width: 849px;
	margin:  0 auto 0 auto;
	padding: 0;
}

#header {
	height: auto;
	width: 849px;
	margin: 200px 0 0 0;
	position: relative;
	padding-top:166px;
	border: 1px solid #999999;
	
}

ul {
	list-style: none;
	float:left;
}

#NavDiv {
	height: 39px;
	width: 849px;	
	margin-top:199px;
}

#nav {
	list-style: none;
	color:#FFFFFF;
	width: 849px;
	margin:0;
	padding:0;
	margin-left:5px;
	
}

#nav li {
	
	float: left;
	padding: 0;
	text-align: center;
}

#nav a {
	text-decoration:none;
	color:#FFFFFF;
}


#navHom {
	background: url('images/home-button.png') no-repeat right bottom;
	width: 79px;
	height:39px;
	
}

#navWeb {
    background: url('images/mail-button.png') no-repeat left bottom;
	width: 110px;
	height:39px;
}

#navGal {
    background: url('images/gallery-button.png') no-repeat left bottom; 
	width: 79px;
	height:39px;
}

#navCon {
    background: url('images/contact-button.png') no-repeat left bottom; 
	width: 82px;
	height:39px;
}

#navSho {
    background: url('images/shop-button.png') no-repeat left bottom; 
	width: 107px;
	height:39px;
}

#navMod {
    background: url('images/mod2-button.png') no-repeat left bottom; 
	width: 116px;
	height:39px;
}

#navSec {
    background: url('images/security-button.png') no-repeat left bottom; 
	width: 97px;
	height:39px;
}

/* BODY ----------------------------------------------*/

#main-body {
    background:url('images/bg-tile.jpg') repeat; 
	width:849px;
	height:700px;
	border: 1px solid #999999;  
}

#logo {
    background:url('images/logo.png') center no-repeat;
	width:849;
	height:146px;
	margin-top:20px;
	}

#main-Textile {
	background:  url('images/textiles-display.jpg') center top no-repeat;
	width:318px;
	height:286px;
	border:2px solid #FF6633;
	margin: 20px auto 0 auto;
}

#contact-sheet {
	background:  url('images/contact-sheet.png') center top no-repeat;
	width:328px;
	height:177px;
	margin: 10px auto;
}	
	
/* Paragraph and Text */

.cl1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-align:center;
    }
	
.cl2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	margin:15px 0 0 15px;
	padding-top:15px;
	
    }		
	
#mainText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	width:90%;
	margin:0px 30px 0px 30px;
	line-height: 1.2;
	
}	

.cl3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	margin-left:15px;
	line-height: 1.2;
}

.menuTop {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	font-style:italic;
	line-height:.8;
	font-weight:bold;
		
}


/* Footer*/

#footer-div {
	width:849px;
	background: #dfdfdf;
	border: 1px solid #999999; 
	height: 93px;
	margin-top:10px;

}

#Footer {
	background:url('images/foot-bg.png') no-repeat top center;
	width: 100%;
	height:140px;

}

#bottomnav {
	list-style:square inside;
	font-size:11px;
	color:#000000;
	width: 500px;
	text-transform:uppercase;
	text-align:left;
}

#bottomnav li {
	
	float: left;
	padding-right:0px;
	text-align: left;
	
}
