/*------------------------------------------------------------------------------
CLEAR THE DECKS
------------------------------------------------------------------------------*/
html,body, div, span, ul, ol, li, form, label, table, h1, h2, h3, h4, h5, h6, p, a, img  { 
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
a img,:link img,:visited img { border: 0 }
table{ border-collapse: collapse; border-spacing: 0; width: 100% }
td, th, caption { padding: 2px 4px }
h1, h2, h3, h4, h5, h6, p { font-weight: normal; }
h1, h2, h3, h4, h5, h6 { word-spacing: 0.25px; }

/*------------------------------------------------------------------------------
HIGHSITE HTML PREFERENCES
------------------------------------------------------------------------------*/	
ul {								
	margin: 0 0 10px 15px;  
	padding: 0px;					
}

ol {
	margin: 0 0 10px 25px;  
	padding: 0;					
}

h1, h2, h3, h4, h5, h6, li, ol, p {
	margin-bottom: .8em;
}

h1, h2, h3, h4 {
	letter-spacing: -.02em;
}

p, li {
	line-height: 160%;
}
a, a:hover { text-decoration: none; }

/* ---------------------------- FONTS --------------------------- */
/*
	site green #708b69;		
	burgundy: 983402
	blue #57678e;
	tan: #efd6bb
	navy: #324165
*/
/* ------------------------ BASIC ELEMENTS ------------------------*/

body { 
   text-align: left;
   color: #57678e;
   background: #efd6bb; 
   margin-top: 0;
}

img {
   border: 0;
   margin: 0;
   padding: 0;
   vertical-align: top;
}

/* ------------------------- BASIC DIVS ----------------------------*/	

div#container {
   position: relative;
   margin: 0 auto;
   width: 960px;
   height: 700px;				 /*min-height for IE */ 
   background: #fff;	
}
   html>body div#container {  /*min-height for non-IE */
      height: auto;
      min-height: 700px;
   }
		
div#container hr {
	display: block;
	padding: 0;
	margin: 0;
	clear: both; 
	visibility: hidden;
}
		
/* ------------------- HOME PAGE DIVS ---------------*/
div#banner {
   position:absolute;
   z-index: 99;
   width: 960px;
   height: 98px;
}
div#splash {
   float: left;
   margin: 89px 0 0 0;
   width: 960px;
   height: 264px;
}

div#nav_bar {
   background-color:#57678e;
   float: left;
   margin: 0;
   padding: 0;
   display: inline;				
   width: 960px;	
   height: 24px;
}

div#brand_promise {
   position: absolute;
   top: 150px;
   left: 100px;
   width: 200px;
   height: 200px;
   z-index: 97;
   font: italic 21px/32px georgia, serif;
   color: #fff;
   text-align: center;
   letter-spacing: .05em;
}

div#bottom {
   float: left;
   background: #fff url(images/background_corner.jpg) no-repeat top left;
   width: 960px;
}

div#service_list {
   float: left;
   margin: 20px 0 0 40px;
   padding: 0;
   display: inline;				
   width: 120px;
}

div#service_list, div#service_list a {
   font: 13px/20px verdana, sans-serif;
   color: #983402;		
}
      
div#tag_line {
   float: left;
   margin: 20px 0 0 120px;
   width: 135px;
   font: italic 24px/24px georgia, times, serif;
   color: #708b69;
   letter-spacing: -.02em;
   text-align: center;
}

div#intro {
   float: left;
   margin: 20px 0 20px 0;
   width: 290px;
}
   div#intro p {
      font-family: georgia, times, serif;
      font-size: 13px;
      color: #324165;
   }

div#right_column {
   float: left;
   margin: 20px 0 20px 40px;
   width: 140px;
}
   div#right_column p {
      font: 12px/20px verdana, sans-serif;
      color: #983402;
   }
   div#init_cap {
      float: left;
      margin: 20px 0 20px 20px;
      padding: 0;
      width: 30px;
      text-align: right;
   }

div#footer {
   position: relative;
   background-color:#708b69;
   color: #fff;
   margin: 0 auto;
   width: 960px;	
   height: 22px;
   text-align: right;
}
   .small {
      font-family: arial;
      font-size: 10px;
      color: #fff;
      padding: 2px 30px 0 0;
   }

