html {background: url(../img/bg.gif) repeat-x #333333; }

body { background: url(../img/bg.about.jpg) no-repeat 0 0; _background: url(../img/bg.aboutIE.jpg) no-repeat 0 0; position: relative;  text-align: center; font: 62.5%/160% helvetica, arial, sans-serif; text-align: left; color: #d8d6d6; }
textarea, input, button, select { font: 110% arial, sans-serif;}

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

#about_section h1, #main_section h1, #portfolio_section h1 { text-indent: -9999px; background: url(../img/logo.asymptote.png) no-repeat 0 0; _background: url(../img/logo.asymptote.gif) no-repeat 0 0; height: 19px; width: 161px; float: left; margin-left: 3px; }
#main_section h2 { color: #759cd1; font-size: 200%; font-weight: normal; display: block; padding-bottom: 9px; }
h4 { color: #476da1; font-size: 130%; line-height: 15px; }
h3 { text-indent: -9999px; background: url(../img/about.matt_mcgurn.png) no-repeat 0 0; _background: url(../img/about.matt_mcgurn.gif) no-repeat 0 0; height: 161px; width: 353px; float: left; }
#about_section h5, #main_section h5, #portfolio_section h5 { line-height: 10px; font-weight: normal; font-size: 100%; padding-left: 3px; }
#portfolio_section h6 { font-size: 250%; font-weight: normal; padding: 10px 0 10px 12px; }


ol, ul, dl { list-style: none; font-size: 120%; }

a { outline: none; text-decoration: none; font-size: 100%; }
a:hover { text-decoration: underline; font-weight: normal; }
p a { color: #d8d6d6; }

p { font-size: 120%; line-height: 14px; }

.hidden { display: none; }
.floatRight { float: right; }
.floatLeft { float: left; }
#portfolio_section .exception { padding-left: 0; }

blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, img, input, label, legend, li, ol, p, pre, th, td, ul { padding: 0; margin: 0; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

table { empty-cells: show; border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

caption, th { text-align: left; }

q:before, q:after { content: ''; }

strong { font-weight: bold; }

em { font-style: italic; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { min-height: 1px; height: auto !important; height: 1px; clear: both; }

.borderWrapper { clear: both; border-top: 1px solid #a9a9a9; color: #737373; padding-top: 4px; margin-bottom: 48px; }
.borderBottom { border-bottom: 1px solid #a8a8a9; padding-bottom: 15px; }
.marginBottom { margin-bottom: 12px; }
.marginTop { margin-top: 15px; }
.larger { font-size: 130%; padding-bottom: 3px; }

.cyan   { color: #08d1ef; }
.blue   { color: #0890ef; }
.purple { color: #bb08ef; }
.pink   { color: #ef08d1; }

.paddingTop { padding-top: 15px; }

#pageWrapper { width: 869px; margin: 0 auto 0 auto; text-align: left; padding-top: 210px; }

#astronaut { position: absolute; }

/* columns
-------------------------------------------*/
.column { float: left; }

.twoColumn .col1 {  }
.twoColumn .col2 {  }

.threeColumn .col1 { float: left; }
.threeColumn .col2 { float: left; }
.threeColumn .col3 { float: left; }




/* NAV
-------------------------------------------*/
.header ul { float: left; margin: 0 0 0 501px; padding-bottom: 4px; _margin-left: 330px; }
.header ul li { float: left; }

.navAbout, .navAboutActive, .navMain, .navMainActive { padding-right: 20px; }

.navAbout a{ display: block; height: 20px; width: 50px; background: url(../img/nav.about.png) no-repeat -48px 0; _background: url(../img/nav.about.gif) no-repeat -48px 0; text-indent: -9999px;  }
.navAbout a:hover { display: block; height: 20px; width: 50px; background: url(../img/nav.about.png) no-repeat 0 0; _background: url(../img/nav.about.gif) no-repeat 0 0; text-indent: -9999px; }
.navAboutActive a { display: block; height: 20px; width: 50px; background: url(../img/nav.about.png) no-repeat 0px 0; _background: url(../img/nav.about.gif) no-repeat 0px 0; text-indent: -9999px; }
.navAboutActive a:hover { display: block; height: 20px; width: 50px; background: url(../img/nav.about.png) no-repeat 0 0; _background: url(../img/nav.about.gif) no-repeat 0 0; text-indent: -9999px; }

.navMain a{ display: block; height: 20px; width: 45px; background: url(../img/nav.main.png) no-repeat -45px 0; _background: url(../img/nav.main.gif) no-repeat -45px 0; text-indent: -9999px; }
.navMain a:hover { display: block; height: 20px; width: 45px; background: url(../img/nav.main.png) no-repeat 0 0; _background: url(../img/nav.main.gif) no-repeat 0 0; text-indent: -9999px; }
.navMainActive a{ display: block; height: 20px; width: 45px; background: url(../img/nav.main.png) no-repeat 0 0; _background: url(../img/nav.main.gif) no-repeat 0 0; text-indent: -9999px;			 }
.navMainActive a:hover { display: block; height: 20px; width: 45px; background: url(../img/nav.main.png) no-repeat 0 0; _background: url(../img/nav.main.gif) no-repeat 0 0; text-indent: -9999px; }

.navPortfolio a{ display: block; height: 20px; width: 66px; background: url(../img/nav.portfolio.png) no-repeat -66px 0; _background: url(../img/nav.portfolio.gif) no-repeat -66px 0; text-indent: -9999px; }
.navPortfolio a:hover { display: block; height: 20px; width: 66px; background: url(../img/nav.portfolio.png) no-repeat 0 0; _background: url(../img/nav.portfolio.gif) no-repeat 0 0; text-indent: -9999px; }
.navPortfolioActive a{ display: block; height: 20px; width: 66px; background: url(../img/nav.portfolio.png) no-repeat 0 0; _background: url(../img/nav.portfolio.gif) no-repeat 0 0; text-indent: -9999px; }
.navPortfolioActive a:hover { display: block; height: 20px; width: 66px; background: url(../img/nav.portfolio.png) no-repeat 0 0; _background: url(../img/nav.portfolio.gif) no-repeat 0 0; text-indent: -9999px; }



/* ABOUT SECTION
-------------------------------------------*/
#about_section { margin-bottom: 760px; padding-top: 20px; }

#about_section .col2 { float: left; width: 232px; margin: 7px 29px 0 29px; }
#about_section .col2 p { margin-bottom: 20px; }

#about_section .col3 { float: left; width: 213px; margin-top: 7px; }
#about_section .col3 ul { margin-top: 13px; line-height: 15px; }
#about_section .col3 ul li a:link, #about_section .col3 ul li a:visited { color: #759cd1; }
#about_section .col3 ul li span { color: #759cd1; padding-right: 8px; }



/* MAIN SECTION
-------------------------------------------*/
#main_section { margin-bottom: 560px; padding-top: 20px; _padding-top: 0px; }
*+html #main_section { padding-top: 0px; }

#main_section .col1 { float: left; margin-right: 29px; }
#main_section .col2 { float: left; width: 239px; margin-right: 26px; }
#main_section .col2 p { padding-top: 13px; }
#main_section .col3 { float: left; width: 213px; }

#main_section dl dt { color: #759cd1; }
#main_section dl dd { background: url(../img/arrow.gif) no-repeat 0 5px; padding-left: 10px;  }
#main_section dl dd a:link, #main_section dl dd a:visited { color: #d8d6d6; text-decoration: none; }
#main_section dl dd a:hover, #main_section dl dd a:active { text-decoration: underline; }

#main_section .col3 span { color: #759cd1; padding-right: 8px; }



/* PORTFOLIO SECTION
-------------------------------------------*/
#portfolio_section { padding-top: 20px; }

#portfolio_section dl { float: left; padding: 0 22px 0 22px; border-right: 1px solid #5f5e5e; }
#portfolio_section dl dt { font-size: 140%; padding-bottom: 5px; }
#portfolio_section dl dd { padding-bottom: 1px; }
#portfolio_section dl dd a:link, #portfolio_section dl dd a:visited { color: #d8d6d6; text-decoration: none; }
#portfolio_section dl dd a:hover, #portfolio_section dl dd a:active { text-decoration: underline; }

#portfolioWrapper { padding-top: 19px; }
.portfolioTop { display: block; height: 4px; width: 869px; background: url(../img/portfolio_top.jpg) no-repeat 0 0; _margin-bottom: -10px; }
.portfolioContent { background: url(../img/portfolio_middle.jpg) repeat-y 0 0; display: block; width: 869px; padding-bottom: 8px; }
.portfolioContent img { display: block; border: 4px solid #d8d6d6; margin: 0 10px 0 12px; float: left; }
.portfolioContent div { float: left; margin: 0 10px 0 12px; }
.portfolioContent .portfolioInfo { float: left; }
.portfolioContent .portfolioInfo p { width: 335px; line-height: 15px; _width: 327px; }
.portfolioContent .portfolioInfo p img { border: none; float: none; margin: 0; padding: 0 2px 2px 0; display: inline; vertical-align: baseline; }
.portfolioContent .portfolioInfo ul { clear: both; margin-top: 20px; }
.portfolioContent .portfolioInfo ul li a:link, .portfolioContent .portfolioInfo ul li a:visited { color: #d8d6d6; text-decoration: none; }
.portfolioContent .portfolioInfo ul li a:hover, .portfolioContent .portfolioInfo ul li a:active { color: #d8d6d6; text-decoration: underline; }
.portfolioBottom { float: none; display: block; height: 4px; width: 869px; background: url(../img/portfolio_bottom.jpg) no-repeat 0 0; margin-bottom: 350px; }