/*************************************************************************/
/*************************** global styles *******************************/

html, body{
	height:100%;
	margin:0;
	padding:0;
	background:transparent url(/images/body-bgRepeat.jpg) repeat top center;
	font:12px/16px Arial, Helvetica, sans-serif;
	color:#383838;
}
#outer{
	min-height:100%;
	background:transparent url(/images/header-bgRepeat.jpg) repeat-x top center;
}
* html #outer{ /* IE6 */
	height:100%;
}
#container{
	width:800px;
	margin:0 auto;
	padding-bottom:170px;
}
.logo{
	width:305px;
	height:80px;
	margin:10px 0 0 28px;
	position:absolute;
	top:0;
	display:block;
	background:transparent url(/images/logo-PCI.png) no-repeat top left;
	/* add IE6 PNG support */
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo-PCI.png', sizingMethod='crop');
}

/*************************************************************************/
/****************************** header nav *******************************/

#header{
	height:30px;
	padding-right:30px;
	text-align:right;
	font-size:11px;
	font-weight:bold;
	line-height:30px;
	color:#232220;
}
#header a{
	padding:0 8px 0 4px;
}
#header .divider, #header .dividerSelected{
	background:transparent url(/images/nav-divider.gif) no-repeat top right;
}

/*************************************************************************/
/******************************* main nav ********************************/

#nav{
	height:35px;
	margin-top:20px;
	padding-right:30px;
	text-align:right;
	font-size:15px;
	font-weight:bold;
	line-height:30px;
	color:#232220;
}
#nav a{
	padding:0 12px 0 12px;
}
#nav .divider, #nav .dividerSelected{
	background:transparent url(../images/nav-divider.gif) no-repeat top right;
}

/*************************************************************************/
/****************************** subnav ***********************************/

#subnav{
	width:120px;
	height:105px;
	margin-left:12px;
	_margin-left:6px; /* IE6 */
	padding:5px 0 0 20px;
	float:left;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	background:transparent url(/images/subnav-bg.jpg) no-repeat;
}

/*************************************************************************/
/***************************** home page *********************************/

#hero{
	width:800px;
	height:410px;
	background:transparent url(/images/home-hero.jpg) no-repeat;
}
#heroTag{
	width:390px;
	height:125px;
	padding:85px 0 0 42px;
	font-size:13px;
	color:#FDFCF8;
}
#specials{
	width:295px;
	padding:80px 0 0 42px;
	float:left;
}
#contact{
	width:205px;
	margin-left:216px;
	padding:80px 0 0 0;
	float:left;
}

/*************************************************************************/
/***************************** containers ********************************/

#banner{
	width:800px;
	height:270px;
	_margin-bottom:-5px; /* IE6 */
}
#bannerTag{
	width:355px;
	padding:70px 0 0 42px;
	position:absolute;
	font-size:14px;
	line-height:16px;
	color:#FDFCF8;
	z-index:2;
}
#content{
	width:750px;
	margin:0 0 170px 25px;
	_margin: 0 0 85px 12px; /* IE6 */
	padding-bottom:40px;
	float:left;
	background:#F3EEDE url(/images/content-footer.jpg) bottom no-repeat;
}
#full{
	width:690px;
	margin:0 0 50px 30px;
	_margin:0 0 25px 15px;
	float:left;
}
#right{
	width:540px;
	_width:525px; /* IE6 */
	margin:0 25px 50px 20px;
	_margin:0 25px 70px 20px;
	padding-top:5px;
	float:left;
}
#half{
	width:330px;
	padding:0 15px 30px 30px;
	float:left;
}
#map{
 width:400px;
 margin-left:290px;
 _margin-left:280px; /* IE6 */
}
#contactInfo{
	width:210px;
	margin:0 0 0 15px;
	padding:10px 0 0 15px;
	float:left;
}

/*************************************************************************/
/************************** product listings *****************************/

#product{
	width:220px;
	height:150px;
	margin:0 15px 0 15px;
	_margin:0 12px 0 12px; /* IE6 */
	padding:33px 0 0 115px;
	float:left;
}
#product h2{
	color:#D65007;
	font-size:16px;
	font-weight:bold;
	border:none;
	text-transform:uppercase;
}
#product p{
	padding-top:13px;
}
#specialsListing{
	width:320px;
	margin:0 25px 15px 0;
	float:left;
}
#specialsListing h2{
	color:#D65007;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #DAD3BF;
	text-transform:uppercase;
}
#clear{
	height:15px;
	clear:both;
}
#downloads{
	width:720px;
	height:30px;
	margin:0 auto 10px auto;
	line-height:30px;
	text-align:center;
	background:transparent url(/images/downloads-bg.gif) no-repeat;
}

