/* W2 Design style sheet for James Engle Custom Homes, LLC */
/* This document is the sole property of James Engle Custom Homes, LLC */
/* (C) 2007 James Engle Custom Homes, LLC */
/* Do not modify this document without approval of W2: wayne a wilkes	*/
/* Do not copy this document! */
/* For information, contact wayne@w2-design.com		*/
/* Change Log Follows: */
/* 0401/2007 Design (WAW) */

/* General CSS */
div.clear { clear: both; background: transparent; margin: 0px; padding: 0px; }
.hide {display: none;}
span {display: none;}

/* Common Tags */
a {}
a:link {color: #3f2b12;}
a:visited {color: #3f2b12;}
a:active {color: #3f2b12;}
a:hover {color: #6b4422;}

body {background-color : #b28f5f; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 0px; margin: 0px;}
.surround { background-image:url(/common/images/surround_BKGD.jpg); background-repeat: repeat-y; width: 830px; margin: 0 auto; padding: 0px;}

#header {width: 830px; height: 142px; background-image: url(/common/images/header_BKGD.jpg); background-repeat: no-repeat; margin: 0px; padding: 0px;}
#headerHome {width: 830px; height: 142px; background-image: url(/common/images/headerHome_BKGD.jpg); background-repeat: no-repeat; margin: 0px; padding: 0px;}
#pageBodyOne {padding: 0px 0px 0px 4px; margin: 0px auto; width: 794px; background-color: #d0ba9d; border-left: 1px solid #553a14; border-right: 1px solid #553a14;}

#leftColumn { position: relative; float:left; width: 155px; margin-right: 15px;}
#mainColumn {float: left; position: relative; width: 610px; margin: 15px 0px 15px 0px; padding: 0px;}
#centerColumnHome {float: left; width: 345px; margin: 15px 0px 0px 0px; padding: 0px;}
#centerColumn {float: left; width: 395px; margin: 15px 0px 0px 0px; padding: 0px;}
#rightColumnHome {float: right; width: 230px; margin: -11px 14px 0px 0px; padding: 0px 0px 0px 0px;}
#rightColumn {float: right; width: 195px; margin: 15px 15px 0px 0px; padding: 0px;}
#leftColumn p {margin: 0px 0px 10px 0px;}
#mainColumn p {margin: 0px 0px 10px 0px;}
#centerColumn p {margin: 0px 0px 10px 0px;}
#rightColumn p {margin: 0px 0px 10px 0px;}

/* Site Navigation */
#NAV { float:left; position: relative; width: 155px; background-color: #3f2b12; background-image: url(../images/nav_BKGD.jpg); background-repeat: repeat-y;}
#NAV ul {list-style-type:none; margin: 0px; padding: 0px;}
#NAV li {padding: 0px 0px 5px 8px;}
#NAV li a {font-size: 11px; text-decoration: none;}
#NAV li a:link {color: #FFF;}
#NAV li a:visited {color: #FFF;}
#NAV li a:active {color: #FFF;}
#NAV li a:hover {color: #b28f5f;}

#section0 #NAV #navA {color: #b28f5f; background-image: url(/common/images/nav_bullet.gif); background-repeat: no-repeat; padding-left: 24px;}
#section0 #NAV #navA a:link {color: #b28f5f; margin-left: 0px;}
#section0 #NAV #navA a:visited {color: #b28f5f; margin-left: 0px;}
#section0 #NAV #navA a:active {color: #b28f5f; margin-left: 0px;}
#section0 #NAV #navA a:hover {color: #b28f5f; margin-left: 0px;}

#sectionI #NAV #navB {color: #b28f5f; background-image: url(/common/images/nav_bullet.gif); background-repeat: no-repeat; padding-left: 24px;}
#sectionI #NAV #navB a:link {color: #b28f5f;}
#sectionI #NAV #navB a:visited {color: #b28f5f;}
#sectionI #NAV #navB a:active {color: #b28f5f;}
#sectionI #NAV #navB a:hover {color: #b28f5f;}

#sectionII #NAV #navC {color: #b28f5f; background-image: url(/common/images/nav_bullet.gif); background-repeat: no-repeat; padding-left: 24px;}
#sectionII #NAV #navC a:link {color: #b28f5f; margin-left: 0px; padding-left: 0px;}
#sectionII #NAV #navC a:visited {color: #b28f5f; margin-left: 0px; padding-left: 0px;}
#sectionII #NAV #navC a:active {color: #b28f5f; margin-left: 0px; padding-left: 0px;}
#sectionII #NAV #navC a:hover {color: #b28f5f; margin-left: 0px; padding-left: 0px;}

#sectionIII #NAV #navD {color: #b28f5f; background-image: url(/common/images/nav_bullet.gif); background-repeat: no-repeat; padding-left: 24px;}
#sectionIII #NAV #navD a:link {color: #b28f5f; margin-left: 0px; padding-left: 0px;}
#sectionIII #NAV #navD a:visited {color: #b28f5f; margin-left: 0px; padding-left: 0px;}
#sectionIII #NAV #navD a:active {color: #b28f5f; margin-left: 0px; padding-left: 0px;}
#sectionIII #NAV #navD a:hover {color: #b28f5f; margin-left: 0px; padding-left: 0px;}

#sectionIV #NAV #navE {color: #b28f5f; background-image: url(/common/images/nav_bullet.gif); background-repeat: no-repeat; padding-left: 24px;}
#sectionIV #NAV #navE a:link {color: #b28f5f; margin-left: 0px; padding-left: 0px;}
#sectionIV #NAV #navE a:visited {color: #b28f5f; margin-left: 0px; padding-left: 0px;}
#sectionIV #NAV #navE a:active {color: #b28f5f; margin-left: 0px; padding-left: 0px;}
#sectionIV #NAV #navE a:hover {color: #b28f5f; margin-left: 0px; padding-left: 0px;}

#sectionV #NAV #navF {color: #b28f5f; background-image: url(/common/images/nav_bullet.gif); background-repeat: no-repeat; padding-left: 24px;}
#sectionV #NAV #navF a:link {color: #b28f5f; margin-left: 0px; padding-left: 0px;}
#sectionV #NAV #navF a:visited {color: #b28f5f; margin-left: 0px; padding-left: 0px;}
#sectionV #NAV #navF a:active {color: #b28f5f; margin-left: 0px; padding-left: 0px;}
#sectionV #NAV #navF a:hover {color: #b28f5f; margin-left: 0px; padding-left: 0px;}

#sectionVI #NAV #navG {color: #b28f5f; background-image: url(/common/images/nav_bullet.gif); background-repeat: no-repeat; padding-left: 24px;}
#sectionVI #NAV #navG a:link {color: #b28f5f; margin-left: 0px; padding-left: 0px;}
#sectionVI #NAV #navG a:visited {color: #b28f5f; margin-left: 0px; padding-left: 0px;}
#sectionVI #NAV #navG a:active {color: #b28f5f; margin-left: 0px; padding-left: 0px;}
#sectionVI #NAV #navG a:hover {color: #b28f5f; margin-left: 0px; padding-left: 0px;}

#sectionVII #NAV #navH {color: #b28f5f; background-image: url(/common/images/nav_bullet.gif); background-repeat: no-repeat; padding-left: 24px;}
#sectionVII #NAV #navH a:link {color: #b28f5f; margin-left: 0px; padding-left: 0px;}
#sectionVII #NAV #navH a:visited {color: #b28f5f; margin-left: 0px; padding-left: 0px;}
#sectionVII #NAV #navH a:active {color: #b28f5f; margin-left: 0px; padding-left: 0px;}
#sectionVII #NAV #navH a:hover {color: #b28f5f; margin-left: 0px; padding-left: 0px;}

#sectionVIII #NAV #navI {color: #b28f5f; background-image: url(/common/images/nav_bullet.gif); background-repeat: no-repeat; padding-left: 24px;}
#sectionVIII #NAV #navI a:link {color: #b28f5f; margin-left: 0px; padding-left: 0px;}
#sectionVIII #NAV #navI a:visited {color: #b28f5f; margin-left: 0px; padding-left: 0px;}
#sectionVIII #NAV #navI a:active {color: #b28f5f; margin-left: 0px; padding-left: 0px;}
#sectionVIII #NAV #navI a:hover {color: #b28f5f; margin-left: 0px; padding-left: 0px;}

/* Login */
#login { color: #b28f5f; font-size: 11px; float:left; position: relative; width: 155px; height: 179px; background-image: url(../images/login_BKGD.jpg); background-repeat: no-repeat; border-bottom: 2px solid #34230f;}
#loginOneA {float: left; width: 90px; padding: 14px 0px 0px 5px;}
#loginOneA input {background-color: #d0ba9d; color: #34230f; border: 1px solid #553a14; height: 18px; width: 110px;}
#loginOneB {float: left; width: 90px; padding: 5px 0px 0px 5px;}
#loginOneB input {background-color: #d0ba9d; color: #34230f; border: 1px solid #553a14; height: 18px; width: 110px;}
#loginOneC {float: left; width: 100px; padding: 2px 0px 0px 3px;}
#loginOneC img {padding: 2px 0px 0px 0px;}
#loginOneD {float: left; width: 100px; padding: 1px 0px 0px 5px;}
#loginOneD a {font-size: 10px;}
#loginOneD a:link {color: #FFF;}
#loginOneD a:visited {color: #FFF;}
#loginOneD a:active {color: #FFF;}
#loginOneD a:hover {color: #d0ba9d;}

/* Headlines */

h1 {margin-top: 0px; padding-top: 0px; font-size: 18px; font-weight: bold;}
h2 {margin-top: 0px; padding-top: 0px; font-size: 14px; font-weight: bold;}
h3 {margin-top: 0px; padding-top: 0px; font-size: 12px; font-weight: bold;}

/* Footer */
#footer {width: 830px; height: 116px; background-image: url(/common/images/footer_BKGD.jpg); background-repeat: no-repeat; margin: 15px 0px 0px 0px; padding: 0px;}
#footer p {width: 620px; padding: 60px 0px 0px 27px; margin: 0px; color: #000; font-size: 11px;}

#footer a {font-weight: bold;}
#footer a:link {color: #000;}
#footer a:visited {color: #000;}
#footer a:active {color: #000;}
#footer a:hover {color: #333;}


.txtBx {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:		 		12px; 
	font-weight:	 		normal;
	border:					1px inset #000;
	background-position:	left top;
	background-image:		url("/common/images/input_box_shadow.gif");
	background-repeat:		no-repeat;
	overflow:				hidden;
}

.txtArea {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:		 		12px; 
	font-weight:	 		normal;
	border:					1px inset #000;
	background-position:	left top;
	background-image:		url("/common/images/input_box_shadow.gif");
	background-repeat:		no-repeat;
	overflow:				auto;
}