/*-----------------------------------------------------------------------------
author:    www.blackwaspdigital.com
-----------------------------------------------------------------------------*/


/* =Wheeler Pawn Global
-----------------------------------------------------------------------------*/
body {
	background:#552a06;
	font-family: 'Merriweather Sans', sans-serif;
	font-weight:400;
	font-size:100%;	
	}
	
	
/* =nav
-----------------------------------------------------------------------------*/

nav {  
	height: 52px;  
	width: 100%;   
	font-size: 14pt;  
	font-weight:800;
	position: relative; 
	z-index:2000;
	background:url(../img/brownBg.jpg) top center repeat;
	-webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, .75);
	-moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, .75);
	box-shadow: 0px 10px 20px rgba(0, 0, 0, .75);
    } 
	 
nav ul {  
	padding: 0;  
	margin: 0 auto;  
	width: 512px;
	height: 52px;  
    }
	
nav li {  
	display: inline;  
	float: left;  
	}
	
nav a {  
    color: #ffffff;  
    display: inline-block;  
    width: 170px;  
    text-align: center;  
    text-decoration: none;  
    line-height: 52px;   
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out; 
	}
		
nav li a {  
    border-right: 1px solid #d7b785;  
    box-sizing:border-box;  
    -moz-box-sizing:border-box;  
    -webkit-box-sizing:border-box;  
	padding:0 0 0 0;
	} 
	 
nav li:last-child a {  
    border-right:none; 
	} 
	
nav li a:hover, nav li a:active {    
	color:#61c8ce;
	background: #016369;
	}
	
nav a#pull {  
    display: none;  
	} 
	

@media only screen and (max-width : 900px) {  
nav {   
        height: auto;  
    }  
    nav ul {  
        width: 100%;  
        display: block;  
        height: auto;  
    }  
    nav li {  
        width: 50%;  
        float: left;  
        position: relative;  
    }  
    nav li a {  
        border-bottom: 1px solid #d7b785;  
        border-right: 1px solid #d7b785; 
    } 
	
	nav li:first-child a {  
    border-left:none; 
	} 
	 
    nav a {  
        text-align: left;  
        width: 100%;  
        text-indent: 25px;  
    }
	
	nav li:last-child a {  
    border-right:1px solid #d7b785;  
	}
	
	nav li:nth-child(2n+0) a {    
	border-right:none;  
    } 
	
    nav {  
        border-bottom: 0; 
    }  
    nav ul {  
        display: none;  
        height: auto;  
    }  
    nav a#pull {  
        display: block;    
        width: 100%;  
        position: relative;  
    }  
    nav a#pull:after {  
        content:"";  
        background: url('../img/nav-icon.png') no-repeat top right;  
        width: 30px;  
        height: 30px;  
        display: inline-block;  
        position: absolute;  
        right: 15px;  
        top: 13px;  
    }  
}

@media only screen and (max-width : 650px) {  
    nav li {  
        display: block;  
        float: none;  
        width: 100%; 
		font-size: 12pt; 
    }  
	
    nav li a {  
        border-bottom: 1px solid #d7b785; 
		border-right:none; 
    } 
	
	nav li:last-child a {  
    border-right:none;  
	} 
} 
	
.clearfix:before, .clearfix:after {  
    content: " ";  
    display: table;  
	} 
	 
.clearfix:after {  
    clear: both;  
	} 
	 
.clearfix {  
    *zoom: 1;  
	}	
	

/* Header */

header {
	background:url(../img/headerBg.jpg) center bottom repeat-x;
	margin:0 0 0 0;
	width:100%;
	-webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, .75);
	-moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, .75);
	box-shadow: 0px 10px 20px rgba(0, 0, 0, .75);
	z-index:1999;
	position:relative;
	}
	
#headerInner {
	width:1000px;
	max-width:1000px;
	margin:0 auto;
	}
	
#headerLogo {
	width:30.4%;
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
	max-width:304px;
	float:left;
	padding:1em 0;
	}
	
#headerLogo:hover {
	opacity:0.50;
    filter:alpha(opacity=50); /* For IE8 and earlier */
	}
	
@media screen and (max-width: 1100px) {
	
#headerInner {
	width:85%;
	}
	
header {
	background:url(../img/headerBgMobile.jpg) center bottom repeat-x;
	}
	
#headerLogo {
	width:35%;
	margin:0 auto;
	float:none;
	}
		
}
	
@media screen and (max-width: 768px) {
	
#headerLogo {
	width:40%;
	}		
}

@media screen and (max-width: 600px) {
	
#headerInner {
	width:90%;
	}
	
#headerLogo {
	width:75%;
	}

		
}	


