/*
*
*
*
*/
/*-----------------------------------------------------------------------------------------------
  Main layout sections
-----------------------------------------------------------------------------------------------*/

body {margin: 0px auto; margin-bottom:0px; background-color:#ACC9BF; background-image: url(../img/bg.gif); background-repeat: repeat-y; background-position: center; font:'Trebuchet MS', Arial, Helvetica, Sans-Serif; }
div#header { width: 760px; height: 182px; margin: 0px auto; margin-top:0px; background: url(../img/header.jpg); background-repeat: no-repeat; }
div#nav {height: 34px; width: 760px; margin: 0px auto; background-image: url(../img/nav_bg.gif); background-repeat:no-repeat; }
div#frame-top { width: 760px; margin: 0px auto; height: 25px; background-image: url(../img/frame-top.gif); background-repeat: no-repeat; }
div#frame-btm { width: 760px; margin: 0px auto; height: 47px; background-image: url(../img/frame-btm.gif); background-repeat: no-repeat; margin-top: 0px;  }
div#wrapper { width: 760px; margin: 0px auto; background-image: url(../img/wrapper.gif); background-repeat:no-repeat; background-color: #fff; }
div#wrapper2 { width: 748px; margin: 0px auto; background-image: url(../img/wrapper2.gif); background-repeat: repeat-y; }
div#left { width: 223px; float:left; margin: 0px auto; }
div#right { width: 473px; margin: 0px auto; float:right; padding: 0px 24px 0px 28px; }
div.clearing { clear: both; margin: 0px auto; padding: 0px; height: 0px; }
div#footer { width: 760px; height: 100px; background: url(../img/footer.gif); background-repeat:no-repeat; margin: 0px auto; }
div#footerextend { width: 760px; height: 3px; background: url(../img/footer_extend.jpg); background-repeat: repeat-y; margin: 0px auto; }
.images { margin: 0px auto; border-bottom: 4px solid #5C8E7D; width: 195px; margin: 0px 0px 0px 15px; margin-bottom:0px;  }
div#main_img { width: 473px; height: 383px; margin: 0px 0px -50px 0px;}


/*-----------------------------------------------------------------------------------------------
  Font styling
-----------------------------------------------------------------------------------------------*/
#right h1 { font: 18px 'Verdana', Trebuchet MS, Arial, Helvetica, sans-serif; color: #59584B; font-weight: bold;}
#right h2 { font: 11px 'Verdana', Trebuchet MS, Arial, Helvetica, sans-serif; color: #5C8E7D; font-weight: bold; text-transform:uppercase; }
#right h3 { font: 11px 'Verdana', Trebuchet MS, Arial, Helvetica, sans-serif; color: #59584B; font-weight: bold;}
div#right p { font: 11px 'Verdana', Trebuchet MS, Arial, Helvetica, sans-serif; line-height: 12pt; color: #59584B;}
#right ul li {font: 11px 'Verdana', Trebuchet MS, Arial, Helvetica, sans-serif; line-height: 12pt; color: #59584B; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 10px;}

#left h1 { font: 11px 'Verdana', Trebuchet MS, Arial, Helvetica, sans-serif; color: #59584B; font-weight: bold; text-transform:uppercase; padding: 10px 14px 0px 20px; margin: 0px 0px 0px 0px;}
#left h2 { font: 11px 'Verdana', Trebuchet MS, Arial, Helvetica, sans-serif; color: #59584B; font-weight: bold; margin: 0px 0px 8px 0px; line-height: 14px; padding: 4px 14px 0px 20px;} 
#left h3 { font: 11px 'Verdana', Trebuchet MS, Arial, Helvetica, sans-serif; color: #fff; margin: 0px 0px 8px 0px; font-weight:bold; text-transform:uppercase; width: 195px; background-image: url(../img/left-h3-bg.gif); background-repeat: no-repeat; padding: 6px 14px 0 14px; height: 19px;  }
#left h4 { line-height: 16px; padding: 0px 0px 8px 10px; margin: 8px 15px 0px 20px; background-image: url(../img/bullet.gif); background-repeat: no-repeat; font:11px 'Verdana', Trebuchet MS, Arial, Helvetica, sans-serif; color: #1D2A3E; font-weight: bold; border-bottom: 1px dotted #5C8E7D; }
div#left p { font: 11px 'Verdana', Trebuchet MS, Arial, Helvetica, sans-serif; line-height: 12pt; color: #59584B; margin: 0px 0px 8px 0px; padding: 0px 14px 6px 20px;}


/*-----------------------------------------------------------------------------------------------
  Nav font styling
-----------------------------------------------------------------------------------------------*/
#nav ul { margin: 0; padding: 8px 0px 2px 0px; font: 12px 'Verdana', Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; text-transform: uppercase; }
#nav ul li { display: inline; list-style: none; }
#nav a { color: #59584B; text-decoration: none; }
#nav a:hover { color: #419CB3; text-decoration: none; }
#nav a:visited { text-decoration: none; }
#nav a:active { color: #59584B; text-decoration: none; }

/*-----------------------------------------------------------------------------------------------
  Footer styling
-----------------------------------------------------------------------------------------------*/
div#footer ul { font: 11px 'Verdana', Trebuchet MS, Arial, Helvetica, sans-serif; color:#59584B; padding: 25px 0px 0px 200px;}
div#footer ul li { float:left; list-style-type: none; padding-right: 12px;}
#footer ul li a { color: #59584B; text-decoration: none; }
#footer li a:hover { color: #419CB3; text-decoration: underline; }
#footer li a:active { color: #59584B; text-decoration: none; }

/*-----------------------------------------------------------------------------------------------
 Container (First Column)
-----------------------------------------------------------------------------------------------*/
div#cont_top { background-image:url(../img/container_top.jpg); background-repeat:no-repeat; width: 223px; height: 20px; float: left; margin-top: 10px; margin-left: 6px;}
div#cont_mid { background-image:url(../img/container_middle.jpg); background-repeat:repeat-y; width: 223px; float: left; margin-left: 6px;}
div#cont_bot { background-image:url(../img/container_bot.jpg); background-repeat:no-repeat; width: 223px; height: 20px; float: left; margin-left: 6px;}
div#project { background-image:url(../img/recent_projects.jpg); background-repeat:no-repeat; width: 223px; height:25px; float: left; margin-left: 6px;}
/*-----------------------------------------------------------------------------------------------
  Links
-----------------------------------------------------------------------------------------------*/

#left a { color: #59584B; text-decoration: none; }
#left a:hover { color: #419CB3; text-decoration: underline; }
#left a:active { color: #59584B; text-decoration: none; }
#left li a {color: #419CB3; text-decoration:none;}
#left li a:hover {color: #59584B; text-decoration:none;}
#left li a:active {color: #419CB3; text-decoration:none;}
#right a { color: #419CB3; text-decoration: none; }
#right a:hover { color: #59584B; text-decoration: underline; }
#right a:active { color: #419CB3; text-decoration: none; }
#right li a {color: #419CB3; text-decoration:none;}
#right li a:hover {color: #59584B; text-decoration:none;}
#right li a:active {color: #419CB3; text-decoration:none;}


/*-----------------------------------------------------------------------------------------------
  Misc styling
-----------------------------------------------------------------------------------------------*/
hr { border: none; border-top: 1px dotted #A88F70; }
.textarea { float: left; border: 1px solid #59584B; background-color: #FFF; height: 20px; width: 62%; padding: 2px; font: 'Verdana', Trebuchet MS, Arial, Helvetica, Sans-Serif; font-size: 11px; margin: 0px 0px 0px 5px; }	
.textarea_message { float: left; border: 1px solid #59584B; background-color: #FFF; width: 62%; padding: 2px; font: 11px 'Verdana', Trebuchet MS, Arial, Helvetica, sans-serif; margin: 0px 0px 0px 5px; }
.tabletext { float: left; width: 100px; font: 11px 'Verdana', Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: bold; text-align: right; padding: 5px 0 10px 0; }
.btn-submit { float: left; background-image: url(../img/submit.gif); background-repeat: no-repeat; width: 100px; height: 25px; margin-left: 105px; margin-top: 7px  }
.highlight { text-transform: uppercase; color:#FF9900; font-weight: bold; }
.spacer { color: #796443; padding: 0px 8px 0px 8px;}