* {
   margin: 0;
   padding: 0;
}

body{
   background: #fff url(/img/bkgrdbody.gif) fixed repeat-x;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}


#container{
   width: 772px;
   margin: 0px auto;
   /*background: url(/img/bkgrdcont.jpg) repeat-y left;*/
}

/* ~~Header
----------------------------------------------------------------------
*/

#header{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   width: 750px;
   margin-left: 10px;
   border-left: 1px solid #003366;
   border-right: 1px solid #003366;
   background: white;
}

#header h1{
   float: right;
   width: 207px;
   margin: 5px;
   background: url(/img/logo.gif) no-repeat;
   text-indent: -9999px;
}

#header h1 a{
   display: block;
   width: 181px;
   height: 60px;
   margin: 0px;
   text-decoration: none;
}

#header object{
   /* These two lines eliminate the 4px of whitespace under the flash movie */
   clear: both;
   display: block;
}

div#flash{
   width: 750px;
   height: 250px;
   margin-top: 38px;
   border-top: 6px #003366 solid;
   /*border-right: 1px #003366 solid;*/
   border-bottom: 8px #003366 solid;
   /*border-left: 1px #003366 solid;*/
}

div#flash-sub{
   width: 750px;
   height: 100px;
   margin-top: 38px;
   border-top: 6px #003366 solid;
   /*border-right: 1px #003366 solid;*/
   border-bottom: 8px #003366 solid;
   /*border-left: 1px #003366 solid;*/
}

#header p{
   background: url(/img/tagline.gif) top left no-repeat;
   text-indent: -9999px;
   height: 23px;
   margin: 10px;
}

/* ~~Navigation
----------------------------------------------------------------------
*/

ul#metanav{
   float: left;
   width: 500px;
   text-align: center;
   list-style: none;
   /*border-left: 1px solid #003366;*/
}

#metanav li{
   float: left;
   width: 85px;
   border-top: 1px solid #003366;
   border-right: 1px solid #003366;
}

#metanav a{
   display: block;
   padding: 7px 0px;
   background: #E1E6EC;
   font-size: 11px;
   text-transform: uppercase;
   color: #000000;
   text-decoration: none;
}

#metanav li a:hover{
   background: #003366;
   color: #FFFFFF;
}

body.INDEX #metanav li.home a,
body.Products #metanav li.products a,
body.Transport #metanav li.products a,
body.MarinePort #metanav li.products a,
body.ParkPort #metanav li.products a,
body.Company #metanav li.company a,
body.Contact #metanav li.contact a{
   background: #003366;
   color: #FFFFFF;
}

/*
body.homepage #content h2{
   margin-top: 15px;
   font-weight: normal;
   font-size: 16px;
   color: #003366;
   background: none;
   border: none;
}
*/

/*
body.homepage #content h3{
   font-size: 16px;
   font-weight: normal;
}
*/

body.Company #content em{
   color: #003366; /* Bold header type thingies */
   font-style: normal;
}

body.productspage #content li em strong,
/*body.productspage #content h3 em strong,*/
body.productspage #content li strong,
body.productspage #content li ul li em,
.with strong{
   color: #003366; /* Bold header type thingies */
}

/* ~~Content
----------------------------------------------------------------------
*/

#content-wrap{
   /* The following line is a hack to fix the IE double margin bug
      See: http://www.positioniseverything.net/explorer/floatIndent.html */
   display: inline;
   /*------------------------------------------------------------------- */
   float: left;
   width: 750px;
   margin-left: 10px;
   border-left: 1px solid #003366;
   border-right: 1px solid #003366;   
   background-color: #E0E6EC;
}

#content{
   /* The following line is a hack to fix the IE double margin bug
      See: http://www.positioniseverything.net/explorer/floatIndent.html */
   display: inline;
   /*------------------------------------------------------------------- */
   float: left;
   width: 521px;
   padding: 0px 20px 0px 20px;
   color: #383A3B;
}

#content h2{
   height: 26px;
   margin: 0px -20px 20px -20px;
   padding: 6px 25px 0px;
   color: #000000;
   background: url(/img/h2bkgrd.gif) bottom repeat-x;
   font-size: 15px;
   font-weight: bold;
   clear: both;
}

#content h3
{
   font-size: 14px;
   color: #003366; /* Bold header type thingies */
   margin-top: 15px;
   margin-bottom: 0px;
}

#content h4.grabber{
   margin: 10px 0px;
   font-size: 14px;
   font-weight: normal;
}

