/* dark teal = #163b49;  orange = #e46034;  med blue = #4188A6; midight blue = #0d191f; */
/* GLOBAL */
body {font-family: Verdana, Geneva, Arial, sans-serif; font-size: 12px; color: #ddd; line-height: 1.2; background: #0d191f;}
.cont {margin:20px auto auto auto; display: block;}
#cont_index {width: 900px; height: 600px; background: url('../images/bkg.jpg'); position: relative; border: 1px solid #e46034;}
#cont_resume {width: 800px;}
#cont_contact {width: 900px; height: 600px; background: url('../images/bkg_contact.jpg'); position: relative; border: 1px solid #e46034;}
a {color: #0d191f; font-weight: bold;}
a:hover {color: #e45034;}

/* NAV */
ul#main_nav {position: absolute; left: 668px; top: 285px; display: block; width: 127px; height: 160px;}
ul#main_nav li a {background-image: url('../images/nav_sprite.png'); display: block; width: 127px; height: 40px;}
ul#main_nav a#button01 {background-position: 0px 0px; position: absolute; left: 0px; top: 0px;}
ul#main_nav a:hover#button01 {background-position: -127px 0px;}
ul#main_nav a#button02 {background-position: 0px -40px; position: absolute; left: 0px; top: 40px;}
ul#main_nav a:hover#button02 {background-position: -127px -40px;}
ul#main_nav a#button03 {background-position: 0px -80px; position: absolute; left: 0px; top: 80px;}
ul#main_nav a:hover#button03 {background-position: -127px -80px;}
ul#main_nav a#button04 {background-position: 0px -120px; position: absolute; left: 0px; top: 120px;}
ul#main_nav a:hover#button04 {background-position: -127px -120px;}

/* INDEX */
#headshot {width: 450px; height: 600px; background: url('../images/headshot01.jpg') 0 0 no-repeat; float: left;}
h1 {width: 450px; height: 58px; position: absolute; left: 380px; top: 198px;}
h2 {width: 248px;  padding-left: 5px; border-left: 1px solid #e46034; font-size: 13px; position: absolute; left: 380px; top: 300px;}
h3 {}
h4 {font-weight: bold; font-size: 14px; color: #4188a6; border-bottom: 1px solid #c2d1d1; padding-bottom: 2px; margin: 10px 0px 10px 0px;}
h5 {color: #225; font-weight: bold; margin-left: 30px; margin-top: 20px;}

/* HORIZONTAL MASTHEAD */
#resume_wrapper {margin-top: 21px;}
#masthead {width: 900px; height: 147px; background: url('../images/masthead.jpg') no-repeat; margin: auto; text-align: center; position: relative;}
ul#mast_nav {position: absolute; left: 408px; top: 113px;display: block; width: 432px; height: 34px;}
ul#mast_nav li a#mast_button01 {display: block; width: 86px; height: 34px; position: absolute; left: 0px; top: 0px; background: url('../images/mast_sprite.png') 0px 0px;}
ul#mast_nav li a:hover#mast_button01 {background: url('../images/mast_sprite.png') 0px 34px;}
ul#mast_nav li a#mast_button02 {display: block; width: 125px; height: 34px; position: absolute; left: 86px; top: 0px; background: url('../images/mast_sprite.png') -86px 0px;}
ul#mast_nav li a:hover#mast_button02 {background-image: url('../images/mast_sprite.png'); background-position: -86px 34px;}
ul#mast_nav li a#mast_button03 {display: block; width: 92px; height: 34px; position: absolute; left: 211px; top: 0px; background: url('../images/mast_sprite.png') -211px 0px;}
ul#mast_nav li a:hover#mast_button03 {background-image: url('../images/mast_sprite.png'); background-position: -211px 34px;}
ul#mast_nav li a#mast_button04 {display: block; width: 129px; height: 34px; position: absolute; left: 303px; top: 0px; background: url('../images/mast_sprite.png') -303px 0px;}
ul#mast_nav li a:hover#mast_button04 {background-image: url('../images/mast_sprite.png'); background-position: -303px 34px;}

/* RESUME */
.resume_text {border: solid 1px #e46034; padding: 15px; margin: 10px; background: #eee;}
h3 {font-size: 18px; font-weight: bold; margin: 5px 0px 12px 0px; color: #e46034; border-bottom: 1px solid #e46034;}
.resume_text p {margin: 5px 0px 0px 0px; color: #225;}
p.type_01 {margin-left: 30px;}
li.type_02 {margin-left: 60px; color: #225;}

/* DEMO */
#demo_wrapper {position: absolute; top: 170px; left: 230px; z-index: 20; display: block; width: 790px; height: 400px; overflow: hidden;}
#demo {margin-left: -50px;}

/* CONTACT */
#headshot02 {position: absolute; top: 147px; left: 0px; z-index: 10; display: block; width: 399px; height: 452px; background: url('../images/headshot02.jpg');}
form {position: absolute; top: 270px; left: 300px; z-index: 20;}
#instruct {position: absolute; top: 190px; left: 343px; z-index: 20; width: 430px; font-weight: bold;}
#instruct span {font-size: 17px; font-weight: bold;}
#thanks {position: absolute; top: 300px; left: 320px; z-index: 30;font-weight: bold; font-size: 16px; border: 1px solid #e46034; padding: 10px; background: #163b49;}

/* FOOTER */
#ft {margin: 30px 0px;}
#ft p {width: 900px; font-size: 9px; text-align: center; margin: auto; color: #444;}
#ft a {color: #555;}
#ft a:hover {color: #e46034;}