/****************************************************************************

Author: Stephen
Development by: Wallop Creative
Last updated: 10/26/06

*****************************************************************************/

/* defaults ****************************************************************/

* {
	margin: 0;
	padding: 0;
} 

body {
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	font-size: 11px;
	background:#fff;
	color:#666;
}

body a {
	color: #5588BB;
	text-decoration: underline;
}

body a:hover {
	text-decoration: none;
	color: #78A0C9;
}

/* heading attibutes *************************************************/

h1, h2 {
	margin:0;
	padding:0;
	color:#333;
	font-size:13px;
	font-weight:bold;
}

#columnLeft h1 {
	padding-bottom:10px;	
}

h3, h4 {
	color:#333;
	font-size:10px;
	font-weight:bold;
	margin:0 0 8px 0;
	padding:0 0 2px 0;
}

/* removes the link underline from logo swap */

h1 a, h3 a {
	text-decoration:none;
}

/* list items ********************************************/

ul, li {
	margin:0;
	padding:0;
	list-style:none;
}

/* set more defaults **********************************************************/

p {
	margin:0 0 10px 0;
	padding:0;
	line-height:20px;
}

/*input {
	border:none;
	border:0;
}*/

acronym {
	border-bottom: 1px solid #8F9F20;
	color:#8F9F20;
	cursor:help;
	font-style:normal;
}

a img {
	border:none !important;
}

strong {
	color:#444;
}

p.dk {
	text-decoration: underline;
}

/* hacks *************************************************************************/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
}

/* Hides from IE-mac */

* HTML .clearfix {
	height: 1%;
}

/* End hide from IE-mac */
/* End clearfix */

/* class attributes *********************************************/

.estimateButton a, .estimateButtonHome a {
	display:block;
	width:175px;
	height:45px;
	position:absolute;
	top:20px;
	right:20px;
	text-indent:-99999px;
	overflow:hidden;
	background:url(../images/png/button_estimate_down.png) no-repeat 0 0;
}

.estimateButtonHome a {
	top:40px;
	right:40px;

}

.estimateButton a:hover, .estimateButtonHome a:hover {
	background-position:0 -45px;
}

/* dotted line breaks */

.break p, .breakColumn p {
	margin:0;
	padding:0;
}

p.break {
	background: url(../images/break.gif) repeat-x 0px 6px;
	height:10px;
	clear:both;
}

p.breakColumn {
	background: url(../images/break_column.gif) repeat-x 0px 6px;
	height:10px;
}

p.newsHeading {
	color:#78A0C9;
	font-size:12px;
}

p.newsPhoto {
	float:right;
	width:180px;
	height:140px;
	margin:0 0 10px 10px;
	border:solid 3px #ccc;
}

p.newsPhoto img {
	padding:1px;
}

/* main divs ********************************************************************/

#wrap {
	width:760px;
	margin:0 auto;
}

#header {
	width:760px;
	height:70px;
	padding:10px 0 0 0;
	background-color:#fff;
}

h1.homeTagLine {
	position:relative;
	top:50px;
	left:-190px;
	font-size:9px;
	color:#9A9A9A;
}

#header h2 {
	display:none;
}

#header h3 {
	padding:0;
	margin:0;
}

a#logo, a#logoPress {
	width:191px;
	height:32px;
	margin:14px 0 0 0;
	float:left;
	text-indent:-9999px;
	background:url(../images/logo.gif) no-repeat 0px 0px;
	display:inline; /* for double float bug */
	overflow:hidden;
}

a#logoPress {
	clear:both;
	margin:0 0 10px 0;
}

/* banners */

div#masthead {
	width:760px;
	height:300px;
	background:url(../images/banner_home.jpg) no-repeat 0 0;
	clear:both;
	position:relative;
}

#masthead h2 {
	position:absolute;
	width:300px;
	top:82px;
	left:72px;
	color:#ffffff;
	font-size:11px;
	line-height:17px;
	font-weight:normal;
}

div#banner, div#bannerTall {
	width:760px;
	height:200px;
	clear:both;
	position:relative;
}

div#bannerTall {
	height:370px;
}

/*div#mastheadServices {
	height:200px;
	background:url(../images/banner_services.jpg) no-repeat 0 0;
}

div#mastheadCompany {
	height:200px;
	background:url(../images/banner_company.jpg) no-repeat 0 0;
}

div#mastheadCareers {
	height:200px;
	background:url(../images/banner_careers.jpg) no-repeat 0 0;
}

div#mastheadContact {
	height:200px;
	background:url(../images/banner_contact.jpg) no-repeat 0 0;
}

div#mastheadNews {
	height:200px;
	background:url(../images/banner_news.jpg) no-repeat 0 0;
}*/

/* footers */

#footer {
	width:760px;
	height:30px;
	padding:10px 0 0 0;
	clear:both;
	color:#B5B5B5;
	font-size:10px;
	background:#fff url(../images/bg_footer.gif) repeat-x 0 0;
}

