/* CSS Document */

body{
	margin: 0px;
	padding: 0px;
	font: 12px "trebuchet ms", Arial, Helvetica, sans-serif;
	background: #000000 url(../gfx/bgRepeat.gif) top left repeat-x;
	color: #828282;
	color: #999999;
}

.highlight {color:#FFFFFF; font-size:14px;}


/*
#rightcol h1{ color: #FFFFFF; }
h2{font: 15px "trebuchet ms"; color: white;}
h3{font: bold 21px "trebuchet ms", Arial, Helvetica, sans-serif; color: #fefefe;}
h4{font: bold 21px "trebuchet ms", Arial, Helvetica, sans-serif; color: #a6a6a6;}
*/

h1{font:26px "trebuchet ms"; color: #df630f;}
h1.Title{font:30px "trebuchet ms"; color: #df630f;}

h2{font: 26px "trebuchet ms";  color: #FF6600;}
#rightcol h2{ color: #FFFFFF; }

h3{font: 16px "trebuchet ms"; color: white;}

h4{font: bold 21px "trebuchet ms", Arial, Helvetica, sans-serif; color: #fefefe;}

h5{font: bold 21px "trebuchet ms", Arial, Helvetica, sans-serif; color: #a6a6a6;}






hr {
	color: #444444;
    background-color: #444444;
    height: 1px;
	border: none;
}

.clear{	clear: both; }
.left{ float: left; }
.right{ float: right; }

img{ border: none; }

p,h1,h2,h3,h4,h5{	margin: 0; padding: 5px 0;}


#content h3{font-size:20px; padding: 10px 0px 0px 0px;}
#content p{font: 14px "trebuchet ms"; color: white; padding: 13px 0px 5px 0px}
#content p.large{font: 16px "trebuchet ms"; color: white; padding: 13px 0px 5px 0px}
#content p.xlarge{font-size:26px;}

#content ul.std{list-style:none; margin:0px; padding:0px;}
#content ul.std li{margin:0px; padding:3px 0px 3px 0px;}

#content ul.large{font-size:15px; list-style:none; margin:0px; padding:0px;}
#content ul.large li{margin:0px; padding:2px 0px 2px 0px;}





form, input, textarea{ margin: 0; padding: 0; }

a{
	color: #fefefe;
	color: #ff6633;
	text-decoration: none;
}

#ctas a {
	color:#ffffff;
}

a:hover{
	text-decoration: underline;
}

input, textarea{
	width: 200px;
	/* background: black; */
	border: solid 1px #3d3d3b;	
	margin-bottom: 5px;
	/* color:#FFFFFF; */
}

textarea{ height: 66px; }

input#submit{
	width: 100px;
	background: white;
	height: 24px;
}


#box{
	width: 996px;
	margin: 0 auto;
	overflow: hidden;
}

#headerBar{
	width: 994px;
	height: 31px;
	padding-top: 5px;
	text-align: right;
}

.button{
	background: url(../gfx/navLeft.gif) repeat-x;
	position: relative;
	padding: 5px 10px;
	height: 28px;
	line-height: 28px;
	font: bold 14px "trebuchet ms", Arial, Helvetica, sans-serif;
	text-decoration: none;
	float: right;
	margin-right: 5px;
	color:#ffffff;
}

.button:hover{
	text-decoration: none;
	color: #000000;
}

.button span{
	background: url(../gfx/navRight.gif) no-repeat;
	position: absolute;
	top: 0;
	right: -1px;
	height: 28px;
	width: 7px;
}

#header{
	position: relative;
	width: 994px;
	height: 142px;
}

#headerLogo{
	position: absolute;
	top: 10px;
	left: 20px;
}

#headerTelephone{
	position: absolute;
	top: 13px;
	right: 20px;
	color: #fefefe;
}

#nav{
	margin: 0;
	padding: 0;
	font: bold 16px "trebuchet ms", Arial, Helvetica, sans-serif;
	height: 40px;
	position: absolute;
	bottom: 0px;
	left: 10px;
}

