@font-face {
    font-family: 'ArnoProLightDisplay';
    src: url('fonts/arnopro-webfont.eot');
    src: url('fonts/arnopro-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/arnopro-webfont.woff') format('woff'),
         url('fonts/arnopro-webfont.ttf') format('truetype'),
         url('fonts/arnopro-webfont.svg#ArnoProLightDisplay') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	background:#f4f2ef;
	font-family:'ArnoProLightDisplay';
	font-size:13px;}
	
p{
	margin:0;
	padding:0;}


#wrapper{
	width:1000px;
	margin:0 auto;
}	
	
#maincontent{
	float:left;
	width:100%;
	margin:0;}	
	
#siteheader{
	float:left;
	width:100%;}
	
#headernav{
	float:left;
	background:url(images/site_images/headernavbg.jpg) repeat-x;
	width:100%;
	padding:10px 0 7px 0;
	margin:5px 0 0 0;}	
	
#headernav a{
	color:#939196;
	font-size:12px;
	float:left;
	margin:0 26px 0 26px;
	text-decoration:none;}
	
#headernav a:hover{
	color:#57585c;}
	
#headernav a.activepage{
	color:#57585c;}	
	
#sitecontent{
	float:left;
	width:100%;
	background:#fff;
	padding:10px 0 10px 0;}
	
#banner_wrapper{
	background:url(images/site_images/front_content_bg.jpg) repeat-x;
	float:left;
	width:100%;
	padding:5px 0 5px 0;
	margin:5px 0 0 0;}	
	
.bannername{
	padding:6px 0 6px 0;
	color:#b5b6b1;
	font-size:15px;}
	
.row_bg{
	background:url(images/site_images/front_content_bg.jpg) repeat-x;
	padding:10px 0 10px 0;}	
	
.designname{
	padding:0px 0 6px 0;
	color:#b5b6b1;
	font-size:15px;}
	
.notactiveimg{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 0.6;
	opacity: 0.6;}	
	
.notactiveimg:hover{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;}	
	
.activeimg{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;}	
	
.fabric_desc{
	float:left;
	position:absolute;
	top:0;
	background:url(images/site_images/whitebg.png);
	height:220px;
	width:260px;
	padding:12px;
	margin:20px 0 0 20px;
	color:#9e9d9b;
	z-index:10;}	
	
.banner_desc{
	float:left;
	position:absolute;
	top:0;
	background:url(images/site_images/banner_whitebg.png);
	font-size:15px;
	padding:12px;
	margin:20px 20px 0 20px;
	color:#9e9d9b;
	z-index:10;}	
	
.banner_title{
	font-size:28px;
	padding:0 0 15px 0;}	
	
.fabname{
	font-size:18px;
	text-transform:uppercase;
	padding:0 0 0px 0;}	
	
.contactform{
	padding:20px;
	font-size:14px;
	color:#929095;}	
	
.contactform input[type="text"]{
	background-color:#fff;
	border:0;
	color:#929095;
	width:350px;
	font-family:'arial';
	font-size:11px;
	padding:3px;}	
	
.contactform textarea{
	width:432px;
	color:#929095;
	font-size:11px;
	background-color:#fff;
	padding:3px;
	font-family:'arial';
	border:0;
	height:160px;
	resize:none;}

.contactform input:focus, .contactform textarea:focus{
	background:#ccc;
	color:#fff;
	}
	
.formtitle{
	width:95px; 
	float:left;}	
	
.success_text{
	font-size:18px;
	padding:0 0 15px 0;}	
	
.design_desc{
	position:absolute;
	margin-top:-50px;
	background:url(images/site_images/design_white_bg.png);
	width:260px;
	font-size:13px;
	padding:12px;
	margin:20px 0 0 20px;
	z-index:10;
	color:#989898;}	
	
.nxtprv_button a{
	color:#989898;
	text-decoration:none;
	font-size:12px;}	
	
.nxtprv_button a:hover{
	color:#595959;}
	
#sitefooter{
	float:left;
	width:100%;
	font-size:12px;
	color:#939196;
	padding:10px 0 20px 0;}	
	
#sitefooter a{
	color:#939196;
	text-decoration:none;}	
	
#sitefooter a:hover{
	color:#aeaeae;}	
	
	
	



#slideshow {
    position:relative;
}

#imageholder {
    position:absolute;
    z-index:8;
    opacity:0.0;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

.inactive:hover{
	opacity:.5;}

#thisimg:hover{
	opacity:.5;}