/*=== 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;
}