/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}
.fright{
	float:right;
	margin:0 0px 0 20px;
}
body {
    font-size: 1em;
    line-height: 1.4;
    background: #62461f;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNjI0NjFmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg, #62461f 0%, #000222 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#62461f), color-stop(100%,#000222));
	background: -webkit-linear-gradient(-45deg, #62461f 0%,#000222 100%);
	background: -o-linear-gradient(-45deg, #62461f 0%,#000222 100%);
	background: -ms-linear-gradient(-45deg, #62461f 0%,#000222 100%);
	background: linear-gradient(135deg, #62461f 0%,#000222 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62461f', endColorstr='#000222',GradientType=1 );
	}
a{
	color: #ED720E;
	text-decoration:none;
	}
a:hover{
	color: #b25305;
	}
	
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
    }
::selection {
    background: #b3d4fc;
    text-shadow: none;
    }
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
    }
img {
    vertical-align: middle;
    max-width: 100%;
	_width: 100%;
	}
img.fright{
	box-shadow: 1px 0px 5px #222;
	padding: 3px;
	background: white;
	border-radius: 10px;
	}
img.imgborder{
	box-shadow: 1px 0px 5px #222;
	padding: 3px;
	background: white;
	border-radius: 10px;
	margin:0px 13px 10px;
	}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    }

textarea {
    resize: vertical;
    }

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
    }
.fright{
	float:right;
	margin:0px 0px 20px 20px;
	}
strong{
	color:#edbb0e;	
	}
/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body {
    font: 14px/24px 'OpenSansRegular', Helvetica, Helvetica Neue, Arial;
    }
.wrapper {
    width: 100%;
    }
/***********************
 HEADER STYLES
***********************/
h1{
	color:#b8a384;
	text-shadow: 1px 1px 0px #222;
	
	}
h2{
	color:#b25305;
	font-family: 'OpenSansRegular';
	margin:2% 0% 0% 2%;
	}
h3{
	color: #b8a384;
	font-family: 'OpenSansLight';
	font-size:0.8em;
	line-height:1.2em;
	margin:2%;
	}
h3.other-things{
	color: #ed720e;
	font-size:1.4em;
	font-family: 'OpenSansLight';
	
	line-height:1.2em;
	margin:2%;
	}
h4, h1.orange{
	color: #ed720e;
	font-size:1.4em;
	font-family: 'OpenSansLight';
	
	line-height:1.2em;
	margin:2%;
	}
h4 a{
	color:#fff !important;
}
h5{
	color: #b8a384;
	font-size:1.2em;
	font-family: 'OpenSansLight';
	
	line-height:1.2em;
	margin:2%;
	}
p, ul, ol{
	color:#f7f3e8;
	margin:0% 2% 2%;
	}
.clear{
	clear:both;
	}
/***********************
 HEADER STYLES
***********************/

.header-container {
    border-bottom: 10px solid #ed720e;
    }

.footer-container,
.main aside {
    border-top: 10px solid #ed720e;
    }

.header-container,
.footer-container,
.main aside {
    background: url(../images/bg-tan-lines.gif) repeat;
    }
.title {
    color: white;
    }
/***********************
 NAVIGATION STYLES
***********************/

ul#sliding-navigation{
	list-style: none;
	font-size: .75em;
	margin: 0px 20px 0px 0px;
	padding: 0;
	float:left;
	width:25%;
	cursor: pointer;
	}
#dropdown{
	margin:0;
	list-style: none;
	margin-left: -35px;
	}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a{
	display: block;
	width: 75%;
	padding: 5px 18px;
	margin: 0;
	margin-bottom: 5px;
	}
ul#sliding-navigation li.sliding-element a{
	color: #fff;
	background: #c65905;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M2NTkwNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5YjRiMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #c65905 0%, #9b4b04 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c65905), color-stop(100%,#9b4b04));
