/* Templewood Productions - Layout */

body {
	margin: 0;
	padding: 0;
	background-color: #999999;
	text-align: center;
	font: 100% "Times New Roman", Times, serif;
	}

#wrapNav {
	position: relative;
	width: 100%;
	height: 30px;
	background-color: #5B5B3D;
	border-bottom: 2px solid #ffffff;
	}

#wrapContentOuter {
	position: relative;
	width: 896px;
	margin: -32px auto 0 auto;
	clear: both;
	}

#wrapContentInner {
	position: relative;
	width: 896px;
	margin: 0;
	background-color: #e7e7e7;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	clear: both;
	}

#boxLogo {
	position: relative;
	width: 896px;
	height: 350px;
	margin: 0 auto;
	}

#wrapIntroTxt {
	width: 896px;
	margin: 0 auto;
	clear: both;
	}

#introTxt {
	width: 850px;
	background-color: #5B5B3D;
	margin: 0 auto;
	border-bottom: 2px solid #ffffff;	
	}

#wrapNavBar {
	width: 900px;
	margin: 0 auto;
	height: 30px;
	background-color: #5B5B3D;
	}

#navBarLeft {
	position: absolute;
	top: 0;
	left: 25px;
	width: 135px;
	height: 30px;
	z-index: 1;
	}

#navBarTitle {
	position: absolute;
	top: 0;
	left: 160px;
	width: 580px;
	height: 30px;
	background-color: #5B5B3D;
	}
	
#navBarRight {
	position: absolute;
	top: 0;
	left: 740px;
	width: 135px;
	margin-right: 25px;
	z-index: 2;
	}

#wrapBody {
	width: 896px;
	margin: 0 auto;
	background-color: #e7e7e7;
	text-align: left;
	clear: both;
	}

div.wrapColumns {
	position: relative;
	width: 896px;
	margin: 0px;
	clear: both;
	}
	
div.boxA, div.boxB, div.boxC {
	position: relative;
	width: 850px;
	margin: 10px auto;
	padding-bottom: 5px;
	border-bottom: 2px solid #ffffff;
	clear: both;
	}

div.boxA {
	background-color: #999966;
	}

div.boxB {
	background-color: #3D3D28;
	}

div.boxC {
	background-color: #3D3D28;
	}

div.boxSmallA {
	float: left;
	width: 255px;
	height: 185px;
	margin: 0 0 0 20px;
	background-color: #ffffff;
	}
	
div.boxSmallB {
	float: left;
	width: 255px;
	height: 185px;
	margin: 0 0 0 20px;
	background-color: #ffffff;
	}

div.boxSmallC {
	float: left;
	width: 255px;
	height: 185px;
	margin: 0 0 0 20px;
	background-color: #ffffff;
	}

div.boxHeader {
	position: relative;
	width: 830px;
	margin: 5px auto;
	border-bottom: 2px solid #ffffff;
	}

#footer {
	width: 896px;
	margin: 0 auto;
	background-color: #5B5B3D;
	text-align: center;
	clear: both;
	}
	
/* CONTACT FORM */

#contactA {
	float: left;
	width: 255px;
	height: 185px;
	margin: 0 0 0 20px;
	background-color: #ffffff;
	}

#contactB {
	float: left;
	width: 255px;
	height: 185px;
	margin: 0 0 0 20px;
	background-color: #ffffff;
	}

#contactC {
	float: left;
	width: 255px;
	height: 185px;
	margin: 0 0 0 20px;
	background-color: #ffffff;
	}

#captcha {
	float: left;
	margin: 5px 0;
	width: 75px;
	}

form {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	color: #3D3D28;
	margin: 0; 
	padding: 0;
	}

form fieldset {
	border: none;
	padding: 0;
	margin: 0;
	}

form label { 
	display: block;
	float: left; 
	padding: 5px 0 0 10px; 
	margin: 0; 
	}

form input, textarea, select {
	width: 230px;
	padding: 3px; 
	margin: 0 0 5px 0; 
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	color: #3D3D28;
	}

/* STYLES */
	
h1, h2, h3 {
	font-family : "Times New Roman" , Times , serif;
	color: #ffffff;
	text-align: center;
	margin: 0;
	}
	
h1 {
	font-size: 1.3em;
	letter-spacing: .1em;
	padding: .3em 0 0 0;
	}
	
h2 {
	font-size : 1.1em;
	letter-spacing: .1em;
	padding: .3em 10px;
	text-align: center;
	}

h3 {
	font-size : 1em;
	letter-spacing: .1em;
	padding: .2em 10px;
	color: #3D3D28;
	text-align: center;
	}

p {
	font-family: "Times New Roman" , Times , serif;
	font-size: 1em;
	text-align: justify;
	line-height: 130%;
	color: #ffffff;
	margin: 0;
	padding: 5px 20px;
	}

p.captcha {
	color: #3D3D28;
	padding: 10px;
}

p.center {
	text-align: center;
		}
		
p.title {
	font-size: 1.3em;
	letter-spacing: .2em;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	padding: 5px 0 0 0;
	}

img {
    display: block;
    margin: 0 auto;
	border: none;;
	}

img.tumb {
    display: block;
    margin: 0 auto;
	border: 1px solid #cccccc;
	}
	
img.left {
	float: left;
	margin: 0 25px;
	border: 1px solid #cccccc;
	}

img.logo {
	border-top: 2px solid #ffffff;
	}

ul { /* all lists */
	padding: 10px 0 0 0;
	margin: 0;
	list-style: none;
}

li { /* all list items */
	float: left;
	position: relative;
	width: 135px;
	font: 1em "Times New Roman", Times, serif;
	color: #ffffff;
	padding: 0;
}

li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 20px;
	left: 0;
	padding: 0;
	margin: 0;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
	padding: 0;
	background-color: #ffffff;
}

li.right {
	text-align: right;
	font-weight: bold;
	}

li.left {
	text-align: left;
	font-weight: bold;
	}

a:link {color: #ffffff; font-weight: normal; text-decoration: underline;}
a:visited {color: #ffffff; font-weight: normal; text-decoration: underline;}
a:hover {color: #ffffff; font-weight: normal; text-decoration: underline;}
a:active {color: #ffffff; font-weight: normal; text-decoration: underline;} 

a.green:link {color: #3D3D28;}
a.green:visited {color: #3D3D28;}
a.green:hover {color: #3D3D28;}
a.green:active {color: #3D3D28;} 

a.navigation:link {display: block; margin-top: 2px; font-weight: bold; background-color: #5B5B3D; text-decoration: none;}
a.navigation:visited {display: block; margin-top: 2px; font-weight: bold; background-color: #5B5B3D; text-decoration: none;}
a.navigation:hover {display: block; margin-top: 2px; font-weight: bold; background-color: #5B5B3D; text-decoration: none;}
a.navigation:active {display: block; margin-top: 2px; font-weight: bold; background-color: #5B5B3D; text-decoration: none;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */