
body {
    margin:0px;
    padding:0px;
    text-align:center;
    font: 400 .9em verdana, arial, sans-serif;
    line-height: 170%;
    background: #ddd url(../images/bodyfade.png) repeat-x top left;

    }



.bodybg {
    background: #fff url(../images/bodyBg.jpg) no-repeat bottom right;
}

.framebg {
    background: #fff url(../images/frame.png) repeat-y top left;
    }    

.dkFade{
    background: #333 url(../images/dkFade.png) no-repeat top left;
    }   
.dkFadeLong{
    background: #333 url(../images/dkFadeLong.png) repeat-x top left;
    }
    
.nightIndus {
    background: url(../images/the-company.jpg);
    height: 503px;
}
.teamSide{
    background: url(../images/teamSide.jpg);
    height: 900px;
}
.brineSide {
    background: url(../images/brineSide.jpg);
    height: 477px;
}
.storeSide {
    background: url(../images/storSide.jpg);
    height: 477px;
}

#topLinks {
    position:absolute;
    top:2px;
    right:2px;
    color:#fff;
}
#topLinks a { color:#fff;}
#topLinks a:hover { color:#fff;}
    
#frame {
    width:980px;
    margin:0 auto;
    padding:0px;
    text-align:left;
    border:1px solid #333;
    }

#header {
position:relative;
    background:#fff url(../images/header2.png) no-repeat top left;
    height:145px;    
}

#left {
    width:25%;
    float:left;
    border-right:1px solid #333;
}

#main {
    width:73%;
    padding:0px;
    float:right;
}

.mainCol {
    margin-top:1em;;
}
#footer {
    width:100%; 
    float:left;
    text-align:center;
    color:#666;
}

/**************************************************************
  Side Navigation
 **************************************************************/
#sideMenu {
  text-transform: uppercase;
  font: 800 .75em verdana, arial, sans-serif;
  text-align:right;
  
  border-bottom:1px solid #333;
}

#sideMenu ul {
  list-style-type: none;
  margin: 0;
  
  padding:1em;
}

#sideMenu li {
  margin: 0px;
  padding: 0.1ex 0;  /* Circumvents a rendering bug (?) in MSIE 6.0 */
  width:100%;
}

#sideMenu a {
  color: #3F6DAA;
  padding:5px;
  background-color: transparent;
  text-decoration: none;
  display: block;
}

#sideMenu a:hover ,#sideMenu a.here {
  color: #fff;
  background-color: #3F6DAA;
  text-decoration: none;
}

.whiteFade {
    background: #fff url(../images/whiteFade.png) repeat-x top left;
}
.eeeFade {
    background: #eee url(../images/navBg.png) repeat-x top right;
}
.grabFade {
    background: transparent url(../images/grabFade.png) repeat-x top right;
}


 /**************************************************************
   Weeeeeeeee!
 **************************************************************/

h1 {
    font-size:14px;
    padding-top:10px;
    }
    

h1 {   
  clear: both;
  font: 700 1.25em "trebuchet ms", serif;
  color: #3274C9;
}

h2 {
  font: 400 1em "trebuchet ms", serif;
  color: #3274C9;
}

h2 a {
  color: #3274C9;
}

h2 a:hover {
  color: #FFF;
}


h4 {
  font: 700 1.2em "trebuchet ms", serif;
  color: #333;
}

h5 {
  font: 700 1.1em "trebuchet ms", serif;
  color: #333;
}

h6 {
  font: 700 1em "trebuchet ms", serif;
  color: #333;
}


h1, h2, h3, h4, h5, h6, p, dl {
  margin: 0;
  padding: 10px 15px;
}

h3 {
  font: 400 1.3em "trebuchet ms", serif;
  color: #333;
  padding:10px;
  margin:0;
}

/**************************************************************
   Width classes used by the site columns
 **************************************************************/

.width100 {
  width: 100%;
}

.width75 {
  width: 74%;
}

.width50 {
  width: 49.7%;
}

.width33 {
  width: 32.7%;
}
.width66 {
  width: 64.5%;
}

.width25 {
  width: 24.7%;
}

/**************************************************************
   Alignment classes
 **************************************************************/

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}
.alignCenter {
  text-align: center;
}

/**************************************************************
  Colors classes
 **************************************************************/
.white {
    color:#fff;
}
.whitebg {
    background-color: #fff;
}


p.quote {
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height:2.0em;
    font-style:italic;
    padding:1.75em 1.75em 1.75em 1.75em;
}

.grad {
    background: #19375F url(../images/quoteGrad.png) repeat-x top left; 
}

img.matted {
    background:#fff;
    padding:7px;
    border:1px solid #ddd;
}
