/*----------------------------------------
Name: global.css
Developed by: Jason Sweet
Date Created:2009/02
Last Updated:2009/02/25
Updated by: Jerr Dunlap
Copyright:
----------------------------------------*/

/* Imports
----------------------------------------*/
@import url("reset.css");
html { height: 100%; }
h2 { font-size:18px; margin-bottom: 20px; }
h3 { color: #000; margin-bottom: 20px; font-size: 14px; font-weight: normal; letter-spacing: 6px; margin-top: 3px; background-image: url(../Pix/Global/dottedLine.gif); background-repeat: no-repeat; background-position: 185px center; }
body { background-color:#60BBBF; margin: 0px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:1.5em; color:#FFF; font-size: 13px; background-attachment: scroll; background-repeat: repeat-x; background-position: 0px 106px; background-image: url(../Pix/Global/backgroundStrip.gif); height: 100%; }
#pageCanvas { width:900px; min-height: 100%; background-repeat: repeat-y; background-position: 0px 0px; margin-right: auto; margin-left: auto; background-image: url(../Pix/Global/fauxColumn.gif); position: relative; z-index: 2; }
#leftColumn { height: 100%; width: 253px; background-repeat: no-repeat; background-position: 0px 0px; float: left; }
#leftColumn #sideContent { text-align: center; min-height: 100%; padding-top: 312px; width: 253px; }
#sideContent li { margin-bottom: 8px; }
/* Main Content
----------------------------------------*/
#mainSection { margin-left: 290px; min-height: 100%; padding-bottom: 50px; z-index: 5; }
#navSection { padding-top: 74px; height: 60px; }
#eTag { height: 21px; width: 75px; border: 1px solid #FFF; position: absolute; z-index: 10; left: 215px; font-size: 17px; font-weight: bold; margin-top: 1px; }
#eTag p { margin: 0px; padding: 0px; }
#logo { border-bottom-width: 1px; border-bottom-style: solid; display: block; height: 160px; background-image: url(../Pix/Global/mbwLogo.png); background-repeat: no-repeat; background-position: 49px 10px; width: 585px; }
#logo h1 { padding-top: 75px; padding-left: 250px; color: #065F96; padding-bottom: 15px; }
#navSection ul { }
#navSection ul li { float:left; height: 60px; width: 90px; text-align: center; font-size: 13px;  margin-right: 8px; }
/* Image Replacement and Page States
----------------------------------------*/
#navSection ul li a {/*Set to height of image*/ text-decoration: none; color: #FFF; margin: 0px; display: block; }
#navSection ul li a span { border: 1px solid #FFF; width: 90px; font-weight: bold; font-size: 18px; height: 23px; display: block; padding-top: 2px; color: white; }
.home li#navHome a { color: #000; }
.home #leftColumn { background-image: url(../Pix/Photos/home.jpg); }
.about li#navAbout a { color: #000; }
.about #leftColumn { background-image: url(../Pix/Photos/about.jpg); }
.blog li#navBlog a { color: #000; }
.blog #leftColumn { background-image: url(../Pix/Photos/blog.jpg); }
.community li#navCommunity a { color: #000; }
.community #leftColumn { background-image: url(../Pix/Photos/community.jpg); }
.contact li#navContact a { color: #000; }
.contact #leftColumn { background-image: url(../Pix/Photos/contact.jpg); }
.deliveries li#navDeliveries a { color: #000; }
.deliveries #leftColumn { background-image: url(../Pix/Photos/deliveries.jpg); }
.electrical li#navElectrical a { color: #000; }
.electrical #leftColumn { background-image: url(../Pix/Photos/electrical.jpg); }
.fiberglass li#navFiberglass a { color: #000; }
.fiberglass #leftColumn { background-image: url(../Pix/Photos/fiberglass.jpg); }
.flooring li#navFlooring a { color: #000; }
.flooring #leftColumn { background-image: url(../Pix/Photos/flooring.jpg); }
.instruction li#navInstruction a { color: #000; }
.instruction #leftColumn { background-image: url(../Pix/Photos/instruction.jpg); }
.rigging li#navRigging a { color: #000; }
.rigging #leftColumn { background-image: url(../Pix/Photos/rigging.jpg); }
.services li#navServices a { color: #000; }
.services #leftColumn { background-image: url(../Pix/Photos/services.jpg); }
.splicing li#navSplicing a { color: #000; }
.splicing #leftColumn { background-image: url(../Pix/Photos/splicing.jpg); }
.wood li#navWood a { color: #000; }
.wood #leftColumn { background-image: url(../Pix/Photos/wood.jpg); }
#mainCopy { margin-top: 20px; padding-left: 50px; padding-right: 40px; }