p#copyright {
	float:left;
} 

/*p#tag {
	float:right;
	margin:4px 0 0 0;
} 

p#tag a {
	width:42px;
	height:13px;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../images/tag.gif) no-repeat 0 0;
}*/

#walloptag a {
	height: 10px;
	width: 68px;
	margin:4px 0 0 0;
	display: block;
	float:right;
	background: url(../images/tag_wallop.gif) no-repeat 0 0;
}

#walloptag a:hover {
	background-position: 0px -10px;
}

#walloptag a span {
	display: none;
}

/* services on home page */

#services {
	width:760px;
	margin:30px 0 30px 0;
	background:url(../images/line_horiz.gif) repeat-x 0px 225px;
}

.serviceText {
	padding:16px;
	line-height:16px;
}

.readMore {
	position:absolute;
	bottom:0;
	padding:0 0 8px 16px;
}

#s_commercial, #s_maintenance, #s_project, #s_sheet, #s_green {
	width:152px;
	height:190px;
	float:left;
	padding:42px 1px 0 0;
	font-size:9px;
	position:relative;
}

#s_commercial {
	background:url(../images/tab_commercial.gif) no-repeat 0 0;
}

#s_maintenance {
	background:url(../images/tab_maintenance.gif) no-repeat 0 0;
	width:150px;
}

#s_project {
	background:url(../images/tab_rubber_roofing.gif) no-repeat 0 0;
}

#s_sheet {
	background:url(../images/tab_sheet.gif) no-repeat 0 0;
}

#s_green {
	background:url(../images/tab_green.gif) no-repeat 0 0;
	width:150px;
	padding:42px 0 0 0;
}

/* bottom two columns on the home page */

#news {
	width:424px;
	padding:16px 16px 6px 16px;
	float:left;
	background:url(../images/line_vert.gif) repeat-y 455px 0;
	font-size:10px;
}

#news p {
	line-height:18px;
}

#newsContent {
	width:220px;
	float:right;
}

#card {
	width:300px;
	height:150px;
	margin:16px 0 0 0;
	float:right;
	background:url(../images/card.jpg) no-repeat 16px 0;
	text-indent:-9999px;
}

/* holder fot the gallery page swf */

#galleryWrap {
	width:760px;
	height:400px;
	margin:0 0 20px 0;
}

/* interior page attributes */

.interior {
	background:url(../images/bg_interior.gif) repeat-y 0 0;
}

.headerInterior {
	width:720px;
	height:28px;
	padding:20px;
	position:relative;
}

.headerInterior h2 {
	position:absolute;	
	top:28px;
	left:25px;
}

.lineBreak h2 {
	top:21px;	
}

.headerInterior a {
	color:#fff;
	text-decoration:none;
}

.headerInterior a:hover {
	color:#ddd;
}

/* background images on the inside page headers */

#green {
	background:url(../images/bg_header_green.jpg) no-repeat 0 0;
}

#green h2 {
	background:url(../images/headings/h_green_roof.gif) no-repeat 0 0;	
	text-indent:-9999px;
	height:26px;
	width:147px;
}

#estimate {
	background:url(../images/bg_header_estimate.jpg) no-repeat 0 0;
}

#sheet {
	background:url(../images/bg_header_sheet.jpg) no-repeat 0 0;
}

#sheet h2 {
	background:url(../images/headings/h_sheet_metal.gif) no-repeat 0 0;	
	text-indent:-9999px;
	height:12px;
	width:89px;
}

#project {
	background:url(../images/bg_header_project.jpg) no-repeat 0 0;
}

#rubber {
	background:url(../images/bg_header_rubber_roofing.jpg) no-repeat 0 0;	
}

#rubber h2 {
	background:url(../images/headings/h_hot_rubber.gif) no-repeat 0 0;	
	text-indent:-9999px;
	height:12px;
	width:144px;
}

#maintenance {
	background:url(../images/bg_header_maintenance.jpg) no-repeat 0 0;
}

#maintenance h2 {
	background:url(../images/headings/h_maintenance.gif) no-repeat 0 0;	
	text-indent:-9999px;
	height:26px;
	width:96px;
}

#commercial {
	background:url(../images/bg_header_commercial.jpg) no-repeat 0 0;
}

#commercial h2 {
	background:url(../images/headings/h_commercial_news.gif) no-repeat 0 0;	
	text-indent:-9999px;
	height:26px;
	width:150px;
}

#servicesHeader {
	background:url(../images/bg_header_services.jpg) no-repeat 0 0;
}

#otherServices li {
	display:inline;
	float:right;
	margin:7px 0 0 0;
	padding:0 9px 0 9px;
}

#columnLeft {
	width:432px;
	padding:20px;
	float:left;
}

#map {
	width:430px;
	height:300px;
	border:solid 1px #444;
}

#columnLeft h2 {
	color:#315B85;
	font-weight:normal;
	margin:0 0 10px 0;
}

