@charset "utf-8";
/* CSS Document */

body {
	background-color: #41ad49;
	background: url(images/background2.jpg) repeat-x, url(images/background.jpg);
	font-family: 'Oswald', Impact, Charcoal, sans-serif;
	margin: 0;
}

.home {
	background: url(images/background.jpg);
}

/* ------------- POSITIONING ------------- */

.left {
	float: left;
}

.right {
	float: right;
}

.center {
	border-left: solid 1px #749377;
	border-right: solid 1px #749377;
	margin: 0 auto;
	width: 1300px;
}

/* ------------- HEADER ------------- */

.sunrise {
	background-image: url(images/sunrise.png);
	margin: 0 auto;
	text-align: center;
	width: 1302px;
	height: 265px;
}

#header {
	background: #245f28;
	height: 140px;
}

/* ------------- NAVIGATION ------------- */

#navigation {
	padding-top: 47px;
	text-align: center;
}

#navigation a {
	margin-left: 70px;
}

#navigation a:first-of-type {
	margin-left: 0;
}

#navigation a:link, a:visited {
	color: #fff;
	font-size: 210%;
	text-decoration: none;
}

#navigation a:hover, a:active {
	text-decoration: underline;
}

/* ------------- MAIN CONENT ------------- */

#content {
	background-color: #fff;
	padding-bottom: 20px;
	overflow: hidden;
}


h1 {
	color: #245f28;
	margin: 10px 25px 0 25px;
	padding-top: 20px;
	font-size: 280%;
	font-weight: 700;
}

h2:first-of-type {
	margin-top: 40px;
}

h2 {
	background-color: #41ad49;
	color: #fff;
	font-size: 220%;
	height: 60px;
	line-height: 1.75em;
	margin: 40px 25px;
	padding: 10px 20px;	
}

h3 {
	color: #2c7732;
	font-size: 160%;
	margin-left: 45px;
}

h4 {
	font-size: 150%;
	margin-top: 40px;
	margin-bottom: -15px;
}

p {
	color: #245f28;
	font-size: 160%;
	font-weight: 300;
	margin-right: 45px;
	margin-left: 45px;
	letter-spacing: 0.5px;
}

div.gallery {
	background: url(images/starburst.gif) no-repeat center;
	margin: 0;
	margin-left: 25px;
	width: 376px;
	height: 410px;
}

div.gallery p {
	color: #fff;
	font-family: 'Brush Script MT', cursive;
	line-height: 1em;
	text-align: center;
}

p.gallery1 {
	font-size: 2.9em;
	padding-top: 80px;
}

p.gallery2 {
	font-size: 4em;
	padding-top: 45px;
}

img.gallery-img {
	border: solid 1px #a3bca5;
	margin-left: 25px;
	padding: 5px;
}

ul.windows {
	color: #fff;
	font-size: 137%;
	list-style-type: none;
	margin: 45px 10px 25px 15px;
	padding: 0;
}

ul.windows li {
	display: inline;
	margin: 13px 5px 0 10px;
}

li.targeted {
	background-color: #245f28;
	padding: 13px 24px;
}

ul.windows a {
	color: #fff;
	padding: 13px 24px;
}

ul.windows a:link, ul.windows a:visited {
	background-color: #41ad49;
	text-decoration: none;
}

ul.windows a:hover, ul.windows a:active {
	background-color: #2D224A;
}

ul.list {
	color: #245f28;
	font-size: 160%;
	font-weight: 300;
	margin-right: 45px;
	margin-left: 40px;
	letter-spacing: 0.5px;
	list-style-type: square;
}

img.left-img {
	float: left;
	margin-right: 25px;
	margin-left: 30px;
}

img.right-img {
	float: right;
	margin-left: 25px;
	margin-right: 30px;
}

.border {
	border: solid 1px #2c7732;
}

img.details {
	margin-top: 10px;
	margin-right: 45px;
}

p.details-info {
	float: left;
	font-size: 110%;
	margin: 0;
	margin-right: 45px;
	padding: 0;
}

p.colors {
	float: left;
	font-size: 130%;
	margin: 0 5px 0 3px;
	width: 105px;
}

div.containter {
	overflow: hidden;
	margin: 0;
	padding: 0;
}

p.top {
	font-size: 110%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: right;
}

a.top-link:link, a.top-link:visited {
	color: #55af5c;
	text-decoration: none;
}

a.top-link:hover, a.top-link:active {
	color: #2c7732;
	text-decoration: underline;
}

div.bays-bows {
	background-color: #cdcdcd;
	clear: both;
	height: 190px;
	margin: 20px auto;
	padding: 10px;
	text-align: center;
	width: 1100px;
}

div.bays-bows img {
	margin: 0;
	padding: 0;
}
	
div.bays-bows p {
	display: inline-block;
	color: #fff;
	font-size: 170%;
	margin: 0;
	text-align: center;
	width: 49%;
}

div.paint-colors {
	clear: both;
	float: left;
	margin-top: -470px;
	margin-left: 34%;
	width: 820px;
}

span.window-info {
	color: #1c491f;
	font-family: 'Brush Script MT', cursive;
	font-size: 1.2em;
	margin-left: 25px;
}

#footer {
	background: url(images/background2.jpg);
}

#footer p {
	background-color: #245f28;
	color: #fff;
	padding: 15px 0;
	font-size: 105%;
	text-align: center; 
}

#footer p:first-child {
	padding-bottom: 0;
	font-size: 150%;
	font-weight: 400;
	text-align: center;
}

#footer a:link, a:visited {
	color: #fff;
	text-decoration: none;
}

#footer a:hover, a:active {
	text-decoration: underline;
}

input {
	height: 27px;
}

input, textarea {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 130%;
	margin-top: 15px;
	width: 360px;
	max-width: 96% !important;
	position: relative;
}

#doors {
	background-color: #41ad49;
	margin: 40px auto 50px auto;
	padding: 40px 20px 20px 40px;
	width: 920px;
}

p.energy {
	margin-top: 15px;
	margin-right: 60px;
	text-align: center;
	width: 250px;
}