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

body {
	background-color: #daf0fd;
	background-image: url(../images/layout/main_site_bkgnd.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0;
}

#wrapper {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #555;
	background-color: #FFF;
	width: 960px;
	margin: 10px auto 20px auto;
}

#meet_the_team {
	font-size: 11px;
	line-height: 15px;	
}

#meet_the_team img {
	margin: 5px 10px;
}

#header {
	margin-bottom: 10px;
}

p {
	margin: 0 0 8px 0;
	padding-top: 5px 0;
}

hr {
	margin: 10px 0 10px 0;
	padding: 0;
	border-top-width: 1px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-top-style: dotted;
	border-top-color: #6996d1;
	height: 1px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #082d61;
	line-height: 24px;
	margin: 0px;
	padding: 0 0 10px 0;
	text-align: left;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #082d61;
	line-height: 20px;
	margin: 0px;
	padding: 0 0 10px 0;
	text-align: left;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #082d61;
	line-height: 18px;
	margin: 0px;
	padding: 0 0 6px 0;
	text-align: left;
}

a, a:visited {
	color: #082d61;
	text-decoration: underline;
}

a:hover {
	color: #539ad5;
	text-decoration: underline;
}

.im_right {
	float: right;
	margin: 3px 0 10px 15px;
	padding: 0;
	border: 1px solid #082d61;
	font-size: 10px;
	line-height: 12px;
	color: #082d61;
	text-align: center;
}
.im_left {
	float: left;
	margin: 3px 12px 10px 0;
	padding: 0;
	border: 1px solid #082d61;
	font-size: 10px;
	line-height: 12px;
	color: #082d61;
	text-align: center;
}

.im_left img {
	padding-bottom: 5px;
}

.im_right img {
	padding-bottom: 5px;
}

.free_est_hr {
	background-color: #FFF;
	background-image: url(../images/layout/hr_back.gif);
	background-repeat: repeat-x;
	background-position: center;
	text-align: center;
	height: 41px;
}

/* CITY BLOCK */

div.scroll {
	height: 100px;
	width: 150px;
	overflow-y: scroll;
	border: 1px solid #082d61;
	padding: 5px 8px 5px 8px;
	background-color: #FFF;
}

#city-scroll {
margin-top: 25px;
margin-right: 10px !important;
width: 175px !important;
height: 105px !important;
background-color: white !important;
position: relative;
z-index: 2;
}

#city-block {
	float: right;
	margin: 0px 0px 0px 0px;
}

#city_cont {
	/*background-image: url(../images/layout/city_block_bck.gif);*/
	background-repeat: no-repeat;
	height: 159px;
}

#city {
	margin-bottom: 15px;
}

/* FOOTER */

#footer {
	background-image: url(../images/layout/footer.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	font-size: 10px;
	line-height: 20px;
	color: #FFF;
	padding: 10px 15px 15px 15px;
}

#footer a:link, #footer a:visited {
	color: #FFF;
	text-decoration: underline;
}

#footer a:hover {
	color: #082d61;
	text-decoration: underline;
}

.registration {
	font-size: 10px;
	vertical-align: super;
}

/* HEADER */

#masthead {
	padding: 0 15px;
}

#phone_search {
	float: right;
	padding-left: 10px;
	display:inline-block;
}

/* Adjust top padding on next style if need for vertical align w/phone info */

#local_cred {
	float: right;
	padding-top: 18px;
}

.local_cred_im {
	display: inline-block;
	padding-left: 10px;
	border:0px
}

#logo {
	float: left;
}

#phone {
	padding: 12px 10px 10px;
	text-align: right;
}

#phonetop {
	background-image: url(../images/layout/header_search_top_bkgnd.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#phonebot {
	background-image: url(../images/layout/header_search_bot_bkgnd.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#phonert {
	background-image: url(../images/layout/header_search_end.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

.search {
	text-align: left;
	height: 16px;
	width: 130px;
	color: #999;
	float: left;
	display: inline;
}

.search_button {
	display: block!important;
	margin-bottom: -20px!important;
}

#search_bkgnd {
	padding: 0 10px 0 25px;
	height: 30px;
}



/* This style is for the main TOP LEVEL nav links, AFTER you adjust the left/right padding HERE to best fill the entire width, THEN adjust the INLINE STYLE for the left/right margin for the HOME LINK in TOP-BORDER.PHP FILE to perfectly fill the entire width of the nav bar. */

#nav li a strong {
	font-weight: normal;
}

/*** CSS that affects navigation for iPad ONLY!  Ask Steve G. if you have any questions ***/

.ipad #nav li a {
	padding: 7px 30px 10px 20px;
}

