/* Copyright Anthony Hessler 2008 */
 

* {margin:0px; padding:0px; border:0;}
html body {background:#24262A url(http://www.hesslerdesign.com/images/bg_tile.gif) repeat-x scroll left top; font-family:Verdana, Arial, Helvetica, sans-serif;}
/*html body {margin:0px; background:url(../images/backgnd_tall.jpg) repeat-x; background-color:#000;text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}*/
h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#1c1c1c;}
h3 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#CC6600;}
h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#1c1c1c; margin-top:0px; margin-bottom:2px;}
h5 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#1c1c1c; margin-top:0px; margin-bottom:16px; margin-left:20px;}
a, a:link, a:visited {color:#666; text-decoration:none;}
a:hover {color:#fff; text-decoration:none; border-bottom:dotted 1px;}
p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; font-weight:normal; color:#ccc; text-align:left;}

#wrapper {margin:0 auto; width:800px; height:600px; display:none;}
#main-container {margin-top:30px;}
.mainBox {background-color:#000; display:block; height:518px; width:800px; border:solid 1px #333;}
#header {background-color:#000; display: block; height:60px; width:800px; text-align:left;}
#footer {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal; color:#666; display:block; height:22px;}
.footerRight {text-align:right; margin-right:29px; margin-top:6px; display:block; float:right;}
.footerLeft {text-align:left; margin-left:29px; margin-top:6px; display:block; float:left;}
.footerCenter {text-align:center; display:block; width:68px; float:left;}
#news-container {width:500px; height:22px; float:left;}
#news-container p {font:normal 9px Verdana, Arial, Helvetica, sans-serif; color:#666; text-align:left; margin-top:6px; margin-left:29px;}
#news-container a, #news-container a:link, #news-container a:visited, #news-container a:active {border-bottom:dotted 1px;}
#news-container a:hover {text-decoration:none; border-bottom:dotted 1px;}

.versionCheck {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#fff;}
.underline {text-decoration:underline;}

/*****************************************************************/
/* container, contentHeader, resume, portfolio, and contact tags */
/* set up with display of none so they won't appear in the main  */
/* index.html file, but will show up in search engines.          */
/*****************************************************************/
#ContentText {z-index:1;}
#container {width:800px; height:200px; overflow:auto; display:none; float:left;}
#contentHeader {background:url(../images/header_print.gif) no-repeat; display:none; height:60px; width:800px; margin-bottom:30px; border-bottom:solid 1px #999;}
#contentHeader h1 {display:none;}
#resume {display:none; width:782px; margin-top:20px; margin-left:18px; border-bottom:solid 1px #999;}
.resumeSection {display:block; float:left; margin-bottom:20px;}
.resumeTitles { display:block; width:96px; float:left;}
.resumeComponents {display:block; width:686px; float:right;}
#portfolio {display:none; width:782px; margin-top:20px; margin-left:18px;}
.portfolioSection {display:block; float:left; margin-bottom:20px;}
.portfolioTitles {display:block; width:96px; float:left;}
.portfolioComponents {display:block; width:686px; float:right;}
#contact {display:none; width:782px; margin-top:20px; margin-left:18px;}
.contactSection {display:block; float:left; margin-bottom:20px;}
.contactTitles {display:block; width:96px; float:left;}
.contactComponents {display:block; width:686px; float:right;}


/* Landing div elements */
#landing {display:block;}
.mainText {font:14px normal Verdana, Arial, sans-serif; color:#fff; line-height:18px; text-align:center;}
.mainText a, .mainText a:link, .mainText a:visited {color:#40a9f9;}
.mainText a:hover {color:#cc6600;}