/***** Colors ******
dark green color: #518265;
green color: #70a718;
beige-green color: #b7d69e;
blue-green color: #46749b;
blue color: #063354;
medium blue color: #3c5e5c;
light blue color: #c4e9f7;
pale light blue color: #dff2f4;


********************/
 
/*******************************
 * General Formatting
 *******************************/
* {margin: 0px; padding: 0px;}
body {margin:0px; padding:0px;font-size: 12pt; color: #000; background: url(/_img/bgrd.gif) repeat-x top left;}

#container {margin: 0 auto;padding: 0;width: 100%;}
#wrap {margin: 0px auto;padding: 0;width: 980px;}
/********************************
 * Typography
 ********************************/

.first {margin: 20px 0px 0px 0px;}
 
/* 	Headlines */
h2 {font-family: Georgia, "Times New Roman", Times, serif; color: #518265; font-weight:bold; text-transform:uppercase; letter-spacing: 10px;}
h3 {font-family: Georgia, "Times New Roman", Times, serif; color: #518265; line-height: 2em;}
h4 {font-family: Arial, Helvetica, sans-serif; color: #063354;}
h5 {font-family: Arial, Helvetica, sans-serif; color: #1ce0cc;}
h6 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #46749b;}

/* 	Text  */
p, td, li, li li {font-family: Arial, Helvetica, sans-serif;color: #000; line-height: 1.3em; padding-bottom: 1px;}

/* 	Lists */
	
ul, ol {margin:0px; padding:0px;}
ul li {margin:0px; padding:0px;list-style: none;}
 
/* 	Links */

a {color: #063354;text-decoration: none;}
a:hover {color: #3c5e5c;}
	
/* Images */

img {border: 0;}
.imgR {float: right;}
.imgL {float: left;}

/* tables */
table {margin: 5px 15px;}
 
/*******************************
 * banner 
 *******************************/

#banner {display: block; width: 980px; height: 100px;margin:0px; padding:0px;}
#logo a {display: block; width: 400px; height: 100px;margin:0px; padding:0px; background:url(/_img/logo.jpg) no-repeat top left;}

/*******************************
 Main
 *******************************/

#mainWrap {display: block; width: 980px; background:url(/_img/mainBgrd.jpg) no-repeat top left; clear:both;}
#main {display: block; width: 724px; height: 70em; float:left;}
#mainBlock  {display: block; width: 522px; height: 70em; float:right; background: url(/_img/introPic.jpg) no-repeat top left;}
h1#mainPic {display: block; width: 522px; height: 300px;}
#mainBlock .content {display: block; width: 500px; height: auto; margin: 0px auto; clear:both;}
#mainBlock .content h2 {border-bottom: 1px solid #46749b; margin: 10px 0px;}
#mainBlock .content h3 {margin: 10px 0px;}
#mainBlock .content p {margin: 4px 0px; text-align: justify;}
#mainBlock .content p a {font-weight: bold;}
#mainBlock .content p a:hover {font-weight: bold; border-bottom: 1px solid #063354;}

/*******************************
 Sub pages
 *******************************/
#subBlock  {display: block; width: 522px; height: 70em; float:right; background: url(/_img/subMainBgrd.jpg) no-repeat top left;}
#subBlock .content {display: block; width: 480px; height: auto; margin: 0px auto; clear:both;}
#subBlock #contentScroll {display: block; width: 470px; padding-top: 15pt;}
#subBlock .content h1 {font-family: Georgia, "Times New Roman", Times, serif; margin: 30px 0px 10px 0px; color: #3c5e5c; letter-spacing: 1px; padding: 12px 12px 0px 12px; background: url(/_img/headerBgrd.jpg) no-repeat top right; height: 65px;}
html>body #subBlock .content h1 {font-family: Georgia, "Times New Roman", Times, serif; margin: 30px 0px 10px 0px; color: #3c5e5c; letter-spacing: 1px; padding: 12px 12px 0px 12px; background: url(/_img/headerBgrd.jpg) no-repeat top right; min-height: 65px; height:auto;}
#subBlock .content h2 {border-bottom: 1px solid #dff2f4; margin: 10px 14px; text-transform:none; letter-spacing: 4px; padding-bottom: 1px; color: #063354; font-family: Arial, Helvetica, sans-serif;}
#subBlock .content h3 {margin: 10px 14px; font-family:Arial, Helvetica, sans-serif;}
#subBlock .content h4 {margin: 10px 14px; font-family:Arial, Helvetica, sans-serif;}
#subBlock .content p {margin: 10px 14px; text-align: justify;}
#subBlock .content p a {font-weight: bold;}
#subBlock .content p a:hover {font-weight: bold; border-bottom: 1px solid #063354;}
#subBlock ul {margin: 10px 14px; padding: 4px;color: #3c5e5c; list-style-type: disc; }
#subBlock ul li {list-style-type: disc; color: #000; margin: 2px 10px; padding: 0px 6px; font-family:Arial, Helvetica, sans-serif;}
#subBlock ul li a {font-weight: bold;text-decoration: none;}
#subBlock ul li a:hover {font-weight: bold; border-bottom: 1px solid #063354;color: #3c5e5c; padding-bottom:1px;}
#subBlock ul li li {list-style-type: disc; color: #000; margin: 2px 10px; padding: 0px 6px; font-family:Arial, Helvetica, sans-serif;}

#subBlock ol {margin: 10px 14px; padding: 4px;color: #3c5e5c;}
#subBlock ol li {color: #000; margin: 2px 10px; padding: 0px; font-family:Arial, Helvetica, sans-serif;}
#subBlock ol li a {font-weight: bold;text-decoration: none;}
#subBlock ol li a:hover {font-weight: bold; border-bottom: 1px solid #063354;color: #3c5e5c; padding-bottom:1px;}

#subBlock ul.anchors {margin: 10px 14px; padding: 4px;color: #3c5e5c; list-style-type: none; }
#subBlock ul.anchors li {list-style-type: none; color: #000; margin: 4px 0px; padding: 0px 0px 0px 14px; font-family:Arial, Helvetica, sans-serif; background:url(/_img/arrow-r.jpg) no-repeat 0px 2px;}
#subBlock ul.anchors li a {font-weight: bold;text-decoration: none;}
#subBlock ul.anchors li a:hover {font-weight: bold; border-bottom: 1px solid #063354;color: #3c5e5c; padding-bottom:1px;}

/*******************************
 Navigation Bar
 *******************************/
 	
#nav {display: block; width: 200px;height: 700px;float:left; background:url(/_img/navBgrd.jpg) no-repeat top left;}
#nav ul {display: block; width: 189px;height: 288px;list-style: none; margin: 10px 0px 0px 10px;}
#nav ul li {display: block; width: 189px;height: 36px; list-style: none; margin: 0px; padding: 0px; overflow:hidden;}

*html #nav ul li a {display:inline-block;}
*html #home #nav ul li a {display:inline-block;}
*html #products #nav ul li a {display:inline-block;}
*html #sales #nav ul li a {display:inline-block;}
*html #benefits #nav ul li a {display:inline-block;}
*html #safety #nav ul li a {display:inline-block;}
*html #about #nav ul li a {display:inline-block;}
*html #contact #nav ul li a {display:inline-block;}
*html #nav ul li a {display:inline-block;}

*html #nav ul li a:hover {display:inline-block;}
*html #home #nav ul li a:hover {display:inline-block;}
*html #products #nav ul li a:hover {display:inline-block;}
*html #sales #nav ul li a:hover {display:inline-block;}
*html #benefits #nav ul li a:hover {display:inline-block;}
*html #safety #nav ul li a:hover {display:inline-block;}
*html #about #nav ul li a:hover {display:inline-block;}
*html #contact #nav ul li a:hover {display:inline-block;}
*html #nav ul li a:hover {display:inline-block;}

*:first-child+html #nav ul li a {display:inline-block;}
*:first-child+html #home #nav ul li a {display:inline-block;}
*:first-child+html #products #nav ul li a {display:inline-block;}
*:first-child+html #sales #nav ul li a {display:inline-block;}
*:first-child+html #benefits #nav ul li a {display:inline-block;}
*:first-child+html #safety #nav ul li a {display:inline-block;}
*:first-child+html #about #nav ul li a {display:inline-block;}
*:first-child+html #contact #nav ul li a {display:inline-block;}
*:first-child+html #faqs #nav ul li a {display:inline-block;}

*:first-child+html #nav ul li a:hover {display:inline-block;}
*:first-child+html #home #nav ul li a:hover {display:inline-block;}
*:first-child+html #products #nav ul li a:hover {display:inline-block;}
*:first-child+html #sales #nav ul li a:hover {display:inline-block;}
*:first-child+html #benefits #nav ul li a:hover {display:inline-block;}
*:first-child+html #safety #nav ul li a:hover {display:inline-block;}
*:first-child+html #about #nav ul li a:hover {display:inline-block;}
*:first-child+html #contact #nav ul li a:hover {display:inline-block;}
*:first-child+html #faqs #nav ul li a:hover {display:inline-block;}

#nav ul li a {display:block;}
#nav ul li a:hover {display:block;}

#home #navHome a {display: block; width: 189px; height: 36px; background:url(/_img/homeBtn.jpg) no-repeat 0px -72px;}
#home #navHome a:hover {display: block; width: 189px; height: 36px; background:url(/_img/homeBtn.jpg) no-repeat 0px -36px;}
#navHome a {display: block; width: 189px; height: 36px; background:url(/_img/homeBtn.jpg) no-repeat top left;}
#navHome a:hover {display: block; width: 189px; height: 36px; background:url(/_img/homeBtn.jpg) no-repeat 0px -36px;}

#products #navProducts a {display: block; width: 189px; height: 36px; background:url(/_img/productsBtn.jpg) no-repeat 0px -72px;}
#products #navProducts a:hover {display: block; width: 189px; height: 36px; background:url(/_img/productsBtn.jpg) no-repeat 0px -36px;}
#navProducts a {display: block; width: 189px; height: 36px; background:url(/_img/productsBtn.jpg) no-repeat top left;}
#navProducts a:hover {display: block; width: 189px; height: 36px; background:url(/_img/productsBtn.jpg) no-repeat 0px -36px;}

#sales #navSales a {display: block; width: 189px; height: 36px; background:url(/_img/salesBtn.jpg) no-repeat 0px -72px;}
#sales #navSales a:hover {display: block; width: 189px; height: 36px; background:url(/_img/salesBtn.jpg) no-repeat 0px -36px;}
#navSales a {display: block; width: 189px; height: 36px; background:url(/_img/salesBtn.jpg) no-repeat top left;}
#navSales a:hover {display: block; width: 189px; height: 36px; background:url(/_img/salesBtn.jpg) no-repeat 0px -36px;}

#benefits #navBenefits a {display: block; width: 189px; height: 36px; background:url(/_img/benefitsBtn.jpg) no-repeat 0px -72px;}
#benefits #navBenefits a:hover {display: block; width: 189px; height: 36px; background:url(/_img/benefitsBtn.jpg) no-repeat 0px -36px;}
#navBenefits a {display: block; width: 189px; height: 36px; background:url(/_img/benefitsBtn.jpg) no-repeat top left;}
#navBenefits a:hover {display: block; width: 189px; height: 36px; background:url(/_img/benefitsBtn.jpg) no-repeat 0px -36px;}

#safety #navSafety a {display: block; width: 189px; height: 36px; background:url(/_img/safetyBtn.jpg) no-repeat 0px -72px;}
#safety #navSafety a:hover {display: block; width: 189px; height: 36px; background:url(/_img/safetyBtn.jpg) no-repeat 0px -36px;}
#navSafety a {display: block; width: 189px; height: 36px; background:url(/_img/safetyBtn.jpg) no-repeat top left;}
#navSafety a:hover {display: block; width: 189px; height: 36px; background:url(/_img/safetyBtn.jpg) no-repeat 0px -36px;}

#about #navAbout a {display: block; width: 189px; height: 36px; background:url(/_img/aboutBtn.jpg) no-repeat 0px -72px;}
#about #navAbout a:hover {display: block; width: 189px; height: 36px; background:url(/_img/aboutBtn.jpg) no-repeat 0px -36px;}
#navAbout a {display: block; width: 189px; height: 36px; background:url(/_img/aboutBtn.jpg) no-repeat top left;}
#navAbout a:hover {display: block; width: 189px; height: 36px; background:url(/_img/aboutBtn.jpg) no-repeat 0px -36px;}

#contact #navContact a {display: block; width: 189px; height: 36px; background:url(/_img/contactBtn.jpg) no-repeat 0px -72px;}
#contact #navContact a:hover {display: block; width: 189px; height: 36px; background:url(/_img/contactBtn.jpg) no-repeat 0px -36px;}
#navContact a {display: block; width: 189px; height: 36px; background:url(/_img/contactBtn.jpg) no-repeat top left;}
#navContact a:hover {display: block; width: 189px; height: 36px; background:url(/_img/contactBtn.jpg) no-repeat 0px -36px;}

#faqs #navFaqs a {display: block; width: 189px; height: 36px; background:url(/_img/faqBtn.jpg) no-repeat 0px -72px;}
#faqs #navFaqs a:hover {display: block; width: 189px; height: 36px; background:url(/_img/faqBtn.jpg) no-repeat 0px -36px;}
#navFaqs a {display: block; width: 189px; height: 36px; background:url(/_img/faqBtn.jpg) no-repeat top left;}
#navFaqs a:hover {display: block; width: 189px; height: 36px; background:url(/_img/faqBtn.jpg) no-repeat 0px -36px;}

#nav #contactHome {display: block; width: 180px;height: auto;margin: 10px 0px 0px 20px;}
#nav #contactHome p {line-height: 1.2em; margin: 4px 0px;}
#nav #contactHome p a:hover {border-bottom: 1px solid #063354;}

/*******************************
 Right Sidebar
 *******************************/
#sideBarWrap {display: block; width: 252px;height: 70em;float:left; background:url(/_img/sideBarBgrd.jpg) no-repeat top left; }
#sideBar {display: block; width: 252px;height: 70em;}
#sideBar .content {display: block; width: 226px; height: 70em; margin: 0px auto; padding: 20px 0px 0px 10px;}
#sideBar .content h3 {margin: 10px 0px 0px 10px; font-family: Arial, Helvetica, sans-serif;float:left;} 
#sideBar .content ul {display: block; width: 200px; height:auto; margin: 0px 0px 0px 10px;font-family: Arial, Helvetica, sans-serif; color: #000;float:left;}
#sideBar .content ul li {line-height: 1.3em; padding: 1px 0px 2px 20px; margin-left: 0px; background: url(/_img/bullet.gif) no-repeat top left; height: 20px;}
html>body #sideBar .content ul li {line-height: 1.3em; padding: 1px 0px 1px 20px; margin-left: 0px; background: url(/_img/bullet.gif) no-repeat top left; min-height: 20px; height:auto;}
#sideBar .content a {color: #063354;text-decoration: none;}
#sideBar .content a:hover {color: #3c5e5c; border-bottom: 1px solid #063354; padding-bottom:1px;}

#contactForm form a img, #contactForm form a:hover img {border: none!important; text-decoration: none!important;}
#contactForm form input, #contactForm form textarea {font-family: Arial, Helvetica, sans-serif; }

/************************ 
 * Misc
 ************************/
p.top {display: block; text-align: right; width:420px; height: 2em;}
p.top a {text-align: right; float: right; clear: both;}
.indent {padding-left: 30px;}
.w320 {width: 315px;}
.w325 {width: 325px;}
.w330 {width: 330px;}
.w340 {width: 340px;}
.w350 {width: 350px;}
.w375 {width: 375px;}
.w400 {width: 400px;}
.w90p {width: 90%;}
.w95p {width: 95%;}
.w98p {width: 98%;}
.rt {text-align: right;}
.lt {text-align: left;}
.flRt {float: right;}
.flLt {float: left;}
.rightBox {display: block; width: 300px; height: auto; float: right; padding: 5px 0px; background:  url(/_img/boxBgrd.gif) no-repeat top left;}
.center {text-align: center!important; }
.blue {color: #063354;}
.bold {font-weight: 700;}
small {font: 8px Verdana, Arial, Helvetica, sans-serif;}
.credit {font: 1em Verdana, Arial, Helvetica, sans-serif;}
#skipnav, .none {position: absolute;top: -1000em;left: -1000em;	}
hr {display: none;}
.clear {clear: both;}
.clearL {clear: left;}
.clearR {clear: right;}
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

/************************
 * Footer
 ***********************/
#footer {display: none;}