/*************************************************************************/
/************************ sample reuqest form ****************************/

#sampleQty{
	width:220px;
	margin-right:15px;
	_margin-right:12px; /* IE6 */
	float:left;
}
#sampleQtyScroll, #industryScroll{
	width:200px;
	height:180px;
	margin:0 0 20px 0;
	padding:5px 10px 5px 10px;
	overflow:auto;
	background:#FFFFFF;
	border:1px solid #A8A292;
}
#industryScroll{
	width:165px;
	height:70px;
	margin:2px 0 5px 2px;
	padding:5px 10px 5px 5px;
}
#sampleQtyScroll h2{
	color:#D65007;
	font-size:14px;
	text-transform:uppercase;
}
#sampleFormHalf{
	width:340px;
	float:left;
}

/*************************************************************************/
/******************************* footer **********************************/

#footer{
	width:100%;
	height:138px;
	margin:-138px auto 0 auto; /* bottom of page minus height of footer; center */
	float:left;
	clear:both; /* remove if this starts trouble */
	background:transparent url(/images/footer-bgRepeat.jpg) repeat-x top center;
}
#footerInner{
	width:800px;
	margin:0 auto;
}
#ftp a{
	width:100px;
	height:90px;
	margin-left:40px;
	_margin-left:20px; /* IE6 */
	padding:30px 0 0 0;
	float:left;
	display:block;
	background:transparent url(/images/footer-ftp.gif) no-repeat top left;
}
#samples a{
	width:100px;
	height:90px;
	margin-left:20px;
	_margin-left:10px; /* IE6 */
	padding:30px 0 0 0;
	float:left;
	display:block;
	background:transparent url(../images/footer-samples.gif) no-repeat top left;
}
#about{
	width:470px;
	margin-left:25px;
	padding:30px 0 0 0;
	float:left;
	background:transparent url(/images/title-about.gif) no-repeat top left;
}

/*************************************************************************/
/***************************** type styles *******************************/

p{
	margin:0;
	padding:7px 0 7px 0;
}
h1{
	margin:0;
	padding:0;
	font-size:22px;
	font-weight:normal;
	color:#DF5205;
	letter-spacing:-.08em;
}
h2, h3, h4, h5, h6{
	margin:0 0 5px 0;
	padding:5px 0 2px 0;
	border-bottom:1px solid #DAD3BF;
	font-size:16px;
	font-weight:bold;
	letter-spacing:-.08em;
	color:#474240;
}
h3{
	font-size:14px;
	padding:8px 0 0 0;
	border:none;
}
ul, ol, li{
	margin-top:5px;
	margin-bottom:5px;
	padding-top:0;
	padding-bottom:0;
}
li{
	list-style:url(/images/li-bullet.gif);
}
input{
	padding:2px 0 2px 0;
	/* border:1px solid #A8A292; */
}
input:focus, textarea:focus{
	background:#FCD7C3;
}
select{
	background:#F3EEDE;
}
.floatLeft{
	float:left;
	margin:10px 15px 5px 0;
}
.floatRight{
	float:right;
	margin:10px 0 5px 15px;
}

/*************************************************************************/
/****************************** linkage **********************************/

/** default **/
a:link, a:visited, a:active{color:#383838; text-decoration:underline;}
a:hover{color:#C14B0B; text-decoration:underline;}

/** header **/
#header a:link, #header a:visited, #header a:active{color:#383838; text-decoration:none;}
#header a:hover{color:#C14B0B; text-decoration:none;}

/** nav **/
#nav a:link, #nav a:visited, #nav a:active{color:#383838; text-decoration:none;}
#nav a:hover, #nav a.dividerSelected, #nav a.selected{color:#C14B0B; text-decoration:none;}

/** subnav **/
#subnav a:link, #subnav a:visited, #subnav a:active{color:#736A4A; text-decoration:none;}
#subnav a:hover{color:#C14B0B; text-decoration:none;}

/** banner tag **/
#bannerTag a:link, #bannerTag a:visited, #bannerTag a:active{color:#FDFCF8; text-decoration:underline;}
#bannerTag a:hover{color:#C14B0B; text-decoration:none;}