/* @override http://groffs.com/css/style.css */

/* @override http://www.groffs.com/css/style.css */

/* reset
----------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-spacing: 0; }
acronym { cursor: help; }

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height: 1.2; }
input, select, textarea { font-size: 100%; }

input.text, textarea { padding: 1px 2px; font-size: 100%; font-family: Arial, sans-serif; }
.submit { cursor/**/: /**/pointer; font-family: Arial, sans-serif; }
select { font-size: 100%; font-family: Arial, sans-serif; }
select > option { padding: 0 5px 0 3px; }

.alR { text-align: right; }
.alC { text-align: center; }

.hide { display: none; }
.clear { clear: both; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }

a:link, a:visited { text-decoration: underline; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: none; }

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



/* custom
----------*/

a:link, a:visited {
	color: #018de4;
}
a:visited { 
}
a:link:hover, a:visited:hover {
}

html { height: 100.01%; }
body {
	font-family: Arial, sans-serif;
	background: #e2e2e2;
}
#page {
	width: 1000px;
	margin: 0 auto;
	font-size: 1.2em;
	color: #000000;
	background: #FFFFFF url(../img/page-bg.png) repeat-y 0 0;
	letter-spacing: -0.02em;
}
	#page2 {
		background: url(../img/page-b.png) no-repeat 0 100%;
		padding: 0 21px 30px;
	}

#top {
	margin: 0 -1px 20px;
	width: 960px;
	overflow: hidden;
	position: relative;
	background: url(../img/top-bg.gif) repeat-x 0 0;
}
	#logo {
		float: left;
		margin: 0 0 1px;
	}
		#logo a:link, #logo a:visited {
			display: block;
			width: 695px;
			height: 146px;
		}
			#logo a:link span, #logo a:visited span {
				background: url(../img/home-comfort-team.jpg) no-repeat 0 0;
			}
			
		#logo-bathroom {
		float: left;
		margin: 0 0 1px;
	}
		#logo-bathroom a:link, #logo-bathroom a:visited {
			display: block;
			width: 695px;
			height: 146px;
		}
			#logo-bathroom a:link span, #logo-bathroom a:visited span {
				background: url(../img/bathroom-remodeling-team.jpg) no-repeat 0 0;
			}
			
			
	#links1 {
		float: right;
		color: #FFFFFF;
		line-height: 22px;
		padding: 0 10px 0 0;
	}
		#links1 a:link, #links1 a:visited {
			color: #FFFFFF;
			padding: 0 3px;
		}
	#menu {
		clear: both;
	}
		#menu ul {
			font-size: 125%;
			font-weight: bold;
		}
			#menu li {
				float: left;
				margin: 0 1px 0 0;
			}
			#menu li.last {
				margin: 0;
			}
				#menu li a:link, #menu li a:visited {
					float: left;
					display: block;
					overflow: hidden;
					width: 95px;
					height: 82px;
					padding: 70px 12px 0 12px;
					color: #FFFFFF;
					position: relative;
					text-decoration: none;
					background: url(../img/menu-bg.png) repeat-x 0 60px;
				}
				#menu li.last a:link, #menu li.last a:visited {
					width: 96px;
				}
					#menu li a:link img, #menu li a:visited img {
						position: absolute;
						left: 0;
						top: 0;
					}
				#menu li a:link:hover, #menu li a:visited:hover,
				#menu li.active a:link, #menu li.active a:visited {
					background: url(../img/menu-hover.gif) repeat-x 0 60px;
				}
					#menu li.active a:link span, #menu li.active a:visited span {
						position: absolute;
						left: 50%;
						top: 141px;
						width: 21px;
						height: 11px;
						margin: 0 0 0 -11px;
						background: url(../img/menu-active.gif) no-repeat 0 0;
					}
					
				#menu li.active-bathroom a:link, #menu li.active-bathroom a:visited {
					background: url(../img/menu-hover-bathroom.gif) repeat-x 0 60px;
				}
					#menu li.active-bathroom a:link span, #menu li.active-bathroom a:visited span {
						position: absolute;
						left: 50%;
						top: 141px;
						width: 21px;
						height: 11px;
						margin: 0 0 0 -11px;
						background: url(../img/menu-active-bathroom.gif) no-repeat 0 0;
					}
	#promo1 {
		position: absolute;
		right: 10px;
		top: 35px;
		width: 270px;
		line-height: 1.2;
	}
		#promo1 strong {
			font-size: 100%;
		}
