/*=== Setup ===*/
*{
    border: 0;
    margin: 0;
    padding: 0
}
body{
    background: url(../images/bgr.gif) #102023 repeat-x top;
    color: #333333;
    font: .7em Georgia, "Times New Roman", Times, serif;
    padding: 0 0 10px
}
a{
    color: #336971;
    text-decoration: underline
}
a:hover{
    text-decoration: none
}
input,select,textarea{
    border: #7f9db9 1px solid;
    font-size: 12px;
    padding: 3px
}
li{
    list-style: none
}

#columns h1 {font-family: Arial, sans-serif; font-size: 28px; color: #32676F; margin: 0 0 .5em; font-weight: normal;}

h2, h3{
    color: #32676f;
    font-size: 1.25em;
    margin: 0 0 .5em
font-family: Arial, sans-serif;
}
h3, h5{
    font-weight: normal
}
h4, h5{
    color: #32676f;
    font-size: 1.4em;
    margin: 0 0 .5em
}
h6{
    font-size: 1.3em;
    margin: 0 0 .1em
}
p{
    padding: 0 0 1.5em
}
blockquote{
    color: #666666;
    font-size: 1.2em
}
blockquote p{
    padding: 0 0 .5em
}
cite{
    display: block;
    font: 1em Arial, Helvetica, sans-serif;
    font-style: normal;
    padding: 0 0 .5em
}
/*=== Layout ===*/
#page{
    background: url(../images/page-bgr.png) repeat-y;
    margin: 0 auto;
    padding: 0 5px;
    width: 900px;
    position:relative;
}
#page-top, #page-bot{
    height: 5px;
    margin: 0 auto;
    overflow: hidden;
    width: 910px
}
#page-top{
    background: url(../images/page-top.png) no-repeat top;
    margin-top: -5px;
    overflow: visible;
    position: relative;
    z-index: 10
}
* html #page-top{
    overflow: hidden
}

#test_right {
    float:none;
    position:relative;
    left:380px;
    top:11px;
}

#page-bot{
    background: url(../images/page-bot.png) no-repeat top
}
/*=== Header ===*/
#header{
    font-family: Arial, Helvetica, sans-serif;
    height: 120px;
    margin: 0 auto;
    width: 900px
}
/*- Logo -*/
#header h1{
    background: url(../images/logo.gif) no-repeat;
    float: left;
    text-indent: -9999px;
    width: 376px
}
#header h1 a{
    display: block;
    height: 120px;
    text-decoration: none
}
/*=== Navigation ===*/
/*- Nav1 -*/
#nav1{
    background: url(../images/nav1-bgr.gif) no-repeat top;
    float: right;
    font-size: 11px;
    height: 55px;
    margin: 55px 10px 0;
    padding: 10px 0 0;
    position: relative;
    text-align: center;
    width: 320px;
    z-index: 100
}
* html #nav1{
    margin-right: 5px
}
#nav1 ul{
    padding: 0 0 8px
}
#nav1 li{
    border-right: 1px solid #cbd9db;
    display: inline;
    line-height: 12px;
    padding: 0 7px
}
#nav1 li.nb{
    border: 0
}
#nav1 li a{
    color: #eaeff0;
    text-decoration: none
}
#nav1 li a:hover{
    text-decoration: underline
}
#nav1 li.active a{
    font-weight: bold
}
/*- Nav2 -*/


ul.nav2 li.hideThis a {display: none;}

ul.nav2 li.hideThis ul li a {display: block;}

ul.nav2{
    font: bold 11px Arial, Helvetica, sans-serif;
    background: #C7D0D1 url(../images/nav2-background.gif) repeat-x 0;
    width: 900px;
    height: 60px;
}

