/*
Theme Name: Office
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");

#header { margin: 0; }
	#header-top { background: #2c333d; color: #fff; }
	#header-main { padding: 0; }
		#logo { float: none; padding: 30px 0;  }

#nav { float: none; clear: both; background: #2c333d; }
	#header #nav ul.sf-menu > li { margin: 0; color: #fff; border-right: 1px solid #4a5058;  }
		#header #nav ul.sf-menu > li > a { padding: 20px; border-right: 1px solid #1d2228; }
			#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 {  }
		#header #nav ul.sf-menu > li.active > a {  color: #fff; background: #e96117; }
		#header #nav ul.sf-menu > li:hover > a {  color: #fff; background: #e96117; }

	#header #nav ul.sf-menu > li ul { background: #2c333d; border: 0; border-radius: 0; padding: 0; }
			#header #nav ul.sf-menu > li ul li { background: #2c333d; border-color: #1d2228; padding: 2px 15px; }
			#header #nav ul.sf-menu > li ul li:first-child {  }
			#header #nav ul.sf-menu > li ul li:last-child {  }
			#header #nav ul.sf-menu > li ul li:first-child {  }
			#header #nav ul.sf-menu > li ul li.active { background: #444e5b; }
			#header #nav ul.sf-menu > li ul li:hover { background: #444e5b; }
				#header #nav ul.sf-menu > li ul li a { color: #fff; }
				#header #nav ul.sf-menu > li ul li a:hover { color: #fff;  }
				#header #nav ul.sf-menu > li ul li.active a { color: #fff; }

	#header #nav ul.sf-menu li ul li.has-submenu { background-position: 95% center; }
	#header #nav ul.sf-menu > li > a .nav-submenu-arrow { background-image: url("images/elements/nav-arrow.png"); }

#mobile-navigation-container { float: none; margin: 0; padding: 0; margin-bottom: 10px; }

#page-info-inner { background: #454a52; border: 0; }
	#tagline { padding-left: 20px; padding-right: 20px; }
	#breadcrumbs { padding-left: 20px; padding-right: 20px; }
	#tagline h1, #tagline .tagline-description, #breadcrumbs ul li { color: #fff; }

#boxes {  }
	#boxes-box-1 { background: #ee6231; margin: 0; width: 33.3%; }
	#boxes-box-2 { background: #dbbe48; margin: 0; width: 33.3%; }
	#boxes-box-3 { background: #98c05a; margin: 0; width: 33.3%; }
	.boxes-box-inner { padding: 20px; color: #fff; }
	#boxes h1, #boxes h2, #boxes h3, #boxes h4, #boxes h5, #boxes h6 { color: #fff; }

/* -----------------------------------------------------------------------------
	480px - mobile landscape
----------------------------------------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	#boxes-box-1, #boxes-box-2, #boxes-box-3 { width: 100%; }

}

/* -----------------------------------------------------------------------------
	320px - mobile portrait
----------------------------------------------------------------------------- */
@media only screen and (max-width: 479px) {
	
	#boxes-box-1, #boxes-box-2, #boxes-box-3 { width: 100%; }
	
}