@charset "utf-8";
/*---------------------------------------------------------------------------------------

     * Filename:          main.css

  * Description:          Main Site Styles

      * Version:          1.0.1 (01-26-2010) MM-DD-YYYY

      * Website:          http://www.calmwatersolutions.com/

       * Author:          Mike Baldwin

  == STRUCTURE: =========================================================================

   * Content area width:  670px

   # of columns:          1-3 (Left/Center/Right) [Automatic through database]

        Anchors:          $__main                   Main Definitions
                          $__header                 Header Definitions
                          $__footer                 Footer Definitions
                          $__menuHeader             Header Menu Definitions
                          $__menuFooter             Footer Menu Definitions
                          $__menuBelowBannerUpper   Below Banner Upper Menu Definitions
                          $__sidebar                Sidebar Definitions
                          $__sidebarLeft            Left Sidebar Definitions
                          $__sidebarRight           Right Sidebar Definitions
                          $__content                Content Definitions
                          $__form                   Form Definitions
                          $__format                 Format Definitions

  ---------------------------------------------------------------------------------------*/


/*   __main
--------------------------------------------*/

html,body{
 height:100%;
 min-height:100%}
body{
 background:#000;
 color:#000;
 font-family:Helvetica, Arial, sans-serif;
 font-size:small;
 margin:0 auto;
 line-height:125%;
 text-align:center}
span{line-height:125%}
h1{font-size:150%}
h2{font-size:130%}
h3{font-size:120%}
div#wrapper{
 margin:0 auto -100px auto;
 height:100%;
 min-height:100%;
 padding:0;
 text-align:left;
 width:980px}
div#wrapper-left{
 background: url(../../images/img_bg_left.png) repeat-y;
 height:100%;
 left:-368px;
 padding-bottom:180px;
 position:absolute;
 top:-116px;
 width:130px}
div#wrapper-right{
 background: url(../../images/img_bg_right.png) repeat-y;
 height:100%;
 right:-140px;
 padding-bottom:180px;
 position:absolute;
 top:-116px;
 width:130px}
#bbb{
 margin:0 0 -70px;
 position:relative;
 right:10px;
 text-align:right;
 top:10px}
#bbb a img{border:none}
body.pageHome div#wrapper-left,
 body.pageContactUs div#wrapper-left,
 body.pageLogin div#wrapper-left,
 body.pageFeatureRequest div#wrapper-left,
 body.pagePageUnavailable div#wrapper-left,
 body.admin div#wrapper-left{left:-142px}
span#e-mail,
 span#alt-e-mail{display:none}
.clearBoth{clear:both}
.colorOrange{color:orange}
.visible{color:green}
.construction{color:#c60}
.invisible{color:red}


/*   __header
--------------------------------------------*/

div#header{
 background:url(../../images/img_banner.png) no-repeat 50% 0;
 height:209px;
 margin-bottom:-106px;
 padding:0;
 width:980px}


/*   __footer
--------------------------------------------*/

div#footer{
 border-top:4px groove #999;
 clear:both;
 margin:0 auto;
 padding:0;
 text-align:left}
div#footer address{
 color:#ccc;
 font-family:Helvetica, Arial, sans-serif;
 font-size:1em;
 font-style:normal;
 font-weight:bold;
 letter-spacing:2px;
 margin:0.5em 0 0.5em 0;
 text-transform:uppercase}
div#footer .phone{float:right}
div#footer a{
 color:#ccc;
 font-size:0.8em}
div#footer a:hover{color:#fff}
div#footer div#designerUrl{color:#cfb484}
div#footer div#designerUrl a{
 color:#cfb484;
 font-size:90%}
div#footer div#designerUrl a:hover{color:#ccc}


/*   __menuHeader
--------------------------------------------*/

ul#menuHeader{
 float:right;
 list-style-type:none;
 margin:120px 0 0 0;
 max-width:730px;
 padding:0;
 position:relative;
 text-align:center;
 z-index:2000}
ul#menuHeader li{
 display:inline-block;
 margin:0 15px}
ul#menuHeader li.current a{
 color:#58b6ed;
 text-decoration:underline}
ul#menuHeader li a{
 color:#ccc;
 display:block;
 font-family:Helvetica, Arial, sans-serif;/*"Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;*/
 font-size:0.9em;
 font-weight:bold;
 letter-spacing:0.18em;
 text-decoration:none;
 text-shadow:2px 2px 2px #007ad1;
 text-transform:uppercase}
ul#menuHeader li a:hover{
 color:#55b5ed;
 text-decoration:underline}


/*   __menuFooter
--------------------------------------------*/


/*   __menuBelowBannerUpper
--------------------------------------------*/

div#belowBannerUpper{
 clear:both;
 float:right;
 padding:0;
 position:relative;
 margin:auto 15px -40px auto;
 text-align:center}
div#belowBannerUpper ul{
 list-style-type:none;
 margin:12px 0 5px 0;
 padding:0}
div#belowBannerUpper ul li{
 background-color:#49b1ea;
 display:inline;
 font-size:0.85em;
 font-weight:bold;
 margin:0;
 padding:0.4em 0}