ul.nav2 li {float: left; height: 30px; clear: both; background: #c7d0d1 url(../images/nav2-bgr.gif) repeat-x top;}

ul.nav2 li ul{
    
}

ul.nav2 li ul li{
    float: left;
    clear: none;
    line-height: 30px;
    padding: 0 1px 0 0;
    background: none;
    /*width: auto;*/
    /*position: relative;*/
}
ul.nav2 li a{
    background: url(../images/nav2-normal.gif) no-repeat left;
    color: #32666e;
    display: block;
    float: left;
    padding: 0 0 0 15px;
    text-decoration: none
}
ul.nav2 li a span{
    background: url(../images/nav2-normal.gif) no-repeat right;
    display: block;
    float: left;
    height: 30px;
    padding: 0 15px 0 0;
width: auto;
}
ul.nav2 li.selectedPage a, ul.nav2 li.selectedPageParent a, .nav2 li a:hover{
    background: url(../images/nav2-hover.gif) no-repeat left;
    cursor: pointer;
    text-decoration: none
}
ul.nav2 li.selectedPage a span, ul.nav2 li.selectedPageParent a span, .nav2 li a:hover span{
    background: url(../images/nav2-hover.gif) no-repeat right
}
ul.nav2 img{
    margin: 7px 0 0;
    /*position: relative*/
}
/*- Nav2 Submenu -*/
ul.nav2 li.sub{
    background: #ffffff
}
ul.nav2 li.sub {
    background: url(../images/nav2-sub-ul.gif) repeat-x top
}
ul.nav2 li.sub ul li a{
    background: url(../images/nav2-sub-normal.gif) no-repeat left
}
ul.nav2 li.sub ul li a span{
    background: url(../images/nav2-sub-normal.gif) no-repeat right
}
ul.nav2 li.sub ul li.selectedPage a, ul.nav2 li.sub ul li.selectedPageParent a, ul.nav2 li.sub ul li a:hover{
    background: url(../images/nav2-sub-hover.gif) no-repeat left
}
ul.nav2 li.sub ul li.selectedPage a span, ul.nav2 li.sub ul li.selectedPageParent a span, ul.nav2 li.sub ul li a:hover span{
    background: url(../images/nav2-sub-hover.gif) no-repeat right
}


/*-- dropdown menus --*/
ul.nav2 li ul li ul {position: absolute; left: 0; top: 29px; z-index: 9999; padding: 5px 0; width: 170px; background: #82a5ab;}
ul.nav2 li ul li ul li {background: none; height: auto; line-height: normal; float: none;}
ul.nav2 li ul li ul li a {display: block; padding: 5px 15px; background: none !important; color: white;}
ul.nav2 li ul li ul li a span {background: none !important; padding: 0; height: auto; float: none;}
ul.nav2 li ul li ul li a:hover,
ul.nav2 li ul li ul li.selectedPage a {color: #32666E !important;}


/*=== Headings ===*/
.hdr{
    border-bottom: 1px solid #32676f;
    margin: 1.5em 0 .8em
}
/*=== All Columns ===*/
#columns{
    background: url(../images/columns-bgr.gif) repeat-y;
    height: 1%;
    padding: 20px
}
#home #columns{
    background: url(../images/columns-bgr-home.gif) #ffffff repeat-y right;
    padding-bottom: 0
}
/*=== Center Column ===*/
#centercol{
    float: left;
    width: 530px
}
/*=== Right Column ===*/
#rightcol{
    float: right;
    width: 250px
}
/*=== Sub Columns ===*/
.subcols{
    /*height: 1%;*/
background-color: #d1d9da;
clear: both;
    padding: 10px 0 0
}
* html .subcols{
    padding: 10px 9px 10px 10px
}
.col1{
    background: #dfe2e2;
    display: table-cell;
    display: block;
    float: left;
    height: auto !important;
    height: 140px;
    margin: 0 0 10px 10px;
    min-height: 140px;
    padding: 10px;
    width: 270px
}
.col1.last{
    width: 260px
}
* html .col1{
    margin: 0 10px 0 0
}
* html .col1.last{
    float: right;
    margin: 0
}
.col1 p{
    padding: 0 0 .8em
}
.col2{
    float: left;
    width: 500px
}
.col3{
    float: left;
    margin: 0 0 0 20px;
    width: 180px
}
.col4{
    float: right;
    width: 141px
}
/*=== Styling Boxes ===*/
/*- Gallery -*/
.gallery img{
    background: #ffffff;
    border: 1px solid #c4cacb;
    margin: 0 17px 16px 0;
    padding: 10px
}
#home .gallery img{
    margin: 0 5px 5px 0;
    padding: 10px
}
.gallery-more{
    background: #32676f;
    color: #ffffff;
    font: bold 1em Arial, Helvetica, sans-serif;
    margin: 0 -10px;
    padding: 10px 5px 10px 12px;
    position: relative;
    width: 183px
}
.gallery-more a{
    color: #ffffff
}
/*- Video Placeholder -*/
.video{
    float: left
}
.videow{
    margin: 0 0 6px
}
.video h4{
    color: #333333
}
/*- Recent -*/
.recent{
    border-left: 1px solid #c9d0d1;
    color: #666666;
    float: right;
    padding: 0 0 0 10px;
    width: 160px
}
.recent h3{
    color: #000000;
    font: bold 1.1em Arial, Helvetica, sans-serif;
    margin: 0 0 .3em;
    text-transform: uppercase
}
.recent h4{
    color: #000000;
    font-size: .9em;
    font-weight: normal;
    margin: 0
}
.recent h4 a{
    text-decoration: none
}
.recent h4 a:hover{
    color: #333333
}
.recent p{
    font: .9em Arial, Helvetica, sans-serif;
    padding: 0 0 .5em;
    text-transform: uppercase
}
/*- Title Picture Placeholder -*/
div.title{
    background: #333333;
    padding: 10px;
    display: block;
overflow: hidden;
}
div.title .bordr{
    border: 1px solid #4f4f4f;
    padding: 9px
}
div.title img{
    display: block
}
div.title2{
    background: #333333;
    height: 10px;
    overflow: hidden
}
/*=== Styling Lists ===*/
/*- List1 -*/
.list1 ul{
    margin: 0 0 1em
}
#columns ul li{
    background: url(../images/ico-list.gif) no-repeat 0 2px;
    margin: 0 0 1em;
    padding: 0 0 0 20px
}

