/* CSS Document */

html { background-color:#100c05; overflow-y:scroll;}
body { width:750px; margin:0 auto; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#3e432b;}
#container { width:750px; margin:0 auto; border:#009999 thin solid;}
/* Header Layout */
#hBox1 { position:absolute; float:left; top:10px; margin-left:250px; width:200px; height:10px; background-color:#FFFFFF;}
#hBox2 { position:absolute; float:left; top:20px; margin-left:29px; width:370px; height:39px; background-color:#000000;}
#hBox3 { position:absolute; float:left; top:20px; margin-left:399px; width:51px; height:42px; background-color:#FFFFFF;}
#hBox4 { position:absolute; float:left; top:59px; margin-left:29px; width:370px; height:3px; background-color:#FFFFFF;}
#hBox5 { position:absolute; float:left; top:62px; margin-left:29px; width:21; height:31px; background-color:#FFFFFF;}
#hBox6 { position:absolute; float:left; top:62px; margin-left:375px; width:24px; height:14px; background-color:#FFFFFF;}
#hBox7 { position:absolute; float:left; top:24px; margin-left:450px; width:284px; height:10px; background-color:#FFFFFF;}
#hBox8 { position:absolute; float:left; top:34px; margin-left:450px; width:50px; height:5px; background-color:#FFFFFF;}
#hBox9 { position:absolute; float:left; top:24px; margin-left:734px; width:5px; height:35px; background-color:#FFFFFF;}
#hBox10 { position:absolute; float:left; top:38px; margin-left:450px; width:260px; height:19px; padding-top:5px; background-color:#FFFFFF;}
#hBox11 { position:absolute; float:left; top:62px; margin-left:399px; width:126px; height:14px; background-color:#FFFFFF;}
/* Menu Layout */
#mBox { position:absolute; float:left; top:190px; margin-left:0px; width:250px; height:150px;}
#mBox1 { position:absolute; float:left; top:0px; margin-left:30px; width:20px; height:202px; background-color:#000000;}
#mBox2 { position:absolute; float:left; top:0px; margin-left:50px; width:10px; background-color:#FFFFFF;}
#mBox3 { position:absolute; float:left; top:97px; margin-left:50px; width:10px; height:29px; background-color:#000000;}
#mBox4 { position:absolute; float:left; top:129px; margin-left:50px; width:10px; height:68px; background-color:#FFFFFF;}
#mBox5select { position:absolute; float:left; top:4px; margin-left:50px; width:10px; color:#FFFFFF;}
#mBox5 { position:absolute; float:left; top:4px; margin-left:60px; width:90px; background-color:#FFFFFF;}
#mBox6 { position:absolute; float:left; top:197px; margin-left:110px; width:40px; height:5px; background-color:#FFFFFF;}
#mBox7 { position:absolute; float:left; top:198px; margin-left:0px; width:150px; height:7px; background-color:#FFFFFF;}
.menuSelected { background-color:#000000; color:#FFFFFF; width:90px;}
.selected { border-left:#000000 solid; border-left-width:10px; cursor:default;}
.unselected { cursor:default;}
.whiteType { color:#FFFFFF;}

/* Menu Layout */
#siteNav { float: left; width: 90px; margin:0; padding:0;}
#siteNav a { display:block; color:#000000; text-align:right; text-decoration:none; font-size: 12px; background-color: white; border-top: #000000 thin solid; padding:9px 0 9px 0;}
#siteNav a:hover { color:#FFFFFF; background-color:#000000;}
#selectedNav { float: left; width: 10px; margin:0; padding:0;}
#selectedNav a { display:block; color:#000000; text-align:right; text-decoration:none; font-size: 12px; background-color: white; border-top: #FFFFFF thin solid; padding:9px 0 9px 0;}

/* content layout */
#Content { position:absolute; float:left; top:40px; margin-left:0px; width:600px; background-color:#00FFFF;}
div#cContent { position:absolute; float:left; top:100px; margin-left:150px; width:600px; background-color:#FFFFFF; padding:20px 0 20px 0; background-image:url(media/contentBkg.gif);}
div#cHContent { position:absolute; float:left; top:100px; margin-left:150px; width:600px; background-color:#FFFFFF; padding:105px 0 130px 0; background-image:url(media/contentBkg.gif);}
div#cHContent p { padding:0px 2px 250px 43px;}
div#cReContent p { padding:0px 2px 250px 43px;}
div#cBox1 { position:absolute; float:left; top:0px; margin-left:0px; width:600px; height:13px;  background-color:#FFFFFF;}
div#cBox2 { position:absolute; float:left; top:13px; margin-left:0px; width:43px; height:160px; background-image:url(media/menu2.gif); background-color:#FFFFFF;}
div#cBox3 { position:absolute; float:left; top:192px; margin-left:0px; width:43px; height:29px; background-image:url(media/menu3.gif); background-color:#FFFFFF;}
div#cBox3Home { position:absolute; float:left; top:96px; margin-left:0px; width:43px; height:29px; background-image:url(media/menu3.gif); background-color:#FFFFFF;}
div#cBox3Portfolio { position:absolute; float:left; top:127px; margin-left:0px; width:43px; height:29px; background-image:url(media/menu3.gif); background-color:#FFFFFF;}
div#cBox3Contact { position:absolute; float:left; top:253px; margin-left:0px; width:43px; height:29px; background-image:url(media/menu3.gif); background-color:#FFFFFF;}
div#cBox3Resume { position:absolute; float:left; top:156px; margin-left:0px; width:43px; height:29px; background-image:url(media/menu3.gif); background-color:#FFFFFF;}
div#cBox3About { position:absolute; float:left; top:188px; margin-left:0px; width:43px; height:29px; background-image:url(media/menu3.gif); background-color:#FFFFFF;}
div#cBox3Likes { position:absolute; float:left; top:218px; margin-left:0px; width:43px; height:29px; background-image:url(media/menu3.gif); background-color:#FFFFFF;}
div#cBox4 { position:absolute; float:left; top:220px; margin-left:0px; width:43px; background-image:url(media/menu4.gif); background-color:#FFFFFF;}
div#cBox5 { position:absolute; float:left; bottom:170px; margin-left:0px; width:43px; height:16px; background-image:url(media/menu5.gif); background-color:#FFFFFF;}
div#cBox6 { position:absolute; float:left; bottom:20px; margin-left:0px; width:600px; height:150px; background-color:#FFFFFF; background-image:url(media/page_images/ape_logo.gif)}
div#cBox7 { position:absolute; float:left; bottom:0; margin-left:0px; padding:0; width:600px; height:20px; background-color:#FFFFFF;}
div#box { position:absolute; bottom:0; margin-left:75px; width:350px; height:1.8em; background-color:#000000;}
/* contact 2 column */
#contact { margin:100px 0 100px 100px; width:400px;}
#contactBox { margin:140px 0 250px 130px; width:355px; padding-bottom:100px;}
div#contactBoxR { float:right; width:200px;}
div#contactBoxL { float:left; width:150px;}
div#contactBox p { 	padding:0;}
.leftAlign { text-align:left;}
.rightAligh { text-align:right;}
div#contactBox A:link { font-size:12px; color:#3e432b; text-decoration:none;}
div#contactBox A:visited {text-decoration: none}
div#contactBox A:active {text-decoration: none}
div#contactBox A:hover {text-decoration: none; color:#FF0000;}
-->

.clear {clear:both;}

/* font style */
h6 { font-size:100%; color:#FFFFFF; margin-left:10px; margin-top:0px; line-height:2em; letter-spacing:.1em;}
A:link { font-size:12px; color:#3e432b; text-decoration:none;}
A:visited { text-decoration: none; color:#3e432b}
A:active { text-decoration: none;}
A:hover { text-decoration: none; color:#FF0000;}
p { color:#3e432b; font-size:12px; line-height:1.25em;}
.ContentMargins { padding:10px 2px 170px 43px;}
div#cBox7 p { margin-left:420px; margin-top:0px; line-height:.5em; letter-spacing:.1m; font-size:98%; color:#000000;}
/* header top email */
div#hBox10 A:link { font-size:12px; color:#3e432b; text-decoration:none;}
div#hBox10 A:visited {text-decoration: none;}
div#hBox10 A:active {text-decoration: none;}
div#hBox10 A:hover {text-decoration: none; color:#FF0000;}
/* header bottom email */
div#cBox7 A:link { font-size:98%; color:#FFFFFF; text-decoration:none;}
div#cBox7 A:visited {text-decoration: none}
div#cBox7 A:active {text-decoration: none}
div#cBox7 A:hover {text-decoration: none; color:#FF0000;}
.linkUnderline { text-decoration:underline;}
.redAt { color:#FF0000;}
#hBox11 { font-size:12px;}
.bold P { font-weight:bolder;}
-->