@charset "utf-8";
/* CSS Document */

*, html {
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0e0e0e;
	background: url(../images/top-bg.png) repeat-x top;
	padding-top: 23px;
}

#wrapper {
	width: 1000px;
	margin: 0 auto;
}

#main_content {
	width: 670px;
	margin-right: 10px;
	float: right;
	line-height: 15px;
}

#contact-button {
	height: 116px;
	padding-top: 5px;
	background: url(../images/contact-button-nav.png) no-repeat bottom left;
	margin-bottom: 36px;
	text-align: center;
	margin-left: 10px;
}

#contact-button a {
	color: #00597f;
	text-decoration: none;
	font-weight: bold;
	width: 280px;
	font-size: 18px;
	padding: 120px 0 20px 0;
	display: block;
}


#nav-column {
	width: 320px;
	float: left;
}

a#logo {
	height: 95px;
	display: block;
	margin-bottom: 2px;
}

a#logo img {
	border: 0;
}
h1 {
color:#005779;
display:block;
font-size:18px;
padding:0px 0 16px;
text-align:left;
line-height: 20px;
}

h3 {
	margin-bottom:10px;
}

p {
	margin-bottom: 15px;
}



h1.lineheight{ text-align:left; margin-bottom: 0; padding: 10px 0; 
}
a.h1:hover{
	color:#FF0000;
}
a.h1:visited{
}

h2 {
	margin-bottom: 10px;
	line-height: 15px;
	font-size: 13px;
}

#main_content ul, #main_content ol {
	padding: 0 0 15px 25px;
	
}

#home-flash {
	height: 370px;
	margin-bottom: 20px;
}
#home-flash a img {
	border: 0;
}

.right-breakout {
	float: right;
	width: 230px;
	margin-left: 10px;
}

.clear {
	clear: both;
}

.img-right {
	margin: 0 0 10px 10px;
	float: right;
}

.img-left {
	margin: 0 10px 10px 0;
	float: left;
}

.border, a img.border {
	border: 1px solid #666;
}

/* nav styles 
#nav {
	color: #fff;
	padding-top: 30px;
}

#nav ul {
}

#nav ul li {
	list-style: none;
}

#nav ul li a {
	color: #fff;
	display: block;
	position: relative;
	width: 268px;
	height: 23px;
	padding: 8px 0 0 38px;
	/* border-bottom: 1px solid #fff; 
	background: url(../images/menu-bg.png) no-repeat top left;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
}

#nav ul li a:hover {
	background: url(../images/menu-bg-over.png) no-repeat top left;
}

#nav ul li.first a {
	padding-top: 14px;
	background: url(../images/menu-top-bg.png) no-repeat top left;
	height: 26px;
}
#nav ul li.first a:hover {
	background: url(../images/menu-top-bg-over.png) no-repeat top left;
}
#nav ul li:last-child a {
	padding-bottom: 14px;
	background: url(../images/menu-bot-bg.png) no-repeat top left;
}
#nav ul li:last-child a:hover, #nav ul li#active:last-child a:hover {
	background: url(../images/menu-bot-bg-over.png) no-repeat top left;
}

#nav ul li#active:last-child {
	background: url(../images/active-menu-bot-bg2.png) no-repeat top left;
}

#nav ul li#active {
	background: url(../images/active-menu-bg.png) repeat-y top left;
}

#nav ul li#active a {
	background: url(../images/nav-down-arrow.png) no-repeat 20px 12px;
	height: 21px;
	color: #00466b;
}

#nav ul li#active a.active {
	color: #037DBE;
}

#nav ul li#active a:hover {
	background: url(../images/active-menu-bg-over.png) repeat-y top left;
	color: #fff;
}

#nav ul li#active ul li a {
	text-transform: none;
	font-weight: normal;
	height: 19px;
	color: #00466b;
	background: none;
	padding: 3px 0 0 38px;
	text-decoration: underline;
}

#nav ul li#active ul li:last-child a {
	padding: 3px 0 6px 38px;
}

#nav ul li#active ul {
	padding-bottom: 1px;
	background: url(../images/active-menu-bot-bg.png) no-repeat bottom left;
}*/

