.group:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/************************************************************************************
Structure 
*************************************************************************************/
#pagewrap {
	max-width:56.125em;
	margin: 0 auto;
}
#header {}
#header img { padding:3%;}
#header .contact {float:right;padding:3%;max-width:60%; text-align:right;}
#header p {line-height:1em;}
#contentframe p {}
.section, .project, .testimonials {padding-left:3%;padding-right:3%;padding-bottom:5%;}

#maincontent{}
#footer {
	clear: both;
	margin: 0 auto;
	padding-bottom:1.4%;
	border-top:2px solid #006738;
}
#footer img {
	padding-top:5%;
}
.footertext {
	text-align:center;
	font-size:.8em;
	line-height:1.2em;
}
.callforquote {padding-top:1.5em;}
nav {
    background-color: #006738;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#006738), to(#0a7c48));
    background-image: -webkit-linear-gradient(top, #006738, #0a7c48);
    background-image: -moz-linear-gradient(top, #006738, #0a7c48);
    background-image: -ms-linear-gradient(top, #006738, #0a7c48);
    background-image: -o-linear-gradient(top, #006738, #0a7c48);
    background-image: linear-gradient(to bottom, #006738, #0a7c48);
    font-family: Helvetica, Arial, serif;
    overflow: hidden;
    /*text-transform: uppercase;*/
    width: 100%;
}
nav ul{
	margin-bottom: 0;margin: 0;
}
nav ul.hide{
	display:none;
}
nav li.active a {
color: #fff;
font-weight: bold;
background-color:#6a7570;
}

nav li a:active {
	color: #FFF;
}
nav li a:hover, nav li a:focus {
	color: #fff;
	background-color:#6a7570;
}

nav li{
/*width:100%;*/
/*padding: .625em 2em .625em 1em;*/
border-top: 1px solid #000;

}
nav a {
color: #ddd;
font-weight:bold;
display: block;
text-decoration: none;
height:100%;
padding: .625em 1em .625em 1em;
}
#nav-collapse{
	display: none;
	color: #fff;
	text-align: right;
	width: 95%;
	padding: .625em 0 .625em 0;
}
#nav-collapse.active{
	display: block;
}

body {
	background: #fff url(images/kitchen-bathroom-remodel-bp.jpg) repeat;
	font: .81em/150% Arial, Helvetica, sans-serif;
	color: #000;
	font-size:100%;
}

.tagline{
	font-size: 1.2em;
	font-weight: bold;
	color: #006738;
}
.bigandbold {
	font-size:1.5em;
	font-weight:bold;
}
.center {
	text-align:center;
}
.bathroombullets {
	list-style-type:none;
}
.bathroombullets p {padding-bottom:1em;}
h1 {
	font-size: 1.5em;
	font-weight: bold;
	color: #006738;
	padding-bottom:1em;
}

h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #6a7570;
	padding-top:1em;
}

h3 {
	font-size: 1.2em;
	font-weight: bold;
	color: #006738;
}
a {
	color:#6a7570;
}
.legal {
	font-size: .7em;
	color: #000000;
}
#contactform{padding-top:5%;}
.label {float:left;  font-weight: bold; width:90%}
#submit {clear:left; width:50%;margin-top:5%;}
.ffield {width:90%; clear:left;}

/*#contactform{padding-top:5%;}
.label {float:left;  font-weight: bold; width:90%}
#submit {clear:left; width:50%;margin-top:5%;}
.ffield {width:80%; clear:left;}*/

.project {}
.project p {padding-bottom:1em;}
.project h1 {padding-top:1em;}
.project img {padding:.5em;}
.projectpics {width:95%; overflow:hidden; text-align:center;}
.projectpics img {width:100%;}

.panoramic {width:100%;}
.thumbnail {width:30%; float:left;padding:.3em;}
.section ul li:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.section img {width:90%;}
.testimonials p {padding-bottom:2em; font-style:italic;}
.testimonials p span { 
	vertical-align: baseline;
	position: relative;
   	top: 1.2em;;  font-weight:bold; font-size:1.2em; color:#006738;}

@font-face {
    font-family: 'GriffinRegular';
    src: url('includes/fonts/griffin-webfont.eot');
    src: url('includes/fonts/griffin-webfont.eot?#iefix') format('embedded-opentype'),
         url('includes/fonts/griffin-webfont.woff') format('woff'),
         url('includes/fonts/griffin-webfont.ttf') format('truetype'),
         url('includes/fonts/griffin-webfont.svg#GriffinRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
#slideshow { 
    margin: 5% auto; 
    position: relative; 
    width: 90%; 
    height: 12em; 
    /*padding: 5%;*/ 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}


#slideshow > div { 
    position: absolute; 
    top: 1em; 
    left: 1em; 
    right: 1em; 
    bottom: 1em; 
	overflow:hidden;
}
#slideshow img {width:100%;/* top:300px;*/}

/* 400px */
@media all and (min-width: 25em) {
	
}
@media all and (min-width: 30.5em) {
	#slideshow { 
    height: 25em; 
}	
	.section img {width:25%;}
}
/* 600px */
@media all and (min-width: 37.5em) {
	#slideshow { 
    height: 25em; 
}
.projectpics img {width:45%;}
.thumbnail {width:20%;}
}

/* 800px */
@media all and (min-width: 50em) {
	nav li {
	float: left;
	border-top: 0;
}
nav a {
	float: left;
	padding: .5em .7em .5em .7em;
	font-size:.8em;
}
	#slideshow { 
    height: 30em; 
}
.projectpics img {width:70%;}