/*---- GLOBAL STYLES ---- */
html, body, h1, h2, h3, h4, h5, h6, img, p, a, ul, ol, li, dl, dt, dd, form { 
	margin:0; padding:0; border:0;
	}

html { min-height: 100%; margin-bottom: 0px; height:100%; /* needed for container min-height */}

body {
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	color: #6d6b66;
	height: 100%;
	background: url(../images/bg_gradient.jpg) repeat-x top;
	line-height: 1.8em;
}
	
ul, ol, li { 
	list-style-type: none; 
}

a{ color: #6d6b66; text-decoration: none;}

.clear_left { clear: left; }
.clear_right{ clear: right; }
.clear_both{ clear: both; }


/*---- MAIN LAYOUT ----*/
#blurb{ display: none; }
#wrapper{
	position: relative;
	width: 950px;
	margin: 0 auto;
}
#bg-img{ position: absolute; background: url(../images/index_bgimage.png) left no-repeat; width: 623px; height:572px; left:0; top: 0; z-index: 0;}
#logo{ position: relative; padding: 80px 50px 0 0; text-align: right;} 
#paper{ position: relative; background: url(../images/bg_paper.png) top center no-repeat; height:800px;}
#container, #footer{padding: 20px 20px; margin: 0 45px;}
#container{ padding-top: 30px;}
#footer{ text-align: center; padding-top: 0;}
#footer a:hover{ text-decoration: underline;}

/*---- Main Nav ----*/
#nav{ margin: auto auto; width: 862px; margin-top: 30px;}
#nav li{ float: left; }
#nav #nav1 a{background:url(../images/nav1.png) left no-repeat; width: 192px;}
#nav #nav2 a{background:url(../images/nav2.png) left no-repeat; width: 168px;}
#nav #nav3 a{background:url(../images/nav3.png) left no-repeat; width: 98px; }
#nav #nav4 a{ background:url(../images/nav4.png) left no-repeat; width: 123px;}
#nav #nav5 a{background:url(../images/nav5.png) left no-repeat; width: 121px;}
#nav #nav6 a{background:url(../images/nav6.png) left no-repeat; width: 75px; }
#nav #nav7 a{ background:url(../images/nav7.png) left no-repeat; width: 85px; }
#nav #nav1 a:hover, #nav #nav1 a.selected{background:url(../images/nav1_f2.png); }
#nav #nav2 a:hover, #nav #nav2 a.selected{background:url(../images/nav2_f2.png);}
#nav #nav3 a:hover, #nav #nav3 a.selected{background:url(../images/nav3_f2.png); }
#nav #nav4 a:hover, #nav #nav4 a.selected{ background:url(../images/nav4_f2.png);}
#nav #nav5 a:hover, #nav #nav5 a.selected{background:url(../images/nav5_f2.png);}
#nav #nav6 a:hover, #nav #nav6 a.selected{background:url(../images/nav6_f2.png);}
#nav #nav7 a:hover, #nav #nav7 a.selected{ background:url(../images/nav7_f2.png);}
#nav a{
	text-align: center; display: block; padding: 22px 0 7px 0;text-transform: uppercase;
}
#nav a:hover, #nav a.selected{ text-decoration: none; color: #00a0d8;}

/*---- CONTACT PAGE ----*/
#formWrap{ width: 51%; margin: auto auto;}
#formWrap .text{ width: 100%; }

/*---- RESUME PAGE ----*/
#resume #paper{ background-image:url(../images/bg_paper_trans.png);}
#container #left{  float: left; width: 200px;}
#container #right{ float: right; width: 600px; }
#container #left, #container #right{ padding-top: 30px; }
#left li a{ display: block; border-top: dotted 1px #0FA5DA; padding-left: 20px; line-height: 2em;}
#left li a:hover, #left li a.selected, #left li a:active{ background: url(../images/arrow.gif) left no-repeat; color: #0FA5DA; }
#left li a.visited{ background-image: none; color: #0FA5DA;}
#right .title{ color: #0FA5DA; text-transform: uppercase; padding-left: 10px; padding-right: 10px; border: 1px solid #CCCCCC; border-top: 0;}
#right dl{ margin-top: 20px; margin-bottom: 30px; }
#right dt, #right dd{ float:left; line-height: 2em;}
#right dt{ width: 80px; font-weight: bold;}
#right dd{ width: 490px;}

/*---- ABOUT ----*/
#about{ width: 580px; margin: 100px auto; color: #0FA5DA;}
#about p{ margin-bottom: 20px;}
#about_link{ width: 765px; text-align: right; }
#about_link a:hover{ color: #0FA5DA; }