div#belowBannerUpper ul li a{
 color:#000;
 font-weight:bold;
 padding:0.5em;
 text-decoration:none}


/*   __sidebar
--------------------------------------------*/

body div#main-body div#sidebar{
 clear:left;
 float:left;
 margin:0;
 min-height:649px;
 width:210px}
div#main-body div#sidebar ul{
 color:#fff;
 list-style-image:url(../../images/img_bull.png);
 margin:0;
 margin-top:100px;
 max-width:220px;
 padding:0 0 0 15px}
/*div#main-body div#sidebar ul li{word-wrap:break-word}*/
div#main-body div#sidebar ul li ul.sublist{margin-top:5px}
div#main-body div#sidebar ul li.sidebarCat{
 border-bottom:2px groove #fff;
 font-size:1.2em;
 font-weight:bold;
 list-style-image:none;
 list-style-type:none;
 margin:0.5em 0;
 padding:0.3em 0;
 text-transform:uppercase}
div#main-body div#sidebar ul a{
 color:#fff;
 display:block;
 font-size:1.1em;
 font-weight:bold;
 letter-spacing:2px;
 text-shadow:1px 1px 1px #ccc}
div#main-body div#sidebar ul li.sidebarCat:hover{
 list-style-image:none;
 list-style-type:none;
 margin-left:0}
div#main-body div#sidebar ul li:hover{
 list-style-image:url(../../images/img_bull_hover.png);
 margin-left:5px}
div#main-body div#sidebar ul li ul.sublist li:hover{
 list-style-image:url(../../images/img_bull.png);
 margin-left:0}
div#main-body div#sidebar ul li a:hover{
 color:#55b5ed;
 text-shadow:none}
div#main-body div#sidebar ul li.current{
 color:#999;
 list-style-image:url(../../images/img_right_arrow1.png)}
div#main-body div#sidebar ul li.current:hover{margin-left:0}
div#main-body div#sidebar ul li.current a{
 color:#58b6ed;
 text-shadow:none}
body.pageHome div#main-body div#sidebar,
 body.pageContactUs div#main-body div#sidebar,
 body.pageLogin div#main-body div#sidebar,
 body.pageFeatureRequest div#main-body div#sidebar,
 body.pagePageUnavailable div#main-body div#sidebar,
 body.admin div#main-body div#sidebar{display:none}


/*   __sidebarLeft
--------------------------------------------*/


/*   __sidebarRight
--------------------------------------------*/


/*   __content
--------------------------------------------*/

div#main-body{
 font-size:0.85em;
 margin:0 auto;
 padding:12px;
 text-align:left;
 width:956px}
div#main-body div#main-body_content{
 border-left:4px groove #999;
 clear:right;
 float:right;
 margin-bottom:-20px;
 min-height:650px;
 padding:7px 15px 7px 17px;
 position:relative;
 top:-20px;
 width:698px;
 z-index:1}
div#main-body div#content{
 background:url(../../images/img_bg_content.png);
 border:1px groove #008aea;
 margin-bottom:70px;
 min-height:650px;
 padding:7px 15px;
 position:relative;
 top:60px;
 width:670px}

body.pageHome div#main-body,
 body.pageContactUs div#main-body,
 body.pageLogin div#main-body,
 body.pageFeatureRequest div#main-body,
 body.pagePageUnavailable div#main-body,
 body.admin div#main-body{padding:0}
body.pageHome div#main-body div#main-body_content,
 body.pageContactUs div#main-body div#main-body_content,
 body.pageLogin div#main-body div#main-body_content,
 body.pageFeatureRequest div#main-body div#main-body_content,
 body.pagePageUnavailable div#main-body div#main-body_content,
 body.admin div#main-body div#main-body_content{
 border-left:none;
 padding:0;
 width:956px}
body.pageHome div#main-body div#main-body_content div#content,
 body.pageContactUs div#main-body div#main-body_content div#content,
 body.pageLogin div#main-body div#main-body_content div#content,
 body.pageFeatureRequest div#main-body div#main-body_content div#content,
 body.pagePageUnavailable div#main-body div#main-body_content div#content,
 body.admin div#main-body div#main-body_content div#content{
 margin:0 auto 70px 3px;
 width:917px}


/*   __form
--------------------------------------------*/

form{
 color:#000;
 font-family:Helvetica, Arial, sans-serif}
form dt.title{
 border-bottom:1px solid #333;
 font-size:1.4em;
 font-weight:bold}
form span.reqAst{color:#f00}
form dt.sep{border-bottom:1px solid #333}
form dt.label,
 form dt.label2Left,
 form dt.label2Right{
 color:#000;
 font-weight:bold}
form dt.submit input,
 form dt.button input{
 background-color:#ccc;
 color:#000;
 font-size:1.2em}
form dt.submit input:hover,
 form dt.button input:hover{
 background-color:#999;
 color:#fff}
form dt.submit input:active{}
form dt.error{color:#f00}
form input.error,
 form textarea.error,
 form select.error{
 border:2px solid #f00}
form label.error{color:#f00}


/*   __format
--------------------------------------------*/

p.title1{font-size:1.2em}
dl.separator{border-bottom:1px solid #000}