/* =reset (ONLY EDIT THE FONT FAMILY)******************************** */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
body {font:13px verdana,helvetica,clean,sans-serif;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% verdana,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;}
body * {line-height:1.22em;}

.clear:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.clear {display: block; overflow: hidden;}
.hidden {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}
.text-indent {text-indent:-32697px;}

/* =elements ***************************** */
a:link			{color: #0c72d1;}
a:active		{color: #0c72d1;}
a:visited		{color: #0c72d1;}
a:hover		{color: #0c72d1; text-decoration: none;}

/* =grids ***************************** */

html {text-align:center;}
body {text-align:left;margin:0 auto;background:white url(../../images/header_bg.jpg) left top repeat-x;}

#header {position:relative;margin:0 auto;width:904px;height:222px;background:url(../../images/header.jpg) left top no-repeat;}
#logo {position:absolute;top:50px;left:8px;}

#body {width:904px;padding-top:25px;margin:0 auto;background:url(../../images/nav_top.gif) left 13px no-repeat;}

#main-content {
	float:right;
	width:635px;
	padding:0 20px;
	margin:0 -10px 0 10px;
}
#main-content h1 {font-size: 152%;color:#0056a6;}
#main-content h2 {font-size: 122%;color:#0056a6;}
#main-content h3 {font-size: 107%;color:#0056a6;}
#main-content p {line-height:1.5em;margin:1em 0;}
#main-content ul {margin:1em 2em 1em 3em;}
#main-content ul li {margin:0.3em 0;}
#main-content blockquote {margin:1em 2em;font-style:italic;color:#0056a6;}

#cta-services {position:relative;width:644px;height:78px;margin:0 0 20px -15px;background:url(../../images/cta-services.gif) left top no-repeat;}
#cta-services ul {list-style-type:none;}
#cta-services-roofing {position:absolute;left:92px;top:27px;width:143px;height:45px;background:url(../../images/cta-services-roofing.gif) left top no-repeat;}
#cta-services-reroofing {position:absolute;left:242px;top:27px;width:143px;height:45px;background:url(../../images/cta-services-reroofing.gif) left top no-repeat;}
#cta-services-maintenance {position:absolute;left:392px;top:27px;width:143px;height:45px;background:url(../../images/cta-services-maintenance.gif) left top no-repeat;}

#cta-home {position:relative;float:right;width:208px;height:330px;margin:20px;background:url(../../images/cta-home.jpg) left top no-repeat;}
#cta-home-quote {position:absolute;left:0;top:237px;width:208px;height:73px;background:url(../../images/cta-home-button.jpg) left top no-repeat;}

#cta-sub {position:relative;float:right;width:208px;height:94px;margin:20px;background:url(../../images/cta-sub.gif) left top no-repeat;}
#cta-sub-quote {position:absolute;left:0;top:0;width:208px;height:73px;background:url(../../images/cta-sub-button.gif) left top no-repeat;}

#side-content {float:left;width:224px;border:1px solid #dddbdb;border-top:0;}
#nav {padding:0 15px;border:1px solid #f3f3f3;border-top:0;list-style-type:none;}
#nav li {padding:10px 3px;background:url(../../images/border.gif) left bottom repeat-x;}
#nav li.last {background:none;}
#nav li a {display:block;padding-left:14px;text-transform:uppercase;text-decoration:none;font-weight:bold;font-size:92%;color:#005596;}
#nav li a:hover {background:url(../../images/nav_link_bg.gif) left center no-repeat;}

#sub-content {float:left;clear:left;width:186px;padding:40px 20px 0;color:#005596;}
#sub-content h3 {font-size:107%;}
#sub-content p {margin-bottom:1em;}

#footer {clear: both;}
#footer p {margin-top:40px;font-size:85%;text-align:right;color:#005596;}
#footer p a {color:#005596;}

#memberships {margin:20px 0 10px -15px;background:url(../../images/border.gif) left top repeat-x;}
#memberships ul {list-style-type:none;width:644px;margin:0;height:65px;padding:10px 0;background:url(../../images/border.gif) left bottom repeat-x;}
#memberships ul {margin-left:0;}
#memberships li {float:left;display:inline;padding:0 4px;}

#about-pictures {float:left;}
.pic-caption {
	text-align:center;
	margin:7px;
	padding: 0px;
	padding-bottom:40px;

}
td,th {padding:5px;}
th {text-align:center;}
p.cite {font-style:italic;text-align:right;}
#pic-row {
	clear: both;
}


#projects {clear:both;}
#projects h2 {background:#0056a6;color:white;padding:10px;}
#projects td {vertical-align:top;padding:10px;}
#projects td.no-image {font-size:85%;vertical-align:middle;text-align:center;}