#content h4{
   margin: 10px 0px 5px;
   font-size: 12px;
   font-weight: bold;
}

#content p{
   margin-top: 10px;
   font-size: 12px;
   line-height: 1.75em;
}

#content ul{
   padding-top: 5px;
}

#content ul ul{
   padding-top: 0px;
}

#content li{
   padding-top: 0px;
   padding-bottom: 5px;
}

#content li li{
   padding-top: 0px;
   padding-bottom: 0px;
}

#content img{
   border: 1px solid #003366;
}

#content img#mcms_stats{
   display: none;
}

#content a,
#footer a{
   color: #4378AC;
   text-decoration: underline;
}
/*
#content a:visited,
#footer a:visited{
   color: #4378AC;
   text-decoration: underline;
}
*/
#content a:hover,
#footer a:hover{
   color: #003366;
   text-decoration: none;
   background-color: #FFFFCC;
}

img.right,
object.right{
   float: right;
   margin: 6px 0px 15px 20px;
}

img.left,
object.left{
   float: left;
   margin: 0px 25px 10px 0px;
}

#content img.noborder,
#content .sideimages img.noborder{
   border: none;
}

#content ul{
   margin: 0px 0px 10px 25px;
   font-size: 12px;
}

#content li{
   margin-bottom: 5px;
   line-height: 1.5em;
   -moz-float-edge: content-box;
}

ul#contentnav{
   list-style: none;
}

#contentnav{
   float: right;
   width: 284px;
   margin-left: 30px;
}

#custresp{
   margin: 20px;
}

#custresp input, #custresp textarea{
   width: 325px;
   font-size: 12px;
}

input#subfeed{
   width: auto;
   margin-top: 15px;
   padding: 1px 3px;
}

input#name, input#phone, input#email{
   width: 155px;
   margin-right: 7px;
}

input#city, input#state{
   width: 71px;
   margin-right: 7px;
}

#custresp select{
   width: 329px;
   font-size: 12px;
}

#custresp dt{
   margin-bottom: 1px;
   font-size: 11px;
   font-weight: bold;
}

#custresp dd{
   margin-bottom: 8px;
}

#custresp td{
   margin-bottom: 1px;
   font-size: 11px;
   font-weight: bold;
}

input#consent{
   float: left;
   width: 30px;
}

.consent{
   margin: 0;
}

.column3{
   float: left;
   margin-right: 10px;
}

.column4{
   float: left;
   width: 125px;
   margin-right: 4px;
}

.column4.last,
.column3.last{
   margin-right: 0;
}

#content .column4 p{
   margin: 0;
   text-align: center;
}

#content div.gallery{
   float: left;
   margin: 0 60px 25px 0;
}

#content div.gallery img{
   border: 1px solid #355C6F;
}

#content div.gallery-image{
   float: left;
   margin: 0 10px 10px 0;
}

#content div.gallery-image span{
   display: block;
   float: left;
}

#content div.gallery-image a.prev,
#content div.gallery-image a.next{
   display: block;
   float: left;
   width: 16px;
   height: 16px;
   margin: 0 5px;
   text-indent: -9999px;
}

#content div.gallery-image a.prev{
   background: url(/images/previous.gif) no-repeat;
}

#content div.gallery-image a.next{
   background: url(/images/next.gif) no-repeat;
}

#content div.gallery-thumbnail{
   float: left;
   margin-right: 20px;
}

#content div.gallery-thumbnail img{
   border: 1px solid #355C6F;
}

/* ~~Sidebar
----------------------------------------------------------------------
*/

#sidebar{
   position: relative;
   float: right;
   width: 189px;
   background: url(/img/h2bkgrd.gif) top repeat-x;
   padding-top: 32px;
   /*margin-right: 9px;*/
   /*background-color: #E0E6EC;*/
   /*padding: 35px 5px 15px 0px;*/
   /*border-top: 1px solid #003366;*/
   /*border-left: 1px dashed #999999;*/
   /*border-bottom: 1px dashed #999999;*/
}

body.homepage #sidebar{
	background: none;
   padding-top: 0px;
}

#nav{
	font-size: 11px;
   border-left: 1px solid #003366;
}

#nav li{
 	display: inline;
	list-style: none;
}

#nav li li a{
   border-bottom: 1px solid #003366;
   background-color: #E0E6EC;
   color: #003366;
   font-weight: normal;
   text-transform: none;
}

#nav li a{
   display: block;
   padding: 8px 0px 0px 5px;
   height: 25px;
   background-color: #003366;
   color: #E0E6EC;
   border-bottom: 1px solid #E0E6EC;
   text-decoration: none;
   text-transform: uppercase;
   font-weight: bold;
}

