/************************************************************************************
Structure 
*************************************************************************************/
#pagewrap {
	max-width:56.125em;
	margin: 0 auto;
	
}

#header {background: url(images/redwood.jpg) repeat;
	border-bottom:3px solid #e49a0c;
}


#footer {
	clear: both;
	padding-bottom:1.4%;
	background: url(images/redwood.jpg) repeat;
}
.address {float:right;
	padding-right:3%;
}
/************************************************************************************
General 
*************************************************************************************/
@font-face {
    font-family: 'alex_brushregular';
    src: url('includes/fonts/alexbrush-regular-otf-webfont.eot');
    src: url('includes/fonts/alexbrush-regular-otf-webfont.eot?#iefix') format('embedded-opentype'),
         url('includes/fonts/alexbrush-regular-otf-webfont.woff') format('woff'),
         url('includes/fonts/alexbrush-regular-otf-webfont.ttf') format('truetype'),
         url('includes/fonts/alexbrush-regular-otf-webfont.svg#alex_brushregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


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

}

.logo {font-family:alex_brushregular;
	font-size:2.4em;
	padding-top:4%;
	padding-left:2%;
}
.logo a {
	text-decoration:none;
}
.tagline {
	float:left;
}
.tagline, .phone {font-family:walkway_blackregular;}
.tagline {
	padding-left:2%;
	padding-bottom:3%;
}
.phone {float:right;
	font-size:1.8em;
	padding-right:2%;
	padding-bottom:2%;
}
.coupon {
	float:left;
	padding-left:12%;
	padding-bottom:3%;
	margin-top:-3%;
}
table.price {
	width:100%;
}
.price th {
	background-color:#e49a0c;
	color:#620000;
}
.price caption {
	font-color:#620000;
	font-weight:bold;
	font-size:1.2em;
}
#nav-collapse{
	display: none;
	color: #fff;
	text-align: right;
	width: 95%;
	padding: .625em 0 .625em 0;
}
#nav-collapse.active{
	display: block;
}
nav {
    background-color: #620000;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#620000), to(#800505));
    background-image: -webkit-linear-gradient(top, #620000, #800505);
    background-image: -moz-linear-gradient(top, #620000, #800505);
    background-image: -ms-linear-gradient(top, #620000, #800505);
    background-image: -o-linear-gradient(top, #620000, #800505);
    background-image: linear-gradient(to bottom, #620000, #800505);
    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:#e49a0c
}

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

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

}
nav a {
color: #ddd;
display: block;
text-decoration: none;
height:100%;
padding: .625em 1em .625em 1em;
}

.group:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
body{
	background: #fff url(images/concrete.jpg) repeat;
	font: .81em/150% Arial, Helvetica, sans-serif;
	color: #fff;
	font-size:100%;
}

#contentframe {
	background-color:#fff;
	color:#000;
	position: relative;
}
#contentframe p {
	padding-bottom:1em;
}
#contentframe a {
	color:#620000;
}

h1 {font-size:2.1em;padding-bottom:2.3%; line-height:normal;font-weight:bold;font-family:walkway_blackregular;}
h2 {font-size:1.3em;padding-top:3.1%; font-weight:bold;}
.q {font-size:1.3em;font-weight:bold; color:#666; padding-bottom:0px;}
.a {padding-bottom:3.4%;color:#999;}



#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;}

iframe.map {
	width:90%;
	height:350px;
}
/*hr {clear:right;}
.colorsection {font-size:1.6em;color:#000;margin-top:5%; clear:both;}*/

.sidepic {
	display:none;
}
#maincontent {
	padding:3%;
}
/*#maincontent .mycenter {
	width:100%;
	margin:auto;
	border:1px solid #C09;	
	
}*/

.footernav li a {
	color:#fff;
	float:left;
	font-size:.6em;
	font-weight:bold;
	padding:.1em .5em;
}

ul.iconnavigation {
	margin: 0 auto;
	text-align:center;
	padding-left:15%;
	/*width:95%;
	float:left;*/
}
.iconnavigation {
	font-family:walkway_blackregular;
	list-style-type:none;
	display:inline-block;
}
ul.iconnavigation li {
	float:left;
	display:inline;
	max-width:12.5em;
	padding: .5%;
	/*border:1px solid #C09;*/
	
}
.iconnavigation a {
	color:#620000;
	text-decoration:none;
}

/* 400px */
@media all and (min-width: 25em) {
ul.iconnavigation {
	padding-left:0;
}

}

/* 600px */
@media all and (min-width: 37.5em) {
		/*#maincontent {margin-left:208px; border-left:4px solid #000; padding-left:2%; min-height:439px; padding-top:2%;}*/
#maincontent {margin-left:23.2%; border-left:4px solid #000; padding-left:2%; min-height:439px; padding-top:2%; padding-right:3%;padding-bottom:8%;}
.sidepic {
	display:inline;
	/*float:left;
	border-right:4px solid #000;*/
	position:absolute;
	bottom:0px;
	left:0;
	width:23.2%;
}
.sidepic img {
	max-width:100%;
}	

}
/* 800px */
@media all and (min-width: 50em) {
#pagewrap {
	padding-top:5.6%;
}
nav li {
	float: left;
	border-top: 0;
}
nav a {
	float: left;
}
}