html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #000000;
    border: none;
    color: #ffffff;
    font-family: 'Asul', sans-serif;
    text-align: center;
    z-index: 0;
}
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-size: 100% 100%;
}
a {
	text-decoration: none;
}
a:link {
	color: #ffffff;
}
a:visited {
	color: #efefef;
}
a:hover {
	color: #b41414;
}
a:active {
	color: #ffce07;
}
a img {
    border: none;
}
.red {
    color: #b41414;
}
.yellow {
    color: #ffce07;
}
.float-right {
    float: right;
}
.float-left {
    float: left;
}
.clear-left {
    clear: left;
}
.clear-right {
    clear: right;
}
.clear-both {
    clear: both;
}
.image-left {
	float: left;
	margin: 0 2.5% 2.5% 0;
}
.align-left {
	text-align: left;
}
.two-column {
    float: left;
    width: 45%;
    margin: 0 2%;
    text-align: left;
}

/* Main */

#main {
	position: fixed;
	width: 80%;
	top: 4em;
	bottom: 4em;
	overflow-x: hidden;
	overflow-y: scroll;
	text-align: left;
	color: #ffffff;
	/* text-shadow: 0 0 10px #000000, 0 0 10px #000000, 0 0 10px #000000, 0 0 10px #000000, 0 0 10px #000000, 0 0 10px #000000, 0 0 10px #000000; */
}
#title-cont {
	width: 80%;
	height: 70%;
	margin: 30% 10% 20% 10%;
}
#title-cont-top {
	width: 60%;
	margin: 0 20%;
}
#l-title {
    text-align: center;
}
#r-title {
    color: #ffce07;
    text-align: center;
}
#downarrow {
	width: 10%;
	height: 4em;
	margin: 0 45%;
	text-align: center;
}
a.downarrow {
	text-align: center;
}
img.downarrow {
	height: 4em;
}
.fullPage {
	clear: both;
	width: 100%;
}
.fullPageImg {
	float: left;
	width: 20%;
	margin: 1%;
}
#woodBrosTwp {
	width: 100%;
}

/* Search */

.search {
	width: 95%;
	height: 2000px;
	margin: 0 2.5%;
}

/* Contact Us */

#contact {
	width: 300px;
	height: 620px;
    margin: 5px;
	padding: 5px;
    text-align: left;
	font-family: 'Asul', sans-serif;
	font-size: 2.5em;
	background: none #000000 100% 100%;
}
#name {
    width: 280px;
	height: 2.5em;
    margin: 5px;
	padding: 5px;
	font-family: 'Asul', sans-serif;
}
#phone {
    width: 280px;
	height: 2.5em;
    margin: 5px;
	padding: 5px;
	font-family: 'Asul', sans-serif;
}
#email {
    width: 280px;
	height: 2.5em;
    margin: 5px;
	padding: 5px;
	font-family: 'Asul', sans-serif;
}
#comments {
    width: 280px;
	height: 200px;
    margin: 5px;
	padding: 5px;
	font-family: 'Asul', sans-serif;
	font-size: 1.5em;
}
#contact-us-send {
	float: left;
	width: 110px;
	height: 2em;
	margin: 5px;
	padding: 5px;
	font-family: 'Asul', sans-serif;
	font-size: 1.5em;
}
#contact-us-reset {
	float: right;
	width: 110px;
	height: 2em;
	margin: 5px;
	padding: 5px;
	font-family: 'Asul', sans-serif;
	font-size: 1.5em;
}

/* Satellite Sites */
#title-img {
	width: 100%;
}
#l-title-sat {
	width: 80%;
	margin-right: 20%;
	text-align: center;
}
#r-title-sat {
	width: 80%;
	margin-left: 20%;
	text-align: center;
	color: #ffce07;
}
#iframe-sat {
	width: 100%;
	height: 2400px;
}

/* Small Screens */