/* Navigation =================  */
#nav-holder {
	width:283px;
	margin-left:10px;
}
ul.nav {
	margin: 0 0 10px;
}
ul.nav,
ul.nav ul {
	list-style: none;
	font: bold 12px/14px Verdana, Geneva, sans-serif;
	margin:0px
	
}
p, h2, ul, ol {
	margin-bottom: 15px;
}
ul.nav li {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
margin: 0 0 1px;
}
ul.nav li li {
	border: none;
	margin: 0px;
}
ul.nav a {
color: #fff;
text-decoration: none;
display: block;
background: #004d75;
padding: 7px 0 7px 21px;
border-right: 0px solid #fff;
border-left: 0px solid #fff;
border-bottom: 0px none;
border-top: 0px none;
}
ul.nav li li a {
	background: #fff;
	padding: 7px 0 7px 40px;
}
ul.nav li li li a {
	padding: 7px 0 7px 55px;
}
ul.nav li.wchild a,
ul.nav li.wcactive a,
ul.nav li.wcactive li.wchild a {
	background-image: url(../images/layout/nav-wchild-white.png);
	background-position: 6px 9px; 
	background-repeat: no-repeat;
}
ul.nav li.wcactive li.wchild a {
	background-image: url(../images/layout/nav-wchild.png);
	background-position: 6px 9px; 
	background-repeat: no-repeat;
}
ul.nav li li.wchild a,
ul.nav li li.wcactive a,
ul.nav li.wcactive li.wchild a {
	background-position: 26px 11px; 
}

ul.nav li.wcactive li a {
	background-color: #cfecf8;
	color:#004D75;
}
ul.nav li.wchild li a,
ul.nav li.wchild li a:hover,
ul.nav li.wcactive li a,
ul.nav li.wcactive li a:hover,
ul.nav li.wcactive li.wchild li a,
ul.nav li.wcactive li.wchild li a:hover,
ul.nav li.wcactive li.wchild li a.active,
ul.nav li.wcactive li.wcactive li a,
ul.nav li.wcactive li.wcactive li a.active,
ul.nav li.wcactive li.wcactive li a:hover {
	background-image: none;
	padding-right:5px;
	
}
ul.nav a:hover,
ul.nav li a:hover,
ul.nav li li a:hover,
ul.nav li.wcactive a:hover {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}
ul.nav li.wchild a:hover {
	background-image: url(../images/layout/nav-wchild.png);
	background-position: 6px 9px; 
	background-repeat: no-repeat;
}
ul.nav li.wcactive li a.active {
	background-position: 26px 11px; 
	background-image: none;
}
ul.nav li li.wchild a,
ul.nav li.wcactive li.wchild a:hover {
	background-image: url(../images/layout/nav-wchild-white.png);
	background-position: 26px 11px; 
}
ul.nav li.wcactive li.wchild a:hover {
	/*background-image: url(../images/layout/nav-wchild.png);*/
	background-position: 26px 11px; 
}
ul.nav a.active,
ul.nav li.wcactive a.active {
	/* background-color: #008FCB; */
	color: #fff;
	text-decoration: none;
}
ul.nav .active li a {
	background-color: #fff;
	color: #272727;
}
ul.nav li.wcactive a {
	background: #008FCB url(../images/layout/nav-wcactive-white.png) no-repeat 4px 12px;
}
ul.nav li.wcactive li.wcactive a {
	background-image: url(../images/layout/nav-wcactive.png);
}

ul.nav li.wcactive a:hover,
ul.nav li.wcactive li.wcactive a:hover {
	background-image: url(../images/layout/nav-wcactive-white.png);
	background-color:#f27cb1;
}


ul.nav li.wcactive a.active,
ul.nav li.wcactive li.wchild a.active,
ul.nav li.wcactive li.wcactive a.active {
	background-image: url(../images/layout/nav-wcactive-white.png);
	color:#3800f1;
}






/* End Nav */

#map {
	background: #ececec;
	border: 1px solid #5d5d5d;
	font-size: 11px;
	text-align: center;
	margin: 10px 0;
}

#map p {
	padding: 8px 10px 10px 10px;
	text-transform: uppercase;
	margin: 0;
}

#map img {
	border-bottom: 1px solid #5d5d5d;
}

