/* Main CSS */

/* #Basic Styles
================================================== */
html{}

body{background:url('images/header-bg.jpg') no-repeat #e5d8ac; background-size: contain;}
body img{
	max-width: 100%;
	height: auto;}

/* #Header
================================================== */
#header-wrap{ }
#header-container{}
#header{}
#logo{text-align:center; padding:20px;}
#contact{}

/*Navigation 
================================================== */
@media only screen and (min-width: 767px) { 
	#mobile-dropdown-button{display:none;}
	#navigation-wrap{}
	#navigation{background:url('images/nav-bg.png'); z-index: 10; min-height:290px;}
	#navigation a{display:block; text-decoration:none; font-family: Georgia;}
	#navigation a:hover{}
	#navigation>#mobile-dropdown>ul{padding:0; margin:0; width:100%; list-style:none; float:left;}
	#navigation>#mobile-dropdown>ul>li{position:relative;}
	#navigation>#mobile-dropdown>ul>li>a{color:#ffffff; padding:10px; text-align:left;  font-style: normal; font-size: 16px;}
	#navigation>#mobile-dropdown>ul>li:hover>a{color:#000000; padding-top:10px;}
	#navigation>#mobile-dropdown>ul>li:hover{}

	#navigation>#mobile-dropdown>ul>li>ul{
		z-index:10; 
		display:none;
		position:absolute;
		margin-left:93%;
		top:0;
		background:url('images/nav-hover-bg.png') no-repeat top left;}
	#navigation>#mobile-dropdown>ul>li>ul>li{background:url('images/sub-nav-bg.png') repeat; width:200px; list-style-type:none; height:auto !important; padding-left:10px;}
	#navigation>#mobile-dropdown>ul>li>ul>li:hover{background: #000000;}
	#navigation>#mobile-dropdown>ul>li>ul>li a{padding:5px 15px; color:#ffffff; margin:auto; text-decoration:none; font-size:16px;}

	#navigation>#mobile-dropdown>ul>li:hover>ul{display:block;}
	#navigation>#mobile-dropdown>ul>li:hover>ul>li a{font-style: normal; }
	#navigation>#mobile-dropdown>ul>li:hover>ul>li a:hover{}

	#navigation>#mobile-dropdown>ul>li>ul>li:hover>ul{display:block; }
	#navigation>#mobile-dropdown>ul>li>ul>li>ul>li{background:url('images/sub-nav-bg.png') repeat; padding-left:10px;}
	#navigation>#mobile-dropdown>ul>li>ul>li>ul>li:hover{background: #000000;}
	#navigation>#mobile-dropdown>ul>li>ul>li>ul{display:none; list-style:none; padding:0; position:absolute; margin-top:-33px;  right:-200px; width:200px; font-size:16px;} 
	
}


/* #Content
================================================== */

#slideshow-wrap{position: relative; margin-bottom: 50px;}
#main-slideshow{position:absolute; top:0; width:80%; padding:0; max-height:290px;overflow: hidden; }
#slideshow{position:relative; padding:0px; color:#ff0000; max-height:290px; overflow: hidden;}
#feature-wrap{background:#011f40; padding:10px; margin-bottom:100px;}
.feature{text-align: center; color:#ffffff;}
.mid-feature{background-color:#ffffff; padding:5px 10px;}
.mid-feature h2{color:#ffffff; background:url('images/sidebar-bg.png') no-repeat bottom left; margin:-5px -10px 2px -10px; padding:5px 5px 20px 5px; text-align:center; font-size: 1.2em;}

#content-wrap{position:relative;}
#content-container{background: #ffffff; float:left; margin-top:50px; width:100%; padding:10px;}

#home-content-wrap{background: #4b2820;}

#main{background:#6e5035; padding:5px; margin:-10px 0; min-height:300px; color:#ffffff;}
#main a{color:#e5cd71;}
#feature{background:url('images/feature-bg.jpg') repeat-x; background-position: cover; min-height:300px; margin:-10px 0; padding:5px;}
#contact{background:#887660; padding:5px; margin:-10px 0; min-height:300px; }

#main h2, #feature h2, #contact h2{background:url('images/heading-bg.png') repeat; padding:15px 30px; margin:0 -18px; color:#c33031; font-weight: 100; font-size:1.8em;}

#sidebar{margin:10px auto; padding:5px;}
#sidebar h2{background:#6e5035; color:#fff; padding:12px; margin-left:-40px; font-weight: 100; font-size:1.8em;}

.edit-mode{position:relative !important; z-index: auto !important; padding-top:20px !important;}

/* #Footer
================================================== */
#copyright-wrap{padding-top:120px; padding-bottom: 30px; background:url('images/footer-bg.jpg') no-repeat bottom left; background-size: contain;}
#copyright{font-size: 13px; font-weight: bold; padding:5px; text-align: center; color:#000000;}

/* #Mobile
=================================================== */
@media only screen and (max-width: 767px) { 

	#header-wrap{text-align: center; }
	#logo{text-align: center;}

	#main-slideshow{position: relative; width:100%;}
	#feature {margin:25px 0;}
	#main {height:100%;}


	#mobile-dropdown-button{display:block; padding:10px; width:100%; cursor:pointer; font-weight:bold; color:#fff; background:#c33031; position:relative;}
	#mobile-dropdown{display:none; z-index:5; width:100%; position:absolute; }
	#mobile-dropdown a{display:block; color:#ffffff; width:100%; padding:8px 25px; text-decoration:none;}
	#mobile-dropdown>ul{list-style:none; padding:0; background:#000000; margin-right:30px; }
	#mobile-dropdown a:hover{background-color:#3d3d3d;}
	#mobile-dropdown ul>li>ul {list-style:none; padding-left:0;}
	#mobile-dropdown ul>li>ul a{padding-left:50px;}
	#mobile-dropdown ul>li>ul>li>ul a{padding-left:70px;}

	.feature{padding:10px; text-align:center;}
	#copyright{text-align: center;}
}