@import "navigation.css";
@import "partners.css";
@import "forms.css";
@import "projects.css";


body{
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image: url(../images/bgbar.gif);
	background-position: 0px 220px;
	background-repeat: repeat-x;
	font-family: verdana;
}
form{
	padding: 0px;
	margin: 0px;
}
img{
	border: 0px;
}

h3{
	font-size: 16px;
}

ol li{
	padding-bottom: 10px;
}

#layout{
	width: 850px;
	margin: auto;
	position: relative;
	text-align: left;
}

#header{
	text-align: center;
	width: 600px;
}

#header_clients{
	text-align: center;
	width: 850px;
}

/* ####################################################### */ 


#content_clients{
	width: 810px;
	padding: 20px;
	background-color: #fff;
   	min-height: 400px;
	font-size: 11px;
	letter-spacing: 1px;
	color: #666;
}

#content{
	position: relative;
	background-color: #fff;
	margin-top: 4px;
	border: 1px solid #ddd;
	width: 598px;
}
#intro{
	position: relative; 
	background-color: #fff; 
	overflow: hidden; 
	width: 598px; 
	height: 360px;
}
div.glide { 
	position:absolute;
	visibility:hidden; 
	left:0; top:0;
	z-index:200;
	/* border: 1px solid #ddd; */
	width: 600px; height: 365px;
	font-size: 13px;
	color: #222;
}
.glide span{
	position: absolute;
	top: 5px;
	right: 25px;
	color: #777;
	font-size: 14px;
	letter-spacing: 1px;
}
#isp{
	position: absolute;
	top: 0px;
	right: 0px;
	border: 1px solid #ddd;
	background-color: #ddd;
	height: 100%;
	z-index: 400;
	width: 17px;
}

.content_header{
	font-size: 18px;
	color: #333;
	border-bottom: 1px solid #eee;
}
.content_subheader{
	font-size: 14px;
	color: #333;
	border-bottom: 1px solid #eee;	
}
.content{
	padding: 10px;
	font-size: 11px;
	letter-spacing: 1px;
	color: #666;
	
	/* IE HACK FOR MIN HEIGHT */	
	min-height:400px;
	height:auto !important;
	height:400px;
}

.content a:link, .content a:visited, .content a:active{
	color: #d13914;
	text-decoration: none;
}
.content a:hover{
	text-decoration: underline;
}

.content_samples{
	padding: 10px;
	font-size: 11px;
	letter-spacing: 1px;
	color: #666;
}
.content_samples a:link, .content_samples a:visited, .content_samples a:active{
	color: #d13914;
	text-decoration: none;
}
.content_samples a:hover{
	text-decoration: underline;
}

.hidden{
	display: none;
}


.product_pic{
	width: 180px;
	text-align: left;
	float: right;
	padding: 0px 0px 5px 5px;
}

sup{
	font-size: 9px;
}

/* ####################################################### */  



/* ####################################################### */ 

#nav_right{
	position:absolute;
	width: 180px;
	left: 610px;
	top: 150px;
}
.wborder{
	border: 1px solid #fff;
}
#atv{ text-align: center; padding: 2px; margin: 5px 0px 5px 0px; letter-spacing: 1px; font-size: 14px; background-color: #f9dca9; }

.rightnav_header{
	/* margin: 10px 0px 0px 5px; */
	color: #444;
	font-size: 18px;
	
	position: absolute;
	top: 210px;
	left: 5px;
	
}

.rightnav_other{
	position: absolute;
	top: 220px;
	left: 7px;
}


.rightnav_links{
	/* padding: 0px 0px 10px 15px; */
	
	position: absolute;
	top: 240px;
	left: 7px;
}
.rightnav_links a:link, .rightnav_links a:active, .rightnav_links a:visited{
	color: #888;
	font-size: 12px;
	line-height: 22px;
	text-decoration: none;
	/* display: block; */
}

.rightnav_links a:hover{
	color: #444;
}

#project_menu { padding: 6px; }
#project_menu div { text-align: center; font-size: 14px; }
#project_menu img{ border: 1px solid #fff; margin: 3px 0px 0px 3px; }

#searchbox{
	text-align: center;  

	position: absolute;
	top: 174px;
	left: 10px;
}

#searchbox_home{
	text-align: center;
}

.section_graphic{
	width: 180px; 
	height: 170px; 

	position: absolute;
	top: 0px;
	left: 5px;

}

.openable{
	display: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 5px 10px 5px 10px;
	margin: 10px; 
}

.openablec{
	display: none;
}

blockquote.openable:hover{
	background-color: #eee;
	border: 1px solid #ddd;
}



/* ####################################################### */ 

#samples_forms{
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	margin: 10px;	
}
.sample_form{
	float: left;
}
.sample_swatch{
	width: 118; 
	height: 80px; 
	border: 1px solid #ccc;
	background-repeat: no-repeat; 
	background-position: center center;
	margin-bottom: 2px;
}
.sample{
	width: 120px; 
	height: 140px; 
	float: left; 
	margin: 8px; 
	border: 1px solid #777; 
	font-size: 10px; 
	font-family: verdana; 
	padding: 5px;
	position: relative;
}
.sample_model{
	font-size: 9px;
}

.sample_search_proj{
	position: absolute;
	bottom: 2px;
	right: 24px;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #999;
	overflow: hidden;
	width: 20px;
	height: 18px;
	padding-top: 2px;
	text-align: center;
}

#sample_disclaimer{
	margin: 10px;
	border-top: 1px solid #ddd;
	font-size: 9px;
	color: #999;
	text-align: left;
}

#sample_disclaimer_p{
	margin: 10px;
	border-top: 1px solid #ddd;
	font-size: 9px;
	color: #999;
	text-align: left;
	width: 300px;
}

.sample_add_cart{
	position: absolute;
	bottom: 2px;
	right: 2px;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #999;
	overflow: hidden;
}
.sample_add_cart a:link, .sample_add_cart a:visited, .sample_add_cart a:active { text-decoration: none; color: #999; padding: 4px; line-height: 20px; }
.sample_add_cart a:hover { text-decoration: none; color: #fff; background-color: #999; }

.sample_add_cart_sm{
	position: absolute;
	bottom: 2px;
	right: 2px;
	font-size: 9px;
	border: 1px solid #999;
	overflow: hidden;
}
.sample_add_cart_sm a:link, .sample_add_cart_sm a:visited, .sample_add_cart_sm a:active { text-decoration: none; color: #999; padding: 3px; line-height: 14px; }
.sample_add_cart_sm a:hover { text-decoration: none; color: #fff; background-color: #999; }


.project_samples{
	margin: 10px 0px 10px 0px;
	width: 320px;
	
}

.sample_info_section{
	padding: 10px;
}

.sample_info_section em{
	display: block;
	width: 120px;
	float: left;
}

.sample_info_section span{
	display: block;
	margin: 5px;
}

/* ####################################################### */ 

#mini_shopping_cart{
	border: 1px solid #B2BBFF;
	background-color: #D8DDFF;
}

a:link.yourcart, a:active.yourcart, a:visited.yourcart{
	font-size: 12px;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	margin: 5px;
}

.mini_item{
	white-space: nowrap;
	padding: 2px;
}
a:link.mini_remove, a:active.mini_remove, a:visited.mini_remove{
	font-size: 11px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	border: 1px solid transparent;
	padding: 2px;
}
a:hover.mini_remove{
	border: 1px solid #911;
	color: #911;
}
a:link.mini_link, a:active.mini_link, a:visited.mini_link{
	font-size: 11px;
	color: #333;
	text-decoration: none;
}

a:hover.mini_link{
	text-decoration: underline;
}

/* ####################################################### */ 

.err{
	font-size: 12px;
	color: #911;
	font-style: italic;
}
.breaker{
	clear: both;
}

#footer_clients{
	width: 850px;
	position: relative;
}

#footer{
	width: 600px;
	/* margin: auto; */
	position: relative;
}
#nav_bottom{
	text-align: center;
	padding: 5px;
	font-size: 9px;
	color: #222;
	margin: 5px;
}
#nav_bottom a:link, #nav_bottom a:visited, #nav_bottom a:active{
	font-family: verdana;
	color: #222;
	font-size: 11px;
	text-decoration: none;
	padding: 3px;
}
#copyright{
	color: #999;
	font-size: 9px;
	text-align: center;
	padding: 5px;
}
#last{
	color: #333;
	font-size: 12px;
	text-align: center;
	padding: 3px;
	margin-bottom: 10px;	
}

/* ####################################################### */ 

.pdf{
	background-image: url(../images/pdf.png);
	background-position: center left;
	background-repeat: no-repeat;
}

.doc{
	background-image: url(../images/word.png);
	background-position: center left;
	background-repeat: no-repeat;
}

.www{
	background-image: url(../images/www.png);
	background-position: center left;
	background-repeat: no-repeat;
}


.downloads a:link, .downloads a:active, .downloads a:visited {
	display: block;
	padding-left: 20px;
	line-height: 24px;
}

/* ####################################################### */ 

.event{
	border-bottom: 1px solid #ddd;
}

.event img{
	border: 1px solid #ddd;
}

/* ####################################################### */ 

#states{
	position: absolute;
	width: 200px;
	z-index: 300;
	border: 1px solid #333;
	margin: 0px;
	padding: 0px;
	display: none;
}
.state{
	display: none;
	text-align: left;
}
.state a:link, .state a:visited, .state a:active{
	display: block;
	background-color: #ddd;
	padding: 10px;
	font-size: 11px;
}

/* ####################################################### */