#columnLeft ul {
	margin:0 0 10px 0;
}

#columnLeft li, #columnRight li {
	background: url(../images/bullet_sm.gif) no-repeat 0px 7px;
	line-height:18px;
	padding:0 0 6px 10px;
}

#columnRight, #columnRight02 {
	width:248px;
	padding:20px;
	float:right;
	display:inline; /* for df bug */
	background-color:#F5F5F5;
	font-size:9px;
}

#columnRight strong, #columnRight02 strong {
	font-size:10px;
}

#columnRight02 {
	background:url(../images/line_vert.gif) repeat-y 1px 0;
}

#columnRight02 li {
	padding:0 0 6px 0;
	line-height:18px;
}

a.articleLink, a.pdfLink, a.checkLink {
	padding:0 0 2px 20px;
	background:url(../images/icon_article.gif) no-repeat 0 0;
	font-weight:bold;
}

a.pdfLink {
	padding:0 0 2px 22px;
	background:url(../images/icon_pdf.gif) no-repeat 0 4px;
	display:block;
}

a.checkLink {
	background:url(../images/icon_accept.gif) no-repeat 0 0;

}

/*a.newsLink {
	padding:0 0 2px 13px;
	background:url(../images/icon_news_all.gif) no-repeat 0 3px;
}*/

p.photo {
	float:left;
	margin:0 16px 16px 0;
	clear:left;
	display:inline; /* for df bug */
}

.homeNewsImage {
	float:left;
	margin:0 16px 16px 0;
	clear:left;
	display:inline; /* for df bug */	
}

div.insidePhoto {
	margin:0 0 20px 0;
	font-size:9px;
}

.insidePhoto img {
	padding:0 0 6px 0;
}

/* navigational items */

#nav {
	float:right;
	font-size:1px;
	margin:26px 0 0 20px;
}

#nav li {
	text-decoration:none;
	float:left;
	margin:0 12px 0 12px;
	display:inline; /* for double float bug */
}

#n_home a, #n_company a, #n_services a, #n_gallery a, #n_careers a, #n_contact a {
	text-indent:-9999px;
	text-decoration:none;
	display:block;
	height:10px;
	overflow:hidden;
}

#n_home a {
	background: url(../images/nav/n_home.gif) no-repeat 0px 0px;
	width:32px;
	margin:0;
}

#n_home a:hover {
	background-position:0px -10px;
}

#n_company a {
	background:url(../images/nav/n_company.gif) no-repeat 0px 0px;
	width:81px;
	margin:0;
}

#n_company a:hover {
	background-position:0px -10px;
}

#n_services a {
	background:url(../images/nav/n_services.gif) no-repeat 0px 0px;
	width:52px;
	margin:0;
}

#n_services a:hover {
	background-position:0px -10px;
}

#n_gallery a {
	background:url(../images/nav/n_gallery.gif) no-repeat 0px 0px;
	width:102px;
	margin:0;
}

#n_gallery a:hover {
	background-position:0px -10px;
}

#n_careers a {
	background:url(../images/nav/n_careers.gif) no-repeat 0px 0px;
	width:50px;
	margin:0;
}

#n_careers a:hover {
	background-position:0px -10px;
}

#n_contact a {
	background:url(../images/nav/n_contact.gif) no-repeat 0px 0px;
	width:53px;
	margin:0;
}

#n_contact a:hover {
	background-position:0px -10px;
}

/* main heading swaps */

#news h2 {
	text-indent:-9999px;
	font-size:1px;
	margin:0 0 14px 0;
}

/* general */

#h_news {
	width:156px;
	height:10px;
	background:url(../images/headings/h_news.gif) no-repeat 0px 0px;
}

/* news article template */

.title, .pressTitle {
	font-weight:bold;
	color:#FF6600;
}

.pressTitle {
	font-size:12px;
}

.pressSubTitle {
	font-size:12px;
	font-style: italic;
}

#newsTemplate {
	background:none;
}

#newsTemplate em {
	font-size:12px;
}

#newsTemplate ol {
	list-style-type:decimal;
	margin:0 0 0 10px;
	padding:0;
}

#newsTemplate ul {
	margin:0 0 0 20px;
	padding:0;
}

#newsTemplate ul li {
	padding:0 0 10px 0;
	margin:0;
	list-style-type:circle;
}

#newsTemplate ol li {
	list-style-type:decimal;
	padding:0 0 10px 10px;
	margin:0;
}

#pressTitle {
	font-weight:bold;
	color:#5588BB;
	font-size:12px;
	clear:both;
}

#pressSubTitle {
	font-style: italic;
	font-size:12px;
}

p#pressTitle, p#pressSubTitle {
	margin:0 0 12px 0;
}

#newsWrap {
	width:600px;
	margin:20px 0 0 20px;
}

#closeNewsItem {
	margin:20px 0 20px 0;
}

/*************** online estimate *************/

.estimateTable td, .estimateTable input, input.estimateTable {
	padding:6px;
}