/*
Main CSS layout file
Created by Pierce Borgens
*/
@charset "utf-8";

/*Defines custom fonts*/
@font-face {
font-family: 'brodysh-pb';
src: url('fonts/brodysh-pb-webfont.eot');
src: url('fonts/brodysh-pb-webfont.eot?#iefix') format('embedded-opentype'),
	 url('fonts/brodysh-pb-webfont.woff') format('woff'),
	 url('fonts/brodysh-pb-webfont.ttf') format('truetype'),
	 url('fonts/brodysh-pb-webfont.svg#brodysh-pb') format('svg');
font-weight: normal;
font-style: normal;
}

html, body {height: 100%;} /* rule to make the footer stick to bottom of page */

body {
background-color: #1a1513;
background-image: url(../images/bg_img.jpg);
background-repeat: repeat-x;
}
* {
margin: 0px;
padding: 0px;
}
a img {border: none;}

#main_wrapper {
width: 950px;
margin-right: auto;
margin-left: auto;
min-height: 100%;
}
#main_wrapper #logo_top {
height: 140px;
margin: 5px 0;
text-align: center;
}
#logo_top #logo_title {
color: #9ecd85;
font-family: 'brodysh-pb';
font-size: 125px;
text-decoration: none;
text-shadow: -1px -1px 0 #0e0b09, 1px -1px 0 #0e0b09, -1px 1px 0 #0e0b09, 1px 1px 0 #0e0b09, /*text stroke*/
			 -4px 4px 0 #0d633a;
filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=-4, OffY=4, Color=#0d633a),
		progid:DXImageTransform.Microsoft.Glow(Color=#0e0b09, Strength=1);
}
/*For IE*/
body.ie #logo_top #logo_title {zoom: 1;}

#main_wrapper #body_wrapper {
-moz-box-shadow:    0px 0px 35px #000; /*Mozilla Firefox*/
-webkit-box-shadow: 0px 0px 35px #000; /*Chrome & Safari*/
box-shadow:         0px 0px 35px #000; /*W3C Standard*/
margin-bottom: 100px;
overflow: hidden;
}
/*For IE*/
body.ie #main_wrapper #body_wrapper {
zoom: 1; margin-top: -10px;
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#000000, Strength=10, Direction=0),
		progid:DXImageTransform.Microsoft.Shadow(Color=#000000, Strength=10, Direction=90),
		progid:DXImageTransform.Microsoft.Shadow(Color=#000000, Strength=10, Direction=180),
		progid:DXImageTransform.Microsoft.Shadow(Color=#000000, Strength=10, Direction=270);
}
#main_wrapper #banner {height: 250px;}

#main_wrapper #navigation {height: 40px;}

ul.navbar {list-style: none;}

ul.navbar li {
float: left;
height: 40px;
line-height: 40px;
}
	ul.navbar li a {
	display: block;
	text-align: center;
	vertical-align: middle;
	color: #9ecd85;
	font-family: 'brodysh-pb';
	font-size: 38px;
	text-decoration: none;
	background-position: 0px 0px;
	}
		ul.navbar li.home a {
		width: 159px;
		background-image: url(../images/buttons/navbg_leftend.png);
		}
		ul.navbar li.about a, li.services a, li.gallery a, li.testimonials a {
		width: 158px;
		background-image: url(../images/buttons/navbg_mid.png);
		}
		ul.navbar li.contact a {
		width: 159px;
		background-image: url(../images/buttons/navbg_rightend.png);
		}

/*For high res displays*/		
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
		ul.navbar li.home a {
		width: 159px;
		background-image: url(../images/buttons/navbg_leftend@2x.png);
		background-size: cover;
		}
		ul.navbar li.about a, li.services a, li.gallery a, li.testimonials a {
		width: 158px;
		background-image: url(../images/buttons/navbg_mid@2x.png);
		background-size: cover;
		}
		ul.navbar li.contact a {
		width: 159px;
		background-image: url(../images/buttons/navbg_rightend@2x.png);
		background-size: cover;
		}
}
ul.navbar li a:hover {background-position: 0 -40px;}
ul.navbar li a.selected {background-position: 0 -40px;}

#main_wrapper #body_wrapper #content_body {
background-color: #ddedce;
padding: 20px;
overflow: auto;
}
#content_body #content_title {
font-size: 36px;
color: #0d633a;
font-family: Tahoma, Geneva, sans-serif;
}
#content_body p#subtitle {
font-size: 16px;
color: #332924;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
margin: 5px 0 10px 0;
}
#content_body hr {
background-color: #0d633a;
clear: both;
float: none;
width: 100%;
height: 1px;
border: none;
margin: 5px 0 10px 0;
opacity: 0.5;
filter: alpha(opacity=50); /* For IE8 and earlier */
background-image: -ms-linear-gradient(left, #DDEDCE 0%, #0d633a 50%, #DDEDCE 100%); /*IE10*/
background-image: -moz-linear-gradient(left, #DDEDCE 0%, #0d633a 50%, #DDEDCE 100%); /*Mozilla Firefox*/
background-image: -webkit-gradient(linear, left top, right top,  
				  color-stop(0, #DDEDCE),
				  color-stop(0.5, #0d633a),
				  color-stop(1, #DDEDCE)); /*Google Chrome and Safari*/
}
#left_column hr {margin: 20px 0;}

#content_body #left_column {
border-right-style: solid;
border-right-color: #0d633a;
border-right-width: 1px;
padding: 5px 0;
float: left;
width: 648px;
}
#content_body #right_column {
float: right;
padding: 5px 0;
width: 259px;
}
#left_column h2 {
font-family: Tahoma, Geneva, sans-serif;
color: #0D633A;
margin: 0 0 5px 0;
font-size: 26px;
}
#left_column h3 {
font-family: Arial, Helvetica, sans-serif;
color: #332924;
/* [disabled]margin: 0 0 5px 0; */
font-size: 20px;
}
#content_body p, blockquote, cite {
font-size: 16px;
color: #332924;
font-family: Arial, Helvetica, sans-serif;
}
#left_column p {
margin: 0 0 10px 0;	
padding: 0 10px 0 0;
}
#right_column p {
margin: 0 0 10px 0;	
padding: 0 0 0 10px;
}
#right_column .centered {font-size: 90%;}

#right_column img {padding: 0 0 10px 10px;}

#content_body .¶ {margin: 0 0 20px 0;}

#footer {
position: relative;
height: 50px;
clear: both;
}
#footer p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #4c3f39;
text-align: center;
}
#footer a {color: #897964;}