/* Template Styles */

body {font-size:62.5%; font-family:Arial, Tahoma, Verdana, Sans-Serif; background: #99c0e1 url(/i/main_bg.jpg) repeat-x 50% 0; }
.clear, .Clear{clear:both; font-size:0; line-height:0; height:0;}

.imgRight { float: right; margin: 0 0 10px 15px; }
.imgLeft { float: left; margin: 0 15px 10px 0; }

#master { width: 940px; margin: 50px auto 30px; }

#header { position: relative; height: 110px; }

#logo { position: absolute; top: 32px; left: 36px; }
#headerPhone {position: absolute; top: 10px; left: 750px; font-weight:bolder; color:#1C3E6C; }

#mainNav { position: absolute; bottom: 0; right: 26px; }
#mainNav LI { position: relative; float: left; margin-right: 2px; }
#mainNav LI A { display: block; height: 30px; background: url(/i/mainNav.jpg); }
#mainNav .home { width: 45px; background-position: 0 0; }
#mainNav .home:hover, #mainNav .selected .home { background-position: 0 -30px; }
#mainNav .highlight .home { background-position: 0 -60px !important; }
#mainNav .about { width: 63px; background-position: -47px 0; }
#mainNav .about:hover, #mainNav .selected .about { background-position: -47px -30px; }
#mainNav .highlight .about { background-position: -47px -60px !important; }
#mainNav .services { width: 59px; background-position: -112px 0; }
#mainNav .services:hover, #mainNav .selected .services { background-position: -112px -30px; }
#mainNav .highlight .services { background-position: -112px -60px !important; }
#mainNav .news { width: 44px; background-position: -173px 0; }
#mainNav .news:hover, #mainNav .selected .news { background-position: -173px -30px; }
#mainNav .highlight .news { background-position: -173px -60px !important; }
#mainNav .info { width: 76px; background-position: -219px 0; }
#mainNav .info:hover, #mainNav .selected .info { background-position: -219px -30px; }
#mainNav .highlight .info { background-position: -219px -60px !important; }
#mainNav .contact { width: 57px; background-position: -297px 0; }
#mainNav .contact:hover, #mainNav .selected .contact { background-position: -297px -30px; }
#mainNav .highlight .contact { background-position: -297px -60px !important; }

#mainNav .dropdown { position: absolute; top: 30px; left: 1px; display: none; width: 130px; padding: 0 0 0 0; background: #31527D; }
#mainNav .dropdown UL { padding: 4px 0 8px; }
#mainNav .dropdown LI { float: none; margin: 0; }
#mainNav .dropdown LI A { height: 18px; line-height: 18px; padding: 0 13px; font-size: 1.1em; text-decoration: none; color: #BBD9E4; background: #31527D; border-bottom: 1px solid #BBD9E4; overflow:hidden; }
#mainNav .dropdown LI A:hover { color: #F77B3F; background: #ffffff; }

#main { display: inline-block; width: 860px; min-height: 500px; padding: 15px 40px 30px;  color: #d6cfce; background: #1B3F6F url(/i/mainBody_bg.gif) repeat-x 0 0; }
#main H1 { margin-bottom: 10px; font-size: 2.4em; line-height: 1em; color: #ffffff; }
#main H2 { margin: 10px 0 12px; font-size: 1.4em; line-height: 1em; color: #f1c267; }
#main H3 { margin: 15px 0; font-size: 1.3em; font-weight: bold; color: #f1c267; }
#main P { margin: 10px 0; font-size: 1.3em; line-height: 1.4em; color: #c1dde9; }
#main P A { color: #F47B44; }
#main P A:hover { text-decoration: none; }

#footer { height: 30px; padding: 10px 40px; background: #17365e url(/i/footer_bg.gif) no-repeat 0 100%; }
#footer LI { display: inline; margin-right: 10px; font-size: 1.1em; color: #99C0E1; }
#footer LI A { color: #ffffff; text-decoration: none; }
#footer LI A:hover { color: #F47B44; }


/* Common Styles */

.sideColumn { float: left; width: 210px; margin-right: 20px; }

.sideColumn .sideNav LI A { display: block; padding: 7px 0 7px 32px; font-size: 1.4em; line-height: 16px; height: 16px; overflow: hidden; color: #f1c267; text-decoration: none; border-bottom: 1px solid #3F628C; background: url(/i/sideNav_bg.gif) no-repeat 7px 7px; }
.sideColumn .sideNav LI A:hover, .sideColumn .sideNav LI.selected A { color: #ffffff; }
.sideColumn .sideNav LI.sub A { padding-left: 42px; background-position: 17px 7px; }

.sideColumnBox { margin-bottom: 10px; border: 5px solid #3F628C; background: #143258; } 

.sideColumnBox.link { padding: 5px 0; text-align: center; }
.sideColumnBox.link A { display: block; }

.sideColumnBox.mailingList { display: inline-block; height: 52px; overflow: hidden; }
.sideColumnBox.mailingList LABEL { display: block; margin: 7px 0 6px 7px; padding-left: 25px; font-size: 1.4em; line-height: 16px; color: #f1c267; background: url(/i/mailingList_bg.gif) no-repeat; }
.sideColumnBox.mailingList INPUT { float: left; width: 163px; height: 18px; padding: 5px 0 0 10px; font-size: 1.1em; color: #3F628C; border: none; background: #C7D3E3; }
.sideColumnBox.mailingList .submit { float: left; width: 27px; }
.sideColumnBox.mailingList .submit A { display: block; width: 27px; height: 23px; background: url(/i/mailingList_go.gif); }
.sideColumnBox.mailingList .submit A:hover { background-position: 0 -23px; }

.sideColumnBox.latestNews .title { margin: 18px 0 12px 18px; font-size: 2em; color: #fefefe; }
.sideColumnBox.latestNews .newsItem { display: inline-block; padding: 9px 20px 9px 10px; border-bottom: 1px solid #3F628C; }
.sideColumnBox.latestNews .newsItem IMG { float: left; margin-right: 11px; }
.sideColumnBox.latestNews .newsItem .newsTitle { margin-bottom: 4px; font-size: 1.3em; font-weight: bold; color: #f1c267; }
.sideColumnBox.latestNews .newsItem .newsTitle A { color: #f1c267; text-decoration: none; }
.sideColumnBox.latestNews .newsItem .text { font-size: 1em; color: #afaeae; }

.mainColumn { float: left; width: 580px; padding: 20px; border: 5px solid #3F628C; }
#main .mainColumn H3 { margin: 0 0 7px 0;  font-size: 1.6em; font-weight: normal; color: #f1c267; }

.productList { width: 620px; padding: 0; }
.productList .product { position: relative; display: inline-block; width: 510px; padding: 10px 100px 10px 10px; border-bottom: 1px solid #3F628C; }
#main .productList .product P { margin: 7px 0 0; line-height: 1.3em; }
.productList .product IMG { float: left; margin-right: 10px; }
.productList .product .readMore { position: absolute; bottom: 10px; right: 0; }
.productList .product .readMore A { display: block; width: 89px; height: 21px; background: url(/i/readMore.gif); }
.productList .product .readMore A:hover { background-position: 0 -21px; }



.productPage { display: inline-block; width: 620px; padding: 0; background: url(/i/fauxBorder.gif) repeat-y 420px 0;  }
.productPage .productPageCol1 { float: left; width: 380px; padding: 20px; }
.productPage .productPageCol2 { float: left; width: 160px; padding: 20px; }

.gallery A{ float:left; margin-right:5px; }

.featuresList LI { margin-bottom: 10px;  padding-left: 25px; font-size: 1.1em; line-height: 1.4em; color: #d6cfce; background: url(/i/featuresList_bg.gif) no-repeat 0 4px; }

.downloadPDF A { position: relative; left: 1px; display: block; margin: 10px 0; width: 179px; height: 21px; background: url(/i/downloadPDF.gif); }
.downloadPDF A:hover { background-position: 0 -21px; }
.browserIE6 .downloadPDF { width: 160px; overflow: hidden; }

A.lightbox { display: block; padding-bottom: 15px; background: url(/i/clickToEnlarge.gif) no-repeat 0 100%; }

#map { width: 440px; height: 250px; margin: 25px 0; }

.contactForm  { margin: 10px 0; }
.contactForm .field { margin: 8px 0; }
.contactForm .textBox LABEL { display: inline-block; width: 115px; margin: 0 0 3px 0; font-size: 1.1em; font-weight: bold; color: #ffffff; }
.contactForm .textBox INPUT { width: 300px; padding: 3px 10px; font-size: 1.2em; color: #3F628C; background: #ffffff; border: 1px solid #c8c8c8; }
.contactForm .select LABEL { display: inline-block; width: 115px; margin: 0 0 3px 0; font-size: 1.2em; font-weight: bold; color: #ffffff; }
.contactForm .select SELECT { width: 322px; padding: 0 0 0 8px; font-size: 1.2em; font-weight: bold; color: #3F628C; background: #ffffff; border: 1px solid #c8c8c8; }
.browserFirefox .contactForm .select SELECT { padding: 2px 0 1px 8px; }
.contactForm .textArea LABEL { display: inline-block; width: 115px; vertical-align: top; margin: 0 0 3px 0; font-size: 1.2em; font-weight: bold; color: #ffffff; }
.contactForm .textArea TEXTAREA { width: 310px; padding: 10px 0 10px 10px; overflow: auto; font-size: 1.2em; color: #3F628C; font-family: Arial, Tahoma, Verdana, Sans-Serif; background: #ffffff; border: 1px solid #c8c8c8; }
.contactForm .sendMessage { margin: 20px 0 0 115px; }
.contactForm .sendMessage A { display: block; width: 114px; height: 21px; background: url(/i/sendMessage.gif); }
.contactForm .sendMessage A:hover { background-position: 0 -21px; }
.contactForm .status { font-size:1.1em; padding-left:115px; color:White; }

/* Home Page Styles */
.home { display: inline-block; }
.home .mainColumn1 { float: left; width: 580px; margin-right: 20px; }
.home .mainColumn2 { float: left; width: 260px; padding-top: 78px; }

.home .homeProduct { width: 235px; height: 111px; overflow: hidden; margin: 10px 0; padding: 14px 30px 5px 305px; border: 5px solid #3F628C; }
#main .home .homeProduct H3 { margin: 0; font-size: 2.4em; font-weight: normal; line-height: 1em; color: #f27b41; }
#main .home .homeProduct H3 A { color: #f27b41; text-decoration: none; }
#main .home .homeProduct P { margin: 6px 0; font-size: 1.1em; line-height: 1.3em; color: #f27b41; }

.home .sideColumnBox.mailingList INPUT { width: 213px; }

.list { padding: 0; }
.list .item { position: relative; display: inline-block; padding: 10px 100px 10px 10px; border-bottom: 1px solid #3F628C; }
.list .item IMG { float: left; margin-right: 10px; }
.list .item H3 { margin: 0 0 7px 0 !important;  font-size: 1.6em !important; font-weight: normal !important; }
.list .item P {}
.list .item A { color:#d6cfce; text-decoration:none; font-size:1.1em; }
.list .item A:hover { text-decoration:underline; }
.list .item .readMore { position: absolute; bottom: 10px; right: 0; }
.list .item .readMore A { display: block; width: 89px; height: 21px; background: url(/i/readMore.gif); }
.list .item .readMore A:hover { background-position: 0 -21px; }

.news {}
.news A { font-size:1.2em; color:White; text-decoration:none; display:block; margin-bottom:10px; }
.news A:hover { text-decoration:underline; }

.paging { color:White; font-size:1.1em; margin:10px; }
.paging A { color:White; text-decoration:none; }
.paging A:hover { text-decoration:underline; }
.paging .previous { width:200px; float:left; }
.paging .title { text-align:center; }
.paging .next { width:200px; float:right; text-align:right; }