#columns ol li {list-style-type: decimal; list-style-position: outside; margin: 0 0 .5em 20px;}
/*- List2 -*/
.list2 ul li{
    margin: 0 0 .5em
}
/*=== Styling Forms ===*/
/*- Search, Signup -*/
#search{
    clear: both;
    height: 23px;
    padding: 0 0 0 100px
}

/* LightCMS Search Styles */
.search {float: right; clear: both; margin-right: 15px;}
.searchButton {background: #e0e8ea; color: #346b73; text-transform: uppercase; font-size: 11px; border: 1px solid #346b73;}

#signup{
    height: 25px
}
#search input, #signup input{
    color: #bfbfbf;
    float: left;
    width: 138px
}
#search .btn, #signup .btn{
    background: none;
    border: 0;
    margin: 0 0 0 5px;
    padding: 0;
    width: auto
}

/*--- Email Registry form ---*/


#EmailRegistry{
    left:528px;
    position:absolute;
    top:0px;
    color: #C7D0F8;
    background: #DFE2E2 url(http://i544.photobucket.com/albums/hh360/rlwilhelm/exclusive_bg_fade4.gif) no-repeat 0px 0px; 
    padding: 5px 12px 7px 134px;
    height: 48px;
    width: 231px;
}

#EmailRegistry h4{
    font-size: 101%;
    font-family: arial, helvetica, sans-serif;
    padding: 3px 0 6px 0;
    margin: 0;
    text-align: center;
}

/*=== Link Buttons ===*/
.more{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 0 0 .5em
}
#home .more{
    font-weight: normal
}
/*=== Pics, Ads etc. ===*/
.pic img{
    display: block;
    margin: 0 0 .8em
}
/*=== Misc. ===*/
.fix{
    clear: both;
    height: 1px;
    margin: -1px 0 0;
    overflow: hidden
}
.hl{
    border-top: 1px solid #c7ced0;
    clear: both;
    height: 1px;
    margin: 1em 0 1.5em;
    overflow: hidden;
    width: 100%
}
.fl{
    float: left
}
.fr{
    float: right
}
h2 span{
    display: none
}
h2 img{
    display: block
}

hr {clear: both; border: 0; border-top: 1px solid #666; margin: 10px 0;}

/* restyle gallery element thumbs */
.photoGalleryElement .thumbShadow {margin: 3px !important; width: 80px; height: 80px;}
.photoGalleryElement .thumbShadow .thumbContents {background-image: none !important; margin: 0 !important;}
.photoGalleryElement .thumbShadow .thumbContents img {width: 60px; height: 60px; overflow: hidden; padding: 9px !important;}

/*=== Styles for Estimator feature ===*/

@charset "utf-8";
/* CSS Document */
.stickytooltip{
box-shadow: 5px 5px 8px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 5px 5px 8px #818181;
-moz-box-shadow: 5px 5px 8px #818181;
display:none;
position:absolute;
display:none;
border:5px solid black; /*Border around tooltip*/
background:white;
z-index:3000;
}


.stickytooltip .stickystatus{ /*Style for footer bar within tooltip*/
background:black;
color:white;
padding-top:5px;
text-align:center;
font:bold 11px Arial;
}

table.CostEst
{
    text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 500px;
background-color: #fafafa;
border: 1px #0C0 solid;
border-collapse: collapse;
border-spacing: 0px; } 

th.costHead
{ border-bottom: 2px solid #0C0;
border-left: 1px solid #0C0;
background-color:#3F3 ;
text-align: center;
text-indent: 5px;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color:#FFF0; }

th.serviceName
{ border-bottom: 1px solid #0C0 ;
border-top: 0px #0C0;
border-left: 1px solid #0C0;
border-right: 0px #0C0;
text-align: center;
text-indent: 10px;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: #fafafa; }

p.tipHead
{
text-align: left;
font-family: Verdana;
font-weight: bold;
font-size: 12px;
color:#FFF0; }

p.tipSubHead
{
text-align: left;
font-family: Verdana;
font-weight: 600;
font-size: 11px;
color:#FFF0; }

td.formLabels{
text-align: Left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: #fafafa; 
}

input.formTextbox{
text-align: center;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: #fafafa; 
}

select.optionLabels{
    text-align: Left;
    text-indent: 10px;
    font-family: Verdana, sans-serif, Arial;
    font-weight: normal;
    font-size: 11px;
    color: #404040;
    background-color: #fafafa; 
}
option.optionValues{
    text-align: center;
    text-indent: 10px;
    font-family: Verdana, sans-serif, Arial;
    font-weight: normal;
    font-size: 11px;
    color: #404040;
    background-color: #fafafa; 
}
p.tipInfo
{
text-align: left;
font-family: Verdana;
font-weight:500;
font-size: 9px;
color:#FFF0; }

table.formTable
{
    text-align: left;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 500px;
background-color: #fafafa;
border: 1px solid #030;
border-collapse: collapse;
border-spacing: 0px; } 

table.formTable1
{
    text-align: Center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 500px;
}