#nari {
	border: 1px solid #6b8bc2;
	text-align: center;
	padding: 10px;
}

#nari span {
	text-transform: uppercase;
	color: #004890;
	font-weight: bold;
}

#tv-top {
	background: #424242 url(../images/tv-top.png) no-repeat top left;
	padding-top: 10px;
}

#tv-bot {
	padding: 0 10px 2px 10px;
	text-align: center;
	background: url(../images/tv-bot.png) no-repeat bottom left;
	color: #fff;
}

#tv-bot span {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	margin-bottom: 8px;
}
#tv-bot img {
	margin-bottom: 10px;
}

#learning-center {
	padding-top: 10px;
}

#learning-center a img, #tv-bot a img {
	border: 0;
}

#int-splash {
	background: #1a1a1a;
	height: 185px;
	padding: 10px 10px;
	margin-bottom: 20px;
}
#int-splash a {
	display: inline;
}

#int-splash a.center {
	margin: 0 2px;
}

#int-splash a img {
	border: 0;
}

.spimg
  {
	    display:inline;

  padding-right:2px;
  height:auto;
  width:auto;
  float: right;
  text-align:center;
  }
  
  .spimg a img {
	  border: 0px none;
	  text-decoration: none;
  }

 .desc
  {
	  background: #484848;
  text-align:center;
  font-size:14px;
  color:#ffffff;
  height:20px;
  padding-top: 5px;
  width:210px;
  margin:0 2px 4px 2px;
  }
  
table.servicearea td {
	background: #eee;
	padding: 3px;
	vertical-align: top;
}


#footer-wrapper {
	clear: both;
	padding-top: 20px;
	background: url(../images/footer-bg.png) repeat-x bottom;
}
#footer {
	width: 920px;
	height: 124px;
	margin: 0 auto;
	padding: 28px 20px 0 20px;
	font-size: 11px;
	color: #b4b4b4;
}

#footer a {
	color: #fff;
}
#footer table {
	width: 100%;
}

#footer table td {
	text-align: center;
	vertical-align: top;
}

#footer table td.bbb {
	width: 60px;
	text-align: left;
}

#footer table td.nari {
	width: 170px;
}

#footer table td.links {
	padding-top: 18px;
}

#footer table td.links span.fnav {
	display: block;
	padding-bottom: 20px;
}

#footer table td.links span.fnav a {
	text-transform: uppercase;
}

#footer a img {
	border: 0;
}

#preload {
	display: none;
}

#homeshow {
	width: 142px;
	float: left;
	margin: 0pt 15px 0pt 0pt;
	padding: 5px;
	background-color: #6b98d3;
	color: #FFFFFF;
	text-align: center;
}

#homeshow-include {
	width: 142px;
}

#homeshow img {
	margin: 0 0 5px 0;
	display: block;
	float:left;
	clear: both;
}

#contacttable td {
	vertical-align: top;
}

table#meet_the_team td {

            padding: 5px;

            vertical-align: top;

}

#city-block {
	margin: 10px 0 10px 0;
	    color:#0E0E0E;

}

#image_right_box {
background-color:#D8E7FF;
float:right;
margin:4px 0 6px 10px;
padding-bottom:6px;
text-align:center;
}
#image_left_box {
background-color:#E5F3FC;
float:left;
margin:4px 10px 6px 1px;
padding-bottom:6px;
text-align:center;
}

#image_right_box img, #image_left_box img {
margin-bottom:5px;
}
: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:200px;
}

.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:580px;	
	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(../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 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(../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
}
#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 li {
margin-bottom:10px;
}

/* 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.adirondackbasement.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 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.adirondackbasement.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
}
table#opinion td {

            padding: 5px;

            vertical-align: top;

}

/* close button positioned on upper right corner */
.asimple_overlay .close {
	background-image:url(http://www.atlanticbasements.ca/images/close.png);	
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* 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: 0 0 10px 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;
}



: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;
}

#waterproofing-bullets ul {
	list-style-image: url(http://www.atlanticbasements.ca/images/bullet1.png);
	overflow:hidden;
}

#waterproofing-bullets li {
	margin-bottom:10px;
}

#waterproofing-bullets a {
text-decoration:none;
color:#00538f;
}
#waterproofing-bullets a:hover {text-decoration: underline;}