background: -webkit-linear-gradient(top, #c65905 0%,#9b4b04 100%);
background: -o-linear-gradient(top, #c65905 0%,#9b4b04 100%);
background: -ms-linear-gradient(top, #c65905 0%,#9b4b04 100%);
background: linear-gradient(to bottom, #c65905 0%,#9b4b04 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c65905', endColorstr='#9b4b04',GradientType=0 );
	border: 1px solid #1a1a1a;
	text-decoration: none;
	}

ul#sliding-navigation li.sliding-element a:hover { 
	color: #fff; 
	background:#d99412;
	}
/***********************
 TAB Styles
***********************/
.usual {
  color:#111;
  margin:8px auto;
  }
.usual h2{
	width:40%;
	
	}
.usual ul{
	padding:0 !important;
	margin:0;
}
.usual li { list-style:none; float:left; margin: 0;
	padding: 0;
	width: 20%;
	}
.usual ul a {
  display:block;
  padding:6px 10px;
  text-decoration:none!important;
  margin:1px;
  margin-left:0;
  font:12px 'OpenSansLight', Verdana;
  color:#FFF;
  background:#7d7800;
  -webkit-border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  -o-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;  
  }
.usual ul a:hover {
  color:#222;
  background:#f7f3e8;
  }
.usual ul a.selected {
  margin-bottom:0;
  color:#fff;
  background: #b25305;
  border-bottom:1px solid #b25305;
  cursor:default;
  -webkit-border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  -o-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  }
.usual div {
  padding:10px 10px 8px 10px;
  *padding-top:3px;
  *margin-top:-15px;
  clear:left;

  background:snow;
  font:10pt Georgia;
  }
.usual div p{
	 color:#222;
	 font-family: 'OpenSansRegular' Arial, Helvetica;
	 line-height:1.5em;
	 display: block;
	 width: 40%;
	 margin-bottom:20px;
	 }
.usual div a { color: #B25305; text-decoration: none; font-weight:bold; }

#usual2 { 
	background:#0A0A0A; 
	border:1px solid #1A1A1A; 
	}
#usual2 a { 
	background:#222; 
	}
#usual2 a:hover { 
	background:#000; 
	}
#usual2 a.selected { 
	background:snow; 
	}
#tabs3 { 
	background:#FF9; 
	}
/***********************
 PROMO SLIDER STYLES
***********************/
.slideshowwrapper{
	width: 50%;
	float: right!important;
	margin:-30px 0px 20px 30px;
	height: 250px;

	
	}
.slideshow{
	width:100%;
	
}
.slideshow img{
	-webkit-box-shadow: 0px 0px 4px 0px #222;
	-moz-box-shadow: 0px 0px 4px 0px #222;
	-o-box-shadow: 0px 0px 4px 0px #222;
	box-shadow: 0px 0px 4px 0px #222;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
}
#promo{
	width:100%;
	border:1px solid #fff;

	margin:10px 0px;
	background:#fff;
	text-align:center;
	overflow:auto;
	
}
#promo h2{
	margin:0;
}
#promo img{
	float:right;
}

/***********************
 FORM STYLES
***********************/
form input{
	padding: 5px 10px;
	border-radius: 5px;
	}
form [type="submit"],
form [type="reset"]{
	background-color: #990;
	padding:8px 10px;
	border-radius:5px;
	border:none;
	margin:0px 20px;
	
	}
form [type="submit"]:hover,
form [type="reset"]:hover{
	background-color: #D99412;
	}
form#estimate input,
form#estimate select,
form#estimate textarea,
form#estimate input{
	margin-left:8px;
	}
form#estimate textarea,
form#estimate select{
	padding:5px 10px;
	border-radius:5px;
}
/***********************
 WRAPPER STYLES
***********************/
.main {
    
	}
.main-container{
	margin-bottom:30px;
	}
.main article h1 {
    font-size: 2em;
    background: #D99412;
	padding: 10px 15px;
	margin: 20px 0px 20px;
	border-radius: 5px;
	color:#fff;
	text-shadow: 1px 1px 2px #222;
	}
.main aside {
    color: white;
    padding: 0px 5% 10px;
    }
.half{
	width:48%;
	margin:0% 2% 0% 0%;
	float:left;
	}
.half:last-child{
	margin:0%;
	}
.thirds{
	width:29%;
	margin:0% 2% 0% 2%;
	float:left;
	}
.quarter{
	width: 18%;
	margin: 0% 0% 2% 2%;
	float:left;
}
/***********************
 FOOTER STyles
***********************/
.footer-container footer {
    color: white;
    padding: 5px 0;
    overflow:auto;
}
.footerwrap{
	padding:0px 50px;
}
footer ul li{
	list-style:none;
	margin-left:-35px;
	padding:0px 
}
footer h3{
	font-size:1.2em;
	color:#62461f;
}
footer p{
	color:#b25305;
}
.nolist{
	list-style:none;
	width:50%;
	margin:0 auto;
	
}
.nolist li{
	float:left;
	margin:5% 0 5% 5%;
}
/***********************
 ACCORDION STYLES
***********************/
.accordionButton {	

	color:#222;
	cursor: pointer;
	margin:0;
	}
