﻿/*  Copyright (c) 2006, Pond Roofing Company, Inc.
	styles: pond_print.css
	version: July 19, 2006
	author: Olivier Massot
*/
	
/* basic layout
****************/
body {
	background-color:transparent;
	margin:0px;
	padding:0px;
	width:100%;
	height:auto;
	border:0px;
	font-size:100%;
	font-family:verdana, helvetica, arial, sans-serif;
}

.center { text-align:center; }
.left { float:left; }
.right { float:right; }

.wrapper {
	background-color:transparent;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	padding-top:0px;
	width:100%;
	height:auto;
	text-align:left;
}

/* page backbone
****************/
#header { padding:0px; margin:0px; }

#header2 {
	display:none;
}

#top-nav {
	margin:0px;
	padding:0px;
	width:100%;
}

#nav {
	display:none;
}

#background { float:none; width:100%; height:auto; margin:0px; padding-bottom:0px; background-color:#fff; }

#content {
	width:100%;
}

/* Homepage */
#leftcol_home {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:140px;
	height:auto;
	text-align:left;
}

#centercol_home {
	position:relative;
	float:right;
	margin:0px;
	padding:0px 0px 0px 0px;
	width:500px;
	height:100%;
	clear:both;
}

/* Navigation */
#leftcol2 {
 	display:none;
}

/* sitemap */
#leftcol3 {
	margin:0px;
	padding:0px 22px;
	width:auto;
}

/* Content */
#centercol {
	margin:0px;
	padding:0px 0px 0px 0px;
	width:auto;
	height:100%;
	clear:both;
}

#footer {
	margin:0px;
	padding:0px;
	width:auto;
	height:40px;
	color:#000;
	text-align:left;
}

div .footernav {
	display:none;
}


/* main layout
***************/
p {
	margin:0px;
	padding-bottom:15px;
	line-height:145%;
	font-family:verdana,arial, sans-serif;
	font-size:.8em;
	color:#000;
}

#content {
	margin:0px;
	padding:0px;
	width:auto;
	height:auto;
	background-color:transparent;
}

h1,h2,h3,h4,h5,h6 {
	padding:8px 0px 5px 0px;
	margin:0px;
	line-height:110%;
	font-family:verdana,arial,sans-serif;
	font-size:1.1em;
	text-align:left;
}

h1 {
	color:#362f2d;
}

h2 {
	font-size:1em; padding:0px 0px 5px 0px; color:#362f2d;
}

h3 {
	color:#362f2d;
	font-size:.9em;
}

h4 {
	font-size:.85em;
}

hr {
	border-color:#E9E9E9;
	border-style:none none dashed;
	border-width:1px;
	height:0;
	margin-bottom:5px;
	padding:0;
	width:98%;
}


/* header
***************/
#pondlogo {
	z-index:3;
	position:relative;
	float:left;
	margin:0px;
	padding-left:0px;
	width:258px;
	height:125px;
	border:none;
}

#credentials {
	position:relative;
	float:right;
	margin:0px;
	right:0px;
	top:0px;
	width:240px;
}

#ckmark {
	float:left;
	margin:0px 0px 10px 20px;
	right:25px;
}

#rated {
	margin:0px;
	padding:0px;
	text-align:right;
	font-family:"times new roman", serif;
	font-size:20px;
	font-style:italic;
	font-weight:bold;
	color:#ab0900;
}

#ckbook {
	margin:0px;
	padding:0px;
	text-align:right;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size:15px;
	font-weight:bold;
	line-height:120%;
	color:#ab0900;
}

#bbb { float:left; margin:0px 0px 0px 45px; padding:0px; width:32px; height:52px; }

#angies { float:right; margin-top:0px; padding:0px; width:144px; height:52px; }

#location {
	position:relative;
	float:right;
	padding-top:11px;
	height:100%;
	width:170px;
	text-align:right;
	font-size:11px;
	color:#ada2a2;
	font-weight:bold;
}

#tel {
	position:relative;
	float:right;
	margin:0px;
	padding-top:5px;
	text-align:right;
	color:#362f2d;
	font-family:verdana, sans-serif;
	font-size:18px;
	font-weight:bold;
}

#breadcrumb, breadcrumb p {
	margin:0px;
	padding:0px 0px 0px 0px;
	height:auto;
	width:auto;
	color:#990033;
}

.special {
	float:right;
	margin:12px 0px 0px 10px;
	padding:0px;
	width:320px;
	height:260px;
	line-height:16px;
}

.specialcaption {
	margin:0px; padding-left:8px; font-size:.7em; text-align:center;
}

.feature {
	margin:0px;
	padding:0px;
}

.service {
	float:right;
	margin:0px;
	padding:10px 0px 10px 10px;
	width:150px;
	height:132px;
}

.notice {
	padding:0px;
	font-size:11px;
	color:#000;
}