#productsthumbboxr {
	background-color:#f4f4f4;
	padding:5px;
	margin: 0 0 10px 10px;
	border-top:#034e88 solid;
	border-bottom:#034e88 solid;
	width:339px;
	float:right;
}

.productthumbtip {
background-color:#E0E0E0;
color:#024079;
margin: 0 0 8px 0;
}

.productthumbtip h3 {
margin: 0;
padding: 5px;
}

.productboxrow {
margin: 4px 0 10px 4px;
}

.productboxrow a img {
border:#ccc 1px solid;
}

.productboxrow a:hover img {
border:#333 1px solid;
}

.productboximage {
float:left;
margin: 0 4px;

}

.productboximage img {
margin: 3px 0;
}

.productboximage a {
text-decoration:none;
color:#2a55a7;
font-weight:bold;
}

#quotebox {
background-color:#ecf7fe;
border:#cccccc solid 1px;
padding:10px;
margin:20px 0 10px 0;
clear:both;
}

#quotebox a {
text-decoration:none;
font-weight:normal;
} 

#quotebox a:hover {
font-weight:normal;
text-decoration:underline
}

/* ------------------------------------------------- Begin Scrollable Photo Bar Styles ------------------------------------------------- */

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 540px;
	height:120px;

	/* custom decorations */
	border:1px solid #ccc;
	background:url(http://www.atlanticbasements.ca/images/h300.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:540px;
}