#promo1 p{
	font-size: 12px;
}
#wrap {
	width: 100%;
	overflow: hidden;
	margin: 0 0 30px;
}
	#content {
		float: left;
		width: 520px;
		padding: 0 0 0 30px;
		font-size: 120%;
	}
	#side1 {
		float: right;
		width: 355px;
		padding: 0 10px 0 0;
	}
	#side1 p {font-size: 115%; padding: 0; line-height: 135%;}
	
	#side1 .home-links {margin: 0 0 15px 0;}
	
	


#content p {
	line-height: 1.6;
	margin: 0 0 1em;
}
#content ul,
#content ol {
	list-style: disc;
	line-height: 1.5;
	margin: 0 0 1em 2em;
}
#content ol {
	list-style: decimal;
}

#content h2 {
	font-family: Georgia, serif;
	font-size: 243%;
	font-weight: normal;
	color: #005fb0;
	line-height: 1;
	margin: 0 0 .4em;
}
#content h3 {
	font-size: 120%;
	font-weight: bold;
	color: #5a5a5a;
	margin: 0 0 1em;
}

#content h4 {margin: 0 0 .5em 0; 	font-size: 120%;
	font-weight: bold;
	color: #5a5a5a;}

#content ul.list1 {
	list-style: none;
	margin: 0 0 1em;
}
	ul.list1 li {
		padding: 0 0 0 30px;
		background: url(../img/bullet-1.gif) no-repeat 15px .55em;
		margin: 0 0 .3em;
	}
	
	#content .modified-links a {text-decoration: none; color: #3b3b3b; border-bottom: 1px dotted #0091e6;}
	#content .home-intro {font-size: 16px;}

.box1 {
	background: #b3def5;
	border: solid 3px #018cdf;
	font-size: 116.67%;
	padding: 15px 15px;
	margin: 0 0 20px;
}
.box1 form input{
	width: 90%;
}
.box1 ul{
	margin: 5px 20px 15px 20px;
	list-style: disc;
	list-style-position: inside;
}
	.box1 .intro {
		font-size: 114%;
		font-weight: bold;
		line-height: 1.5;
		margin: 0 0 .5em;
	}
	.box1 dl {
		width: 289px;
		overflow: hidden;
		background: #f0f8fd;
		padding: 10px 15px;
		font-weight: bold;
		margin: 0 0 .5em;
	}
		.box1 dt,
		.box1 dd {
			float: left;
			padding: .3em 0;
		}
		.box1 dt {
			width: 50%;
			color: #005fb0;
		}
		.box1 dd {
			width: 49.9%;
		}
	.box1 a:link, .box1 a:visited {
		color: #000000;
	}

.img {
	margin: 0 0 20px;
}


#promotional-box {background-color: #ffcc33; padding: 20px 15px 30px 20px; border: 1px solid #cda42a; margin: 0 0 20px 0;}
#promotional-box img {float: right; margin: 0 0 0 15px;}
#promotional-box h3 {font-size: 17px; color: black; margin: 0 0 10px 0;}
#promotional-box h4 {background-color: #f50d07; padding: 5px; font-size: 16px; color: white; margin: 0 0 10px 0;}
#promotional-box h4 span {font-size: 10px; font-weight: normal;}
#promotional-box p {font-size: 14px; line-height: 130%;}
#promotional-box a {color: black;}

#footer {
	background: #000000;
	color: #FFFFFF;
	border-top: solid 12px #028fe1;
	font-size: 108.33%;
	padding: 20px 40px 35px;
}
	#footer a:link, #footer a:visited {
		color: #FFFFFF;
	}
	#footer .intro {
		font-weight: bold;
		font-size: 123%;
		color: #03a9f5;
		margin: 0 0 1em;
	}
	#footer .cols {
		width: 100%;
		overflow: hidden;
	}
		#footer .col {
			float: left;
			margin: 0 45px 0 0;
			line-height: 1.5;
		}
			#footer p.contact {
				font-weight: bold;
				margin: 0 0 1.5em;
				color: #ffcc33;
			}
			#footer .contact a {color: #ffcc33;}
			
			#footer p.copyright {
				color: #969696;
				font-size: 92%;
				font-style: italic;
			}
			
			.small-type {font-size: .7em;}
			.red {color: red;}

.map-table {width: 100%; font-size: 12px;}
.map-table td {padding: 0 15px 0 0;}

#awards-table {font-size: 11px;}
#awards-table a {text-decoration: none;}
#awards-table table {width: 100%;}
#awards-table td {text-align: center; vertical-align: top; width: 30%; padding: 15px 0 25px 15px;}
#awards-table img {margin: 0 0 10px 0; border: none;}
#name_error, #email_error{
	color: red;
	font-style: italic;
	font-size: 12px;
}