@import url('layout.main.css');

#promo {
	height : 191px;
}

	#header-image {
		position : absolute;
		left : 0px;
		right : 0px;
		top : 0px;
		bottom : 0px;
		width : auto;
		height : auto;
	}
	
	#free-consultation {
		top : 68px;
	}
	
#sidebar {
	float : left;
	margin : 30px -30px 30px 15px;
	width : 200px;
	background : #2a9335;
}

			.w-480 #sidebar,
			.w-768 #sidebar {
				width : 20%;
			}
			
			.w-320 #sidebar {
				float : none;
				width : 100%;
				height : 100px;
				margin : 0px;
				border-top : 2px #ffffff solid;
				overflow-x : auto;
				overflow-y : hidden;
			}
			
			.w-320 #sidebar #subnav {
				transform : rotate(270deg);
				width : 100px;
				height : 100%;
				border-bottom : 2px #ffffff solid;
			}
			
			.w-320 #sidebar #subnav a {
				padding : 10px;
			}

	ul#subnav,
	ul#subnav ul {
		display : block;
		padding : 0px;
		margin : 0px;
		list-style-type : none;
	}
	
		ul#subnav li {
			display : block;
			padding : 0px;
			margin : 0px;
			border-bottom : 2px #ffffff solid;
			background : #2a9335;
		}
		
		ul#subnav li a {
			display : block;
			font-size : 14px;
			font-family : OpenSans;
			font-weight : bold;
			padding : 5px 10px;
			color : #ffffff;
			text-decoration : none;
		}
		
			ul#subnav li a:hover {
				background : rgba(255,255,255,0.2);
				transition : background-color 0.2s, padding-top 0s, padding-bottom 0s;
			}
			
			ul#subnav li a:active,
			ul#subnav li a.activeLink,
			ul#subnav li.activeLink > a {
				background : rgba(0,0,0,0.2) !important;
				padding : 6px 10px 4px;
				transition : all 0s;
			}

#content {
	margin : 30px;
}

	#content > *:first-child {
		margin-top : 0px;
	}

#sidebar + #content {
	float : right;
	margin : 30px 30px 30px -30px;
	width : 696px;
}

			.w-480 #sidebar + #content,
			.w-768 #sidebar + #content {
				width : 70%;
			}
			
			.w-320 #content,
			.w-320 #sidebar + #content {
				margin : 0px 30px 30px;
				float : none !important;
				width : auto !important;
			}