/* single scrollable item */
.scrollable a {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:100px;
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(http://www.atlanticbasements.ca/images/hori_large.png) no-repeat;	
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover 		{ background-position:-30px 0; }
a.left:active 	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(http://www.atlanticbasements.ca/images/vert_large.png) no-repeat;	
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover 		{ background-position:-30px 0; }
a.up:active 		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover 		{ background-position:-30px -30px; }
a.down:active 	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

.items div a {
	display: block;
	position: relative;
}
.items div a img {
	border: none;
}

.items div a.cswall {
	background: url(http://www.atlanticbasements.ca/images/gallery/cleanspace-wall-2.jpg) no-repeat 2px 2px;
}

.items div a.brightwall {
	background: url(http://www.atlanticbasements.ca/images/gallery/brightwall-gallery-2.jpg) no-repeat 2px 2px;
}

.items div a.floodchek {
	background: url(http://www.atlanticbasements.ca/images/gallery/floodchek-hoses-gallery-2.jpg) no-repeat 2px 2px;
}

.items div a.floodring {
	background: url(http://www.atlanticbasements.ca/images/gallery/floodring-gallery-2.jpg) no-repeat 2px 2px;
}

.items div a.frenchdrain {
	background: url(http://www.atlanticbasements.ca/images/gallery/french-drain-gallery-2.jpg) no-repeat 2px 2px;
}

.items div a.millcreek {
	background: url(http://www.atlanticbasements.ca/images/gallery/millcreek-gallery-2.jpg) no-repeat 2px 2px;
}

.items div a.rainchute {
	background: url(http://www.atlanticbasements.ca/images/gallery/rainchute-gallery-2.jpg) no-repeat 2px 2px;
}

.items div a.sanidry {
	background: url(http://www.atlanticbasements.ca/images/gallery/sanidry-gallery-2.jpg) no-repeat 2px 2px;
}

.items div a.fmatting {
	background: url(http://www.atlanticbasements.ca/images/gallery/thermaldry-matting-gallery-2.jpg) no-repeat 2px 2px;
}

.items div a.ttile {
	background: url(http://www.atlanticbasements.ca/images/gallery/thermaldry-tile-gallery-2.jpg) no-repeat 2px 2px;
}

.items div a.tdwall {
	background: url(http://www.atlanticbasements.ca/images/gallery/thermaldry-wall-gallery-2.jpg) no-repeat 2px 2px;
}

.items div a.everlastw {
	background: url(http://www.atlanticbasements.ca/images/gallery/window-gallery-2.jpg) no-repeat 2px 2px;
}

.items div a.zenwall {
	background: url(http://www.atlanticbasements.ca/images/gallery/zenwall-gallery-2.jpg) no-repeat 2px 2px;
}

.items div a.evwallrep {
	background: url(http://www.atlanticbasements.ca/images/gallery/everlast-repair-gallery-2.jpg) no-repeat 2px 2px;
}

.items div a.cleanspaceprod {
	background: url(http://www.atlanticbasements.ca/images/gallery/crawl-space-vapor-barrier-gallery-2.jpg) no-repeat 2px 2px;
}

.items div a.flexispan {
	background: url(http://www.atlanticbasements.ca/images/gallery/flexispan-gallery-2.jpg) no-repeat 2px 2px;
}

.items div a.wellduct {
	background: url(http://www.atlanticbasements.ca/images/gallery/well-duct-gallery-2.jpg) no-repeat 2px 2px;
}

.items div a.drainagem {
	background: url(http://www.atlanticbasements.ca/images/gallery/drainage-matting-gallery-2.jpg) no-repeat 2px 2px;	
}

.items div a.cssump {
	background: url(http://www.atlanticbasements.ca/images/gallery/crawl-space-sump-pump-gallery-2.jpg) no-repeat 2px 2px;	
}

.items div a.csfan {
	background: url(http://www.atlanticbasements.ca/images/gallery/crawl-space-fan-2.jpg) no-repeat 2px 2px;	
}

.items div a.sanidrycsb {
	background: url(http://www.atlanticbasements.ca/images/gallery/crawl-space-dehumidifier-gallery-2.jpg) no-repeat 2px 2px;
}

.items div a.turtl {
	background: url(http://www.atlanticbasements.ca/images/gallery/crawl-space-access-gallery-2.jpg) no-repeat 2px 2px;
}

.items div a.csdoor {
	background: url(http://www.atlanticbasements.ca/images/gallery/crawl-space-door-gallery-2.jpg) no-repeat 2px 2px;	
}

.items div a.ventcovers {
	background: url(http://www.atlanticbasements.ca/images/gallery/vent-covers-gallery-2.jpg) no-repeat 2px 2px;	
}

.items div a.wallcap {
	background: url(http://www.atlanticbasements.ca/images/gallery/wall-cap-gallery-2.jpg) no-repeat 2px 2px;	
}

.items div a.csinsulation {
	background: url(http://www.atlanticbasements.ca/images/gallery/crawl-space-insulation-gallery-2.jpg) no-repeat 2px 2px;
}

.items div a.heatblock {
	background: url(http://www.atlanticbasements.ca/images/gallery/heatblock-gallery-2.jpg) no-repeat 2px 2px;	
}

.items div a.cleanspaceprod {
	background: url(http://www.atlanticbasements.ca/images/gallery/crawl-space-vapor-barrier-gallery-2.jpg) no-repeat 2px 2px;
}

.items div a.smartjack {
	background: url(http://www.atlanticbasements.ca/images/gallery/crawl-space-jacks-gallery-2.jpg) no-repeat 2px 2px;
}

.items div a.smartpipe {
	background: url(http://www.atlanticbasements.ca/images/gallery/crawl-space-pipe-gallery-2.jpg) no-repeat 2px 2px;
}

.items div a:hover img {
	visibility: hidden;
}

#productphotobox {
	background-color:#f4f4f4;
	margin: 0 10px 5px 0;
	border: 1px solid #034e88x;
	width:325px;
	float:left;
}

#productphotobox p {
	margin-left:7px;
}

#productphotobox hr {
border-top: 1px solid #dadada;
border-bottom: 0;
margin-top: 0px;
}

.bwproductsh1 {color: #00538f;}
.bwproductsheading {
	color: #0884d0;
	font-style: italic;
	margin-top:0px;
}

.productspecs {
	font-weight:bold;
	font-style:italic;
	color:#00538f;
	margin: 5px 0 5px 10px;
}

#dottedhr{
border: 0;
border-top: 1px dashed #dadada;
margin-top: 5px;
}

#crawlspace-tip-box {
		width: 325px;
		border:1px solid #056aa2;
		float:right;
		margin: 0px 0px 15px 15px;
}

#crawlspace-tip-box li {
	margin: 0 0 5px 10px;
	color:#056193;
	}
	
#crawlspace-tip-box p {
	margin: 0 15px;
	color:#056193;
	line-height:17px;
	}
	
#crawlspace-tip-box a {
color:#055a89;
text-decoration:none;
font-weight:bold;
}

#crawlspace-tip-box h3 {
color:#034a70;
margin: 0 15px;
}

#right-content-box {
width:352px;
float:right;
border: 1px solid #CCC;
margin: 0 0 5px 15px;
background-color: #f1f1f1;
}

#right-content-box p {
margin: 10px;
}

#right-content-box h3 {
margin: 10px;
}

#left-content-box {
width:352px;
float:left;
border: 1px;
border-color:#000000;
margin: 0 15px 5px 0;
background-color: #f1f1f1;
}

#left-content-box p {
margin: 10px;
}

#gray-hr {
	margin:15px 0px;
	height:1px;
	background-color:#ddd;
	color:#ddd;
	border:0
}

#long-content-box {
background-color: #f1f1f1;
border:1px solid;
border-color: #5977b2;
padding:10px;
margin-top:40px;
margin-bottom:10px;
}

#long-content-box h3 {
color:#153980;

}

#fungusbox {
		width: 279px;
		height:325px;
		border:1px solid #2c6600;;
		background: #fff url(http://www.atlanticbasements.ca/images/mold-box.jpg) no-repeat top left;
		float:right;
		margin: 0px 0px 15px 25px;
		padding-top:10px;
}

#fungusbox h2 {
	font-size:20px;
	padding-left:10px;
	color:#266503;
	}

#fungusbox li {
	margin: 0 0 5px 10px;
	}
	
#fungusbox p {
	margin-left:10px;
	}

#fungusbox a {
	text-decoration:none;
	font-weight:bold;
	color:#000;
	}

#fungusbox a:hover {
	text-decoration:none;
	font-weight:bold;
	color:#000;
	text-decoration: underline;
	}
	
#imgboxr {
	width: 355px;
	height:280px;
	background: url(http://www.atlanticbasements.ca/images/image-outline.jpg) no-repeat top left;
	float:right;
	margin: 0px 0px 15px 15px;
}

#imgboxl{
		width: 355px;
		height:280px;
		background: url(http://www.atlanticbasements.ca/images/image-outline.jpg) no-repeat top left;
		float:left;
		margin-right: 15px;
}

#numberedbullets {
	background-color:#f4f4f4;
	padding:5px;
	margin: 10px 0;
	border-top:#034e88 solid;
	border-bottom:#034e88 solid;
}

#numberedbullets h2 {
	color:#024079;
	margin-bottom: 10px;
	line-height: 20px;
	font-size: 16px;
}

#numberedbullets ol li {
	padding: 3px 0 18px 45px;
  margin: 0 0 10px;
  list-style-position: none;
	list-style:none;
}


#numberedbullets ol li.first {
  background: url(http://www.atlanticbasements.ca/images/numbers/one.jpg) no-repeat top left;
 }

#numberedbullets ol li.second {
  background: url(http://www.atlanticbasements.ca/images/numbers/two.jpg) no-repeat top left;
 }
 
#numberedbullets ol li.third {
  background: url(http://www.atlanticbasements.ca/images/numbers/three.jpg) no-repeat top left;
 }

#numberedbullets ol li.fourth {
  background: url(http://www.atlanticbasements.ca/images/numbers/four.jpg) no-repeat top left;
 }

#numberedbullets ol li.fifth {
  background: url(http://www.atlanticbasements.ca/images/numbers/five.jpg) no-repeat top left;
 }

#numberedbullets ol li.sixth {
  background: url(http://www.atlanticbasements.ca/images/numbers/six.jpg) no-repeat top left;
 }

#numberedbullets ol li.seventh {
  background: url(http://www.atlanticbasements.ca/images/numbers/seven.jpg) no-repeat top left;
 }

#numberedbullets ol li.eighth {
  background: url(http://www.atlanticbasements.ca/images/numbers/eight.jpg) no-repeat top left;
 }
#numberedbullets ol li.ninth {
  background: url(http://www.atlanticbasements.ca/images/numbers/nine.jpg) no-repeat top left;
 }

#graybullets {
	background-color:#f4f4f4;
	padding:5px 0 0;
	margin: 0;
	border-top:#034e88 solid;
	border-bottom:#034e88 solid;
}

#expectbox {
	background-color:#E0E0E0;
	color:#024079;
	margin: 0 0 8px 2px;
	border: 2px 0;
	border-color: #034e88 solid;
}

#expectbox ol li {
	padding: 3px 0 18px 45px;
  margin: 0;
  list-style-position: none;
	list-style:none;
	margin-left:235px;
	font-size:19px;
}

#expectbox ol li.first {
  background: url(http://www.atlanticbasements.ca/images/numbers/one-2.jpg) no-repeat top left;
 }

#expectbox ol li.second {
  background: url(http://www.atlanticbasements.ca/images/numbers/two-2.jpg) no-repeat top left;
 }
 
#expectbox ol li.third {
  background: url(http://www.atlanticbasements.ca/images/numbers/three-2.jpg) no-repeat top left;
 }

#expectbox ol li.fourth {
  background: url(http://www.atlanticbasements.ca/images/numbers/four-2.jpg) no-repeat top left;
 }

#expectbox ol li.fifth {
  background: url(http://www.atlanticbasements.ca/images/numbers/five-2.jpg) no-repeat top left;
 }

#expectbox ol li.sixth {
  background: url(http://www.atlanticbasements.ca/images/numbers/six-2.jpg) no-repeat top left;
 }

#expectbox ol li.seventh {
  background: url(http://www.atlanticbasements.ca/images/numbers/seven-2.jpg) no-repeat top left;
 }

#expectbox ol li.eighth {
  background: url(http://www.atlanticbasements.ca/images/numbers/eight-2.jpg) no-repeat top left;
 }
#expectboxol li.ninth {
  background: url(http://www.atlanticbasements.ca/images/numbers/nine-2.jpg) no-repeat top left;
 }

table.colors {
	margin:0px;
}

table.colors th {
	padding:5px
}

table.colors td {
	text-align:center;
	padding:3px 0px;
}

.img-right {
	margin: 0 0 5px 10px;
	float: right;
}
.img-left {
	margin: 0 10px 5px 0px;
	float: left;
}
.border {
	border: 1px solid #aaa;
}

#bwproducts hr {
	margin:15px 0px;
	height:1px;
	background-color:#ddd;
	color:#ddd;
	border:0
}

#bwproducts .img-left {
	margin-right:17px
}

#bwproducts .img-right {
	margin-left:17px
}

#bwproducts .warranty {
	margin:0px 0px 25px 0px;
	font-style:italic;
	color:#4d3789
}

#bwproducts .quote {
	margin-top:30px;
}