.note, #content .note {
	font-size:.76em;
	line-height:125%;
	font-weight:bold;
	color:#362f2d;
}

/* lists
**************/
ol {
	margin:0px; 
	padding:0px 0px 0px 0px;
	list-style-type:none;
	font-size:12px;
	color:#362f2d;
	font-family: arial, verdana, sans-serif;
	line-height:100%;
}

ol li {
	padding-bottom:18px;
	list-style-type:none;
	font-weight:bold; 
}

ol li li {
	font-weight:normal;
	padding-bottom:3px;
	font-size:12px;
}

ol li li li {
	font-weight:normal;
	padding-bottom:1px;
	padding-top:1px;
	font-size:12px;
}

dt {
	padding-top:5px;
	font-family:verdana, sans-serif;
	font-size:.8em;
	color:#362f2d;
	font-weight:bold;
}

dd {
	font-size:.8em;
	line-height:120%;
}

ul {
	margin:0px;
	padding:0px;
	list-style-type:disc;
	font-size:.8em;
	color:#444;
	font-family: verdana, sans-serif;
}

ul li {
	margin:0px 20px 10px 20px;
	padding:0px;
	line-height:115%;
}

/*images
********/

img {
	margin:0px;
	padding:0px;
	font-size:x-small;
}

div.clear { clear:both; }

.box { border:1px solid #8d817b; padding:0px; margin:0px; }
img.padleft { margin:10px 0px 10px 18px; border:1px solid #8d817b; }
img.padright { margin:10px 18px 10px 0px; border:1px solid #8d817b; }

/* Image Galleries
******************/
div.container { margin:0px; padding-bottom:10px; width:auto; height:auto; background-color:#fff; font-size:9pt; }
.gallery150 { float:left; margin:0px 18px 0px 0px; width:22%; height:auto; color:#000; text-align:left; vertical-align:bottom; }
div.gallery150 p { float:left; margin:0px; padding:0px; width:98%; text-align:left; }

.gallery216 { float:left; margin:0px 18px 10px 0px; width:216px; height:255px; color:#000; }
div.gallery216 p { margin:0px; padding:0px; width:216px; text-align:center; }

.gallery { float:left; margin:0px 20px 5px 0px; color:#000; }
.caption { padding-top:2px; width:216px; height:38px; text-align:left; }
.caption2 { padding-top:2px; width:150px; height:38px; text-align:left; }
.caption3 { padding-top:2px; width:320px; height:38px; text-align:left; }


/* link rules
**************/
a { font-weight:normal; background-color:transparent; text-decoration:underline; margin:0px; padding:0px; }
a:link, a:visited { color:#3777bf; } /*#0042DF*/
a:hover { color:#3777bf; }

a[name], a[name]:hover {text-decoration: none; color: #362f2d; font-weight:inherit; } /* Anchors */

/* header nav */
#nav a:link, #nav a:visited { margin:0px; padding:1px; line-height:1.5em; color:#3777bf; font-weight:bold; text-decoration:none; }
#nav a:link.currentpage, #nav a:visited.currentpage { margin:0px; padding:1px; color:#857363; }

#breadcrumb a:link, #breadcrumb a:visited { margin:0px; padding:0px; color:#a29791; }

/* leftnav
************/
#leftnav a:link.currentpage, #leftnav a:visited.currentpage { color:#b24e2f; font-weight:normal; }
#leftnav li a:link, #leftnav li a:visited { font-weight:normal; text-decoration:none; color:#3777bf; } /* Links prefs for leftnav */
#leftnav li a:hover { text-decoration:underline; }
#leftnav li { background-image: url(images/boxdot.gif); background-repeat:no-repeat; padding-left:8px; background-position: 0 .3em; } /* box dot */
#leftnav ol li { background-image: url(images/boxdot_sml.gif); background-repeat:no-repeat; padding:1px 0px 0px 8px; background-position: 0 .5em; text-indent:0px; line-height:125%; }

/* footer nav */
#footer a:link, #footer a:visited, #footer a:hover { color:#dcd0c2; font-weight:normal; }


/* images
**********/
a:link img, a:visited img { border:none; }
img.box, a:link img.box, a:visited img.box { border:1px solid #8d817b; }


/* typography
**************/
.emph { color:#ae071f; }
.emph2 { color:#ae071f; font-weight:bold; }
.sup { font-size:80%; vertical-align:top; }
.gpt { font-family:arial, sans-serif; font-size:100%; font-weight:bold; font-style:italic; }
.reg { font-size:80%; vertical-align:top; }
.top { display:none; }

/* accessability, hide sitmap */
.hide { 
	position: absolute; 
	visibility: hidden;
	font-size: 12px;
	top: 0px; 
	bottom: -0.1px; 
	width: 1em; 
	z-index: -1; 
}