@media (max-width: 719px) {
	body {
		font-size: 0.4em;
	}
	#main {
		width: 100%;
		margin: 0;
	}
	#l-title {
		width: 70%;
		margin-right: 30%;
	}
	#r-title {
		width: 70%;
		margin-left: 30%;
	}
	
	#main-footer {
		width: 100%;
		margin: 0;
	}
	div.wood-brothers-logo {
		float: left;
		width: 55%;
		margin: 0 5% 0 0;
	}
	a.wood-brothers-logo {
		width: 100%;
	}
	img.wood-brothers-logo {
		width: 100%;
	}
	div.wood-brothers-contact-information {
		float: left;
		width: 40%;
		margin: 0;
	}
	#social-media {
		float: none;
		width: 100%;
		margin: 0;
	}
	#social-media-links {
		float: none;
		width: 100%;
		margin: 0;
	}
	div.you-tube {
		float: left;
		width: 20%;
		margin: 0 5% 0 0;
	}
	.you-tube a {
		width: 100%;
	}
	.you-tube img {
		width: 100%;
	}
	div.linked-in {
		float: left;
		width: 20%;
		margin: 0 5% 0 0;
	}
	.linked-in a {
		width: 100%;
	}
	.linked-in img {
		width: 100%;
	}
	div.google-plus {
		float: left;
		width: 20%;
		margin: 0 5% 0 0;
	}
	.google-plus a {
		width: 100%;
	}
	.google-plus img {
		width: 100%;
	}
	div.facebook {
		float: left;
		width: 20%;
		margin: 0 5% 0 0;
	}
	.facebook a {
		width: 100%;
	}
	.facebook img {
		width: 100%;
	}
	div.facebook-iframe {
		float: none;
		width: 100%;
		margin: 0;
	}
	.facebook-iframe {
		width: 100%;
	}
}

/* Medium Screens */

@media (min-width: 720px) and (max-width: 1359px) {
	body {
		font-size: 0.75em;
	}
	#main {
		width: 90%;
		margin: 0 5%;
	}
	#l-title {
		width: 80%;
		margin-right: 20%;
		text-align: center;
		text-shadow: 0 0 2em #000000;
	}
	#r-title {
		width: 80%;
		margin-left: 20%;
		color: #ffce07;
		text-align: center;
		text-shadow: 0 0 2em #000000;
	}
	
	#main-footer {
		width: 100%;
		margin: 0;
	}
	div.wood-brothers-logo {
		float: left;
		width: 30%;
		margin: 0;
	}
	a.wood-brothers-logo {
		width: 100%;
	}
	img.wood-brothers-logo {
		width: 100%;
	}
	div.wood-brothers-contact-information {
		float: left;
		width: 20%;
		margin: 0 5%;
	}
	#social-media {
		float: left;
		width: 40%;
		margin: 0;
	}
	#social-media-links {
		float: none;
		width: 100%;
		margin: 0;
	}
	div.you-tube {
		float: left;
		width: 20%;
		margin: 0 5% 0 0;
	}
	.you-tube a {
		width: 100%;
	}
	.you-tube img {
		width: 100%;
	}
	div.linked-in {
		float: left;
		width: 20%;
		margin: 0 5% 0 0;
	}
	.linked-in a {
		width: 100%;
	}
	.linked-in img {
		width: 100%;
	}
	div.google-plus {
		float: left;
		width: 20%;
		margin: 0 5% 0 0;
	}
	.google-plus a {
		width: 100%;
	}
	.google-plus img {
		width: 100%;
	}
	div.facebook {
		float: left;
		width: 20%;
		margin: 0 5% 0 0;
	}
	.facebook a {
		width: 100%;
	}
	.facebook img {
		width: 100%;
	}
	div.facebook-iframe {
		float: none;
		width: 100%;
		margin: 0;
	}
	.facebook-iframe {
		width: 100%;
	}
}

/* Wide Screens */

@media (min-width: 1360px) {
	body {
		font-size: 1.1em;
	}
	#main {
		width: 80%;
		margin: 0 10%;
	}
	#l-title {
		width: 70%;
		margin-right: 30%;
	}
	#r-title {
		width: 70%;
		margin-left: 30%;
	}
		
	#main-footer {
		width: 100%;
		margin: 0;
	}
	div.wood-brothers-logo {
		float: left;
		width: 30%;
		margin: 0;
	}
	a.wood-brothers-logo {
		width: 100%;
	}
	img.wood-brothers-logo {
		width: 100%;
	}
	div.wood-brothers-contact-information {
		float: left;
		width: 15%;
		margin: 0 2.5%;
	}
	#social-media {
		float: left;
		width: 48%;
		margin: 0;
	}
	#social-media-links {
		float: left;
		width: 60%;
		margin: 0;
	}
	div.you-tube {
		float: left;
		width: 15%;
		margin: 0 4.5% 0 0;
	}
	.you-tube a {
		width: 100%;
	}
	.you-tube img {
		width: 100%;
	}
	div.linked-in {
		float: left;
		width: 20%;
		margin: 0 4.5% 0 0;
	}
	.linked-in a {
		width: 100%;
	}
	.linked-in img {
		width: 100%;
	}
	div.google-plus {
		float: left;
		width: 20%;
		margin: 0 4.5% 0 0;
	}
	.google-plus a {
		width: 100%;
	}
	.google-plus img {
		width: 100%;
	}
	div.facebook {
		float: left;
		width: 20%;
		margin: 0 4.5% 0 0;
	}
	.facebook a {
		width: 100%;
	}
	.facebook img {
		width: 100%;
	}
	div.fb-like-box {
		float: right;
		width: 40%;
		height: 5em;
		margin: 0;
	}
}