/* =content structure
-----------------------------------------------------------------------------*/

#contentWrapper {
	background: url(../img/tanBg.jpg) top center repeat #eee2b7;
	-webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, .5);
	box-shadow: 0px 10px 20px rgba(0, 0, 0, .5);
	position: relative; 
	z-index:11;
	}
	
section {
	padding:3.5em 0;
	width:1000px;
	max-width:1000px;
	margin:0 auto;
	color:#301703;
	}

	
/* divider */
	
.divider {
	height:1px;
	background:#8c1014;
	width:100%;
	margin:0 0 3em 0;
	}
	
@media screen and (max-width: 1100px) {
	
section {
	width:85%;
	}
		
}

@media screen and (max-width: 768px) {
	
section {
	text-align:center;
	}		
}

@media screen and (max-width: 600px) {
	
section {
	width:90%;
	}		
}
	


/* =Typography
-----------------------------------------------------------------------------*/	
	
section h1 {
	color:#026569;
	font-size:2.5em;
	text-shadow:2px 2px #fff;
	line-height:90%;
	margin:0 0 .15em 0;
	font-weight:800;
	}

section h2 {
	font-size:1.6em;	
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-weight:700;
	}
	
small {
	font-size:80%;
	}
	
em {
	font-style:italic;
	}
	
section p {
	padding:0 0 1.5em 0;
	}

	
/* Links */	
		
section p a {
	color:#f93801;
	padding:1px 5px;
	font-weight:700;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	}

section p a:link, section p a:visited {
	text-decoration:underline;
	}

section p a:hover, section p a:active {
	color:#ffffff;
	background:#f93801;
	text-decoration:none;
	}
	
@media screen and (max-width: 620px) {
	
section h1 {
	font-size:1.75em;
	text-align:center;
	}
	
section h2 {
	font-size:1.35em;
	text-align:center;	
	}
	
section p {
	text-align:center;	
	}
	
}
	
	

/* =footer
-----------------------------------------------------------------------------*/
footer {	
	width:100%;
	text-align:center;
	background:url(../img/brownBg.jpg) top center repeat;
	}
	
#footerInner {
	padding:3.5em 0;
	width:1000px;
	max-width:1000px;
	margin:0 auto;
	color:#fff;
	}
	
footer p {
	padding:0 0 1.5em 0;
	color:#fff;
	font-weight:800;
	}
	
#footerNav {
	color:#cbb569;
	padding:0 0 0 0;
	}
	
#footerLogo {
	width:29.4%;
	margin:0 auto;
	padding:0 0 1.5em 0;
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
	max-width:294px;
	}
	
footer a {
	color:#cbb569;	
	-webkit-transition: color 0.4s ease-in-out;
	-moz-transition: color 0.4s ease-in-out;
	-o-transition: color 0.4s ease-in-out;
	transition: color 0.4s ease-in-out;
	}

footer a:link, footer a:visited {
	text-decoration:none;
	}

footer a:hover, footer a:active {
	color:#ffffff;
	text-decoration:underline;
	}
	
#copyRight {
	font-size:.85em;
	color:#cbb569;
	font-weight:400;
	padding:0 0 4em 0;
	text-shadow:none;
	}
	
#bwdCredits {
	width:127px;
	margin:0 auto;
	padding:2em 0 4em 0;
	opacity:0.50;
    filter:alpha(opacity=50); /* For IE8 and earlier */
	}
	
#bwdCredits h1 {
	width:127px;
	font-size:60%;
	height:44px;
	color:#8c1014;
	}
	
#h1bwd {
	width:127px;
	height:44px;
	background:url(../img/bwdCredit.png) no-repeat;
	position:absolute;
	}
	
#bwdCredits a, #bwdCredits a:link, #bwdCredits a:visited  {
	color:#8c1014;
	text-decoration:none;
	}
	
@media screen and (max-width: 1100px) {
	
#footerInner {
	width:85%;
	}
	
#footerLogo {
	width:40%;
	}
		
}

@media screen and (max-width: 600px) {
	
#footerInner {
	width:90%;
	}
	
#footerLogo {
	width:60%;
	}		
}



/* =IE Sucks
-----------------------------------------------------------------------------*/
#iewarning {
	padding:10em;
	text-align:center;
	color:#C00;
	background:#ffffff;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.25em;
	}
	
#iewarning a {
	color:#ffffff;
	background:#C00;
	padding:0px 3px;
	font-weight:bold;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	}

#iewarning a:link, #iewarning a:visited {
	text-decoration:none;
	}

#iewarning a:hover, #iewarning a:active {
	color:#C00;
	background:none;
	text-decoration:underline;
	}