BODY {
font-family:Arial;
margin:0;padding:0;	
background-color:#000000;	 
background-image:url('img/wootwoodbg.png');
}
H1 {
	 color:#103C5D;
	 font-size:1.6em;
	 font-weight:bold;
	 margin-top:24px;
	 margin-bottom:12px;
}
H2 {
	 color:#000000;
	 font-size:1.4em;
	 font-weight:bold;
	 margin-top:24px;
	 margin-bottom:16px;
}
.duplex-homes H2 {
	margin:0;
}
.duplex-homes .img-responsive {
	max-height:130px;
}
.duplex-homes P.head-lg {
font-size:0.8em;
margin-bottom:0;
}
.duplex-homes P.head-sm {
font-weight:bold;
font-size:1em;
color: #339900;
}

.gallery-break {
	clear:both;
	margin-bottom:16px;
}
.hosted-by {
	color:#666;
	margin:6px;
	font-size:0.9em;
}
.hosted-by A, .hosted-by A:visited, .hosted-by A:active {
	color:#666;
}
.content .photo-wrapper {
	/*background-color:#FFF7CF;*/
	text-align:center;
	padding:2px;
	margin-bottom:24px;
}
.content .photo-wrapper IMG {
	/*background-color:#FFF7CF;*/
	margin-left:auto;
	margin-right:auto;
	border: solid 4px #FFF7CF;
}
.content .photo-wrapper P {
	margin:0;font-size:0.8em;
	text-align:center;
	font-weight:bold;
}
.content .additional-pics IMG {
	margin-bottom:2px;
	border:solid 1px #FFF7CF;
}
.content .additional-pics DIV {
	padding:2px;
}
.content P, .content H1, .content H2 {
	margin-left:12px;
	margin-right:12px;
}
.content H3 {
	margin:0;
	margin-bottom:4px;
	font-weight:bold;
	font-size:1.3em;
}
.content .front-right H2 {
	margin:0;
	margin-bottom:4px;
	font-weight:bold;
	font-size:1.6em;
}
#content-wrapper {
		min-height:400px;
		margin-bottom:24px;
}
/* button override */
.btn-primary {
	margin-bottom:12px;
	margin-right:4px;
	background-color:#000;
	border-color:#ffffff;
}
.btn-success {
	margin-top:8px;
}
.container {
background-color:#103C5D;
}
.header {
min-height:280px;
    background: url(img/perham-homes-header.jpg);
    background-size: cover;
    -webkit-background-size: cover;
            background-size: cover;

}
.logo {
	font-weight:bold;
	margin-top:16px;
	margin-bottom:8px;
}
.logo-wrapper {
	margin-left:auto;margin-right:auto;
	max-width:160px!important;
}
.logo-text {
	position:relative;top:6px;
}
.menu {
	background-color:#172B39;
	color:#ffffff;
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight:bold;
	
}
.menu .item {
	float:left;
	display:block;
	padding:10px;
	padding-left:18px;
	padding-right:18px;
	border-right: solid 1px #345266;
}
.menu .firstlink {
/*margin-left:24px;*/
}
.menu A, .menu A:visited, menu A:active {
	font-size:0.9em;
	color:#ffffff;
}
.menu A:hover {
	background-color:#FFF7CF;
	color:#103C5D;
	text-decoration:none;
}
.sidebar .leftmenu A:hover {
	text-decoration:none;
	color:#FFF7CF;
}
.info {
	text-align:right;
	line-height:24px;
	font-size:16px;
	max-width:152px; /* sizing to center logo text on medium screen */

}
.info A, .info A:visited, info A:active {
	font-size:0.8em;
	color:#ffffff;
}
.sidebar {
	background-color:#103C5D;
	color:#ffffff;
}
.sidebar .leftmenu {
	text-align:right;
	padding-top:16px;
}
.sidebar .leftmenu A {
	display:block;
	font-size:1.0em;
	color:#ffffff;
	font-weight:bold;
	line-height:42px;
	margin-right:6px;
}
.sidebar .perham-text {
	margin-left:auto;margin-right:auto;display:block;
}
.content {
	background-color:#ffffff;
	color:#000000;
	font-size:1.2em;
}
.content .front-right {
	background-color:#FFF7CF;
	padding:24px;
	padding-top:16px;

}
.content .listing-block {
	background-color:#FFF7CF;
	padding:6px;
	margin:12px;
}
.content .house-block {
	background-color:#C0BDAE;
	margin-top:4px;
}
.content .house-block IMG {
	padding:4px;
}
.content .house-info {
	padding:6px;
	font-weight:bold;
	font-size:1.4em;
}
.footer {
	background-color: #C2C2C2;
	color: #103C5D;	
	font-size:0.8em;
	font-weight:bold;
	padding-bottom:4px;
	padding-top:4px;
	margin-top:8px;
}
.footer A, .footer A:hover, .footer A:visited, .footer A:active {
	color: #103C5D;
}
.footer .footer-link {
	display:block;
	float:left;
	padding:0;
	padding-right:8px;
	padding-left:8px;
	margin-bottom:4px;
	margin-top:4px;
	border-right:solid 1px #E8E8E8;
}
.footer DIV {
	margin:3px;
}
/* alterations for screensize */
.content .color-block {
	background-color:#D4FFD0;
	border:solid 1px #ABD1A7;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	font-size:1.5em;
	padding:12px;
	margin-bottom:24px;
	margin-left:auto;
	margin-right:auto;
	max-width:360px;
}
.content .front-right .color-block SMALL {
	font-size:0.7em;
}

/* MEDIA QUERIES */
@media screen and (max-width: 991px) {
	 .header {
	 min-height:0;
	 height:240px!important;
	 }
    .logo-text-sm {
    	margin-top:16px;
    }
    .info {
    	margin-top:2px;
    }
}

@media screen and (max-width: 600px) {
	.menu .item {
    border-right:0;
    }
    .header {
	 min-height:0;
    background-size: cover;
    -webkit-background-size: cover;
            background-size: cover;
	 }
	.perham-logo-enclosure {
	border:solid 1px red;
   display:none!important;
    }
    .perham-text-enclosure {
	width:100%;
    }
    .duplex-homes .img-responsive {
	max-height:60px;
	}
}