/* GENERAL CSS STYLES */
html { background-color: #B8AfBA; background-image: url(../_images/bg_html.jpg); background-repeat: repeat-x; background-position: 0px 0px; }
body { font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; font-size: 10px; margin: 0px; padding: 0px; text-align: center; }
p { line-height: 150%; }
a { color: #666666; text-decoration: underline; }
a:visited { color: #666666; }
a:hover { color: #E4BF05; }
h1, h2, h3, h4, h5, h6 { font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; font-weight: lighter; }
h1 { font-size: 20px; color: #6F6670; text-transform: uppercase; }
h2 { font-size: 16px; color: #618277; }
img { border: 0px none; }
div#wrapper { width: 766px; margin-right: auto; margin-left: auto; margin-top: 25px; }

/* HEADER STYLES */
div#masthead { background-image: url(../_images/bg_pgTop.jpg); background-repeat: no-repeat; background-position: 0px 0px; height: 155px; width: 766px; clear: both; overflow: hidden; }

/* MAIN NAVIGATION STYLES */
ul#mainNav { margin: 0px; padding: 0px 0px 0px 15px; }
ul#mainNav li { list-style-type: none; display: block; margin-bottom: 15px; }
ul#mainNav li a{ background-repeat: no-repeat; background-position: 0px 0%; height: 16px; display: block; width: 191px; margin-bottom: 15px; }
ul#mainNav li a:hover,
ul#mainNav li a.selected{ background-position: 0px 100%; }
ul#mainNav li a.selected{ cursor: default; }
ul#mainNav li a span{ display: none; }
ul#mainNav li#home a { background-image: url(../_images/btn_nav_home.gif); }
ul#mainNav li#products a { background-image: url(../_images/btn_nav_products.gif); margin-left: 20px; }
ul#mainNav li#services a { background-image: url(../_images/btn_nav_services.gif); margin-left: 40px; }
ul#mainNav li#about a { background-image: url(../_images/btn_nav_about.gif); margin-left: 60px; }
ul#mainNav li#contacts a { background-image: url(../_images/btn_nav_contacts.gif); margin-left: 80px; margin-bottom: 0px; }

/* CONTENT DIV STYLES */
div#content { background-image: url(../_images/bg_pgMiddle_y.jpg); background-repeat: repeat-y; background-position: 0px 0px; width: 766px; text-align: left; color: #666666; font-size: 11px; }
div#c1 { width: 318px; float: left; background-image: url(../_images/bg_nav.gif); background-repeat: no-repeat; background-position: 0px 0px; padding-top: 175px; overflow: hidden; }
div#c2 { float: left; width: 420px; }

/* FOOTER DIV STYLES */
div#footer { background-image: url(../_images/bg_pgBottom.jpg); background-repeat: no-repeat; background-position: 0px 0px; height: 108px; width: 766px; overflow: hidden; clear: both; }
div#subFtr { font-size: 10px; color: #FFFFFF; padding-top: 10px; }
div#subFtr a { color: #FFFFFF; text-decoration: underline; margin-right: 5px; }
div#subFtr a:visited { color: #FFFFFF; }
div#subFtr a:hover { color: #333333; }
ul#footerNav { list-style-type: none; font-size: 12px; margin: 0px; padding: 0px; }
ul#footerNav li { display: inline; }
ul#footerNav li a { margin-right: 10px; }

/* SEPARATOR STYLES */
.separator { clear: both; height: 1px; }
.clear { clear: both; height: 0px; }
.visibleSeparator { background-image: url(../_images/bg_visibleSeparator.gif); background-repeat: no-repeat; background-position: 0px 0px; height: 3px; width: 420px; margin-top: 7px; margin-bottom: 7px; clear: both; }

/* COLUMN STYLES */
.colLeft { float: left; width: 190px; }
.colRight { float: right; width: 210px; }

/* CSS TABLES STYLES */
.row { background-color: #E6EEEB; margin-bottom: 5px; clear: both; padding: 5px; }
.row p { float:left; margin: 0px; padding: 0px; width: 305px;}
.rowClr { margin-bottom: 5px; clear: both; padding: 5px; }

/* MISCELLANEOUS STYLES */
.underline { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #8E808D; }

/* PAGE TITLE STYLES */
h1.sectionHdr { height: 52px; width: 420px; background-repeat: no-repeat; background-position: 0px 0px; }
h1.sectionHdr span { display: none; }
#home h1.sectionHdr { background-image: url(../_images/hdr_home.gif); }
#products h1.sectionHdr { background-image: url(../_images/hdr_products.gif); }
#services h1.sectionHdr { background-image: url(../_images/hdr_services.gif); }
#about h1.sectionHdr { background-image: url(../_images/hdr_about.gif); }
#contacts h1.sectionHdr { background-image: url(../_images/hdr_contacts.gif); }

/* IMAGE STYLES */
.imgLeft { padding-right: 10px; float: left; }
.imgRight { float: right; padding-left: 10px; }
.imgBoxLeft { background-color: #FFFFFF; padding: 5px;border: 1px solid #999999; float: left; margin-bottom: 15px; margin-right: 15px; }
.imgBoxRight { background-color: #FFFFFF; padding: 5px; border: 1px solid #999999; float: right; margin-bottom: 15px; margin-left: 15px; }



/* FORM STYLES */
form { }
div.formField { clear: both; margin-top: 5px; }
div.formSubmit { clear: both; text-align: right; padding-top: 10px; }
.formLabel { float: left; margin-right: 3px; text-align: right; width: 70px; }
.formInput { float: right; border: 1px solid #999999; margin-bottom: 5px; background-color: #E8F1ED; width: 110px; height: 16px; }
.highlight { font-weight: bold; color: #8E808D; }
.error { color: #FF0000; }
#comments { height: 64px; width: 130px;border: 1px solid #999999;background-color: #E8F1ED; }

/* TABLE STYLES */
#svcs { width: 420px; margin-bottom: 15px; }
#svcs, #svcs tr, #svcs th, #svcs td {font-size: 11px;}
#svcs th, #svcs td {padding: 4px; text-align: left;}
#svcs th { font-weight: bold; }
#svcs td { background-color: #E6EEEB; vertical-align: top; }
#svcs td.spacer { height: 3px; background-color: #FFFFFF; padding: 0px; }
#svcs caption {text-align: right; font-size: 9px; padding-top: 4px;}