/* Main CSS */

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

.full{margin:0px 25px;}

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

.edit-mode{z-index: auto !important; margin:0 !important; top:auto !important; position:relative !important;}

/* #Header
================================================== */
#header-wrap{background:url('images/blue-bg.jpg') repeat;}
#header{font-size: 1.5em; color:#ffffff;}
#header{text-align: right; }
#logo{text-align:center;}
#fancybox-wrap {
   box-sizing: content-box;
   -moz-box-sizing: content-box; /*firefox*/
}

/*Navigation 
================================================== */
@media only screen and (min-width: 768px) { 
	#mobile-dropdown-button{display:none;}
	#navigation-wrap{background:url('images/nav-bg.png') repeat-x left center; position:absolute; z-index:10; width:100%; margin-top:20px;}
	#navigation{margin-top:45px;}
	#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:#04629b; font-weight: bold; padding:8px 12px 28px 12px; text-align:center; font-size:16px; font-style: normal;}
	#navigation>#mobile-dropdown>ul>li:hover>a{color:#fff; background:#04629b;}
	#navigation>#mobile-dropdown>ul>li>ul{
		z-index:20; 
		display:none;
		position:absolute;
	    padding-left:0;}
	#navigation>#mobile-dropdown>ul>li>ul>li{background:url('images/sub-nav-bg.png'); width:200px; float:left; list-style-type:none; height:auto !important; }
	#navigation>#mobile-dropdown>ul>li>ul>li:hover{background:#353535;}
	#navigation>#mobile-dropdown>ul>li>ul>li a{padding:5px 15px; color:#ffffff; margin:auto; text-decoration:none; font-size:14px;}
	#navigation>#mobile-dropdown>ul>li:hover>ul{display:block;}
	#navigation>#mobile-dropdown>ul>li:hover>ul>li.nav-first a{}
	#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>ul>li{background:url('images/sub-nav-bg.png');}
	#navigation>#mobile-dropdown>ul>li>ul>li>ul>li:hover{background:#353535;}
	#navigation>#mobile-dropdown>ul>li>ul>li>ul{display:none; list-style:none; padding:0; position:absolute; margin-top:-30px;  right:-200px; width:200px; font-size:12px;} 
	#navigation>#mobile-dropdown>ul>li>ul>li:hover>ul{display:block; }
	
}



/* #Content
================================================== */
#slideshow-wrap{min-height:160px; padding-bottom:1px;}

.sidebar-wrap{background:url('images/sidebar-bg.jpg') repeat-y right; background-size:65%; }
#content{padding:5px; }

#main{}

#feature-wrap{background:url('images/blue-bg.jpg') repeat-x #b7b7b7; background-position: 100% 70%; padding-top:15px; padding-bottom:60px; min-height: 220px;}
#main-feature{top:-50px; z-index:10;}

@media only screen and (max-width: 992px) { 
	.sidebar-wrap{background:url('images/sidebar-bg.jpg') repeat-y !important; background-size: 110% !important;}
}

/* #Footer
================================================== */
#footer-wrap{position:relative; background:#353535;}
#footer{padding-top:5px; padding-bottom:5px; color:#ffffff;}
#footer-feature{text-align: left; font-size:14px;}
#footer a{text-decoration: none; color:#8c8d96;}
#footer a:hover{text-decoration: underline;}

#copyright{text-align: right;}

/* #Mobile
=================================================== */
@media only screen and (max-width: 768px) { 
	
	#main-feature{top:0;}
	.feature{width:100%;}
	.sidebar-wrap{background:none !important;}

	#mobile-dropdown-button{display:block; padding:10px; width:100%; cursor:pointer; font-weight:bold; color:#04629b; background:url('images/nav-bg.png'); position:relative;}
	#mobile-dropdown{display:none; z-index:20; width:100%; position:absolute; }
	#mobile-dropdown a{display:block; color:#fff; font-style: normal; width:100%; padding:8px 25px; text-decoration:none;}
	#mobile-dropdown>ul{list-style:none; padding:0; background:#04629b; margin-right:30px; }
	#mobile-dropdown a:hover{background-color:#353535; color:#fff;}
	#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;}

	#contact{text-align: right;}
	#copyright{position:relative; text-align:center;}

}