/* 
Dynacore Equipment
Site Design by Cambie Roofing and Drainage 2007
*/

/* global */
* {padding: 0; margin: 0; border: none; font-family: Arial, Helvetica, sans-serif; list-style: none; outline: none;}
body {  color: #333333; font-size: 12px; background: #990000;}

.clear {clear: both;}
.upper {text-transform: uppercase;}
.float_right {float:right; }
#mr{margin-right:100px;}
.float_left{float:left;}
#outerwrapper{width: 100%; position:absolute; margin: 3px 0; background: #990000 url(img/bg_shadow.gif) repeat-y center top;}
/* main divs */
#wrapper { width: 850px; margin: 0 auto 0 auto; background: #FFF url(img/bg.gif) top left repeat-x;
	padding: 0;   }
#head {height: 145px; width: 800px; margin: 0 auto 0 auto;  padding: 4px 0 0 0;background-color: transparent;background-image: url(img/logo.png);background-repeat: no-repeat;background-position: 10px 40px;transparent; }
#content-wrapper { width: 850px; margin: 0 0 0 auto; }
#content { float: right; width: 620px;  }
body#Roofing_Projects #content, body#Drainage_Projects #content, body#Library #content, body#Estimate #content {float: right; width: 830px; }
a#url{ float:left;  display:block;   margin:0px; padding:0px;  font-size: 10px;  text-transform: uppercase; color: #FFF; letter-spacing:1px; font-weight:bold;}
#foot { width:100%; clear: both;  text-align: center; padding: 0 0 0 0;  margin: 0px; font-size: 11px;
	line-height: 20px; color:#000; 	position:static; bottom: 0px; }
#foot p {padding: 0px; margin: 0px; color:#666; }
#foot p#members{ height:50px;  letter-spacing: 3px; }
#foot p#members img{margin: 5px 20px 0px 20px; margin: 0px;}

#foot a, a:link, a:visited {}
#foot a:hover, a:active {}
body#Roofing_Projects .holder, body#Drainage_Projects .holder, body#Summer_2008 .holder{height: 300px; width: 220px; display: block; float: left; clear:left; }.bottom_nav{height: 410px; width:100%;}
/* typography & replacement 
h1#logo a { float:left; width: 336px; height: 73px;}*/
/*.space{display:block; height: 10px;width:200px; border:solid 1px #00FF00; float:left;}*/
h1#logo { display:none;}
#head h2 { font-size: 12px; font-weight: normal; color: #CCAA77; text-transform: uppercase; background: url(img/tag.gif) top left no-repeat; width: 255px; height: 20px; letter-spacing: 1px; font-family: Georgia, "Times New Roman", Times, serif; text-indent: -10000px; margin-top: 5px; }
#content .a_subcat{color: #892929}
#sidebar-left h4 { padding: 20px 0 0px 25px; color: #CC1133; font-size: 12px; line-height: 14px; margin: 0px;}
/* #sidebar-right h4 {padding: 15px 0 7px 15px;} */
#content-wrapper #content ul, #content-wrapper #content ol, #content table{margin:0px 40px 0px 0px;; padding:0px; clear:left;}
#content-wrapper #content ul li{ background: transparent url(img/bullet.gif) no-repeat 0px 2px; padding: 0px 0px 8px 13px; line-height: 15px; margin:0px 10px;}
#content ol li{ padding: 0px; line-height: 12px; margin:0px; }

#content table { clear: both; margin:0px 40px 0px 0px; padding: 0px; }
#content table#contact{   }
#content th {
	background: #eeeeee;
	text-align: left;	
	padding: 3px 3px 2px 2px; margin:0;
}
td{
	padding: 3px 3px 2px 2px; margin:0;
	line-height: 14px;
	border-bottom: 1px solid #CCCCCC;
}