#nav li{
	float: left;
	list-style: none;
}

#nav li a{
	height: 28px;
	padding: 0 10px;
	color: #ffffff;
	float: left;
	line-height: 28px;
	position: relative;
	margin-right: 10px;
}

#nav li a:hover{
	background: url(../gfx/navLeft.gif) left top no-repeat;
	text-decoration: none;
}

#nav li a span{
	height: 28px;
	width: 7px;
	position: absolute;
	top: 0;
	right: -1px;
}

#nav li a:hover span{
	background: url(../gfx/navRight.gif) right top no-repeat;
}

#mainArea{
	width: 994px;
	overflow: hidden;	
	border-left: 1px solid #3d3d3b;
	border-right: 1px solid #3d3d3b;	
}

#content{
	width: 994px;
	overflow: hidden;
	background: url(../gfx/bgRepeatMain.gif) repeat-y;
	border-top: 1px solid #3d3d3b;
	margin-top: 5px;
}

#leftcol{
	float: left;
	width: 620px;
	padding: 20px;
}

#leftcolpad{
	border-top: 1px solid #3d3d3b;
	border-bottom: 1px solid #3d3d3b;
	padding: 15px 5px;
}

#rightcolpad{
	border-top: 1px solid #3d3d3b;
	padding: 15px 5px;
}

#rightcol{
	float: right;
	width: 280px;
	padding: 20px;
}

#footer{
	background: url(../gfx/bgRepeatFooter.gif) top left repeat-x;
	overflow: hidden;
}

#footerBox{
	margin: 0 auto;
	width: 936px;
	overflow: hidden;
	padding: 20px 30px 10px 30px;
}

#footerBox ul{
	list-style: none;
	float: left;	
	padding: 0;
	margin: 0;
	margin-right: 35px;
}

#footerBox ul li{ padding: 3px; }

#footerBox a{
	color: #a6a6a6;
	font: bold 12px "trebuchet ms", Arial, Helvetica, sans-serif;
}

#footerCompany{
	float: left;
	border-left: 1px solid #3d3d3b;
	padding-left: 20px;
	margin-right: 20px;
	height: 100%;
	width: 120px;
}

#footerProducts{
	float: left;
	border-left: 1px solid #3d3d3b;
	padding-left: 20px;
	width: 280px;
}

#footerContact{
	float: right;
	overflow: hidden;
	width: 440px;
	border-left: 1px solid #3d3d3b;
	padding-left: 20px;
}

#contactLeft{
	float: left;
}
#contactRight{
	float: right;
}

#footerBox2{
	border-top: 1px solid #3d3d3b;
	width: 966px;
	margin: 0 auto;
	padding: 15px;
}

.sample_image{border: 1px solid #df630f;}

/* CALL TO ACTION STUFF */

#ctas{
	overflow: hidden;
	width: 984px;
	padding: 10px 5px;
	margin-left: 45px;
}

.cta{
	text-align: center;
	float: left;
	margin: 0 1px;
	width: 79px;
}
.cta a{ 
	text-decoration: none; 
	font: bold 11px "trebuchet ms";
}
.cta a img{	background:url(../gfx/cta/ctaBg.gif) no-repeat;	padding: 9px; }
.cta a:hover{ text-decoration: none; color: #df630f; }
.cta a:hover img{ background:url(../gfx/cta/ctaBgOver.gif) no-repeat; padding: 9px; }

.spacer{
	width:45px;
	height:45px;
	}

.samples {
	width:290px;
	margin:6px 10px 18px 0px;
	line-height:14px;
}

.samples td {
	vertical-align:top;
	padding:0px 4px 6px 0px
}
.samples img {
	margin:2px 2px 0px 0px;
}
.inputAuto, .samples input {
	width:auto;
	border:none;
	margin:auto;
}


/*Social*/

div.sociable {
	width:400px;
	text-align:right;	
	position: absolute;
	top: 102px;
	right: 20px;
	display:block;
}

.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}


.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}


.navigation .alignright {
	float: right;
	}

.navigation .alignleft {
	float: left;
	}