/*
Theme Name: creekside
Theme URI: http://www.creeksidewaco.com/
Description: A custom theme developed by Internet Imagineering for use on www.creeksidewaco.com.
Version: 1.0
Author URI: http://www.internetimagineering.com/
Tags: fixed width, two columns
*/

body {
	background-color: #fff;
	margin: 0px 0px; 
	padding: 0px;
	font-family: 'Roboto Condensed', trebuchet ms, arial, verdana, sans-serif;
	color: #333;
	font-size: 14px;
}

.clear { clear: both;}

h1.pagetitle {color: #333; font-size: 48px; margin: 0 auto; padding: 0; font-weight: 300; text-align: center;}
h1.contentbottomTitle {color: #333; font-size: 48px; margin: 0 auto; padding: 0; font-weight: 300; text-align: center;}
h3.contentbottomSubtitle {color: #2b388f; font-size: 30px; margin: 0 auto; padding: 0; font-weight: 700; text-transform: uppercase; letter-spacing: 5px; text-align: center;}

.content {font-size: 22px; color: #777; line-height: 34px; font-weight: 300;}

hr.doubleline {width: 50%; max-width: 500px; margin: 40px auto; border-top: 1px solid #2b388f; border-bottom: 1px solid #2b388f; padding: 5px 0; border-left: 0; border-right: 0;}

.container-builders {width: 100%; text-align: center;}
.builders-holder {display: inline-block; width: 280px; border: 1px solid #ccc; padding: 20px; text-align: center; vertical-align: top; min-height: 340px; margin: 5px;}
.builder-logo {width: 100%;}
.builder-logo img {width: 100%;}
.builder-name {font-weight: bold; color: #2b388f; font-size: 18px;}
.builder-info {margin: 10px 0;}
.builder-link {font-size: 18px; font-style: italic;}
.builder-link a {color: #900; text-decoration: none;}
.builder-link a:visited {color: #900; text-decoration: none;}
.builder-link a:hover {color: #000; text-decoration: none;}

.platsL {width: 70%; float: left;}
.platsR {width: 25%; float: right; text-align: center;}
.platsL img {width: 100%;}
.plats-lots {display: inline-block; width: 40%; margin: 10px;}
.plats-lots img {width: 100%;}

.lightbox {display: none;}

.mobile-menu {display: none;}
	
.front-wrapper-header {position: absolute; z-index: 99999; width: 100%; height: 120px; min-height: 120px;}
.front-wrapper-sect2 {position: absolute; margin: -140px 0 0 0; z-index: 88888; width: 100%; background: url("images/frontpage-sect2-bg.png") no-repeat top; height: 500px; min-height: 500px;}
.wrapper-front-slider {z-index: 77777;}

.front-sect2-button {margin: 40px 0 20px 0;}
a.buttonYellow {background-color: #edad1f; color: #333; font-size: 18px; text-decoration: none; text-transform: uppercase; padding: 10px 20px;}
a:visited.buttonYellow {background-color: #edad1f; color: #333; text-decoration: none;}
a:hover.buttonYellow {background-color: #333; color: #edad1f; text-decoration: none;}

.front-container-sect2 {width: 90%; max-width: 1400px; margin: 0 auto;}

.front-sect2-plat {float: right; width: 340px; margin: 0 100px 0px 0;}
.front-sect2-plat img {width: 100%;}
h1.front-sect2title {color: #333; font-size: 42px; font-weight: 300; margin: 180px 0 0 0;}
.front-sec2text {color: #2b388f; font-size: 20px; line-height: 32px; margin: 30px 0 0 0;}

.front-wrapper-contentbottom {width: 100%; padding: 500px 0 700px 0; text-align: center; background:#fff url("images/front-bottom-bg.jpg") no-repeat bottom;}

.wrapper-header {position: fixed; width: 100%; background:#000 url("images/sectionpic-1.jpg") no-repeat top; height: 120px; min-height: 120px;}

.container-header {width: 90%; max-width: 1400px; margin: 0 auto;}

.header-logo {float: left; margin: 20px 0 0 0;}
.header-right {float: right; margin: 20px 0 0 0; text-align: right;}

.slogan {color: #fff; font-weight: 300; font-size: 24px;}
.topnav {margin: 10px 0 0 0; font-size: 18px; font-weight: 700;}
.topnav a {color: #fff; text-decoration: none; margin: 0 0 0 40px;}
.topnav a:visited {color: #fff; text-decoration: none;}
.topnav a:hover {color: #edad1f; text-decoration: none;}

.wrapper-content {width: 90%; max-width: 1400px; margin: 0 auto; padding: 200px 0 150px 0;}

.wrapper-contentbottom {width: 100%; background-color: #e2e2e2; padding: 80px 0; text-align: center;}
.contentbottomListings {margin: 50px 0;}

.wrapper-footer {width: 100%; background-color: #0e1030; text-align: center; min-height: 400px;}
.footer-logo {position: absolute; width: 100%; text-align: center; margin: -50px 0 0 0;}
.footer-logo img {width: 100px;}

.footernav {padding: 100px 0 0 0; font-size: 18px; font-weight: 700;}
.footernav a {color: #fff; text-decoration: none; margin: 0 0 0 40px;}
.footernav a:visited {color: #fff; text-decoration: none;}
.footernav a:hover {color: #edad1f; text-decoration: none;}

.copyright {font-size: 16px; font-weight: 300; color: #e1e1e1; margin: 40px 0 60px 0;}

@media screen and (min-width: 0px) and (max-width: 1100px) {


	@media screen and (min-width: 1024px) and (max-width: 1100px) {


	}
	
	@media screen and (min-width: 768px) and (max-width: 1023px) {
		
		.header-right {display: none;}
		.mobile-menu {display: block; float: right; z-index: 999999999; margin: 40px 20px 0 0;}
		
		.front-wrapper-sect2 {background-color: #e1e1e1; position: relative; margin: 0; padding: 0;}
		
		@media screen and (min-width: 768px) and (max-width: 1023px) {
			
			
			
		}
		
		@media screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
		

		
		}

	}
	
	@media screen and (min-width: 481px) and (max-width: 767px) {
		
		.header-right {display: none;}
		.mobile-menu {display: block; float: right; margin: 45px 20px 0 0; z-index: 999999999;}
		.header-logo {width: 250px; margin: 30px 0 0 0;}
		.header-logo img {width: 100%;}
		
	}
	
	@media screen and (min-width: 0px) and (max-width: 480px) {
		
		.header-right {display: none;}
		.mobile-menu {display: block; float: right; margin: 45px 20px 0 0; z-index: 999999999;}
		.header-logo {width: 250px; margin: 30px 0 0 0;}
		.header-logo img {width: 100%;}
		
	}
	
}

@media screen and (min-width: 1101px) {

	
	
}