p {padding: 6px 0px 6px 0px; line-height: 18px; margin:0px 40px 0px 0px;}
a, a:link, a:visited {color: #990000; text-decoration: none;}
a:hover, a:active {color: #CC1133; text-decoration: none;}
input, textarea{ border-top: 1px solid #939da4; border-left: 1px solid #939da4; border-bottom: 1px solid #3f3b3c; border-right: 1px solid #3f3b3c; padding: 2px;}
select{ border-top: 1px solid #939da4; border-left: 1px solid #939da4; border-bottom: 1px solid #3f3b3c; border-right: 1px solid #3f3b3c; }
input:focus, textarea:focus {background: #eee;}

#sidebar-left small { padding: 0px 0px 0px 20px; font-size: 10px; background:#fff;  text-align: right; color: #507842; width: 193px; }
#content img {float:right; margin-left: 10px; margin-top: 0px;}
#Drainage_Projects #content img {float:none; margin-left: 10px;}
#content .main_nav { line-height:24px; font-size: 16px; letter-spacing:1px;
	font-weight:bold; color: #666; 
	margin: 20px 00px 00px 0px; height:24px;vertical-align: middle; padding-top:6px; float:none;}
body#Links #content .main_nav {	margin: 20px 00px 00px 10px; }

#content .sub_nav { display:none;}
#content .heading, #content .links_sub{font-weight: bold;color: #364D7E; margin-top:0px; padding-bottom: 0px; font-size:12px; }
#content .sub_nav4{font-weight: bold;color: #364D7E; margin-top:10px; padding-bottom: 0px; font-size:12px;  }

#content b, #content strong{font-weight: bold;color: #364D7E; font-size:12px;}
#content .right { float: right; width: 390px;}
#content .left { float: left; width: 390px;}
.contact_nav { text-transform: uppercase; color: #eee; letter-spacing: 1px; float: right; width: 140px; font-size: 10px;  padding:0px; clear:both; font-weight:bold; line-height:12px; margin-top:20px;}
.contact_nav li{padding:0px; }
li#today{ }
li#today a{letter-spacing: 0px; font-size: 12px; color: #FF3333; letter-spacing:0px; display:block; height:14px;}
li#today a:hover{color: #FF6666; }
li#number a{font-size: 12px; margin:0px 0px 4px 0px;letter-spacing: 2px; color: #fff; display:block; height:14px; }
li#emergency{margin:2px 0px; font-size: 9px;  line-height:10px; padding-left:25px; background: transparent url(img/emergency_serv.gif) no-repeat left center; font-weight:bold; display:block; height:20px; vertical-align: middle;}
li#estimate{ margin:2px 0px;font-size: 9px; line-height:10px; padding-left:25px; background: transparent url(img/estimate.gif) no-repeat left center;font-weight:bold; display:block; height:20px; vertical-align: middle;}
li#guarantee{margin:2px 0px; font-size: 9px;  line-height:10px;  padding-left:25px; background: transparent url(img/satisfaction.gif) no-repeat left center;font-weight:bold; display:block; height:20px; vertical-align: middle;}

li#emergency a{ color: #FF3333; }
li#emergency a:hover{color: #FF6666; }
li#guarantee a{  color:#999; }
li#estimate a{  color:#ddd; }
li#guarantee a:hover{  color:#ddd;}
li#estimate a:hover{  color:#fff;}


#content-wrapper #content  #sidebar-left ul{margin:0px; padding:0px;}
#content-wrapper #content  #sidebar-left ul li{ background: none; padding: 1px; line-height: 13px; margin:0px; }
#content ol li{ background: none; padding: 0px 0px 6px 13px; line-height: 14px; margin:0px 50px; list-style: decimal; }

#sidebar-left { padding:10px 0px  0px  0px; display:block; float:left; margin:0px 00px 30px 0px; background-color:#990000; width:200px; }
#sidebar-left img{ padding:0px; margin:0px; }
#sidebar-left li#live a{color: #ff9; }
#sidebar-left li#live a:hover{ color: #000; }
#sidebar-left li#live_more a{display:inline; padding-left:15px; margin-left:0px; color: #FF9; background-image: url(img/icon-plus.gif); background-repeat: no-repeat; background-position: left center;}
#sidebar-left li#live_more a:hover{ color: #000; background-image: url(img/icon-plus.gif); background-repeat: no-repeat; background-position: left top;}
#sidebar-left li#more a{padding-left:15px; margin-left:0px;  background-image: url(img/icon-plus.gif); background-repeat: no-repeat; background-position: left bottom; height:18px;}
#sidebar-left li#more a:hover{ color: #ff9; background-image: url(img/icon-plus.gif); background-repeat: no-repeat; background-position: left top;}
#sidebar-left  a{ color: #eee; line-height: 18px; font-size: 12px; width: 180; padding: 1px 0px 1px 0px;  font-weight:normal;}
#sidebar-left  a:hover{color: #333333;  }
#sidebar-left .link_sub_nav a{padding-left:10px; font-size: 11px; text-transform:uppercase; margin:10px 0px 2px 0px;  }
#sidebar-left .link_sub_nav a:hover{}
#sidebar-left .link_sub_nav3 a{ margin-left:15px;  }
#sidebar-left .link_sub_nav4 a{ margin-left:30px;  }
#sidebar-left .link_sub_nav5 a{ margin-left:45px;  }

#sidebar-left .link_heading a:hover{ color: #333333; }

#content #projects{ padding:10px; margin:10px;
	border: 1px solid #999999; width:150px; float:left;
}
#content #projects img {float:none; margin-left: 0px; }
#content #projects .sub_nav { }
#content #projects .heading{font-weight: bold;color: #364D7E; margin-top:4px; margin-right:4px; padding-bottom: 0px; font-size:11px; }
.heading #heading #intro, .links_sub #heading #intro{color: #990000;}
#content #projects .sub_nav4{font-weight: bold;color: #364D7E; margin-top:0px; padding-bottom: 0px; font-size:10px;  }

#content #projects p {padding: 1px 0px 1px 0px; line-height: 12px; margin:0px 0px; font-size:10px; }
body#Links #content .heading, body#Links #content .copy, body#Links #content .url{padding: 1px 0px 1px 10px; line-height: 12px; margin:0px 40px 0px 0px; font-size:11px; }
body#Links .links_sub{margin-left:10px; margin-bottom:5px;}
body#Links #content .url{margin-bottom:5px }
#faq_nav{float:left; margin: 30px;}
#faq_nav p{ padding:0px; margin:0px 0px;}
#faq_nav a{ font-size: 11px; line-height:13px; width:160px; display:block; padding:2px 0px 2px 0px; margin:0px; border-bottom: 1px solid #999999; }
#faq_nav a:hover{	border-bottom: 1px solid #333333; background-color:#333; }
#top {
	float: right;
	margin-right:40px;
	font-size: 9px;
	font-weight: bold;
}
.slogan,  .h_button, body#Home_Page #foot{
	clear:both;
	width:850px;
	background: #000000;
	border-top: 1px solid #FFFFFF;
	color: #999999;	
}
.slogan{
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: center;
	word-spacing: 3px;
	padding:6px 0px;
}
.h_button{background:#224488; width:850px;
}
.h_button a{
	display:block;
	float:left;
	height: 145px;
	width: 145px;
	border-right: 1px solid #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background: #990000;
}

body#Home_Page #wrapper{background:#224488 url(img/bg.gif) top left repeat-x;}

body#Home_Page #content{
	width: 850px;
	border-top: 10px solid #FFFFFF;
}
.h_button #estimates a, .h_button #emerg_serv a,{
	width: 206px;
}
body#Home_Page p, body#Home_Page .heading{
	margin:0 30px 0 30px;
	color: #FFFFFF; 
}
body#Home_Page p{
padding-top: 2px;
	font-size: 11px;
	line-height: 16px;
}
body#Home_Page .heading{
padding-top:20px;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;}
#res_roof a{
	background: url(img/h_residential_roof.jpg) no-repeat left top; text-align: right;}