/*** END iPad only CSS ***/

/* NAV BAR */

/** top nav jazz **/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/skeleton.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.nav, .nav ul {
    background: url("/images/navbg.jpg") repeat-x scroll 0 0 #76a1d4;
    font: 13px verdana,sans-serif;
    list-style: none outside none;
    margin: 0;
    padding: 0 0 5px;
    position: relative;
    z-index: 200;
}
.nav {
    height: 30px;
    padding: 5px 0 5px 15px;
}
.nav li {
    float: left;
}
.nav li li {
    background: none repeat scroll 0 0 #76A1D4;
    float: none;
}
* html .nav li li {
    float: left;
}
.nav > li.wchild > ul > li.wchild > a,
.nav > li.wcactive > ul > li.wchild > a,
.nav > li.wcactive > ul > li.wcactive > a,
.nav > li.wchild > ul > li.wchild > ul > li.wchild > a,
.nav > li.wcactive > ul > li.wchild > ul > li.wchild > a,
.nav > li.wcactive > ul > li.wcactive > ul > li.wcactive > a {
    background: url("/images/layout/right.gif") no-repeat scroll 98% 50% transparent;
}

.nav li a {
    color: #FFF;
    display: block;
    float: left;
    height: 25px;
    line-height: 25px;
    padding: 0 20px 0 10px;
    text-decoration: none;
    white-space: nowrap;
    font-weight: bold;
}

#nav > ul > li {
margin: 0 4px;
}

.nav li li a {
    float: none;
    height: 25px;
    line-height: 25px;
	font-weight: normal;
	padding-top:5px;
}
.nav li:hover {
    position: relative;
    z-index: 300;
}
.nav li:hover ul {
    left: -10px;
    top: 25px;
}
* html .nav li:hover ul {
    left: 10px;
}
.nav ul {
    left: -9999px;
    position: absolute;
    top: -9999px;
}
* html .nav ul {
    width: 1px;
}
.nav li:hover li:hover > ul {
    left: 0;
    margin-left: 100%;
    top: 0;
}
.nav li:hover > ul ul {
    left: -9999px;
    position: absolute;
    top: -9999px;
    width: auto;
}
.nav li:hover {
    background: url("/images/navbg_over.jpg") repeat-x scroll 0 0 #225590;
}
.nav li:hover > a {
    color: #FFF;
    text-decoration: none;
}
.nav li:hover li:hover ul, .nav li:hover li:hover li:hover ul, .nav li:hover li:hover li:hover li:hover ul, .nav li:hover li:hover li:hover li:hover li:hover ul {
    left: 0;
    margin-left: 100%;
    top: 0;
}
.nav li:hover ul ul, .nav li:hover li:hover ul ul, .nav li:hover li:hover li:hover ul ul, .nav li:hover li:hover li:hover li:hover ul ul {
    left: -9999px;
    position: absolute;
    top: -9999px;
}
.nav li:hover a, .nav li:hover li:hover a, .nav li:hover li:hover li:hover a, .nav li:hover li:hover li:hover li:hover a, .nav li:hover li:hover li:hover li:hover li:hover a, .nav li:hover li:hover li:hover li:hover li:hover li:hover a {
    color: #FFF;
    text-decoration: none;
}
.nav li:hover li a, .nav li:hover li:hover li a, .nav li:hover li:hover li:hover li a, .nav li:hover li:hover li:hover li:hover li a, .nav li:hover li:hover li:hover li:hover li:hover li a {
    color: #FFF;
    text-decoration: none;
}
/** end top nav jazz **/
/* INDEX STYLES */

#main_image {
	width: 600px;
	margin: 0 0 10px 0;
	text-align: left;
}

#main_content {
    width: 600px;
	margin: 0 0 10px 15px;
}
#main_content_rt {
	display: inline;
	clear: both;
	width: 315px;
	margin: 0 15px;
	float:right;
}

.cred {
	width: 315px;
	background-image: url(../images/layout/rt_main_bkgnd.gif);
	background-repeat: repeat-y;
}

