/* Main CSS */

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

body{}
body img{
	max-width: 100%;
	height: auto;}

/* #Header
================================================== */
#header-wrap{background:url('images/header-bg-overlay.jpg') no-repeat right; min-height:217px;}
#header-container{}
#header-feature{font-size:18px; padding-top:10px; color:#810c27; text-align: right;}

#logo{margin:20px 0 20px -50px;}
#logo img{}

/*Navigation 
================================================== */
@media only screen and (min-width: 768px) { 
	#mobile-dropdown-button{display:none;}
	#navigation-wrap{background:url('images/nav-bg.png') no-repeat right top; border:solid #810c27; border-width: 4px 0;}
	#navigation{float:left;}
	#navigation a{display:block; text-decoration:none; }
	#navigation a:hover{}
	#navigation>#mobile-dropdown>ul{padding:0; margin:0; list-style:none; float:left; }
	#navigation>#mobile-dropdown>ul>li{float:left; position:relative; }
	#navigation>#mobile-dropdown>ul>li>a{color:#810c27; text-shadow: 1px 1px 1px #ffffff, -1px -1px 1px #ffffff; padding:10px; text-align:center;font-style: normal; font-size: 18px;}
	#navigation>#mobile-dropdown>ul>li:hover>a{color:#000000;}
	#navigation>#mobile-dropdown>ul>li:hover{}

	#navigation>#mobile-dropdown>ul>li>ul{
		z-index:15; 
		display:none;
		position:absolute;
		padding:0;}
	#navigation>#mobile-dropdown>ul>li>ul>li{background:#883c46; width:200px; float:left; list-style-type:none; height:auto !important; }
	#navigation>#mobile-dropdown>ul>li>ul>li:hover{background:#810c27;}
	#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:#883c46;}
	#navigation>#mobile-dropdown>ul>li>ul>li>ul>li:hover{background:#810c27;}
	#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{background:url('images/slideshow-bg-repeat.jpg'); width:100%; float:left; position:relative;}
#slideshow{position:relative; padding-right:0; min-height:337px;}
#slideshow-overlay-l{width:100%; height:100%; min-height:337px; background:url('images/slideshow-overlay-l.png') no-repeat left bottom;  position:absolute; z-index:10;}
#slideshow-overlay-r{width:100%; height:100%; min-height:337px; background:url('images/slideshow-overlay-r.png') no-repeat right top;  position:absolute; z-index:10;}

#content-wrap{}
#main-container{margin:40px auto;}
#content-container{padding-top:10px; padding-bottom: 10px;}

#main{padding-top:20px;}

.feature{padding:5px 15px;}

.edit-mode{z-index: auto !important; }

/* #Footer
================================================== */
#footer-wrap{position:relative; background:#7d7d7d; color:#ffffff; padding-top:20px; padding-bottom: 10px;}

#copyright{font-size: 13px; text-align: right;}

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

	#header-wrap{background:url('images/header-bg.jpg') no-repeat right;}
	#logo{margin:20px auto;}
	
	#slideshow-overlay-l{display:none;}
	#slideshow-overlay-r{display:none;}
	#slideshow{padding-right:15px;}

	#mobile-dropdown-button{display:block; padding:10px; width:100%; cursor:pointer; background:#ffffff; color:#810c27; position:relative; border:solid #810c27; border-width: 4px 0;}
	#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:#883c46; margin-right:30px; }
	#mobile-dropdown a:hover{background-color:#810c27;}
	#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;}

	#copyright{text-align: center;}
}