/* Printing */

@media screen {
	#wbrPrintLogo {
		display: none;
	}
	.page-break {
		display: none;
	}
}

@media print {
	html, body {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		color: #000000;
		font-size: 0.25cm;
		background-color: #ffffff;
		overflow: hidden;
	}
	#navTop {
		width: 100%;
		height: 3cm;
		margin: 0;
		padding: 0;
		background-color: #ffffff;
	}
	#logoCont {
		width: 50%;
		height: 3cm;
		margin: 0;
		padding: 0;
	}
	.wbrLogo div {
		width: 75%;
		height: 3cm;
		margin: 0;
		padding: 0;
	}
	.wbrLogo img {
		display: none;
	}
	#wbrPrintLogo {
		max-width: 100%;
		max-height: 100%;
	}
	.twpLogo div {
		width: 25%;
		height: 3cm;
		margin: 0;
		padding: 0;
	}
	#mailingAddress {
		width: 50%;
		height: 3cm;
		margin: 0;
		padding: 0;
		font-size: 0.2cm;
	}
	#navBtnsCont {
		display: none;
	}
	.facebook div {
		display: none;
	}
	#navBorder {
		display: none;
	}
	.border {
		width: 100%;
		margin: 1pt 0;
		padding: 0;
		border: 0.01pt solid #b41414;
	}
	#searchCont {
		display: none;
	}
	#searchTypeCont {
		display: none;
	}
	#ourListCont {
		display: none;
	}
	#main {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	#lTitle {
		color: #000000;
	}
	#rTitle {
		color: #000000;
	}
	#titleImg {
		margin: 0 auto;
	}
	.page-break {
		border: 1px solid #b41414;
		page-break-before: always;
	}
	.mainPic div {
		width: 11cm;
		margin: 0 auto;
	}
	.mainPic img {
		max-width: 100%;
	}
	.openStatus {
		display: none;
	}
	div.search {
		width: 11.75cm;
		height: 20.6cm;
		margin: 0 auto;
		padding: 0;
		overflow: hidden;
	}
	.search iframe {
		position: relative;
		width: 30cm;
		height: 40cm;
		top: -9.05cm;
		left: -10.55cm;
		margin: 0;
		padding: 0;
		transform: scale(0.7);
		-moz-transform: scale(0.7);
		-ms-transform: scale(0.7);
		-webkit-transform:scale(0.7);
	}
	
	/* Selling */

	#sellingMain {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
	}
	.leftDiv {
		float: none;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.rightDiv {
		float: none;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.leftText {
		float: none;
		width: 90%;
		margin: 1mm 1cm;
		font-size: 10pt;
	}
	.rightText {
		float: none;
		width: 90%;
		margin: 1mm 1cm;
		font-size: 10pt;
	}
	.leftPic {
		float: left;
		width: 20%;
		margin: 1mm 1cm;
	}
	.rightPic {
		float: right;
		width: 20%;
		margin: 1mm 1cm;
	}
	.divider {
		clear: both;
		width: 100%;
		height: 1mm;
		border-bottom: 1pt solid #b41414;
	}
	
	/* Careers */
	#careerVideo {
		display: none;
	}
	#careerLeft {
		float: none;
		width: 90%;
		page-break-inside: avoid;
	}
	#careerRight {
		float: none;
		width: 90%;
		page-break-inside: avoid;
	}
	#logoSyndication {
		width: 80%;
		margin: 0 auto;
	}
	
	/* Rates and Financing */
	
	.btn-apply-now {
		display: none;
	}
	.gershman-img {
		float: none;
		width: 45%;
		margin: 0;
		padding: 0;
	}
	.gershman {
		display: none;
	}
	.section {
		page-break-inside: avoid;
	}
	.note {
		width: 90%;
		margin: 0;
		padding: 0;
	}
	.three-column {
		width: 25%;
		height: auto;
		margin: 0 2.5%;
		padding: 0;
	}
	.four-column {
		width: 17.5%;
		height: auto;
		margin: 0 2.5%;
		padding: 0;
	}
	.four-column-ind {
		width: 17.5%;
		height: auto;
		margin: 0 2.5%;
		padding: 0;
	}
	.row {
		clear: both;
		width: 90%;
	}
	#fin-total {
		clear: both;
		width: 85%;
		height: auto;
		margin: 2.5%;
		padding: 0;
	}
	
	.title {
		font-size: 0.375cm;
	}
	#navRight {
		display: none;
	}
}