#free_est {
	background-image: url(../images/layout/free_est_mid.gif);
	background-repeat: repeat-y;
}

#get_started {
	margin-bottom: 10px;
}

#homeshow {
	width: 142px;
	float: left;
	margin: 0pt 15px 0pt 0pt;
	padding: 5px;
	background-color: #6b98d3;
	color: #FFFFFF;
	text-align: center;
}

#homeshow img {
	margin: 0 0 5px 0;
}

/* TESTIMONIALS */

#testimonials {
	color: #082d61;
	text-align: left;
	padding: 0 10px 10px 10px;
}

#testimonials a:link, #testimonials a:visited {
	color: #539AD5;
	text-decoration: underline;
}

#testimonials a:hover {
	color: #082d61;
	text-decoration: underline;
}

#testimonials p {
	margin-bottom: 15px;
}

#testimonials h2 {
	margin-bottom: -15px;
}

#gray-hr {
background-color:#DDDDDD;
border:0 none;
color:#DDDDDD;
height:1px;
margin:15px 0;
}

table#service {
	width: 600px;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

table#service td {
	vertical-align: top;
	padding: 5px;
	margin: 1px;
	background: #e0ecfc;
}


/* LEARNING CENTER */

#lc_bottom_back {
	width: 930px;
	display:inline-block;
	margin: 15px 0 15px 15px;
	background-image: url(../images/layout/lc_horz_bckgnd.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
.lc_link:link, .lc_link:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #082d61;
	line-height: 15px;
	text-decoration: none;
}
.lc_link:hover {
	color: #539ad5;
	text-decoration: underline;
}
#lc_title {
	background-image: url(../images/layout/lc_title_horz_bckgnd.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
#lc_title h2 {
	margin:0;
	padding:0;
}
#lc_left {
	margin-left: 15px;
	margin-top: 3px;
}
#lc_right {
	margin-right: 15px;
	margin-top: 3px;
}
#lc_mid {
	margin-top: 3px;
}

#lc_left .text, #lc_right .text, #lc_mid .text {
	padding-right: 5px;
}

#learnmore {
	display: inline;
	margin-top: 5px;
}

.long-content-box {
background-color: #e0ecfc;
border: 1px solid #082D61;
margin: 15px 0 15px 0;
padding: 10px;
width: 575px;
}

.aindex_graybox {
	background-color: #e0ecfc;
	text-align: center;
	width: 150px;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	margin-bottom: 10px;
	border: 1px solid #082D61;
}

.agraybox {
	background-color: #e0ecfc;
	text-align: center;
	width: 202px;
	padding: 10px 8px 5px 8px;
	margin: 0 15px 10px 0;
	border: 1px solid #082D61;
}

.agraybox2 {
	background-color: #e0ecfc;
	text-align: left;
	width:580px;
	padding: 10px 8px 5px 8px;
	margin: 15px 15px 0 0;
	border: 1px solid #082D61;
	font-size: 11px;
	line-height: 15px;
}

.good_sharma {
	background-color: #e0ecfc;
	padding: 5px 0pt 5px 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #082D61;
}

.bad_sharma {
	background-color: #e0ecfc;
	padding: 5px 0pt 5px 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #082D61;
}

#apopup_links {
	margin: 0 0 8px 0;
}

.popuplink:link, .popuplink:visited	 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #082D61;
	text-decoration: underline;
}

.popuplink:hover {
	color: #396A28;
}

.aint_photo_cap {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #333;
	background-color: #e0ecfc;
	padding: 10px;
	text-align: center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-width: 0;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #d9d9d9;
	border-bottom-color: #d9d9d9;
	border-left-color: #d9d9d9;
}

.apopups {
	list-style-type: square;
	margin-bottom: 0px;
}

ul.apopups li {
	color: #082D61;
	margin-left: -15px;
	line-height: 22px;
}

.drytrak {
	border-left: 1px solid #082D61;
	padding-left: 15px;
	display: block;
	width: 419px;
	float: right;
}

.acapsule_text {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: 14px;
}
.acapsule_title, .acapsule_title:link, .acapsule_title:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	color: #082D61;
	padding-bottom: 2px;
}

.acapsule_title:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	color: #396A28;
	padding-bottom: 2px;
}

:afocus {
 -moz-outline-style:none;
}