#nav li li li a{
	padding-left: 15px;
}

#nav li li a:hover{
   background-color: #FFFFFF;
   color: #003366;
}

#nav li a:hover{
	background-color: #003366;
   color: #FFFFFF;
}


/*
#sidebar ul{
   margin-left: 15px;
   font-size: 14px;
   list-style: none;
}

#sidebar ul#nav{
   margin: 0px 0px 0px 0px;
   padding: 7px 15px 15px 15px;
   border-left: 1px dashed #999999;
   border-bottom: 1px dashed #999999;
}

#sidebar li{
   margin-top: 5px;
}

#sidebar ul a{
   color: #003366;
   text-decoration: none;
}

#sidebar ul a:hover{
   text-decoration: underline;
}

#sidebar li ul{
   font-size: 11px;
}
*/














/*
#sidebar div{
   height: 35px;
   text-indent: -9999px;
   margin: 20px 0px 10px;
}

#sidebar div.commercial{
   background: url(/img/commercialside.jpg) no-repeat;
}

#sidebar div.residential{
   background: url(/img/residentialside.jpg) no-repeat;
}

#sidebar div.product{
   background: url(/img/productside.jpg) no-repeat;
}

#sidebar div.services{
   background: url(/img/servicesside.jpg) no-repeat;
}

#sidebar div.residential a,
#sidebar div.residential a:hover,
#sidebar div.commercial a:hover, 
#sidebar div.commercial a,
#sidebar div.product a:hover,
#sidebar div.product a,
#sidebar div.services a:hover,
#sidebar div.services a
 {
   display: block;
   width: 199px;
   height: 35px;
   margin: 0px;
   text-decoration: none;
}
*/

#content p.hours{
   font-size: 60%;
   padding-left: 15px;
   color: #999999;
   margin: 0px;
}

#footer{
   clear: left;
   width: 770px;
   height: 79px;
   padding-top: 30px;
   background: url(/img/bkgrdfoot.gif) no-repeat bottom left;
   color: #999999;
   font-size: 11px;
}

#footer p{
   width: 500px;
   margin-bottom: 10px;
   text-align: center;
}

#footer ul{
   list-style: none;
}

#footer li{
   float: left;
}

sup{
   font-size: 60%;
}

.fcleft{
   float: left;
   width: 242px;
}

.fcleft li{
   list-style: none;
}

.fcleft li li{
   list-style: circle;
}

.clear{
   clear: both;
}

.with{
   font-weight: bold;
   font-style: italic;
}

.with em{
   text-decoration: underline;
}

.sideimages{
   float: right;
   width: 150px;
   margin-left: 25px;
}

.slightly-wider{
   width: 200px;
}

.wider{
   width: 261px;
}

.widest{
   width: 470px;
   margin-bottom: 20px;
   padding-bottom: 20px;
}

.narrower{
   width: 75px;
}

.sideborder{
   padding: 5px;
   border: 2px #003366 solid;
}

#content div.sideimages h3{
   font-size: 11px;
}

#content .sideimages p{
   font-size: 9px;
   font-weight: bold;
}

#content .sideimages li{
   font-size: 9px;
   margin: 0px;
   padding: 0px;
}

#content .sideimages img{
   border: 1px #003366 solid;
}

#content .sideimages .captionleft{
   font-weight: normal;
   float: left;
   margin: 0px 0px 10px 0px;
}

#content .sideimages .captionright{
   font-weight: normal;
   float: right;
   margin: 0px 0px 10px 0px;
}
.threeps h3 { 
text-indent: -99999px  }
.threeps p { 
text-indent: -99999px  }


#sidebar #searchForm{
   position: absolute;
   top: 0;
   right: 0;
   width: 185px;
   height: 30px;
   padding-top: 5px;
}

#sidebar #searchForm fieldset{
   border: 0;
}

#sidebar #searchForm input#search_term{
   width: 130px;
   font-size: 75%;
   padding: 2px;
   vertical-align: middle;
}

#sidebar #searchForm a#search_go{
   padding: 1px;
   border: 1px solid #003366;
   color: #003366;
   font-size: 85%;
   text-transform: uppercase;
   text-decoration: none;
   vertical-align: middle;
}

#sidebar div#CCform{
   padding: 10px 0;
}

#sidebar div#CCform tr.blah td{
   font-size: 1px;
   line-height: 0;
   height: 0;
   padding: 0;
   border-collapse: collapse;
}