/* *************************************
	IE6 Png Fix
************************************* */
.medRightCol h2{ behavior: url("../iepngfix.htc") }
/* *************************************
	Css by Tom Gatenby
	tom@squashedpixel.co.uk
*************************************** */
html, body{
	width:100%;
	height:100%;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	background:#fff url(../images/bg-tile.gif) top repeat-x fixed;
}
/* *************************************
	General Content
************************************* */
h1{
	color:#165D9F;
	font-family:Helvetica, Arial, sans-serif;
	margin:20px 0px 5px 0px;
	font-size:2.2em;
	letter-spacing:0px;
}
h1.slide{clear:both; margin-top:40px;}
.largeLeftCol h1{margin-top:0px;}
h2{
	color:#165D9F;
	font-family:Helvetica, Arial, sans-serif;
	margin:0px 0px 5px 0px;
	font-size:1.6em;
	font-weight:normal;
}
.contactForm h2, .imageGallery h2{
	color:#fff; 
	margin-bottom:10px;
	text-align:center;
	border-bottom:1px solid #fff;
	padding-bottom:10px;
}
h3{
	color:#4B7397;
	font-family:Helvetica, Arial, sans-serif;
	margin:20px 10px 0px 10px;
	font-size:1.4em;
	padding:5px 10px 5px 10px;
}
p, li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#808080;
}
p{margin:0px 0px 15px 0px;}
strong{font-weight:bold;}
a{color:#000; font-weight:bold; text-decoration:none;}
a:hover{color:#165d9f; text-decoration:underline;}
em{font-style:italic;}
ul{margin:5px 0px 15px 20px;}
ol li{list-style-type:decimal;}
li{list-style-type:disc; font-size:1.2em;}
.clear{clear:both; font-size: 1px;}
.left{float:left;}
.right{float:right;}
.imageGallery p{color:#fff; margin:0px 10px 10px 10px;}

/* *************************************
	Basic Structure
************************************* */
#container{
	width:850px; 
	padding:0px 20px 0px 20px; 
	margin:0px auto 0px auto;
	background-color:#fff;
}
#container, #header, #content, #footer{width:850px; clear:both;}
#content{margin:20px 0px 10px 0px;}
#footer{
	border:1px solid #DDDDDD;
	border-left:none;
	border-right:none;
	padding:11px 0px 0px 0px;
}
#topBar{
	width:850px;
	min-height:20px;
	_height:20px;
	background:#165D9F url(../images/top-bar.gif) no-repeat bottom;
}
/* *************************************
	Header Stuff
************************************* */
#topBar a{
	float:right;
	line-height:19px;
	font-weight:bold;
	font-size:1.1em;
	color:#fff;
	text-decoration:none;
	padding:0px 30px 0px 30px;
	background:url(../images/newsletter-bg.gif) left repeat-y;
}
.logo{float:left; margin:20px 0px 20px 0px;}
.calltoaction{float:right; text-align:right; margin:30px 10px 0px 0px;}
.calltoaction p{
	margin:0px 0px 0px 0px;
	font-family:Helvetica, Arial, sans-serif;
	color:#666666;
	font-weight:bold;
}
.calltoaction p.telNo{font-size:2.5em;}
.calltoaction p.telNo span{color:#FAB243;}
.calltoaction p.email{font-size:1.35em;}
.calltoaction p a{text-decoration:none; color:#666666;}
.calltoaction p a:hover{text-decoration:underline; color:#666666;}
/* *************************************
	Main Navigation
************************************* */
.mainNav{
	clear:both;
	padding:10px 0px 0px 0px;
	padding-top: expression('5px');
	background:#165D9F url(../images/nav-top.gif) no-repeat top;
}
.mainNav ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 10px;
	background:url(../images/nav-bot.gif) no-repeat bottom;
}
.mainNav li{
	display:inline;
	font-size:1.1em;
	font-weight:bold;
	margin:0;
	padding:0;
}
.mainNav li a{
	color:white;
	text-decoration:none;
	padding:0px 10px 0px 10px;
	border-right:2px solid #fff;
}
.mainNav li a:hover, .mainNav li.current a{ color:#FFBF00; text-decoration:underline;}
/* *************************************
	Footer Stuff
************************************* */
#footer p{font-size:1.1em;}
#footer p a{color:#666666; text-decoration:none; font-weight:bold;}
#footer p a:hover{text-decoration:underline;}
/* *************************************
	Columns
************************************* */
.medLeftCol{
	float:left;
	width:556px;
	border-right:1px solid #DDDDDD;
	padding-right:10px;
	_padding-right:5px; /* ie6 */
}
.divider{
	display:block;
	background-color:#DDDDDD;
	height:1px;
	overflow:hidden;
}
.medRightCol{
	float:right;
	background-color:#666666;
	padding:0px 20px 0px 20px;
	width:233px;
	margin:0px 0px 0px 10px;
}
.leftNav{
	width:131px;
	_overflow:hidden;
	float:left;
}
.contentCol{
	float:left;
	width:717px;
	min-height:400px;
}
	#contact .contentCol{
		width:845px;
	}
	.leftCol{
		float:left;
		width:484px;
		margin:0px 10px 0px 10px;
		_margin:0px 10px 0px 5px; /* ie6 */
	}
	.rightCol{
		float:left;
		width:213px;
		padding-bottom:30px;
	}

	.largeLeftCol{
		float:left;
		width:622px;
		margin:0px 10px 0px 0px;
	}
	.subCol{
		float:left;
		width:145px;
		min-height:180px;
		margin:20px 10px 0px 0px;
		padding:0px 0px 0px 20px;
		border-left:1px solid #DDDDDD;
	}
	.subColLarge{
		float:left;
		width:240px;
		min-height:180px;
		margin:20px 10px 0px 0px;
	}
/* *************************************
	Column Content (Home)
************************************* */
.headerImg{margin:20px 0px 20px 0px;}
.smallHeader{margin:0px 0px 20px 0px;}
ul#slideshow {margin:0; padding:0; overflow:hidden;}
ul#slideshow li{list-style-type:none; margin:0; padding:0; display:block; height:270px; overflow:hidden;}
/* *************************************
	Quick Links (home)
************************************* */
.quickLinks{margin:15px 0px 15px 0px;}
.productthumb {
	float: left; 
	margin:0px 5px 0px 0px;
	width: 106px;
	height:176px;
	text-align: center;
}
.productthumb p a {
	display: block;
	width: 98px;
	margin:0px 0px 5px 0px;
	text-decoration:none;
	color:#666666;
	font-weight:bold;
}
.productthumb p a:hover{color:#FAB243; text-decoration:underline;}
.productthumb a img{margin:0px 0px 0px 0px;}
.productthumb a:hover img{
	filter:alpha(opacity=50);/* for IE 7+ */
	opacity:0.5;
}
/* *************************************
	Right Colum (home)
************************************* */
.medRightCol p, .medRightCol h2{color:white;}
.top, .bottom{
	display:block;
	width:273px;
	height:11px;
	float:left;
	overflow:hidden;
	margin:0px 0px 0px 10px;
}
.top{background-image:url(../images/rBar-top.gif);}
.bottom{background-image:url(../images/rBar-bot.gif); float:right;}
.medRightCol a img{border:2px solid #fff;}
.medRightCol a:hover img{border-color:#FAB243;}
.medRightCol h2{
	background:url(../images/arrow-right.png) right no-repeat;
	margin:0px 0px 10px 0px;
}
.medRightCol h2 a{
	color:#fff;
	text-decoration:none;
	display:block;
}
.medRightCol h2 a:hover{color:#FAB243; text-decoration:underline;}
.medRightCol .divider{margin:0px 0px 10px 0px;}
.medRightCol p{margin:5px 5px 10px 5px;}
/* *************************************
	LeftNavigation
************************************* */
.leftNav ul{margin:0px; padding:0px;}
.leftNav ul li{list-style-type:none; }
.leftNav ul li a{
	display: block;
	width:123px;
	border-top:1px solid #DDDDDD;
	padding:6px 4px 6px 4px;
	margin:0px;
	text-decoration:none;
	color:#165D9F;
	font-weight:bold;
	font-size:1em;
	background:url(../images/arrow-right.png) no-repeat right;
}
.leftNav .divider{width:138px;}
.leftNav ul li a:hover, .leftNav ul li a.current {
	color:#fff;
	background-color:#165D9F;
}
/* *************************************
	Page Content 
************************************* */
.leftCol h1{margin-top:0px;}
/* *************************************
	RightCOl IMage gallery
************************************* */
.imageGallery{
	float:left;
	width:204px;
	min-height:243px;
	background-color:#FAB243;
	margin:0px 0px 0px 0px;
	padding:9px 0px 4px 9px;
	_padding:4px 0px 0px 4px;
}
.leftCol .imageGallery{
	width:100%;
	background:none;
	border-top:1px solid #165d9f;
	border-bottom:1px solid #165d9f; 
	padding:9px 0px 4px 0px;
	_padding:4px 0px 0px 0px;
}
.imageGallery a img{
	float:left;
	border:2px solid #fff;
	margin:0px 5px 5px 0px;
}
.leftCol .imageGallery a img{
	margin:0px 6px 6px 0px;
}
.imageGallery h2{
	color:#fff;
	text-align:center;
	margin:0px 10px 12px 0px;
}
.imageGallery h2.lbottomLink{
	float:left;
	width:195px;
	border-bottom:none;
	border-top:1px solid white;
	margin-top:10px;
	padding:7px 0px 0px 0px;
}
.imageGallery h2.lbottomLink a{
	color:#fff;
}
.curveTop, .curveBot{
	display:block;
	float:left;
	width:213px;
	height:7px;
	overflow:hidden;
	background-image:url(../images/rightCol_curvedtop.gif);
}
.curveBot{ 
	background-image:url(../images/rightCol_curvedbot.gif);
	margin-bottom:10px;
}
p a.quoteRequest{
	float:left;
	display:block;
	width:213px;
	height:41px;
	overflow:hidden;
	text-indent:-999999px;
	margin:0px 0px 10px 0px;
	background-image:url(../images/requestaquote.gif);
}