.group:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/************************************************************************************
Structure 
*************************************************************************************/
#pagewrap {
	max-width:56.125em;
	margin: 0 auto;
}l
#header {}
#header img { padding:0%;}
#header .contact {float:right;padding:0%;max-width:70%; 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 #8b1313;
}
#footer img {
	padding-top:5%;
}
.footertext {
	text-align:center;
	font-size:.8em;
	line-height:1.2em;
}
.callforquote {padding-top:1.5em;}
nav {
    background-color: #d40000;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#8b1313), to(#d40000));
    background-image: -webkit-linear-gradient(top, #8b1313, #d40000);
    background-image: -moz-linear-gradient(top, #8b1313, #d40000);
    background-image: -ms-linear-gradient(top, #8b1313, #d40000);
    background-image: -o-linear-gradient(top, #8b1313, #d40000);
    background-image: linear-gradient(to bottom, #8b1313, #d40000);
    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/movie-theater-bp3.jpg) repeat;
	font: .81em/150% Arial, Helvetica, sans-serif;
	color: #000;
	font-size:100%;
}

.tagline{
	font-size: 1.2em;
	font-weight: bold;
	color: #8b1313;
}
.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: #8b1313;
	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: #8b1313;
}
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;
}
.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: 14em; 
   /* 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 {height:90%;/*width:80%; top:300px;*/}
#logo {width:80%;}

.centerme {margin:0 auto; text-align:center; list-style:none;}
.centerme li {display:inline-block;padding:2rem;vertical-align: middle;}
.centerme li img {}
.red {
	color: #8b1313;
	
}

.rslides {
  position: relative;
  
  list-style: none;
  overflow: hidden;
  width: 70%;
  padding: 0;
  margin-left: auto;
	margin-right: auto;
	margin-top:5%;
	margin-bottom:5%;
  box-shadow: 0 0 20px rgba(0,0,0,0.4); 
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #d14234;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d14234;
	box-shadow:inset 0px 1px 0px 0px #d14234;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8b1313), color-stop(1, #d40000));
	background:-moz-linear-gradient(top, #8b1313 5%, #d40000 100%);
	background:-webkit-linear-gradient(top, #8b1313 5%, #d40000 100%);
	background:-o-linear-gradient(top, #8b1313 5%, #d40000 100%);
	background:-ms-linear-gradient(top, #8b1313 5%, #d40000 100%);
	background:linear-gradient(to bottom, #8b1313 5%, #d40000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8b1313', endColorstr='#d40000',GradientType=0);
	background-color:#8b1313;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #8b1313;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
	
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d40000), color-stop(1, #8b1313));
	background:-moz-linear-gradient(top, #d40000 5%, #8b1313 100%);
	background:-webkit-linear-gradient(top, #d40000 5%, #8b1313 100%);
	background:-o-linear-gradient(top, #d40000 5%, #8b1313 100%);
	background:-ms-linear-gradient(top, #d40000 5%, #8b1313 100%);
	background:linear-gradient(to bottom, #d40000 5%, #8b1313 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d40000', endColorstr='#8b1313',GradientType=0);
	background-color:#d40000;
}
.myButton:active {
	position:relative;
	top:1px;
}

.indexNav img {
	width: 50%;
	float: left;
	padding: 1rem;
}
.indexNav li {
	clear: both;
	padding-top: 1rem;
}

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

.indexNav {
	margin: auto;
	width:70%;

}
.indexNav img {
	width: 15%;
	float: left;
	padding: 0rem 1rem 1rem 0rem;
	vertical-align: top;
}
.indexNav li {
	clear: both;
	padding-top: 1rem;
}
}

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