body {height: 100%; margin-bottom: 1px;}
body, h1, h2, h3, h4, h5, ul {margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;}
img {border:0px;}
a, a:link, a:visited, a:active {color:#000088;font-size:1em;}
a:hover {color:#000;}
.clear {clear:both;}

#bgwrapper {width:914px;margin:0 auto;padding:0;vertical-align:top;background:url('../imgs/bg_mid.gif') repeat-y #fff;margin-top:10px;}
#bgbot {width:914px;margin:0 auto;height:7px;background:url('../imgs/bg_bot.gif') bottom;}
#container {width:900px;margin:0 auto;color:#666;border-top:1px solid #ddd;}

#header {padding-top:10px;}
#header .logo {width:250px;height:75px;background:url('../imgs/ehr_logo.gif') no-repeat #fff;margin-left:15px;}

#navbar {height: 26px;text-align:center;padding:10px 0;background:#ddd;border-top:1px #333 solid;border-bottom:1px #333 solid;}
#navbar ul {margin: 0px;padding: 0px;line-height: 26px;white-space: nowrap;}
#navbar li {list-style-type: none;display: inline;}
#navbar li a, div#navbar li a:link, div#navbar li a:visited {text-decoration: none;color: #777;padding: 10px 10px 2px 10px;letter-spacing: 1px;vertical-align: top; font-weight:bold;margin: 0px 30px;}
#navbar li a:hover {color:#000 !important;border-bottom:1px solid #00bbff;}
#navbar .nav-active {color:#000 !important;border-bottom:2px solid #00bbff !important;}

#content {height:500px;}

#body {font-size: 1em/*16px*/;padding:0px 15px 0px 0px;text-align:center;margin:0px auto;width:500px;height:450px;overflow:auto;}
#body ul {list-style-type:none;}
#about {font-size: 1em/*16px*/;padding:0px 15px 0px 0px;text-align:left;margin:0px auto;width:500px;height:450px;overflow:auto;}
#about img {vertical-align:middle;padding:10px;width:200px;}

#footer {font-size:.625em/*10px*/;color:#000;height:30px;border-top:1px #999 solid;}
#footer .footer-left {float:left;text-align:left;width:270px;padding-left:20px;padding-top:10px;}
#footer .footer-center {float:left;text-align:center;width:320px;padding-top:10px;}
#footer .footer-right {float:right;text-align:right;padding-right:20px;padding-top:10px;}

/*previous work page*/
#site-selection {float:left;width:225px;height:470px;margin:15px 0px 0px 15px;overflow:auto;}
#site-selection ul {margin:0;padding:0;}
#site-selection li {list-style-type:none;}
#site-divider {float:left;background:url('../imgs/divider.gif') repeat-y;padding:0px 14px;height:480px;width:2px;margin:10px 0px;}
#site-viewer {float:left;width:585px;height:470px;margin:15px 15px 0px 0px;background-color:#fff;position:relative;}
#site-bio {font-size: 1em/*16px*/;padding:0 100px;padding-top:150px;margin:0 auto;text-align:justify;width:385px;height:320px;position:absolute;}
#site-view {width:585px;height:470px;margin:15px 15px 0px 0px;position:absolute;}
.site-view-image {width:450px;height:350px;display:block;margin:0px auto;}
.site-view-text {width:450px;margin:15px auto 0px auto;font-size:.875em;}
.hidden{display:none;}
@media print {.hidden {display:block !important;}}

/*previous work mini-page*/
.pwmp-wrapper {width: 800px;height: 250px;padding-top:200px;} /*sets background-image size*/
#pwmp-info {padding: 20px 10px 20px 90px;width:700px;height:200px;}
#pwmp-content {padding:0;width:700px;height:220px;color: #ddd;background-color:#666;font-size: .8em;line-height: 1.5em;}
#pwmp-content span {text-align:center;}
#pwmp-content ul {list-style:square outside;margin-left:25px;}
#pwmp-content a:link, #pwmp-content a:visited, #pwmp-contact a:link, #pwmp-contact a:visited {color:#00bbff; text-decoration: none;}
#pwmp-content a:hover,#pwmp-contact a:hover {color:#00bbff; text-decoration: underline;}
#pwmp-left {float:left;width:425px;}
#pwmp-right {float:left;width:275px;height:195px;}
#pwmp-links {margin-left:400px;width: 300px;text-align:center;font-family: Tahoma, Helvetica, Arial, sans-serif;}
.pwmp-header {font-style: italic;font-size: 1.4em;color: #00bbff;letter-spacing: -1px;padding-left:10px;}
.pwmp-text {overflow:auto;height:157px;padding:10px;}
.pwmp-text p {margin:0;padding:5px;}
#pwmp-contact {width:325px;height:300px;color: #ddd;background-color:#666;font-size: .8em;line-height: 1.5em;text-align:center;}
#contact-networking {width:200px;text-align:left;margin:0 auto;}
#contact-networking p {margin:5px;padding:0;}
#contact-networking img {padding-right:5px;}

/*mini-page background images*/
#minipage-crazybird {background: url('../imgs/minipage-crazybird.jpg');}
#minipage-papaaloa {background: url('../imgs/minipage-papaaloa.jpg');}
#minipage-jessicabardosh {background: url('../imgs/minipage-jessicabardosh.jpg');}
#minipage-pdav {background: url('../imgs/minipage-pdav.jpg');}
#minipage-aaa {background: url('../imgs/minipage-aaa.jpg');}
#minipage-sentrycredit {background: url('../imgs/minipage-sentrycredit.jpg');}
#minipage-fbgraphic {background: url('../imgs/minipage-fbgraphic.jpg');}
#minipage-aof {background: url('../imgs/minipage-aof.jpg');}

/*Resume page*/
#resume {font-size: .875em;padding:0;margin:0 auto;width:900px;height:500px;overflow:auto;position:relative;}
#resume iframe {width:850px;height:3100px;border:0;}
#resume-print {text-align:center;position:absolute;top:5px;left:5px;}
#resume-scroll {height:350px;overflow:auto;}
#resume-contact {text-align:center;}
#resume h1 {font-size:1.5em;}
#resume h2 {font-size:1em;}
#resume .resume-line {height:3px;margin:6px 0;border-top:1px solid #000;border-bottom:1px solid #000;}
#resume p {margin-bottom:5px;}
#resume ul {margin-left:25px;margin-bottom:10px;list-style:square outside;}
#resume ul ul {margin-left:25px;}
#resume .resume-left {float:left;}
#resume .resume-right {float:right;}
#resume-objective, #resume-qualifications, #resume-skills, #resume-education, #resume-work {padding:5px 0;}
#resume br {clear:both;}