/* rough percentages equavilants - please test and update as dev progresses
167%= 20px verdana
117%= 14px verdana
100%= 12px verdana
92% = 11px verdana
92% = 10px Verdana
*/
	
/* GLOBAL RESETS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, iframe, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-shadow: 0 0 0 #000;
}	

body {background-color:#FFF;} 
html>body {font-family: Helvetica,Verdana, Arial,sans-serif;}
a, a:visited {text-decoration:none;color:#6BA3BC;} 
a:hover {text-decoration:underline;} 



.clear {clear:both;float:none;}

img.projects{padding:20px 0 0 18px;}

#main-container{
height: auto;
width:770px;
margin: 15px auto 0px auto;
text-align: left;
position: relative;
}

#nav{ float:left; width:160px; text-align:center; background:url(../images/tree-extend.jpg) 67px 205px no-repeat;}

span.title{font-weight:bold;}

.body{width:610px;float:left;margin-bottom:15px;}
.body-top{width:610px;/* height:500px;*/ background:#afc87c url(../images/res-main-bg.jpg) top left no-repeat; padding-top:50px;}
.body-mid{width:610px; background:url(../images/body_mid.jpg) top left repeat-y; padding-bottom:50px;}

#temp{height:500px;}

.body-top-two{width:610px; height:11px; background:url(../images/body_top_two.jpg) top left no-repeat;}

.body-btm{width:610px; height:11px; background:url(../images/body_btm.jpg) top left no-repeat;}

h1 {font-size:110%; color:#e4f2c8; padding-bottom:50px; font-weight:bold; text-align:right; padding-right:25px;}
h2{font-weight:bold; padding:15px 0 10px 45px; font-size:85%; color:#fff;}
h3{padding-top:25px;}
p{font-size:80%; color:#fff; padding:5px 25px 10px 45px; }
p.center{text-align:center;}
ul, ol{margin-left:50px; margin-right:50px; font-size:80%; color:#fff; padding:10px 0;}
ol ul{font-size:100%;}
ol li{padding-bottom:10px;}
span.terra{font-size:87%; vertical-align:middle;}
p#sliver{padding-top:5px; padding-left:20px;}

#footer{width:770px; clear:both;}
#footer-top{background:url(../images/foot_top.gif) top left no-repeat; height:12px; width:770px;}
#footer-mid{background:url(../images/foot_mid.gif) top left repeat-y; width:770px; text-align:center; color:#A4C268; font-size:80%;}
#footer-mid a{color:#A4C268;}
#footer-mid a:hover{color:#fff;}
#footer-btm{background:url(../images/foot_btm.gif) top left no-repeat; height:12px; width:770px;}

.btn{width:160px; margin:20px 0;}
.btn#about-section{margin-bottom:5px;}
.btn-top{height:5px; width:160px; background:url(../images/btn_top.gif) top center no-repeat;}
.btn-mid{width:156px; background:url(../images/btn_mid.gif) top center repeat-y; text-align:center; padding:2px;}
.btn-mid a, {color:#fff; font-size:100%;}
.btn-mid a:hover{text-decoration:underline;}
.btn-mid a.active{color:#666;}
.btn-btm{height:5px; width:160px; background:url(../images/btn_btm.gif) top center no-repeat;}

.about-drop{width:160px; margin:10px 0 0 30px; text-align:left;}
.about-drop a{color:#a6c7d6; font-size:100%;}
.about-drop a:hover{text-decoration:underline;}
.about-drop a.active{color:#666;}

.blue-box{width:275px; margin:10px 0 20px 0;}
.blue-box#left{margin-left:20px; float:left;}
.blue-box#right{margin-right:20px; float:right;}

.blue-box-top{background:url(../images/blue_top.gif) top left no-repeat; height:14px; width:275px;}
.blue-box-btm{background:url(../images/blue_btm.gif) top left no-repeat; height:14px; width:275px;}
.blue-box-mid{background:url(../images/blue_mid.gif) top left repeat-y; width:275px; height:220px;}
.blue-box-mid p{font-size:80%; color:#fff; padding:5px; font-weight:bold;}
.blue-box-mid ul{font-size:80%; color:#fff; margin-left:25px; margin-right:5px;}
.blue-box-mid ul li{padding-bottom:5px;}