/* CSS Document */

/* Top Structure */
body { background: #f7f7f7; text-align: center; font: 75.5% Arial, Tahoma, sans-serif; color: #535353; line-height: 1.3em; margin-top: 0px; }

.topfade { background: transparent url(../images/top_shadow.gif) bottom left; width: 893px; margin: 0 auto; height: 32px; }
.botfade { background: transparent url(../images/bottom_shadow.gif) bottom left; width: 893px; margin: 0 auto; height: 32px;  }
#container { background: transparent url(../images/middle_fade.gif) repeat-y; width: 893px; height: auto; text-align: center; margin: 0 auto;  }
#banner {background: url(../images/banner.jpg) top left no-repeat; text-align: left; width: 794px; height: 176px; margin: 0 auto; background-color:#FFFFFF;}
* html #banner { margin: 0 0 -8px 0;  }


/* Main Nav ------------------------------*/
#nav { width: 182px; float: left;  margin: 0; padding: 0; padding-left: 0px;  }
#nav ul { list-style: none; margin: 0; padding: 0; voice-family: "\"}\""; voice-family: inherit; margin-bottom: 3px;  }

html>body #nav ul { margin-bottom: -1px; }

#nav ul li { margin: 0; padding: 0; }

#nav ul li a { display: block; width: 182px; text-decoration: none; height: 23px; padding-left: 22px; text-align: left; cursor:pointer; color: #fff; margin: 0; padding: 0; font-size:14px;}

#nav ul li a:visited{ font-size:14px; color: #fff;  text-decoration: none; margin: 0; padding: 0; }
#nav ul li a:hover { border-left-style:dashed; border:thick; border-color:#003300; background: #4e783d;  text-decoration: none; color: #fff; }
#nav ul li a:active { border-left-style:dashed; border:thick; border-color:#003300; background: #4e783d;  text-decoration: none; color: #fff; margin: 0; padding: 0; }

/*--------------------- Main Columns---------------------------- */

#columns { clear: both; background-repeat:repeat-x; width: 794px; height: auto; margin: 0 auto; }
#columns2 { clear: both; background: #fff url(../images/container_bg2.gif) repeat-y; width: 794px; height: auto; margin: 0 auto; }
#left_column { float: left; font-size: 1.1em; background:#FFFFFF; width: 400px; text-align: left; padding-top: 18px; padding-left: 18px; padding-right: 18px; }
#left_column p { line-height: 15px; margin-bottom: 12px; }
#content_links { float: left; background:#FFFFFF; width: 220px; height: auto; text-align: left; padding-top: 18px; }
#content_links p { font-size: 1.1em; width: 189px; padding-left: 20px; margin: 0 auto; }
#content_gallery { float: left; background: #f0f9e9; width: 202px; height: auto; text-align: left; padding-top: 18px; padding-left: 18px; }
#right_column { float: left; font-size: 1.1em; width: 251px; height: auto;}
#whodosection { color:#000000; width: 233px; height: auto; text-align: left; padding-top: 16px; padding-bottom: 16px; padding-left: 18px; }
#contactsection {background-color:#FFFFFF; color:#000000; width: 233px; height: auto; text-align: left; padding-top: 12px; padding-left: 18px; padding-bottom: 41px;  }
#content { float: left; font-size: 1.1em; width: 544px; height: auto; padding-top: 17px; text-align: left; padding-left: 30px; }
#content p{ width: 320px; margin-bottom: 7px;  }
#content2 { float: left; font-size: 1.1em; width: 544px; height: auto; padding-top: 17px; text-align: left; padding-left: 30px; }
#content2 p{ width: 450px; margin-bottom: 7px; line-height: normal; }
#content2 h3 { margin-top: 12px; color: #77B06B; }

/* hide from ie/mac \*/
* html #contactsection { padding-bottom: 53px;   }
/* end hide  */

/* Footer Section */
#footer { clear: both; background: #fff url(../images/footer.gif) repeat-x; width: 787px; height: 26px; padding: 5px 7px 0 0; text-align: right;}
.skills { float: left; text-align: left; width: 350px; padding-left: 8px; padding-top: 4px;  }
.copyright { float: right; text-align: right; width: 350px; padding-top: 6px; }

/* Content Backgrounds */
.plain {background: #fff url(../images/content_column_plain.jpg) repeat-y;}
.column {background: #fff url(../images/content_column.jpg) repeat-y;}
.measure {background: #fff url(../images/measure.jpg) repeat-y;}
.plan {background: #fff url(../images/content_plan.gif) repeat-y;}
.content2 {background: #fff url(../images/content_content.gif) repeat-y;}

/* Ordered List */
ul.main{ margin-left: 6px; padding-left: 8px; color: #535353; margin-top: 0px; margin-bottom: 8px; }
ul.main3{ margin-left: 6px; padding-left: 12px; width: 320px; color: #535353; margin-top: 0px; margin-bottom: 8px; }
ul.main3 li{ list-style-image: url(../images/li.gif); margin-top: 2px; }
ul.main2{ margin-left: 6px; padding-left: 15px; color: #535353; margin-top: 0px; margin-bottom: 10px; }
ul.main li{ list-style-image: url(../images/li.gif); margin-top: 2px; }



/* Sub Navigation ------------------------*/
#navcontainer {  width: 217px; margin-top: 7px; font-size:12px;}
#navcontainer ul { margin-left: 0; padding-left: 0; margin-top: 0px; list-style-type: none; font-family: Arial, Helvetica, sans-serif; }

#navcontainer a { 
display: block; 
padding: 5px; 
width: 199px; 
background-color:#ffffff; 
background-image:url(../images/icon.png);
background-repeat:no-repeat;
color: #535353;  
padding-left: 40px; 
margin-bottom: 0px; 
margin-left: 10px;
text-decoration: none; 
border: none; }

#navcontainer a:visited { color: #666; text-decoration: none; border: none; }
#navcontainer a:hover {  background-color:#ffffff; color: #78b16b; text-decoration:underline; border: none; }
#navcontainer a:active { color: #666; text-decoration: none; border: none; }




/* Body Links */ 
a.body:link { color: #78B068; text-decoration: none; border-bottom: 1px solid #A5Da76 ; }
a.body:visited { color: #78B068; text-decoration: none; border-bottom: 1px solid #78B068; }
a.body:hover { color: #535353; text-decoration: none; border-bottom: 1px solid #78B068; }
a.body:active { color: #000; text-decoration: none; }

/* Staple Classes */
img { border: none;}
.img { border: 0; width: 50px; height: 50px; margin-right: 14px; margin-bottom: 14px; }
p { line-height: 14px; margin-bottom: 5px; margin-top: 2px; }

.clear { height: 8px; clear: both; line-height: 1px; }
.clearfooter { height: 1px; clear: both; line-height: 1px; }
acronym { cursor:help; font-weight:bold; background: #f0f9e9; border-bottom: 1px dotted #78B068; } 
.big { font-size: 12px; }
.green { color: #77AF6A; font-size: 11px; }
.textfield { border: 1px #92c085 solid; height: 14px; width: 120px; margin-bottom: 8px; }



.bigimage { width: 415px; padding-left: 51px; }
fieldset { border: 0px; padding: 0px; margin: 0px; }

/* Form Attributes */
#formbox { float: left; width: 540px; text-align: left; }
#formbox p { line-height: 0px; margin: 0; }


/* hide from ie/mac \*/
* html .contact_textfield { background: #f1f1f1; font-family: Tahoma, sans-serif; font-size: 9px; color: #333; border: 1px #c7c7c7 solid; padding: 4px; margin-top: 6px; }
* html label { margin-top: 12px; }
* html .contact_textarea { float: left; background: #f1f1f1; font-family: Tahoma, sans-serif; font-size: 9px; color: #333; border: 1px #c7c7c7 solid; padding-left: 4px; overflow: auto; margin: 2px; margin-top: 6px; }
/* end hide  */



/* Min-Height IE */
.prop { height:292px; float:right; width:1px; }
.prop2 { height:250px; float:right; width:1px; }
.clearprop { clear:both; height:1px; overflow:hidden; }

/* Headers */
h1 { font-size: 16px; font-weight: bold; font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:2px; position:relative; margin:0; padding:0; overflow:hidden; line-height: 22px; }
h1 span { display:block; position:absolute; left:0; top:0; z-index:1; margin:0; padding:0; background: top left no-repeat;  }
h3 { font-size: 11px; padding: 0; margin: 0; display: block; padding-bottom:0px; color: #999999;}
.leftheader { padding-left: 18px; }
.leftheader2 { padding-left: 18px; padding-top: 16px; }
#left_column h1 { width:146px; height:21px; }
#left_column h1 span { width:146px; height:21px; }
#banner h1 { width:166px; height:77px; padding: 0; margin: 0; }
#banner h1 a:link { width:166px; height:77px; padding: 0; margin: 0; }
#banner h1 a:visited { width:166px; height:77px; padding: 0; margin: 0; }

#contactsection h1 { width:193px; height:24px;}
#contactsection h1 span { width:193px; height:24px; }
#websitedesign { width:159px; height:26px; margin-left: 18px; background-repeat:no-repeat; }
#websitedesign span { width:159px; height:26px; background:url(../images/whatdo.png); background-repeat:no-repeat;}

#quick { width:340px; height:57px;}