* {margin:0;padding:0}

body {font:10pt Verdana, Arial, Helvetica, sans-serif; 
	line-height:1.3em; 
	color:#333}

a img {border:none}
a:link {color: #0066ff;text-decoration:underline}
a:hover {color:#7A0A17;text-decoration:underline}
a:visited {color: #804249;text-decoration:underline}
p {margin:5px 0 8px 0}

img.right {float:right;margin:3px 0 3px 10px;clear:right}
img.left {float:left;margin:3px 10px 3px 0;clear:left}
img.center{display:block;margin:4px auto}
img.right2 {float:right;margin:0 0 0 10px;clear:right}
img.left2 {float:left;margin:0 10px 0 0;clear:left}

html, body {height: 100%}

#wrap {min-height: 100%}

#main {overflow:auto;
	padding-bottom: 121px}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -121px; /* negative value of footer height */
	height: 121px;
	clear:both} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

#header {background-color:#000;color:#fff;border-bottom:1px solid #29A9E0}
#logo {width:960px; margin:0 auto;padding:10px 10px 10px 10px}
#logo img {margin:10px 10px 12px 0}
.call {float:right;width:325px;margin:5px 0 10px 0}
.call span {font-weight:bold;font-size:1.2em}
.call p.area {margin-top:12px}

#feature {background-color:#DFF5FF;border-bottom:1px solid #29A9E0;
height:310px}
#broadview {width:960px; margin:0 auto;padding:8px 10px 5px 10px}
#broadview h2 {font-size:1.7em;line-height:1.2em;margin:25px 0 15px 0}
#broadview #pic {float:left; width:400px;margin:0 20px 0 0}
#broadview #contact a {display: block}
#broadview #contact {text-align:center;width:400px;float:right;margin:10px 0 0 0}
#broadview #contact span a {
background-image: url('images/contact-button.gif');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
margin:10px auto 5px auto;
padding: 64px 0 0 0;
overflow: hidden;
height:0;
}
#broadview #contact span a:hover{background-position: 0pt -64px}


#main {width:960px; margin:0 auto}
#content {float:right; width:660px;padding:20px 10px 20px 10px}

#content h1 {font-size:1.7em;margin:15px 0 15px 0;color:#000;line-height:1.2em}
#content h2 {font-size:1.5em;margin:15px 0 12px 0;color:#29A9E0;line-height:1.2em}
#content h3 {font-size:1.3em;margin:15px 0 8px 0;color:#29A9E0}
.3column {clear:both}
.thirds {float:left;width:30%;margin-right:10px}
#content .thirds p {font-size:0.9em}
#content p {font-size:1.1em}
#content p.small {font-size:0.8em}
#content p span {font-size:1.2em}
#content ul {font-size:1.1em;margin:0 0 10px 25px;line-height:1.3em}

#sidebar {float:left;width:250px;padding:30px 5px 20px 10px}
#sidebar #contact a {display: block}
#sidebar #contact {text-align:center;width:245px;float:right;margin:0 0 15px 0}
#sidebar #contact span a {
background-image: url('images/contact.gif');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
margin:10px auto 5px auto;
padding: 61px 0 0 0;
overflow: hidden;
height:0;
}
#sidebar #contact span a:hover{background-position: 0pt -61px}
#sidebar h3 {margin:10px 0 5px 0;font-size:1.3em;color:#29A9E0}
#sidebar h4 {margin:20px 0 5px 0}
#sidebar ul#navigation {margin:10px 0 10px 0;font-size:1.2em;line-height:1.3em}
#sidebar ul#navigation li.estimates {font-weight:bold}
#sidebar ul#hours {margin:10px 0 30px 0}
#sidebar ul#lic {margin: 30px 0 30px 0}
#sidebar ul#lic li {margin:5px 0 0 0}
#sidebar li {list-style-type:none}

#footer {background-color:#999;border-top:1px solid #444}
#foot {width:920px; margin:0 auto;padding:20px 0 0 0}
#left {width:170px;float:left}
#left li {list-style-type:none}
#right {width:650px;float:right;margin:0 10px 0 10px}
.vcard {float:left;width:33%;font-size:0.8em}