.accordionButton p{
	padding:10px 0px;
	margin:0;
}	
.accordionButton p:hover{
	color:#d99412;
}
.accordionContent {	
	
	}
blockquote {
background: #C65905;
border-left: 10px solid #E99836;
margin: 1.5em 10px;
padding: 20px 30px;
border-radius: 10px;
}
blockquote:before {
color:#fff;
content:open-quote;
font-size:4em;
line-height:.1em;
margin-right:.25em;
vertical-align:-.4em;
}
blockquote p {
display:inline;
color:#fff;
text-shadow:0px 0px 0px #333;
}
/***********************
 BUTTON STYLES
***********************/
a.button{
	float:left;
	display:block;
	text-align:center;
	padding:10px 15px;
	-webkit-transition: background 300ms ease-in-out;
	-moz-transition: background 300ms ease-in-out;
	-ms-transition: background 300ms ease-in-out;
	-o-transition: background 300ms ease-in-out;
	transition: background 300ms ease-in-out;
	background: #7d7800;
	color:#fff !important;
	text-shadow:1px 1px 0px #333;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;	
	}
a.button:hover{
	background: #d99412; /* Old browsers */
	color:#222;
	}
a.buttonlink{
	float:left;
	display:block;
	text-align:center;
	padding:10px 15px;
	margin-top:20px;
	-webkit-transition: background 300ms ease-in-out;
	-moz-transition: background 300ms ease-in-out;
	-ms-transition: background 300ms ease-in-out;
	-o-transition: background 300ms ease-in-out;
	transition: background 300ms ease-in-out;
	background: #7d7800;
	color:#fff !important;
	text-shadow:1px 1px 0px #333;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;	
	
	}
a.buttonlink:hover{
	background: #d99412; /* Old browsers */
	color:#222;
	}
#estimatebutton a{
	background-image:url(../images/estimate.png);
	background-position:bottom;
	width:250px;
	height:60px;
	display:block;
	margin:40px 25px 20px 0;
	display:block !important;
	float:right;		
	}
#estimatebutton a:hover{
	background-position:0 0;
	}
#estimate2 a{
	background-image:url(../images/button.png);
	background-position:bottom;
	width:250px;
	height:60px;
	display:block;
	margin:25px 25px 20px 0;
	float:left;		
	}
#estimate2 a:hover{
	background-position:0 0;
	}

/***********************
 IE STYLES
***********************/

.ie7 .title {
    padding-top: 20px;
    }

.center{
	text-align: center;
}
/***********************
 MEDIA QUERIES
***********************/
   
@media only screen and (min-width: 1140px) {
    .wrapper {
        width: 1026px; /* 1140px - 10% for margins */
        margin: 0 auto;
        }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

@media only screen and (min-width: 769px) {
    .slideshow{
	    float:right !important;
	    margin:-20px 0px 20px 0px;
	    }
   }
@media only screen and (min-width: 768px) {

/* ====================
    WIDE: CSS3 Effects
   ==================== */

    .header-container,
    .main aside {
        -webkit-box-shadow: 0 2px 10px #222;
           -moz-box-shadow: 0 2px 10px #222;
                box-shadow: 0 2px 10px #222;
                }


/* ============
    WIDE: Menu
   ============ */

    .title {
        float: left;
    }

   

/* ============
    WIDE: Main
   ============ */

    .main article {
        float: left;
        width: 70%;
    }

    .main aside {
        float: right;
        display:none;
    }
}
@media only screen and (max-width: 768px) {

/* ====================
    WIDE: CSS3 Effects
   ==================== */

    .slideshow{
	    float:none !important;
	    margin:0px 0px 20px 0px;
	    }
    .usual div p {
		width: 100%;
		}
	.usual ul a {
		min-height:35px;
		}
		.half, .quarter{width: 100%;}
}
@media only screen and (max-width: 480px) {

/* ====================
    INTERMEDIATE: Menu
   ==================== */
   nav{
	   width:100%;
	   }
   
    nav a {
        float: left;
        width: 27%;
        margin: 0 1.7%;
        padding: 25px 2%;
        margin-bottom: 0;
        }

    nav li:first-child a {
        margin-left: 0;
        }

    nav li:last-child a {
        margin-right: 0;
        }
    ul#sliding-navigation {
    	width:100%;
    	}
    .half, .thirds{width:100%;}
    .usual{
    	display:none;
    	}
    .slideshow{
	    display:none;
	    }
    .usual div p {
		width: 100%;
		}

/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */

    nav ul li {
        display: inline;
        }

    .oldie nav a {
        margin: 0 0.7%;
        }
    
}



/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}