@charset "UTF-8";
body { background-color: #313131; background-image: url(../i/bkgd_mast.gif); background-repeat: repeat-x; margin:0; padding:0; height:100%; }
p { }
td { }
/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/
body { word-wrap: break-word; }
.noscript { color: #f90; font-size: 24px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 60px; text-decoration: none; text-indent: 100px; }
/* Main containers ----------------------------------------------*/
#container { height: 100%; }
#left-column { background-image: url(../i/img_greg-simmons.gif); background-repeat: no-repeat; padding:0; width:200px; height:100%; position: absolute; top: 0; left: 0; z-index: 10; }
.home-content { margin-left:250px; margin-right:225px; color:#333; text-align: center; position: absolute; top: 0; width: auto; height: 100%; visibility: hidden; border-width: 0; outline-width: 0; }
#home-content { margin-left:-390px; color:#333; text-align: center; position: absolute; top: 0; left: 50%; width: auto; height: 100%; z-index: 5; visibility: hidden; border-width: 0; outline-width: 0; }
/* Misc */
#preload-images { width: auto; height: auto; visibility: visible; float: left; display: none; }
#loader { background-color: #1b1b1b; background-image: url(../i/anim-loader.gif); background-repeat: no-repeat; background-position: 390px 250px; position: relative; top: 0; width: 500px; height: 300px; z-index: 5; }
#portfolio-image-anim { background-color: #1b1b1b; background-image: url(../i/anim-loader.gif); background-repeat: no-repeat; background-position: 50% 250px; width: 800px; height: auto; float: left; border-width: 0; }
/*Content / center column -------------------------------------*/
#gripper-content { background-image: url(../i/img_gripper-content.gif); background-repeat: no-repeat; background-position: 25px 8px; cursor: move; width: 660px; height: 19px; float: left; }
#content-wrap { color: #333; visibility: hidden; z-index: 80; height: 100%; margin: 10px 225px 30px 210px; border-width: 0; outline-width: 0; }
#content-center { min-height:650px; height:auto !important; height:650px; width: 800px; margin-right: auto; margin-left: auto; padding-bottom: 10px; }
.frame { width: 100%; height: auto; }
.frame-tl { background-image: url(../i/frame_tl.png); background-repeat: no-repeat; width: 10px; height: 19px; }
.frame-tm { background-image: url(../i/frame_tm.png); background-repeat: repeat-x; width: auto; height: 19px; }
.frame-tr { background-image: url(../i/frame_tr.png); background-repeat: no-repeat; width: 10px; height: 19px; }
.frame-ml { background-image: url(../i/frame_ml.png); background-repeat: repeat-y; width: 10px; height: auto; }
.frame-mc { background-color: #1b1b1b; width: auto; height: auto; margin: 0; padding: 0; }
.frame-mr { background-image: url(../i/frame_mr.png); background-repeat: repeat-y; width: 10px; height: auto; }
.frame-bl { background-image: url(../i/frame_bl.png); background-repeat: no-repeat; width: 10px; height: 18px; }
.frame-bm { background-image: url(../i/frame_bm.png); background-repeat: repeat-x; width: auto; height: 18px; }
.frame-br { background-image: url(../i/frame_br.png); background-repeat: no-repeat; width: 10px; height: 18px; }
/* Portfolio Images */
#portfolio-image-wrap { width: 800px; float: left; border-width: 0; }
#site-info-wrap { background-image: url(../i/rule_site-info.gif); background-repeat: no-repeat; background-position: 0 23px; width: 230px; height: 20px; float: right; margin: 0 15px 0 0; padding-top: 8px; }
#site-status { color: #666; font-size: 10px; font-family: "Trebuchet MS", tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; width: 138px; height: 14px; float: left; }
#close-portimages { color: #666; font-size: 10px; font-family: "Trebuchet MS", tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; background-image: url(../i/ico_x.gif); background-repeat: no-repeat; background-position: 0 5px; margin-top: 7px; padding-left: 11px; width: 44px; height: 12px; float: right; margin-bottom: 4px; }
#close-portimages:hover { color: #666; font-size: 10px; text-decoration: none; background-image: url(../i/ico_x-roll.gif); background-repeat: no-repeat; background-position: 0 5px; }
#close-portimages a:link { color: #999; font-size: 10px; font-family: "Trebuchet MS", tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; }
#close-portimages a:visited { color: #999; text-decoration: none; }
#close-portimages a:hover { color: #f90; text-decoration: underline; }
#close-portimages a:active { color: #313131; text-decoration: none; }
#view-site { color: #666; font-size: 10px; font-family: "Trebuchet MS", tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-image: url(../i/ico_view-site_off.gif); background-repeat: no-repeat; background-position: 0 3px; width: auto; height: 14px; float: right; padding-right: 5px; padding-left: 15px; }
#view-site:hover { color: #666; font-size: 10px; font-family: "Trebuchet MS", tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-image: url(../i/ico_view-site_roll.gif); background-repeat: no-repeat; background-position: 0 3px; padding-right: 5px; padding-left: 15px; }
#view-site a:link { color: #666; text-decoration: none; }
#view-site a:visited { color: #666; text-decoration: none; }
#view-site a:hover { color: #f90; text-decoration: underline; }
#view-site a:active { color: #f90; background-color: #ffc600; text-decoration: none; }
/* Right Column -------------------------------------------------*/
#right-column { position: absolute; top: 0; right: 0; padding: 0; width: 210px; height: 100%; z-index: 10; float: right; }
#right-column-top { width: 42px; height: 55px; float: right; margin-top: 125px; padding-left: 167px; }
/* Contact popup */
#contact-popup { background-image: url(../i/img_contact-popup-bkgd.png); background-repeat: no-repeat; position: absolute; top: 90px; right: 0; width: 483px; height: 145px; z-index: 200; visibility: hidden; float: right; }
#close-contact { color: #999; font-size: 10px; font-family: "Trebuchet MS", tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; background-image: url(../i/ico_x.gif); background-repeat: no-repeat; background-position: 0 5px; padding-left: 11px; width: 37px; height: 12px; float: right; margin-top: 57px; }
#close-contact:hover { color: #fff; font-size: 10px; font-family: "Trebuchet MS", tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; background-image: url(../i/ico_x-roll-white.gif); background-repeat: no-repeat; background-position: 0 5px; }
#close-contact a:link { color: #999; font-size: 10px; font-family: "Trebuchet MS", tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; }
#close-contact a:visited { color: #999; font-size: 10px; text-decoration: none; }
#close-contact a:hover { color: #f90; font-size: 10px; text-decoration: underline; }
#close-contact a:active { color: #f90; font-size: 10px; background-color: #ffc600; text-decoration: none; }
#email { color: #999; font-size: 11px; font-family: "Trebuchet MS", tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 26px; text-decoration: none; background-image: url(../i/ico_email-fb.png); background-repeat: no-repeat; background-position: 0 2px; padding-left: 43px; width: auto; height: 60px; float: left; margin-top: 55px; margin-left: 150px; }
#email:hover { color: #999; font-size: 11px; line-height: 26px; text-decoration: none; }
#email a:link { color: #999; font-size: 11px; font-family: "Trebuchet MS", tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 26px; text-decoration: none; }
#email a:visited { color: #999; text-decoration: none; }
#email a:hover { color: #f90; text-decoration: underline; }
#email a:active { color: #f90; background-color: #ffc600; text-decoration: none; }
/* Right Column Nav */
#right-column-nav { color: #565656; font-size: 11px; font-family: "Trebuchet MS", tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; position: relative; width: 200px; height: auto; z-index: 30; float: left; margin-top: 85px; }
#right-column-nav a:link { color: #565656; text-decoration: none; }
#right-column-nav a:visited { color: #565656; text-decoration: none; }
#right-column-nav a:hover { color: #f90; text-decoration: underline; }
#right-column-nav a:active { color: #f90; background-color: #ffc600; text-decoration: none; }
#nav-portfolio { background-image: url(../i/ico_portfolio-menu_off.gif); background-repeat: no-repeat; text-align: center; width: 47px; height: 17px; float: left; margin-right: 10px; padding-top: 60px; }
#nav-portfolio:hover { background-image: url(../i/ico_portfolio-menu_roll.gif); background-repeat: no-repeat; }
#nav-resume { background-image: url(../i/ico_resume-about_off.gif); background-repeat: no-repeat; text-align: center; width: 47px; height: 17px; float: left; padding-top: 60px; }
#nav-resume:hover { background-image: url(../i/ico_resume-about_roll.gif); background-repeat: no-repeat; }
#nav-about { background-image: url(../i/ico_resume-about_off.gif); background-repeat: no-repeat; text-align: center; width: 47px; height: 17px; float: right; margin-right: 40px; padding-top: 60px; }
#nav-about:hover { background-image: url(../i/ico_resume-about_roll.gif); background-repeat: no-repeat; }
/* Portfolio Nav Wrap */
#portfolio-nav-wrap { position: absolute; top: 10px; right: 25px; width: 205px; height:auto; z-index: 90; float: right; margin-top: 9px; margin-left: -15px; display: none; }
#gripper-nav { background-image: url(../i/img_gripper.gif); background-repeat: no-repeat; background-position: 25px 15px; width: 130px; height: 36px; float: left; cursor: move; }
#close-portnav { font-size: 10px; font-family: "Trebuchet MS", tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-image: url(../i/ico_x.gif); background-repeat: no-repeat; background-position: 0 5px; text-decoration: none; width: 44px; height: 12px; float: right; margin-top: 14px; padding-left: 11px; }
#close-portnav:hover { font-size: 10px; font-family: "Trebuchet MS", tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; background-image: url(../i/ico_x-roll.gif); background-repeat: no-repeat; background-position: 0 5px; }
#close-portnav a:link { color: #999; font-size: 10px; font-family: "Trebuchet MS", tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; }
#close-portnav a:visited { color: #999; font-size: 10px; font-family: "Trebuchet MS", tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; }
#close-portnav a:hover { color: #f90; font-size: 10px; font-family: "Trebuchet MS", tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: underline; }
#close-portnav a:active { color: #313131; font-size: 10px; font-family: "Trebuchet MS", tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; }
#port-nav-top { background-image: url(../i/nav_top.png); background-repeat: no-repeat; width: 200px; height: 38px; float: right; }
#port-nav-links { background-image: url(../i/nav_mid_bkgd.png); background-repeat: repeat-y; width: 200px; float: right; }
#port-nav-bottom { background-image: url(../i/nav_btm.png); background-repeat: no-repeat; width: 200px; height: 18px; float: right; }
#nolink { width: 165px; float: left; margin-top: 20px; margin-bottom: 1px; margin-left: 10px; }
.nolink { width: 165px; float: left; margin-top: 20px; margin-bottom: 1px; margin-left: 10px; }
.portlink { background-image: url(../i/ico_port-nav-off.gif); background-repeat: no-repeat; background-position: 0 4px; margin-left: -2px; padding-left: 12px; width: 165px; float: left; margin-bottom: 1px; }
.portlink:hover { background-image: url(../i/ico_port-nav-roll.gif); background-repeat: no-repeat; background-position: 0 4px; }
.portlink:active { background-image: url(../i/ico_port-nav-roll.gif); background-repeat: no-repeat; background-position: -5px 4px; }
.portlink a:link { color: #f90; text-decoration: none; }
.portlink a:visited { color: #f90; text-decoration: none; }
.portlink a:hover { color: #f90; text-decoration: underline; }
.portlink a:active { color: #f90; background-color: #ffc600; }
#view-flash { color: #666; font-size: 10px; font-family: "Trebuchet MS", tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-image: url(../i/ico_flash.gif); background-repeat: no-repeat; text-decoration: none; width: 155px; height: auto; float: left; margin-top: 20px; padding-top: 1px; padding-left: 22px; }
#view-flash a:link { color: #f90; text-decoration: none; }
#view-flash a:visited { color: #f90; text-decoration: none; }
#view-flash a:hover { color: #f90; text-decoration: underline; }
#view-flash a:active { color: #f90; background-color: #ffc600; text-decoration: none; }
.fader { opacity:0; display:none; }
/* Resume - About ----------------------------------------------*/
#resume-about-wrap { background-color: #1b1b1b; width: 770px; height: auto; }
#resume-title { background-image: url(../i/ttl_resume.gif); background-repeat: no-repeat; width: 770px; height: 90px; float: left; }
#resume-download { color: #f90; font-size: 11px; font-family: "Trebuchet MS", tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-image: url(../i/ico-pdf.png); background-repeat: no-repeat; width: 200px; height: 25px; float: right; margin-top: 43px; margin-right: 140px; padding-top: 5px; padding-left: 30px; }
#resume-download a:link { color: #f90; text-decoration: none; }
#resume-download a:visited { color: #f90; text-decoration: none; }
#resume-download a:hover { color: #f90; text-decoration: underline; }
#resume-download a:active { color: #f90; background-color: #ffc600; text-decoration: none; }
#resume-lcol { color: #b4b4b4; font-size: 11px; font-family: "Trebuchet MS", tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-image: url(../i/ttl_sub_experience.gif); background-repeat: no-repeat; width: 370px; float: left; padding-top: 52px; padding-bottom: 30px; }
#resume-rcol { color: #b4b4b4; font-size: 12px; font-family: "Trebuchet MS", tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-image: url(../i/ttl_sub_education.gif); background-repeat: no-repeat; width: 370px; float: right; padding-top: 52px; }
#about-title { background-image: url(../i/ttl_about.gif); background-repeat: no-repeat; width: 770px; height: 90px; float: left; }
#about-lcol { color: #b4b4b4; font-size: 11px; font-family: "Trebuchet MS", tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; width: 500px; float: left; padding-top: 25px; padding-bottom: 30px; }
#about-lcol a:link { color: #f90; text-decoration: none; }
#about-lcol a:visited { color: #f90; text-decoration: none; }
#about-lcol a:hover { color: #f90; text-decoration: underline; }
#about-lcol a:active { color: #f90; background-color: #ffc600; text-decoration: none; }
#about-rcol { background-image: url(../i/rule_about-nav.gif); background-repeat: no-repeat; background-position: 0 115px; width: 200px; float: right; padding-top: 125px; padding-bottom: 20px; }
#external-link { color: #666; font-size: 10px; font-family: "Trebuchet MS", tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-image: url(../i/ico_view-site_off.gif); background-repeat: no-repeat; background-position: 0 3px; text-decoration: none; width: 180px; height: 14px; float: left; margin-bottom: 15px; padding-right: 5px; padding-left: 15px; }
#external-link:hover { color: #666; font-size: 10px; background-image: url(../i/ico_view-site_roll.gif); background-repeat: no-repeat; background-position: 0 3px; text-decoration: none; padding-right: 5px; padding-left: 15px; }
#external-link a:link { color: #666; font-size: 11px; text-decoration: none; }
#external-link a:visited { color: #666; font-size: 11px; text-decoration: none; }
#external-link a:hover { color: #f90; font-size: 11px; text-decoration: underline; }
#external-link a:active { color: #f90; font-size: 11px; background-color: #ffc600; text-decoration: none; }
.bold { color: #fff; font-weight: bold; text-decoration: none; }
.bold-title { color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; }
/* Footer ---------------------------------------------------------*/
#footer-container { background-image: url(../i/bkgd_footer.png); background-repeat: repeat-x; position: fixed; bottom: 0; width: 100%; height: 30px; z-index: 100; float: left; }
#footer-links { color: #999; font-size: 10px; font-family: "Trebuchet MS", tahoma, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-image: url(../i/ico_email.png); background-repeat: no-repeat; background-position: 80px 0; text-decoration: none; width: 210px; height: 22px; overflow: visible; float: right; padding-top: 10px; }
#footer-links a:link { color: #f90; text-decoration: none; }
#footer-links a:visited { color: #f90; text-decoration: none; }
#footer-links a:hover { color: #f90; text-decoration: underline; }
#footer-links a:active { color: #ffc600; text-decoration: none; }
/* Accordian -----------------------------------------------------*/
#Acc { margin-left: 6px; border-width: 0; outline-width: 0; }
.Accordion { width: 188px; border-left: 1px solid #1b1b1b; border-right: 1px solid #1b1b1b; border-bottom: 1px solid #1b1b1b; overflow: hidden; }
.AccordionPanel { margin: 0px; padding: 0px; }
.AccordionPanelTab { color: #999; font-size: 10px; font-family: "trebuchet ms", Tahoma, verdana; background-color: #272727; background-image: url(../i/ico_caret.gif); background-repeat: no-repeat; background-position: 5px 7px; border-top: 1px solid #1b1b1b; border-bottom: 1px solid #1b1b1b; margin: 0; padding: 3px 2px 4px 15px; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; }
.AccordionPanelContent { color: #999; font-size: 10px; font-family: "trebuchet ms", Tahoma, verdana; line-height: 14px; background-color: #313131; overflow: auto; margin: 0; padding: 0 4px 0 7px; height: 200px; }
.AccordionPanelOpen .AccordionPanelTab { color: #fff; font-size: 10px; font-family: "trebuchet ms", Tahoma, verdana; font-weight: bold; background-color: #565656; background-image: url(../i/ico_caret-down.gif); background-repeat: no-repeat; background-position: 4px 7px; }
.AccordionPanelTabHover { color: #000; font-family: "trebuchet ms", Tahoma, verdana; background-color: #f90; background-image: url(../i/ico_caret.gif); background-repeat: no-repeat; background-position: 7px 7px; }
.AccordionPanelOpen .AccordionPanelTabHover { color: #000; font-family: "trebuchet ms", Tahoma, verdana; font-weight: bold; background-color: #ffc600; }
.AccordionFocused .AccordionPanelTab { color: #000; font-size: 10px; font-family: "trebuchet ms", Tahoma, verdana; background-color: #f90; }
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab { color: #000; font-size: 10px; font-family: "trebuchet ms", Tahoma, verdana; font-weight: bold; background-color: #ffc600; }
.AccordionPanelTab a { display: block; color: black; background-color: #ffc600; text-decoration: none; }
.AccordionPanelContent { height: 195px; }
span.AccordionPanelContent { display: block; }
/* Spry HTML Panel --------------------------------------------*/
.HTMLPanelLoadingContent, .HTMLPanelErrorContent { display: none; background-image: url(../work/anim-loader.gif); background-repeat: no-repeat; background-position: 50% 300px; height: 700px; }
.HTMLPanelLoading { background-image: url(../work/anim-loader.gif); background-repeat: no-repeat; background-position: 50% 300px; }
.HTMLPanelError {  }
/* Spry Slide / Tooltip -- Social -------------------------------*/
#social-wrap { width: 650px; height: 30px; float: left; margin-top: 6px; margin-left: 100px; }
#socialBtn { font-size: 10px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-image: url(../i/ico_soc-pipe.gif); background-repeat: no-repeat; background-position: 83px 1px; text-decoration: none; width: 85px; height: 19px; float: left; margin-left: 15px; padding-top: 4px; }
#socialBtn a:link { color: #f90; text-decoration: none; }
#socialBtn a:visited { color: #f90; text-decoration: none; }
#socialBtn a:hover { color: #f90; text-decoration: underline; }
#socialBtn a:active { color: #fc0; text-decoration: none; }
.animContainer{ height: 30px; width:500px; }
.socialIcons{ height: 30px;  width:400px; overflow: hidden; }
.hideSocI { visibility: hidden; }
.iframeTooltip{ position: absolute; z-index: 1010; filter:alpha(opacity:0.1); }
.tooltipContent { color: #ccc; font-size: 10px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 13px; background-image: url(../i/bkgd_tooltip.gif); background-repeat: no-repeat; text-decoration: none; width: 240px; height: 60px; padding-top: 10px; padding-right: 7px; padding-left: 8px; }