div#people_pix {
   position: absolute;
   bottom: -22px;
   left: 180px;
   width: 250px;
   height: 219px;
   z-index: 98;
}

/*------------------------ TIER PAGES ------------------------*/
div#tier_nav_bar {
   background-color:#57678e;
   float: left;
   margin: 89px 0 0 0;				
   width: 960px;	
   height: 24px;
}

div#tierbottom {
   float: left;
   background: #fff url(../images/background_corner.jpg) no-repeat top left;
   width: 960px;
}

div#leftcol {
   float: left;
   margin: 150px 0 0 30px;
   padding: 0;
   width: 200px;
   font-family: georgia, sans-serif;
   font-style: italic;
   font-size: 18px;
   line-height: 28px;
   color: #983402;
   text-align: left;
}

div#middlecol {
   float: left;
   margin: 30px 0 40px 30px;
   padding: 0;
   width: 550px;
   color: #324165;
}
div#middlecol p { 
   font-family: georgia, serif;
   font-size: 13px;
   color: #324165; 
}
div#middlecol p.intro {
   font-family: georgia, times, serif;
   font-size: 16px;
   line-height: 20px;
}

div#gallery {
    float:left;
    margin: 20px 0 0 130px;
    width: 700px;
    text-align: center;
}

div#gallery .cat_title {
   font: bold 15px georgia, serif;
}

/* ------------------- TYPE ELEMENTS HERE --------------- */

h1 {
   font-family: georgia, times, serif;
   font-size: 24px;
   letter-spacing: -.02em;
   color: #708b69;
   font-style: italic;
   font-weight: normal;
   margin: 0 0 20px 0;
   padding: 0;
 }
 
h2 {
   font-family: georgia, times, serif;
   font-size: 20px;
   font-weight: normal;
   letter-spacing: -.02em;
   color: #708b69;
   font-style: italic;
   margin: 20px 0 5px 0;
   padding: 0;
 }
 
h3 {
   font: bold 14px georgia, times, serif;
   color: #324165;
   margin: 10px 0 0px 0;
   padding: 0;
 }
 
h4 {
   font-family: georgia, times, serif;
   font-size: 11px;
   font-weight: bold;
   color: #324165;
   margin: 10px 0 0px 0;
   padding: 0;
   font-style: italic;
 }
 
h5 {
   font: bold italic 13px/18px verdana, arial, sans-serif;;
   color: #324165;
   margin: 0 0 5px 0;
 }

div#thumbnailcol h5 { font: italic 12px verdana, sans-serif; }

p, li, td, th { 
   font-family: georgia, serif;
   font-size: 13px;
   color: #324165; 
}

a {
   color: #708b69;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

/* -------------------------- FORMS  ------------------------------- */	
/*  				keep form tags away from just inside div. */

/* small form. */
div.forms { 
   float: left;
   width: 370px; 
   text-align: left;
}
div.frows {
   width: 370px; 
   clear: both;
   padding-top: 6px;
}
div.frows span.label {
  float: left;
  width: 70px;
  text-align: right;
  font-family: georgia, times, serif;
  font-size: 13px;
  padding-top: 2px;
}
div.frows span.blabel {
  float: left;
  width: 70px;
  text-align: right;
  font-family: georgia, times, serif;
  font-size: 13px;
  font-weight: bold;
  padding-top: 2px;
}
div.frows span.frm {
  float: right;
  width: 290px;
  text-align: left;
  font-family: georgia, times, serif;
  font-size: 13px;
  line-height: 18px
} 


/*--------------------------- TOP NAV ---------------------*/

#nav {
   float: left;
   margin: 1px 0 0 30px;
   width: 550px;
   type-align: left;
}

#nav ul.top {
   float: left;
   list-style-type: none;

}

#nav ul.top li {
   float:left;
   letter-spacing: .1em;
   font: bold 12px verdana, sans-serif;
   padding: 2px 20px 0 0;
}
#nav ul.top li a{
   color: #fff;
}
#nav ul.top li a:hover {
   color: #EFD6BB;
    text-decoration: none;
}