/*
Theme Name: Moderna
Theme URI: http://themeforest.net/user/wpscientist
Description: Skinizer child theme.
Author: WPScientist
Author URI: http://themeforest.net/user/wpscientist
Template: skinizer
Version: 1.0.1
*/

@import url("../skinizer/style.css");

body { background: #fcfcfc url("images/bg/moderna-bg.png"); }

#header { margin-bottom: 40px; }
	#header-inner { background:#fff; width:960px; margin:0 auto; background:#fff;  border-radius: 0 0 5px 5px; box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.03); border:1px solid #d3d3d3; }
	#header-top { margin:0; padding:0; background: transparent; }
		#header-top-inner { padding-top:15px; padding-bottom:15px; }
	#header-main { margin:0; padding:0; } 
		#header-main-inner { padding-bottom:20px; }

#nav {  }
	#header #nav ul.sf-menu > li { margin-left:5px;  border-top: 1px solid transparent; }
		#header #nav ul.sf-menu > li a { padding:10px; color:#2c333d; border-top: 1px solid transparent; font-size:13px; line-height:13px; }
			#header #nav ul.sf-menu > li a .nav-description, #header #nav ul.sf-menu > li.active a .nav-description { display:none; }
	#header #nav ul.sf-menu > li.active {  border:1px solid #dadada; border-radius: 4px; }
		#header #nav ul.sf-menu > li.active > a { border-top: 1px solid #fff;  border-radius: 4px; background: #fff;  box-shadow:inset 0 0 25px 7px #f0f0f0;  color:#2c333d; }

	#header #nav ul.sf-menu > li ul { margin-top:4px; background:#fff; box-shadow:inset 0 0 25px 7px #f0f0f0; border:1px solid #dadada;  }
			#header #nav ul.sf-menu > li ul li {  background:transparent; }
			#header #nav ul.sf-menu > li ul li:first-child {  }
				#header #nav ul.sf-menu > li ul li a {  background: transparent; }
				#header #nav ul.sf-menu > li ul li a:hover { }
				#header #nav ul.sf-menu > li ul li.active a {  }

#main-container { margin-bottom: 30px;  }
	#main-container-inner { background:#fff; width:960px; padding:0; padding-top: 20px; margin:0 auto; background:#fff; border-bottom:0;  border-radius: 5px; box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.03);  border:1px solid #d3d3d3; }

#page-info { margin:0; padding:0; }
	#page-info-inner { border:0; padding-top:0; }

#boxes { margin-bottom: 30px; }
	#boxes-box-1, #boxes-box-2, #boxes-box-3 { color:#fff; }
	.boxes-box-inner { padding: 30px 20px;  }
	#boxes h1, #boxes h2, #boxes h3, #boxes h4, #boxes h5, #boxes h6 { color:#fff; }
	#boxes-box-1 { background: #464a53; }
	#boxes-box-2 { background: #7e684f; }
	#boxes-box-3 { background: #66714a; }

#main-inner { padding-top: 30px; padding-bottom: 30px; }

.wrap-it { background: #fff; box-shadow:inset 0px 0px 30px #f5f5f5; border:1px solid #dadada; border-radius: 4px; padding:20px; }

.service .service-icon-container { left: -35px; top: -35px; }
.service h2, .service h3, .service h4, .service h5, .service h6 { padding:0; }

#footer, #footer-bottom { border-radius: 0 0 5px 5px; }

/* -----------------------------------------------------------------------------
	768px - tablet portrait
----------------------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	#main-container-inner, #header-inner { width:766px; overflow:hidden; }

}

/* -----------------------------------------------------------------------------
	480px - mobile landscape
----------------------------------------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	#main-container-inner, #header-inner { width:478px; overflow:hidden; }

}

/* -----------------------------------------------------------------------------
	320px - mobile portrait
----------------------------------------------------------------------------- */
@media only screen and (max-width: 479px) {
	
	#main-container-inner, #header-inner { width:318px; overflow:hidden; }
	
}