/* -------------------------------------------------------------- 
   
   Boilerplate typography.css
   * Sets up some sensible default typography.
  
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.62.5 * 16px = 10px). */
body { font-size:12px; line-height: 1.2em; color: #212618; }


/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Helvetica, Arial, Sans-serif; }


/* Headings
-------------------------------------------------------------- */

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

h1 { height:40px; font-size: 25px; line-height: 1.1em; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 2px; color: #555; }
#top{height:166px; width:776px; margin:0 auto; background:url(top_bg.jpg);}
#top h1{ color:#3A2000; font-size:25px; font-weight:bold; padding-top:70px; padding-left:170px;}
#information h1, #background_left h1 { color: #006D80; }
#information h2, #background_left h2{ font-size: 16px; line-height: 1.1em; color: #006D80; border: 0; border-bottom: 1px solid #cbcbcb; margin-bottom: 12px; padding-bottom: 6px; }
.lv {color: #006D80;}
#services h1, #recent h1, #goals h1 { margin-bottom: 10px; }
#services_module h1 { font-size: 1.2em; color: #71b503; font-family: Helvetica, Arial, sans-serif; margin-bottom: 6px; }


/* Text elements
-------------------------------------------------------------- */
#footer{ height:83px; background:url(footer_bg.jpg);}
p { margin: 0 0 5px 0; font-size: 1.2em; line-height: 1.35em; }
     #footer p { font-size: 12px; color: #000; text-align:center; }

#content a { color: #ffa601; text-decoration: none; }
#content a:hover { color: #ffa601; text-decoration: underline; }

#footer a { text-decoration: none; font-weight: bold; color: #666; }
#footer a:hover { text-decoration: underline; color: #666; }

ul, ol { margin: 0; padding: 0; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }

dl { margin: 0; padding: 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

a { color: #71b503; text-decoration: none; }
a:hover { text-decoration: underline; }

blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */

table { margin-bottom: 1.4em; }
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #ffc; }


/* Some default classes
-------------------------------------------------------------- */

.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet { color: #bbb; }

.hide { display: none; }
.highlight { background: #ffc; }

.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }


body { background:url( bg-body.png ); margin: 0; padding: 0; }
  span { display: none; }
  .left { float: left; }
  .right { float: right; }
  .clear { clear: both; }
  
  div.hr { clear: both; height: 75px;   }
     div.hr hr { display: none; }
  
  /* Containers */
  
  #wrapper { width: 776px; margin: auto; background:#fff  url( wrapper_bg.jpg) no-repeat top; }
  
  #content { width: 700px; height: auto; margin: auto; padding: 20px; padding-bottom: 0; background-color:#DFF0F6;}

  #introduction { width: 680px; margin-bottom: 20px; padding-top:10px; margin:0 auto; }
     body#portfolio #introduction img { margin-top: -25px; }
  #carousel { width: 305px ; float: left; }
  #information { width: 310px; float: right; padding-left: 12px;  }
  #background_left { width: 410px; float: left; padding-left:10px; }
  #background_right { width: 251px; float: right; padding-left: 4px; padding-top: 10px; padding-right:6px; }


  body#portfolio dl, body#portfolio dt, body#portfolio dd { margin: 0; padding: 0; font-size: 1.1em; margin: 0 0 5px 0px; }
  body#portfolio dl { float: left; width: 302px; margin: 0 0 25px 0; padding: 0 10px; padding-bottom: 3px; }
     body#portfolio dt { margin-bottom: 8px; }
     body#portfolio dt img { border: 1px solid #ccc; }
     body#portfolio dd { margin: 3px 0; }
     body#portfolio dd.project_title { font-weight: bold; }
     body#portfolio dd.project_type { float: left; font-size: 1em; font-weight: normal; color: #777; margin-right: 10px; padding-right: 10px; border: 0; border-right: 1px solid #ccc; text-transform: uppercase; }
     body#portfolio dd.project_date { float: left; font-size: 1em; color: #71b503; }
     body#portfolio dd.project_clear { clear: both; border-top: 1px solid #ccc; }

  #services, #goals { float: left; width: 305px; }
     #services ul { list-style: none; margin: 0 0 6px 0; padding: 0; padding-bottom: 15px; border: 0; border-bottom: 1px solid #ddd; }
     #services li { font-size: 1.2em; margin: 0 0 5px 20px; }
     #services a, #services a:hover { color: #444; }
  #services_module { width: auto; }
  
  #background_right ul { list-style: disc; margin: 0 0 10px 0; padding: 0; padding-bottom: 10px; }
     #background_right li { font-size: 13px; color:#006600; line-height: 1.5em; margin: 0 0 5px 20px; }
     #background_right a, #background_right a:hover { color: #006600; }
	 
	 #footer p.left { text-align: left; }
     #footer p.right { text-align: right; }

  
  /* Headers */  

  h1#header { margin: auto; padding: 0; margin-top: 0; margin-bottom: 0; width: 776px; height: 131px; background: transparent url( header.png ) no-repeat top left; text-indent: -9000px; }