@charset "UTF-8";
/* CSS Document */

/*	
==		COLORS		==





==		TOC		 	==



*/




body{ font-family:Arial, Helvetica, sans-serif; font-size:62.5%; margin:0px;	padding:0px;	color: #111111;	background:#fff url(../images/bgbg.jpg) no-repeat center top;	text-align:left; }
h1, h2, h3, h4, h5 {	font-family:Arial, Helvetica, sans-serif; font-weight:lighter; color:#111111;}
h1 { font-size: 2.4em;	}
h2 { font-size: 1.7em; margin: 0px 0px 10px 0px; font-weight: bold; color: #fed100;}
h3 { font-size: 1.5em;	color:#161616;}
h4 { font-size: 1.3em;	color:#161616;}
h5 { font-size: 1.1em;	color:#161616;}
p {margin:0;	font:normal 1.2/1.54em Georgia, "Times New Roman", Times, serif;}
ul {list-style-type:none;	margin:0;	padding:0;}
li {margin:0px;	list-style-type:none;	padding:0px;}
hr {color:#e7e7e7;	border:1px solid #e7e7e7;}
a img { border: none;}
a { color: #840808 /*ffcc33*/; }
a:hover { text-decoration: none; color: #e22a2a /*161616*/; }
strong {font-weight:bolder;}
em {font-style:italic;}


.clr {clear:both;}
.clrl {clear:left;}
.clrr {clear:right;}

.imgrt {float:right; margin:10px; border:1px solid #111;}
.imglft {float:left; margin:10px; border:1px solid #111;}

ul.red li a {color:#ff0000;}



/* ===== main divs (ids) */

#header {width:960px; height:95px; margin:10px auto 0 auto; background:#2b2b2b url(../images/headerround.png) center top no-repeat;}
#logo {float:left; margin:4px 0 0 10px;}
#mainnav {float:right; padding:55px 10px 10px 0; height:30px;}
#homebg {height:270px; background:#fed100 url(../images/mainbg.jpg) center top no-repeat; margin:0; padding:0; border-top:1px solid #fff;}
#homemidbg {height:323px; background:#fed100 url(../images/hmbgwrap.png) center bottom repeat-x; overflow:hidden;}
#topbgwrap {height:130px; background:#fed100 url(../images/hmbgwrap.png) center bottom repeat-x; overflow:hidden;}
#topbg {height:110px; background:#fed100 url(../images/mainbg.jpg) center bottom no-repeat; margin:0; padding:0; border-top:1px solid #fff;}
#section {width:960px; margin:0 auto;}
#wrapper {width:960px; margin:20px auto 10px auto;}
#content {}
#footer {height:145px; background:#2b2b2b url(../images/footerround.png) center bottom no-repeat; margin:60px 0 20px 0;}
#footernav {float:left; width:640px; margin:10px 10px 0 10px; }
#newsletter {float:right; width:260px; margin:10px 10px 0 0;}




/* ===== main navigation */

#mainnav ul {list-style:none;}
#mainnav ul li {float:left; display:block; margin:0 0px;  position:relative;}
#mainnav ul li a, #mainnav ul li a span, #mainnav ul li a:hover span {text-decoration:none;  font:bolder 1.2em/ 1.8em Arial, Helvetica, sans-serif;}
#mainnav ul li a {background: transparent url(../images/mainnav_right.png) no-repeat scroll top right;display: block;float: left;height: 32px; margin-right: 12px; padding-right: 10px; color:#2b2b2b;} 
#mainnav ul li a span {background: transparent url(../images/mainnav_left.png) no-repeat; display: block;line-height: 26px;padding: 0px 0 5px 10px;}
#mainnav ul li a:hover span {border:none; color:#ff0000;}

#mainnav ul ul {width:200px;z-index:100;}
#mainnav ul ul ul a, #mainnav ul ul ul a:visited {background:#ffcc33;}
#mainnavu ul ul ul a:hover {background:#b2ab9b;}
#mainnav ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:200px;border-top:1px solid #000; border-bottom:1px solid #000;} 
#mainnav ul ul ul{left:129px; top:-1px; width:200px;} 
#mainnav ul ul ul.left {left:-200px;} 
#mainnav table {position:absolute; top:0; left:0; border- collapse:collapse;} 
#mainnav ul ul a, #mainnav ul ul a:visited {background:#2b2b2b; color:#ffcc33; height:auto; line-height:1em; padding:5px 10px; width: 180px; }
#mainnav .menu ul ul a, * html #mainnav ul ul a:visited {width:200px;w \idth:180px;} 
#mainnav ul ul a:hover{color:#2b2b2b; background:#ffcc33;} 
#mainnav ul li:hover ul, #mainnav ul a:hover ul{visibility:visible; } 
#mainnav ul :hover ul ul{visibility:hidden;} 
#mainnav ul :hover ul :hover ul{ visibility:visible;}

/* ===== slider */


#theleft {width:190px; float:left; margin:0 0px 0 0px;}
#theright {width:770px; float:right;}
#slider { width: 960px; margin: 0 auto; z-index:1;/*position:relative;*/ overflow:hidden;}
.scroll { width: 770px; overflow: auto; overflow-x: hidden; clear: left; position:relative;	/*border:1px solid #333;	 -moz-border-radius:6px; -webkit-border-radius: 6px;*/	}
.scrollContainer div.panel { padding: 0px 5px 5px 0px; height: 323px; width: 770px;}
#shade { background: transparent no-repeat 0 0; height: 50px;}
.panel p {color:#292929; font-size:1.24em; line-height:1.44em; font-weight:normal; letter-spacing:.02em;}
.panel p a {color:#ff9900;}
.panel h2 {color:#eee;}
.panel img {margin:0; padding:0;}
ul.navigation {list-style: none; margin:10px 0 0 0; padding:0;}
ul.navigation li { display: list-item; margin:0 0 1px 0; width:169px; height:32px; background:url(../images/sliderbtnbg.png) no-repeat top left;}
ul.navigation li p {color:#111; }
ul.navigation a, ul.navigation a:hover { padding: 4px 10px; color: #111; font:bolder 1.6em/1.8em Arial, Helvetica, sans-serif; text-decoration: none;  height:32px; width:169px;}
ul.navigation a:hover { color:#ff9900;}
ul.navigation a.selected { color:#ff0000;}
ul.navigation a:focus { outline: none;}
.scrollButtons { position: absolute; top: 150px; cursor: pointer;}
.scrollButtons.left { left: -20px;}
.scrollButtons.right { right: -20px;}
.hide { display: none;}

.panel {overflow:hidden;}
.panel h3 {font:bolder 3.3em/2em Arial, Helvetica, sans-serif; letter-spacing:-.4pt;  margin:0; padding:0;}
.panel ul {margin:0 0px 10px 0;}
.panel ul li {display:list-item; margin:5px 0 5px 20px; list-style:disc; font:bolder 1.8em/1.1em Arial, Helvetica, sans-serif;}
.sliderimage img {float:right; margin:20px 40px 0 0;}
.callimage {width:200px;}
.callimage img {float:left; margin:4px 0;}
.callimage img {float:left; margin:4px 0;}
.topspace {margin-top: 20px;}


/* ---- home pages stuff ==== */

#compare {float:left; width:620px; margin:20px 10px 10px 10px; height:245px; overflow:hidden;}
#compare h1 {font:bold 2.8em Arial, Helvetica, sans-serif; letter-spacing:-.3pt; margin:0 0 5px 0; padding:0;}
#compare p {font:normal 1.2em/1.5em Arial, Helvetica, sans-serif;}
#compare ul {list-style:none; display:list-item; margin-top: 15px;}
#compare ul li {font:bold 1.5em/1.5em Arial, Helvetica, sans-serif; margin:4px 8px; display:list-item; list-style:disc;}
#compare img {float:right; border:3px solid #111; margin-left: 15px;}

#clients {float:right; width:319px; height:225px; margin:20px 0 0 0; overflow:hidden; border-left:1px solid #ccc;}
#clients h2 {font:bolder 1.5em/1.8em Arial, Helvetica, sans-serif; color:#111; text-align:center; margin:8px 0 0 0;}
#clients img {height:175px; width:300px; margin:6px 0 0 10px; border:3px solid #666;}

#hometable {margin:40px 0;}
.table {width:305px; padding:5px 10px 0 5px; float:left;}
.table ul {margin:0; padding:0; display:list-item; font:bolder 1.9em Arial, Helvetica, sans-serif;}
.table ul li {font:normal .66em/1.5em Arial, Helvetica, sans-serif; margin:4px 0; padding:4px 0; display:list-item; list-style:none; border-bottom:1px dotted #999;}

#homebotwrap {background:#eaeaea; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#cc {width:960px; height:280px; margin:0 auto;}


/*===== interior stuff ===== */

#section h1 {font:bolder 3.4em Arial, Helvetica, sans-serif; letter-spacing:-.4pt; margin:10px;}
#section p {font:normal 1.5em/1.2em Arial, Helvetica, sans-serif; margin:0 0 0 10px;}

#col1 {width:360px; padding:0 0px 0 20px; float:left; background:#fff; font:normal 1.4em/1.5em Arial, Helvetica, sans-serif; margin:3px 0;}
#col1 img, #col_full img {border: 1px solid #ccc; padding: 3px; margin: 0px 0px 15px 0px;}
#col2 {width:570px; padding:0 0 0 0; float:right; background:#fff; font:normal 1.4em/1.5em Arial, Helvetica, sans-serif; margin:3px 0;}
#col2 p, #col_full p {margin-bottom: 15px;}
#col_full {
	width: 930px; padding: 0 0 0 20px; float: left; background: #fff;  font:normal 1.4em/1.5em Arial, Helvetica, sans-serif; margin:3px 0;
}
#col1 ul, #col2 ul,#col_full ul {margin:10px 0 15px 20px;}
#col1 ul li, #col2 ul li, #col_full ul li {margin:5px 10px; list-style:disc; font- weight:bolder;}
#col1 ul ul, #col2 ul ul, #col_full ul ul {}
#col1 li ul li, #col2 li ul li, #col_full li ul li {}

#col1 ol, #col2 ol {margin:10px 0 0 10px;}
#col1 ol li, #col2 ol li {list-style:decimal; margin:5px 10px; }
#col1 ol ol, #col2 ol ul {}
#col1 li ol li, #col2 li ol li {/*list-style:lower-alpha; uncomment if you want letter based sublists, leave along for using numbers*/}

.intCallus {float:right; margin:0px 10px 0 0;}
/* ===== footer stuff */


.fLinks {}
.fLinks ul {color:#eee; float:left; list-style:none; display:inline-block; margin:0px 0 8px 0;}
.fLinks ul li {float:left; list-style:none; display:inline-block; margin:0 12px 0 0;}
.fLinks a, .fLinks a:hover {text-decoration:none; font:bold 1.1em/1.3em Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;}
.fLinks a {color:#ffffff;}
.fLinks a:hover {color:#ccc; border-bottom:1px solid #ccc;}

.fLinks2 {}
.fLinks2 ul {clear:both; margin:0 0 10px 0;}
.fLinks2 ul li {float:left; margin:0 12px 0 0;}
.fLinks2 a, .fLinks2 a:hover {text-decoration:none; font:bold 1.2em/1.4em Arial, Helvetica, sans-serif; text-transform:uppercase;}
.fLinks2 a {color:#ffcc33;}
.fLinks2 a:hover {color:#ccc; border-bottom:1px solid #ccc;}


.fCall {clear:both; font:normal 1.7em/1.9em Arial, Helvetica, sans-serif; margin:20px 0 8px 0; }
.fCall p {color:#ffcc33;}
.fCall strong {color:#fff;}
.fTag {font-size:1.1em; font-family:Arial, Helvetica, sans-serif; color:#eee;}
.fTag a {color: #FFCC33;}

#newsletter h4 {color:#fff; font:bold 1.1em/1.2em Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;}
#newsletter label {color:#ffcc33; font:normal 1.1em/1.2em Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;}
#newsletter input {padding:4px 10px;}
.inputtext {background: transparent url(../images/formfield.png) no-repeat left top; width:241px; height:21px;  color:#fff; border:0; font:normal 1.2em/1.2em Arial, Helvetica, sans-serif;}







/* ====== extra stuff ======*/

div.product {float: left; margin: 0px 15px 15px 0px; text-align: center;}
div.usegroup {float: left; margin: 0px 50px;}
div.use {float: left; margin: 0px 15px 15px 0px; text-align: center;}
div.posting {margin: 0 0 30px 0;}
#col_full div.use img {border: 0px solid #fff;}
div.product h3, div.use h3 {margin: 0px 0px 7px 0px;}

#frmContact label {
	font-size: 80%;
	font-weight:bold;
}
#frmContact p.required span {
	color: #f00;
}
#frmContact .txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	width: 300px;
	border: 1px solid #ddd;
	padding: 5px;
}
#frmContact textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	width: 300px;
	height: 200px;
	border: 1px solid #ddd;
	padding: 5px;
}
.viewall a {
	font-size: 120%;
	color: #f00;
	font-weight: bold;
}
#frmContact .formerror input, #frmContact .formerror textarea{
	background: #d00;
	color: #fff;
}
p.errormsg {
	color: #d00;
	font-weight: bold;
	}