﻿ /* Main CSS */

/* #Basic Styles
================================================== */
html{}

.full{margin:0px 25px;}

body{background:url('images/bg-repeat.jpg') repeat-y top center; background-size:100%;}
#bg{background:url('images/bg.png') no-repeat top center; background-size:100%; padding-bottom:50px; min-height:600px;}


/* #Header
================================================== */
#header-wrap{background:url('images/blue-trans-65.png') repeat-x top; padding-top:7px;}
#header{}
#header-feature{padding-top:30px; color:#ffffff; text-align:left;}
#header-feature a{color:#ffffff;}
#header-feature a:hover{color:#ffffff;}
#header-social{padding-top:30px; color:#ffffff; text-align:right;}
#logo img{margin:0 auto;}

/*Navigation 
================================================== */
@media only screen and (min-width: 680px) { 
	#mobile-dropdown-button{display:none;}
	#navigation-wrap{background:url('images/red-bg-trans.png') repeat;}
	#navigation{}
	#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:#ffffff; padding:12px 17px; text-align:center;font-style: normal;}
	#navigation>#mobile-dropdown>ul>li:hover>a{}
	#navigation>#mobile-dropdown>ul>li:hover{background:url('images/blue-trans-65.png') repeat; margin-top:-7px; padding-top:7px; margin-bottom:-10px; padding-bottom:10px;}
	#navigation>#mobile-dropdown>ul>li.nav-first a{}
	#navigation>#mobile-dropdown>ul>li>ul{
		z-index:10; 
		display:none;
		position:absolute;
	    padding-left:0;
	    padding-top:13px;}
	#navigation>#mobile-dropdown>ul>li>ul>li{background:url('images/blue-trans-90.png'); width:200px; float:left; list-style-type:none; height:auto !important; }
	#navigation>#mobile-dropdown>ul>li>ul>li:hover{background:#114d6e;}
	#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.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/blue-trans-90.png');}
	#navigation>#mobile-dropdown>ul>li>ul>li>ul>li:hover{background:#114d6e;}
	#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;} 
	#navigation>#mobile-dropdown>ul>li>ul>li:hover>ul{display:block; }
	
}



/* #Content
================================================== */
#slideshow-wrap{min-height:160px; background:#fff; margin-bottom:20px;}

#features-wrap{padding-top:15px; padding-bottom:60px;}
#features{}
.feature{text-align:center;}

#content-wrap{background:#ededed; }
#content{padding:5px; }

#main{padding-top:25px;}

#form{padding-top:5px;}


/* #Footer
================================================== */
#footer-wrap{position:relative; background:url('images/blue-trans-90.png'); }

#footer-social{text-align: right; margin-top:30px; padding-right:50px; color:#ffffff;}

#footer-feature{font-size: 16px; margin-top:30px; color:#ffffff;}
#footer-feature a{color:#ffffff; font-style: italic; font-weight: bold;}
#footer-feature a:hover{color:#ffffff; }

#footer{color:#ffffff; margin-top:30px; text-align:right;}
#footer a{text-decoration: none; color:#042129;}
#footer a:hover{text-decoration: underline;}

#copyright{color:#000000; font-size: 16px;}
#copyright a{text-decoration: underline; color:#042129;}
#copyright a:hover{text-decoration: none;}

/* #Mobile
=================================================== */
@media only screen and (max-width: 680px) { 
	
	#slideshow-wrap{display: none;}
	.feature{width:100%;}

	#mobile-dropdown-button{display:block; padding:10px; width:100%; cursor:pointer; background-color:#921a1c; color:#ffffff; }
	#mobile-dropdown{display:none;}
	#mobile-dropdown{background:#1973a4; color:#ffffff;}
	#mobile-dropdown a{display:block; color:#ffffff; width:100%; padding:8px 25px; text-decoration:none;}
	#mobile-dropdown a:hover{background:#114d6e; color:#ffffff;}
	#mobile-dropdown ul{list-style:none; padding:0;}
	#mobile-dropdown ul>li>ul a{padding-left:50px;}

	#content ul li{list-style-type: none; padding-left: 20px; margin-left:-25px;}
	#content{margin:30px 0 0 0; }

	#copyright{position:relative; text-align:center;}


}

/* #Fancybox fix

================================================== */

#fancybox-wrap {
box-sizing: content-box;
 -moz-box-sizing: content-box; /*firefox*/
 
 
 
 /* #Pro Blog Styling

================================================== */

#blog_sidebar {
	
	float:right;
	width: 300px;
	height: auto;
	clear: right;
	margin-left: 20px;
}
#blog_body {
	width: 600px;
	height: auto;
	}
