/* general ---------------------------------------------------------------------------------------- */ html { overflow-y:scroll; background:#000 url(../_images/bg.jpg) repeat-x; } body { background:url(../_images/bg-burst.jpg) center top no-repeat; margin:0 auto; } body { font:normal 12px "Lucida Grande", Tahoma, Arial, sans-serif; color:#666; } #container { position:relative; width:800px; margin:0 auto; padding-bottom:25px; position:relative; } a:link, a:visited { color:#5195d0; } a:hover { color:#fc0; } .clear { display:block; height:1px; line-height:1px; font-size:1px; margin-top:-1px; clear:both; } .break { display:block; } .justclear { clear:both; } strong { font-weight:bold; color:#000; } em { font-style:italic; } .floatright { float:right; } .floatleft { float:left; } .padright { padding-right:15px; } .padleft { padding-left:15px; } .smalltext { font-size:9px; line-height:12px !important; } .photoframe { border:1px #ccc solid; } .nobold { font-weight:normal; } .gray { color:#999 !important; } .bordertop { border-top:1px #e6e6e6 solid; padding-top:6px; } .nospacebefore { margin-top:0 !important; } .nospaceafter { margin-bottom:0 !important; } .tooltip { color:#5195d0; border-bottom:1px #5195d0 dotted; cursor:help; } /* header and footer ---------------------------------------------------------------------------------------- */ #header { position:relative; height:48px; background:url(../_images/bg-header.jpg) no-repeat; padding-top:25px; } #header h1, #header span { text-indent:-9999px; } a#home_link { position:absolute; display:block; top:25px; left:0px; width:270px; height:48px; background:url(../_images/logo.png) no-repeat; text-indent:-9999px; } #header ul { position:absolute; left:380px; top:25px; height:48px; } #header li { display:inline; } #header li a { text-indent:-9999px; display:block; float:left; height:48px; width:100px; background-repeat:no-repeat; background-position:0 0; } #header #nav_about a { background:url(../_images/nav-about.png); } #header #nav_approach a { background:url(../_images/nav-approach.png); } #header #nav_portfolio a { background:url(../_images/nav-portfolio.png); } #header #nav_contact a { background:url(../_images/nav-contact.png); } #header #nav_about a:hover, #header #nav_about.on a, #header #nav_approach a:hover, #header #nav_approach.on a, #header #nav_portfolio a:hover, #header #nav_portfolio.on a, #header #nav_contact a:hover, #header #nav_contact.on a { background-position:0 -48px; } #footer { text-align:center; font-size:10px; color:#666; margin-top:30px; } #footer a { text-decoration:none; } /* home ---------------------------------------------------------------------------------------- */ #home #content { position:relative; width:800px; height:369px; background:url(../_images/home-main.jpg) no-repeat; } #home #content h2 { text-indent:-9999px; } #home #content p { position:relative; top:149px; left:38px; color:#999; line-height:21px; } #home #content p strong { color:#fff; } #home #content h3 { position:absolute; top:348px; left:25px; font-size:11px; color:#ccc; } #home #examples ul { width:780px; margin:0 10px; } #home #examples li { display:inline; } #home #examples li a { text-indent:-9999px; display:block; float:left; height:240px; width:195px; background-repeat:no-repeat; background-position: top center; } #home #teamsnap a { background:url(../_images/thumb-home-teamsnap.jpg); } #home #amt a { background:url(../_images/thumb-home-amt.jpg); } #home #osu a { background:url(../_images/thumb-home-osu.jpg); } #home #trend a { background:url(../_images/thumb-home-trend.jpg); } /* subsystem ---------------------------------------------------------------------------------------- */ #sub #content { width:800px; } #sub #content #main { margin:0 20px; padding:10px 30px 0; background-color:#fff; } #sub #content h2 { text-indent:-9999px; height:260px; background-repeat:no-repeat; } #sub #content h3 { font-family:arial; font-size:16px; font-weight:bold; margin-bottom:6px; color:#000; letter-spacing:-1px; } #sub #content h4 { font-family:arial; color:#000; font-size:10px; font-weight:bold; letter-spacing:2px; text-transform:uppercase; margin-bottom:8px; padding-top:10px; } #sub #content p { line-height:18px; margin-bottom:18px; } #sub #content p.tight { margin-bottom:9px; } #sub #content ul { list-style:square; margin-left:24px; margin-bottom:18px; } #sub #content ol { list-style:decimal; margin-left:28px; margin-bottom:18px; } #sub #content li { margin-bottom:10px; } #sub #content .node { padding-bottom:20px; clear:both; background-color:#fff; } #sub #content .first { margin-top:0; padding-top:15px; } #sub #content .last { margin-bottom:0; padding-bottom:15px; } #sub #content .node h3, #sub #content .node p { margin-left:116px; } #sub #content .node ul { margin-left:130px; } #sub #content .divider { font-weight:normal; color:#999; padding:0 6px; } #sub #content .title { font-size:9px; text-transform:uppercase; font-weight:normal; letter-spacing:1px; color:#999; } #sub #content .contact_node { width:280px; height:90px; border:6px #e6e6e6 solid; padding:20px; margin:10px 0; } #sub #content .contact_node p { margin-left:80px; } #sub #content blockquote { font-family:courier, monospace; margin:12px 20px; line-height:14px; border-left:5px #ccc solid; padding-left:10px; } #sub #content .rule { margin-top:25px; padding-bottom:25px; border-top:1px #e6e6e6 solid; } #sub #content h2#about { background:url(../_images/sub-about.jpg); } #sub #content h2#team { background:url(../_images/sub-team.jpg); } #sub #content h2#approach { background:url(../_images/sub-approach.jpg); } #sub #content h2#portfolio { background:url(../_images/sub-portfolio.jpg); } #sub #content h2#contact { background:url(../_images/sub-contact.jpg); } #sub #content h2#sparkplug { background:url(../_images/sub-sparkplug.jpg); } #sub #content #content_bottom { height:20px; background:#000 url(../_images/sub-content-bottom.gif) no-repeat; } #sub #content #portfolio_table { width:100%; } #sub #content #portfolio_table td { padding-top:15px; text-align:center; } #sub #content #client_list { width:100%; } #sub #content #client_list td { height:80px; padding:0px 10px; font-size:9px; } #sub #content #client_list strong { font-size:11px; } form#contact ul { list-style-type:none; padding:8px 0; margin:0; } form#contact ul li { list-style-type:none; padding:3px 0; margin:0; line-height:25px; } form#contact label { display:block; width:100px; text-align:right; float:left; font-weight:bold; padding-right:8px; } form#contact ul li.submit { padding:15px 0 0 108px; } form#contact ul li.submit input { font-size:14px; font-weight:bold; } form#contact .text_field { font:normal 12px 'lucida grande',verdana,helvetica,sans-serif; border:1px #ccc solid; padding:4px; } #justabox { background:#fff url(../_images/logo-whitebg.gif) center 30px no-repeat; margin:150px auto; width:500px; padding:100px 20px 40px 20px; border:6px #ccc solid; text-align:center; } #justabox h3 { font-family:arial; font-size:16px; font-weight:bold; margin-bottom:6px; color:#000; letter-spacing:-1px; }