#atriggers {
	text-align:center;
}

#atriggers img {
	cursor:pointer;
	margin:0 5px;
	background-color:#fff;
	border:1px solid #ccc;
	padding:2px;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* styling for elements inside overlay */
.aboxdetails {
	position:absolute;
	top:15px;
	right:15px;
	font-size:12px;
	color:#00538f;
	width:270px;
	padding-bottom: 15px;
	font-family: Verdana, Geneva, sans-serif;
}

.aboxdetails h3 {
	color:#00538f;
	font-size:14px;
	font-weight: bolder;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

.aboxdetails ul li {
	color:#00538f;
	font-size:12px;
	font-weight: normal;
	margin-left: -15px;
}

#atriggers table td {
text-align: center;
font-weight: bold;
width:152px;
}

/* the overlayed element */
.asimple_overlay {
	/* must be initially hidden */
	display:none;
	/* place overlay on top of other elements */
	z-index:10000;
	/* styling */
	background-color:#f9f9f9;
	width:300px;
	min-height:210px;
	height:200px;
	border:1px solid #00538f;
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 50px 5px #555;
	-webkit-box-shadow: 0 0 50px #555;
}

/* close button positioned on upper right corner */
.asimple_overlay .close {
	background-image:url(/images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* TESTIMONIAL STYLES */
.testimonial-item {
	margin: 0 0 10px;
	padding: 0 0 10px;
	width: 600px;
	border-bottom: 1px dashed #666;
}
.testimonial-item .author {
	font-style: italic;
	margin: 0 0 5px;
}

/* CONTACT STYLES */

#main-contact {
	width: 600px !important;
	float: left !important;
}

.border {
	border:1px solid #082d61
}

.img-right {
	margin: 3px 0 10px 10px;
	float: right;
}

.img-left {
	margin: 3px 10px 10px 0;
	float: left;
}

.reviews {
  background: #F7F7F7;
  border: 1px solid #AFAFAF;
}

.reviews p strong {
  background: #EFEFEF;
  border-bottom: 1px solid #AFAFAF;
  font-size: 18px;
  margin: 0 0 5px;
  text-align: center;
  display: block;
  padding: 5px 0;
}
.reviews p strong {
  font-weight: normal;
  color: #4A4A4A;
}
.review {
	margin-bottom:10px;
	width: 295px;
	text-align: left;
}
.reviews div p {
  padding: 0 10px;
  font-style:italic;
}

.reviews p a {
  padding: 0;
}
.review img.logo {
	border: 1px solid #AFAFAF;
	margin: 0px 5px 5px 10px;
}
.reviewer {
	float:right;
	text-align:left;
	width: 160px;
	font-weight:bold;
	margin-top: 5px;
}
.reviews div a img {
	margin:8px 5px 0px 5px;
}

#reviews {
 margin-bottom:20px; 
 border:1px solid #e0e0e0; 
 background-color:#f3f3f3; 
 padding:8px;
 width:580px;
 font-size:11px;
}
#review-comments {
 float:right;
 width:425px;
}

/* get ria:active {
 outline:none;
}d of those system borders being generated for A tags */


:focus {
 -moz-outline-style:none;
}

#triggers {
	text-align:center;
}

#triggers img {
	cursor:pointer;
	margin:0 5px;
	background-color:#fff;
	border:1px solid #ccc;
	padding:2px;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* styling for elements inside overlay */
.boxdetails {
	position:absolute;
	top:15px;
	right:15px;
	font-size:15px;
	color:#fff;
	width:270px;
}

.boxdetails h3 {
	color:#aba;
	font-size:15px;
	margin:0 0 15px 0;
}

#triggers table td {
text-align: center;
font-weight: bold;
width:152px;
}

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:650px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(http://www.suredrybasements.com/images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

#long-content-box {
background-color: #f1f1f1;
border:1px solid;
border-color: #5977b2;
padding:10px;
margin-top:20px;
}

#long-content-box h3 {
color:#153980;

}

#gray-hr {
	margin:15px 0px;
	height:1px;
	background-color:#ddd;
	color:#ddd;
	border:0
}

#right-content-box {
width:352px;
float:right;
border: 1px;
border-color:#000000;
margin: 0 0 5px 15px;
background-color: #f1f1f1;
}

#right-content-box p {
margin: 10px;
}