#bwproducts .quote a {
	font-weight:bold;
	font-style:italic;
	color: #0884d0;
	font-size:13pt;
	text-decoration:none
}

#bwproducts .quote a:hover {
	font-weight:bold;
	font-style:italic;
	color:#bb047e;
	font-size:13pt;
	text-decoration:none
}

#bwproducts .proddetails h3 {
	color:#00a8a8
}

#bwproducts .proddetails ul {
	padding-left:250px
}

.zoom {
	margin-top:25px;
	width:211px;
	text-align:center;
	color:#4d3789;
	font-weight:bold;
	text-decoration:none
}

#bwproducts ul.product-left {
	list-style-type:none;
	padding:10px 0px 0px 0px;
	margin-bottom:490px;
}

#bwproducts ul.product-left li {
	background-image:url('http://www.atlanticbasements.ca/images/images/arrow.gif');
	background-repeat:no-repeat;
	background-position:0em .1em;
	padding-left:2em;
	padding-bottom:8px;
}

#bwproducts ul a {
	color:#292929;
	text-decoration:none
}

#bwproducts ul a:hover {
	text-decoration:underline
}

#bwproducts .detailtitle {
	font-weight:bold;
	font-size:12pt;
}

#bwproducts h2 {color: #00538f;}

#floodbox {
		width: 325px;
		height:350px;
		border:1px solid #5a86c3;
		background: #fff url(http://www.atlanticbasements.ca/images/flooding-box.jpg) no-repeat top left;
		float:right;
		margin: 0px 0px 15px 25px;
		
}

