/*   
Theme Name: Norwood Architecture
Author: CommDrive
*/

*
{
	margin		: 0;
	padding		: 0;
}
html, body
{
	margin		: 0;
	padding		: 0;
	background	: #a6aaa0 url(images/bg.jpg) top left repeat-x;
	text-align	: center;
	/*color		: #828581;*/
color		: #000;
	font		: 14px/1.5 Arial, Helvetica, sans-serif;
}

a, img, table, td { border: 0; }

a {
	color: #a53422;
	text-decoration: none;
}
a:hover { text-decoration: none; }

a.button
{
font-weight:bold;
	display				: block;
	background-position	: bottom left;
	background-repeat	: no-repeat;
	text-indent			: -9999px;
}
a:hover.button { background-position: top left; }

h1 
{ 
	font-size		: 26px;
	margin			: 10px 0 25px 0;
	font-weight		: normal;
	line-height		: 22px;
	color			: #8d251e;
}
h2 { margin-bottom: 20px; }
h3 { margin: 10px 0; }
h4 { margin: 10px 0; }

p { margin: 15px 0; }

p.excerpt
{  
 /*color: #828581;*/ color:#000;
    font: 14px/1.5 Arial, Helvetica, sans-serif;
	line-height	: 22px;
	/*color		: #5e6159;*/
	margin		: 30px 0;
}

small, .tip 
{ 
	font-size	: 11px; 
	color		: #787878;
	font-weight	: normal;
}

.divider
{
	clear		: both;
	margin		: 15px 0;
	width		: 100%;
	height		: 1px;
	font-size	: 1px;
	line-height	: 1px;
	background	: #d8dcd5;
}

.clear
{
	clear	: both;
	width	: 100%;
}

/* ----------------------------------------------------- form */

input[type=text], textarea, select, option 
{ 
	padding	: 3px; 
	font	: 12px Arial, Helvetica, sans-serif;
}

fieldset { }
legend { }

form ul 
{ 
	list-style	: none; 
	padding		: 20px 0;
}

form ul label
{
	display		: block; 
	font-weight	: bold;
	/*float		: left;*/
	width		: 120px;
}

form ul li
{
	display	: block;
	clear	: both;
	padding	: 4px 0;
}

/* ----------------------------------------------------- container */

#container 
{ 
	width	: 980px;
	margin	: 0 auto;
	padding : 35px 0;
}

#page
{
	width		: 900px;
	margin		: 0 auto;
	text-align	: left;
}

/* ----------------------------------------------------- page-head */

#page-head
{
	width		: 100%;
	height		: 65px;
	position	: relative;
	background	: url(images/base_bg.png) top center no-repeat;
}
a#logo
{
	display		: block;
	margin		: 0;
	padding		: 0;
	position	: absolute;
	width		: 250px;
	height		: 50px;
	background	: url(images/logo.gif) center center no-repeat;
	top			: 10px;
	left		: 22px;
	text-indent	: -9999px;
	outline		: none;
}

/* ----------------------------------------------------- nav */

#nav 
{ 
	position	: absolute; 
	bottom		: 0px; 
	right		: 5px;
	width		: 600px;
	height		: 60px;
	background	: url(images/nav_bg.png) top right no-repeat;
}
#nav ul 
{
	list-style	: none;	
	float		: right;
	margin		: 14px 18px 0 0;
	position	: relative;
}

#nav li { float: left; margin-right: 5px; }
#nav li a
{
	display			: block;
	float			: left;
	padding			: 10px 14px;
	position		: relative;
	text-transform	: uppercase;
	color			: #474d4d;
	text-shadow		: #f4f6f2 0 1px 0;
	text-decoration	: none;
	z-index			: 10;
	outline			: 0;
	font			: bold 11px Arial, sans-serif;
	
	-webkit-border-radius	: 5px;
	-moz-border-radius		: 5px;
	border-radius			: 5px;
}
#nav li a:hover, #nav li.current_page_item a, #nav li.current_page_parent a, #nav li.current_page_ancestor a { text-decoration: none; color: #FFF; background: #abaea9; text-shadow: none; }