#drain a{
	background: url(img/h_drainage.jpg) no-repeat left top; text-align: right;}
#com_roof a{
	background: url(img/h_com_roof.jpg) no-repeat left top; text-align: right;}
.h_button #estimates a{
	background: url(img/h_free_estimates.jpg) no-repeat left top;
	text-align: right;
}
 .h_button #emerg_serv a{
	background: url(img/h_emerg_serv.jpg) no-repeat left top;
	text-align: right;
}
.h_button #estimates a , .h_button #emerg_serv a {
	width: 205px;
	font-size: 14px;
	line-height: 16px;
	text-align: right;
}
#estimates span, #emerg_serv span{
	background: url(img/arrows.png) no-repeat right bottom;
	padding-bottom: 20px;
	letter-spacing: 1px;
}
#res_roof span, #drain span, #com_roof span{ padding: 117px 30px 0 0 ;
	line-height: 13px;
	height: 140px; display:block;
	letter-spacing: 2px;
}
#estimates span, #emerg_serv span{ padding: 50px 0 20px 0 ; display:block; line-height: 13px;
margin-right: 30px;
}
#drain span{ padding: 122px 30px 0 0 ;}
.h_button #emerg_serv a{
	border-right: 1px solid #550000;
}
#res_roof a:hover, .h_button #estimates a:hover, #drain a:hover, #com_roof a:hover, .h_button #emerg_serv a:hover{
	background-position:left bottom; }
.h_button #estimates a:hover, .h_button #emerg_serv a:hover{
	color: #660000;
	 }
	body#Home_Page  #content img {border-left: 1px solid #FFFFFF; }