#spaced {
padding-left:25px;
}



#spaced li {
margin-bottom:10px;
}

#productpage h2 {
	color:#292929;
	font-size:14pt;
	font-weight:bold;
	margin:0
}

#productpage .img-left {
	margin-right:17px
}

#productpage .img-right {
	margin-left:17px
}

#productpage .warranty {
	margin:0px 0px 25px 0px;
	font-style:italic;
	color:#4d3789
}

#productpage .quote {
	margin-top:30px;
}

#productpage .quote a {
	font-weight:bold;
	font-style:italic;
	color:#00a8a8;
	font-size:13pt;
	text-decoration:none
}

#productpage .quote a:hover {
	font-weight:bold;
	font-style:italic;
	color:#bb047e;
	font-size:13pt;
	text-decoration:none
}

#productpage .proddetails h3 {
	color:#00a8a8
}

#productpage .proddetails ul {
	padding-left:250px
}

.zoom {
	margin-top:25px;
	width:211px;
	text-align:center;
	color:#4d3789;
	font-weight:bold;
	text-decoration:none
}

#productpage ul.product-left {
	list-style-type:none;
	padding:10px 0px 0px 0px;
	margin-bottom:490px;
}

#productpage ul.product-left li {
	background-image:url('http://www.suredrybasements.com/images/arrow.gif');
	background-repeat:no-repeat;
	background-position:0em .1em;
	padding-left:2em;
	padding-bottom:8px;
}

#productpage ul a {
	color:#292929;
	text-decoration:none
}

#productpage ul a:hover {
	text-decoration:underline
}

#productpage .detailtitle {
	font-weight:bold;
	font-size:12pt;
}

table.colors {
	margin:0px;
}

table.colors th {
	padding:5px
}

table.colors td {
	text-align:center;
	padding:3px 0px;
}


#productpage hr {
	margin:15px 0px 15px 0px;
	height:1px;
	background-color:#ddd;
	color:#ddd;
	border:0
}

.contact-page-phone {
	line-height: 30px;
	color:#082D61;
}

#main-contact td {
	background-color:#E0ECFC;
}

.a18_prim_bold {
	font-size:20px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#082d61;
	display:inline;
	line-height: 24px
}

#flashcontent {
    background-color: #000000;
    padding-top: 10px;
}

div#youtube_videos {
	font-size: 12px !important;
	line-height: 15px !important;
	padding:6px !important;
	width:136px !important;
	margin:20px 15px 0px 0px !important;
	height: 142px !important;
	background-color:#eaeaea
}

div#youtube_videos a {
	text-decoration:none !important;
	color:#2d2d2d !important;
}

div#youtube_videos a:hover {
	color: #003c78 !important;
	text-decoration:underline !important
}

div#youtube_videos img {
	margin-bottom:5px !important;
	border:1px solid #ccc !important
}

.youtube-player {
	border: 1px solid #ccc;
}

.youtubeVideo {
	overflow:hidden;
}
.youtubeVideoImage {
	position:relative;
	float:left;
	margin-right:5px;
}
.youtubeVideoLink {
	margin-top:5px;
}
.youtubeVideoLink a {
	text-decoration:none;
}
.youtubeVideoLink a:hover {
	text-decoration:underline;
}
.youtubeVideoImage img {
	border:1px solid #CCCCCC;
	padding:4px;
	margin:3px 3px 3px 0;
	width:80px;
}
.youtubeVideo .button {
	background-image: url("/core/images/toolbox/play_button.png");
	background-position: center center;
	background-repeat: no-repeat;
	height: 100%;
	position: absolute;
	width: 100%;
}
.youtubeVideoShowAll {
	clear:both;
}

.blogitem{
text-align: left;
padding-left: 20px;
padding-bottom: 5px;
}

.blogcredit{
text-align: left;
padding-left: 20px;
padding-bottom: 5px;
}

.blog_more{
text-align: left;
padding-left: 20px;
clear: both;
}

.sidebar_header{
font-size: 19px;
color: #3c779d;
padding-bottom: 4px;
	}

.blog_border{
padding-right: 20px;
}

.main-header {
    margin-bottom: 10px;
}

.suredry-radio{
	margin: 25px;
}

.homeshow-callout {
    border-radius: 8px 8px 8px 8px;
}


.gray-hr {
clear:none;
}