/* ----------------------------------------------------- base */

#base 
{
	float			: left;
	width			: 100%;
	position		: relative;
	background		: #FFF /* url(images/nav_bottom.gif) 5px 251px no-repeat */ ;
}
.home #base
{
	/*padding-bottom	: 26px;*/
	background		: #FFF /* url(images/nav_bottom.gif) bottom 300px no-repeat */ ;
}

/* ----------------------------------------------------- media */

#media 
{
	float				: left;
	width				: 980px;
	height				: 440px;
	max-height			: 540px;
	position			: relative;
	top					: 0;
	left				: -40px;
	background			: #6c2f14 url(images/landing/media_bg.jpg) top left no-repeat;
	position			: relative;
	color				: #FFF;
	font-size			: 16px;
}
#media h1 { color: #ffc3a7; }
#media a {
	color: #ffc3a7;
	text-decoration: none;
}
#media a:hover { text-decoration: none; }

#media table 
{
	position	: absolute;
	right		: 0;
	top			: 0;
}

#media h1 { }

#sketchup
{
	padding		: 17px 0 0 0;
	position	: relative;
	width		: 440px;
	height		: 440px;
	text-align	: center;
	/*background	: url(images/sketchup_bg.png) top left no-repeat;*/
}
#sketchup img
{
	border-color: #999999;
	border-style: solid;
	border-width: 2px;
}
#sketchup iframe
{
	border		: 0;
	width		: 310px;
	height		: 305px;
	margin: 3px auto;
}
#sketchup p { margin: 0; }

#media .content
{
	width	: 510px;
	margin	: 60px 0 0 385px;
}

/* ----------------------------------------------------- main */

#main 
{ 
	width		: 605px;
	float		: right;
	background	: #FFF;
	position	: relative;
	z-index		: 10;
	min-height	: 250px;
}

#main .content-border
{
	border-style: solid;
	border-color: #6c2f14;
	border-width: thin;
	margin-right: 5px;
	width: 598px;
	float: left;
}
#main .content { padding: 45px 65px; float: left; }

img.alignright 	{ float: right; margin: 15px 0 15px 15px; }
img.alignleft	{ float: left; margin: 0 15px 15px 0; }

.content ol, .content ul { margin: 20px 30px; }
.content li { margin-bottom: 8px; }

/* ----------------------------------------------------- posts */

.posts-list { list-style: none; }

.post { margin-bottom: 20px; }

img.thumb 
{ 
	float	: left;
	margin	: 15px 15px 15px 0;
}

a > img.thumb { }
a:hover > img.thumb { }

#list-item {
	padding-bottom: 20px;
	min-height: 135px;
}

#list-item .list-item-image
{
	/*float			:left;*/
	display: inline-block;
	padding-top		: 5px;
	padding-right	: 10px;
}

/* ----------------------------------------------------- sidebar */

#sidebar
{
	width		: 935px;
	height		: 250px;
	background	: #6c2f14 url(images/sidebar_bg_1.jpg) top left no-repeat;
	position	: absolute;
	left		: -40px;
	z-index		: 1;
}
#sidebar .content { width: 250px; margin: 300px 0 0 65px; }

#sidebar ul, #sidebar ol { list-style: none; }

#landing-sidebar ul, #landing-sidebar ol { list-style: none; }

#landing-sidebar li, #landing-sidebar a
{
	color			: #ffffff;
	text-decoration	: none;
	margin-bottom	: 0;
}

/* ----------------------------------------------------- subnav */

#subnav
{ 
	height		: 44px; 
	position	: relative;
	z-index		: 10;
}
#subnav ul { list-style: none; float: right; margin: 10px 7px 0 0; }
#subnav li { display: inline; }
#subnav li a
{
	display			: block;
	float			: left;
	padding			: 6px 8px;
	text-decoration	: none;
	color			: #333;
	text-transform	: uppercase;
	font-size		: 11px;
	color			: #ffc3a7;
	margin-right	: 20px;
	letter-spacing	: 1px;
}
#subnav ul li a:hover 
{
	background	: #2e0b08;
}
#subnav ul li.current_page_item a 
{ 
	background	: #2e0b08;
}
#subnav ul li.current_page_item li a 
{ 
	background	: #2e0b08;
}