#floodbox h2 {
	font-size:22px;
	padding-left:10px;
	color:#032075;
	padding-top:10px;
	}

#floodbox li {
	color:#2a55a7;
	margin: 0 0 10px 5px;
	}
	
#floodbox p {
	margin: 0 15px;
	color:#2a55a7;
	line-height:17px;
	}

#floodbox a {
text-decoration:none;
font-weight:bold #2a55a7;
color: #2a55a7;
	}

/* 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.atlanticbasements.ca/images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

#spaced li {
margin-bottom:10px;
}

#finishing-tip-box {
		width: 325px;
		border:1px solid #604da0;
		float:right;
		margin: 0px 0px 15px 15px;
		padding-bottom:10px;
}

#finishing-tip-box li {
	color:black;
	}

#finishing-tip-box li {
	margin: 0 0 5px 10px;
	}
	
#finishing-tip-box p {
	margin: 0 15px;
	color:#584b86;
	line-height:17px;
	}
	
#finishing-tip-box a {
color:#1d1068;
text-decoration:none;
font-weight:bold;
}

#productsthumbboxl {
	background-color:#f4f4f4;
	padding:5px;
	margin: 0 10px 10px 0;
	border-top:#034e88 solid;
	border-bottom:#034e88 solid;
	width:339px;
	float:left;
}

#productpage hr {
	margin:15px 0px 15px 0px;
	height:1px;
	background-color:#ddd;
	color:#ddd;
	border:0
}

#long-white-content-box {
border:1px solid;
border-color: #5977b2;
padding:10px;
margin:20px 0;
}

#long-white-content-box h3 {
color:#153980;
}

#right-capsule-map {
	margin: 0px 0px 15px 15px;
	h-space:5px;
	width:352px;
	float:right;
}

table#service {
	width:100%;
	border:0;
}

table#service td {
	padding: 5px;
		background-color:#cbe3f8;
	
}

#factoid li {
margin-bottom:10px;
}

#waterproofing-bullets2 ul {
	list-style-image: url(http://www.atlanticbasements.ca/images/bullet4.png);
}

#waterproofing-bullets2 li {
	margin-bottom:10px;
}

#waterproofing-bullets2 a {
text-decoration:none;
color:#00538f;
}
#waterproofing-bullets2 a:hover {text-decoration: underline;}

.checklist {
	width:95%;
	border:1px;
	align:center;
	border-top:#034e88 4px solid;
	border-bottom:#034e88 4px solid;
	background-color:#f4f4f4;
}

.checklist td {
text-align:center;
padding:5px;
border-spacing:10px;
}

.contact-page-phone {
	line-height:30px;
	}

div.scroll {
height: 150px;
width: 233px;
overflow-Y: scroll;
border: 1px solid #D1D1D1;
padding: 8px;
margin-top: 15px;
margin-left: 15px;
margin-bottom: 15px;
background-color: #FFF;
}

#side-contact {
	border: 1px solid #D1D1D1;
	background-color: #EDEDED;
	margin-top: 15px;
	margin-left: 10px;
	width: 280px;
}

#side-contact-header {
	border-bottom: 1px solid #D1D1D1;
	background-color: #fff;
	padding-top: 8px;
	padding-bottom: 10px;
}

.testimonials {
  background: #F7F7F7;
  border: 1px solid #AFAFAF;
  padding: 0 0 10px;
  width:280px;
  margin:10px 0px 10px 10px;
}

.testimonials p:first-child {
  background: #EFEFEF;
  border-bottom: 1px solid #AFAFAF;
  font-size: 18px;
  margin: 0 0 5px;
  text-align: center;
  display: block;
  padding: 5px 0;
}
.testimonials p:first-child strong {
  font-weight: normal;
  color: #4A4A4A;
}
.testimonials p,
.testimonials a {
  padding: 0 10px;
}

.testimonials p a {
  padding: 0;
}	

#promobox {
	float:right;
	margin:0 0 0 12px;
	border:1px solid #ccc;
	background-color:#efefef;
	width:230px;
	padding:10px
}

div#promobox h2 {
	color:#11a39f;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	line-height:24px
}

div#promobox .offer {
	font-size:24px;
	line-height:28px
}

div#promobox .act {
	color:#2d2d2d;
	text-align:left
}
