@charset "utf-8";

* { margin: 0; padding: 0}
img { border:none;}

.testimonypicture {margin-right: 10px;}

body {
	background-image: url(../images/body-gradient.gif);
	background-repeat: repeat-x;
	background-position:top;
	background-color: #3c455c;
	}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	}

/*h1{display:inline; font:12px/12px Arial; margin:0; padding:0;height:12px;} */

h1{ font-size: 18px; color:#FFFFFF;}
h2{ font-size: 18px; color:#FFFFFF;}
h3{ font-size: 16px; color:#333333; padding: 0 0 15px 5px;}
p{ line-height: 18px; }
a{ color:#333333; text-decoration: underline;}
a:hover{ text-decoration: none;}

a img {text-decoration: none;}

#container {
	width: 975px;
	margin: 0 auto;
	}
#header {
	height: 116px;
	background-image:url(../images/banner.jpg);
	background-repeat:no-repeat;
	background-position: top left;
	}
	
	
	#nav { padding-top: 95px; padding-right: 30px; width: 630px;}
	#nav ul { list-style: none; padding-left:100px;}
	#nav li { float: left; padding-left: 15px;}
	#nav li a {
		display: block;
		color: #FFFFFF;
		font-weight: bold;
		font-size: 14px;
		text-decoration: none;
		}
		#nav li a:hover { color: #604381;}

#cc_img {
	position: relative;
	float: right;
	top: -65px;
	right: 30px;
	z-index: 1;
}

#vertical-extension {
	background-image: url(../images/extension.gif);
	background-repeat:repeat-y;
	}	
#wrapper {
	background-image: url(../images/top.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding: 19px 26px 0 26px;
	}
	#flash-banner {
		padding-bottom: 14px;
		}
	#flash-banner a {
		position: absolute;
		width: 922px;
		height: 309px;
		}
	#gallerybox img { padding-right: 7px;}
		
	#leftcol {
		width: 614px;
		}
		
		#gallery-thumbnails {
			list-style: none;
			}
			#gallery-thumbnails li {
				float: left;
				padding: 0 5px 5px 0;
				width: 90px;
				height: 140px;
				}
			.small-thumb { height:70px !important;}
	
	#rightcol {
		width: 295px;
		}	
		

#footer {
	color: #979797;
	font-size: 10px;
	padding-left:12px;
	padding-top: 17px;
	margin-bottom: 50px;
	background-image:url(../images/footer.gif);
	background-repeat: no-repeat;
	background-position:top left;
	}
#footer a:link { color: #FFFFFF;}
#footer a:visited { color: #FFFFFF;}
#footer a:hover { color: #CCCCCC;}



.bluebox {
	width: 273px;
	height: 174px;
	padding: 8px 9px;
	margin-right: 18px;
	background-image:url(../images/bluebox.gif);
	background-repeat:repeat-x;
	border: 2px solid #b8bdc7;
	}
	#rightcol .bluebox { margin: 0 0 5px 0;}
.bluebox h2, .bluebox-large h2, .bluebox-extendable-top h2 {
	background-image: url(../images/chevron-down.gif);
	background-repeat: no-repeat;
	background-position:left;
	padding-left: 24px;
	margin-bottom: 16px;
	}
.bluebox p { padding: 0 5px 0px 5px;}

.bluebox-large {
	padding: 8px 9px;
	background-image:url(../images/bluebox-large.gif);
	background-repeat:repeat-x;
	background-color: #cbd0dc;
	border: 2px solid #b8bdc7;
	}

.bluebox-large p { padding: 0 5px 7px 5px;}
.bluebox-large ul { padding: 0 0 15px 20px;}

.bluebox-extendable-top {
	width: 273px;
	padding: 8px 9px;
	margin-right: 18px;
	background-color: #c8ceda;
	background-image:url(../images/bluebox-extendable-top.gif);
	background-repeat:repeat-x;
	background-position: top;
	border: 2px solid #b8bdc7;
	}
	.bluebox-extendable-bottom{
		background-image: url(../images/bluebox-extendable-bottom.gif);
		background-repeat: repeat-x;
		background-position: bottom;
		height: 34px;
		}
	.bluebox-extendable-top p { padding: 0 5px 15px 5px;}
	#pavingstones-links p{
		padding: 0 5px 5px 5px;
		}

.servicesbox {
	width: 135px;
	list-style: none;
	padding-bottom: 2px;
	}
.servicesbox li {
	background-repeat:no-repeat;
	background-position:left;
	background-image: url(../images/list-chevron.gif);
	padding-left: 13px;
	padding-bottom: 3px;
	}

.colorchart td {
	padding: 5px 0px 10px 0px;

	}

.colorchart2 td {
	padding: 5px 2px 10px 2px;

	}

/*---------------------general classes-------------------------*/

.input-small { width: 30px; }
.input-med { width: 150px;}
.input-med-select { width: 154px;}

img.display-center { display: block; margin: 0 auto;}


.nomargin { margin: 0 !important;}
.nopadding { padding: 0 !important;}

.right {float:right;}
.left { float:left;}
.clearb { clear:both;}

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */