/***************************************************************************************/
/* COMMON LAYOUT */
/***************************************************************************************/

html,body,div,span,table,tr,th,td,p,span,h1,h2,h3,h4,h5,ul,ol,li,a,form { padding: 0px; margin: 0px; } /* Start with a clean slate */
* { font-family: "Trebuchet MS";  }  /* Default font for all items */
* { -moz-box-sizing:border-box; box-sizing:border-box; -ms-box-sizing: content-box; -webkit-box-sizing: border-box; }
html { min-height: 100%; margin-bottom: 1px; } /* Set height to 100% + 1px to force scroll bar in FF */
#ht { position: absolute; top: -2000px; width: 700px; } /* Hidden Text - Look up. WAAAY Up */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
body { margin: 0px 0px 0px 0px; background: #FFFFFF; }
hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: none; height: 1px; overflow: hidden; }
textarea, select, select * { color: #333333; font-size: 12px; }


object:active, div:active { outline: none; }
object:focus, div:focus { -moz-outline-style: none; }


ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; }
ol { margin-left: 30px; }


ul li { list-style-type: square; }

.bordered { border: 1px solid #33CCFF; }

h1, h2, h3, h4, h5 { font-weight: bold; }

h1, h1 a { color: #9e2321; font-size: 14px; margin: 0px 0px 10px 0px; }
h2, h2 a { color: #464646; font-size: 14px; margin: 0px 0px 10px 0px; }
h3, h3 a { color: #464646; font-size: 12px; margin: 0px 0px 5px 0px; }
p  { margin: 0px 0px 12px 0px; }
p, table, td, div, a  { color: #464646; font-size: 11px; line-height: 17px; }
a  { color: #000000; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus, a:active { outline: 0;}


.frm td, .frm th { vertical-align: top; }
.frm th { padding-right: 10px; text-align: left; }
.frm td div { font-size: 10px; line-height: 20px; margin-right: 20px; }


/***************************************************************************************/
/* SPECIFIC TO THIS LAYOUT */
/***************************************************************************************/

#main {
	width: 960px; /* Main Content Width */
	margin: 0px auto; /* Align to Center */
}

#header { background-color: #B0B07F; height: 120px; margin-top: 20px; }

#logo { width: 219px; height: 72px; float: right; margin: 20px; }


#bodyContainer { margin: 20px 0; }

#body {  }
#about-bg { background: #fcf5ce; }
#residential-bg { background: #c9cabc; }
#contact-bg { background: #c2cace; }
#signup-bg { background: #ebe2d5; }
#case-bg { background: #d8d6a8; }


#signup-form { margin-bottom: 10px; }
#signup-form input { background: #ebe2d5; border: solid 1px #868362; height: 16px; padding: 3px; color: #868362; width: 135px; float: left; margin-right: 5px; font-size: 11px; }

.checkbox input { margin-right: 8px; }

#service-area input { background: #ebe2d5; border: solid 1px #868362; height: 16px; padding: 3px; color: #868362; }
#service-area th { font-weight: normal; }
#service-area td { text-align: center; }

#submit-btn input { cursor: pointer; background: #868362; color: #ebe2d5; height: inherit; width: 54px; float: right; padding: 2px 0; margin: 10px 7px 0 0; }


#footer { background: #ffe090; height: 90px; }
#footer p { color: #868362; }
#footer-form { width: 762px; float: right; }
#footer-form input { background: #ffe090; border: solid 1px #868362; height: 20px; padding: 3px; color: #868362; width: 135px; float: left; margin-right: 5px; font-size: 11px; }
#copyright { color: #868362; font-size: 8px; width: 300px; float: right; text-align: right; margin-top: 25px; }


/* Navigation */

#nav { width: 650px; float: left; color: #FFF; margin: 45px 0 0 20px; font-size: 15px; line-height: 30px; }
#nav a { color: #ffe090; padding: 0 5px; font-size: 12px; line-height: 30px; float: left; font-weight: bold; }
#nav span { float: left; }
#nav a:hover, #nav a.o { text-decoration: none; padding-top: 15px; }


#case-nav { margin-bottom: 80px; }
#case-nav a { font-size: 15px; color: #7f7d44; margin-right: 10px; padding: 5px; font-weight: bold; }
#case-nav a:hover, #case-nav a.o { color: #b4b160; text-decoration: none; }