/* ----------------------------------------------------- footer */

#footer 
{ 
	clear		: both;
	padding		: 30px 45px;
	font-size	: 13px;
	/*color		: #9c9e99;*/color:#000;
	background	: url(images/base_bg.png) bottom center no-repeat;
}
#footer span { font-size: 16px; }
#footer ul { list-style: none; margin: 5px 0; }
#footer ul li 
{ 
	display			: inline; 
	padding-right	: 11px;
	font-size		: 14px;
	color			: #474d4d;
	text-transform	: uppercase;
}
#copyright
{
	padding-left: 550px;
}

.gallery {
	width: 400px;
}


#page-head{
	height:auto;
	min-height:65px;
	-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.navbar-toggle-custom{position: relative;float: right;padding: 9px 10px;margin-top: 8px;margin-right: 15px;margin-bottom: 8px;background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 4px;display:none;}
.navbar-toggle-custom .icon-bar{display: block;width: 22px;height: 2px;border-radius: 1px;}
.navbar-toggle-custom .icon-bar + .icon-bar{margin-top: 4px;}
.navbar-toggle-custom{float:right;padding: 0;border: 0;border-radius: 10px;margin:20px 0 20px;background: url(images/nav_bg.png) top right no-repeat;margin: 4px;padding: 20px;cursor:pointer;outline:none;}
.navbar-toggle-custom label{font-size: 22px;margin: 1px 8px 0 0;color: #000;font-weight: 400;text-transform: uppercase;display:inline-block;vertical-align:middle;cursor:pointer;}
.navbar-toggle-custom > span{display:inline-block;vertical-align:middle;}
.navbar-toggle-custom .icon-bar{  width: 30px;  height: 3px;  background-color:#7b0e01;}

.table-banner-hero{}
.table-banner-hero >div{display: -webkit-flex; /* Safari */-webkit-flex-direction: row; /* Safari 6.1+ */display: flex;flex-direction: row;}
.table-banner-hero .col-1{float:left;width:55%;padding-left: 90px;padding-right: 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.table-banner-hero .col-1 .inner{display:table;height:100%;width:100%;padding-top:20px;padding-bottom:20px;}
.table-banner-hero .col-1 .inner >div{display:table-cell;vertical-align:middle;}
.table-banner-hero .col-2{float:left;width:45%;padding-left:0px;padding-right:10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

#nav li{position:relative;}
#nav li:hover ul.children{display:block;}
#nav li ul.children{position:absolute !important;top:100%;left:0;width:240px;background-color:#abaea9;display:none;margin:0;z-index: 99;}
#nav li li{
	float:none;
	display:block;
}
#nav li li a{
	float:none;
	display:block;
color:#FFF;
}
#nav > ul > li:last-child ul{
	left:auto;
	right:0;
}
#base:after{
	content:'';
	display:block;
	clear:both;
}

#subnav{
	display:none;
}
#main{
	padding-top:20px;
	background: none;
}
#main .content-border{
	border:0 !important;
    margin-right: 0;
	background-color:#FFF;
	padding: 3px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#main .content-border > .content{
    border-style: solid;
    border-color: #6c2f14;
    border-width: thin;
    margin-right: 5px;
    float: none;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#main .content-border > .content:after{
display:block;
content:'';
clear:both;
}
.toogle-dropdown{position: absolute !important;top: 0;right: 0;display:none !important;}
.toogle-dropdown .fa-minus{display:none;}
#nav div > ul > li.opened .toogle-dropdown .fa-minus{display:block;}
#nav div > ul > li.opened .toogle-dropdown .fa-plus{display:none;}


@media screen and (max-width: 1024px){
#container{width: 970px;}	
#page {
    width: 880px;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
#media {
    width: 955px;
	max-height: none;
}
img, iframe{max-width:100%;}
}
@media screen and (max-width: 991px){
#container{width: 810px;overflow:hidden;}	
#page {
    width: 810px;
}
#nav{
	width: 480px;	
}
#media {
    width: auto !important;
    left: 0 !important;
	height: auto !important;
	background-position: -62px 0px;
	margin-left: 0 !important;
    margin-right:0 !important;
}
.home #media {
	background-position:0px 0px;
}
#sketchup{
	width:auto;
	height:auto;
}
#sketchup img{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: auto;}
.table-banner-hero .col-1{
	padding-left:20px;
}
#footer{
	background-color:#FFF;
}
#copyright {
    padding-left: 0;
    text-align: center;
    padding-top: 20px;
}
#media .content{
	width: auto;
    margin: 60px 0 0 260px;
    padding-right: 20px;	
}
#sidebar {
    width: 840px;
	left: -15px;
	background-position: -25px 0px;
	
}
#sidebar .content{
	margin:0;
}
}
@media screen and (max-width: 885px){
#container {
    width: 100%;
}
#page {
    width: 100%;
	padding-left:15px;
	padding-right:15px;
}
#nav{width:405px;background-size: contain;}
#nav ul{margin-right:10px;}
#nav li a{padding:10px;}
#footer{
	margin-left: -15px;
    margin-right: -15px;
}
#base{
	width:auto;
	float:none;
	margin-left: -15px;
    margin-right: -15px;
}
#page-head{
	width: auto;
    margin-left: -15px;
    margin-right: -15px;
}
#sidebar{
	position:static;
}
}
@media screen and (max-width: 767px){

.navbar-toggle-custom{
	display:block;
}
#nav {
width: auto;
    padding: 0 !important;
    background-size: cover;
    border-radius: 0;
    clear: both;
    position: static !important;
    height: auto !important;
	
}
#nav ul {
    display: none;
    width: 100%;
    right: 0;
left:auto !important;
    margin: 0;
    top: 100%;
	background-color: #abaea9;
    z-index: 99;
	float:none;
	padding: 10px;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
#nav li {
    margin: 0;
    float: none;
    display: block;
}
#nav li a{
	float: none;
	font-size:14px;
}
#nav li:hover ul.sub-menu{display:none;}
#nav li ul.sub-menu{
	display:none;
	position:static !important;
float:none !important;
}
#main{
	float: none;
    width: 100%;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
}
#main .content-border{
	border:0 !important;
    margin-right: 0;
	width:100%;
	background-color:#FFF;
	padding: 3px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#main .content-border > .content{
    border-style: solid;
    border-color: #6c2f14;
    border-width: thin;
    margin-right: 5px;
    width: 100%;
    float: none;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#main .content {
    padding: 25px 20px;
}
#media .content{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
}
#subnav li a{
	margin-right: 8px;
}
.gallery{
	width: 100%;
    max-width: 400px;
}
.table-banner-hero {
    padding: 0 15px;
}
.toogle-dropdown{
	display:block !important;
}
}
@media screen and (max-width: 600px){
#media{
	max-height: none;
}
.table-banner-hero >div{display:block;}
.table-banner-hero .col-1{
	float:none;
	width:100%;
}
.table-banner-hero .col-2{
	float:none;
	width:100%;
	padding-left:20px;
	padding-right:20px;
}
#media .content {
    margin: 310px 0 0 20px;
}
#main{
	margin-top:0;
	padding-left:0;
}
}
@media screen and (max-width: 480px){

}
@media screen and (max-width: 400px){

}
.form-group{margin-bottom:20px;}
.form-group *{-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.form-group:after{content:'';display:block;clear:both;}
.form-group .col-sm-6{width:50%;float:left;padding:0 10px;}
.form-group .row{margin:0 -10px;}
.form-group input[type=text], .form-group input[type=tel], .form-group input[type=email], .form-group textarea,
.form-group select{width:100%;}
.form-group .label-small{font-size:11px;}
.form-group input[type=submit]{padding: 10px 20px;}
.form-group .required{color:red;}