/*
Theme Name: UrbanWay
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: #faf6f3; }

#container { background: transparent url("images/bg/body-bg.jpg") center top no-repeat; background-size: 100%; }

#header { margin-bottom: 40px; }
	#header-inner {  }
	#header-top { background: transparent url("images/bg/dark-overlay.png"); color: #fff; }
		#header-top-inner {  }
	#header-main {  } 
		#header-main-inner { }

#nav { background: transparent url("images/bg/dark-overlay.png"); border-radius: 3px; }
	#header #nav ul.sf-menu > li { margin: 0; color: #fff; }
		#header #nav ul.sf-menu > li a { padding: 20px; }
			#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 { background: transparent url("images/bg/dark-overlay.png"); }
		#header #nav ul.sf-menu > li.active > a {  color: #fff; }
		#header #nav ul.sf-menu > li:hover > a {  color: #fff; }

	#header #nav ul.sf-menu > li ul { margin-top:4px; background: transparent url("images/bg/subnav-arrow.png") 25px top no-repeat; padding: 0; padding-top: 11px; border: 0; }
			#header #nav ul.sf-menu > li ul li {  background:#fff; padding:3px 13px; }
			#header #nav ul.sf-menu > li ul li:first-child {  border-radius: 4px 4px 0 0; }
			#header #nav ul.sf-menu > li ul li:last-child {  border-radius: 0 0 4px 4px; }
			#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-slider-inner { background: transparent url("images/bg/dark-overlay.png"); border-radius: 3px; padding: 20px; color: #fff;  }
#main-slider-inner h1, #main-slider-inner h2, #main-slider-inner h3, #main-slider-inner h4, #main-slider-inner h5, #main-slider-inner h6 { color: #fff;  }


#main-container {  }
	#main-container-inner { background:#fff; width:960px; padding:0; margin:0 auto; background:#fff; border: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);  }

#page-info { margin:0; padding:0; }
	#page-info-inner { border:0; background: #443d3a; padding: 20px; border-radius: 4px 4px 0 0; }
	#tagline h1, #tagline .tagline-description, #breadcrumbs ul li { color: #fff;  }

#boxes { padding-top: 20px; margin-bottom: 30px; }
	#boxes-box-1 { background: #994d7a; margin: 0; width: 33.3%; }
	#boxes-box-2 { background: #a11b2f; margin: 0; width: 33.3%; }
	#boxes-box-3 { background: #226997; 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; }

#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 {  }

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

}

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

}

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