body { font-size:.8em; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#565656; }
#bg_wrap { background:url(../images/bg_grad.gif) repeat-x 0 0 #fff; height:100%; }

h1, h2, h3, h4, h5, h6, ul, li, table, p { margin:0; padding:0; }
a { text-decoration:none; color:#037bb6; }
ul { list-style:none; }
.clear { clear:both; height:0; overflow:hidden; }
.icon { margin:0 10px 10px 20px; }

#wrap { background:url(../images/stoplight.jpg) no-repeat 0 0; width:900px; margin:0 auto; padding:0; position:relative; }

#top_menu { float:right; padding:0 40px 0 0; }
#top_menu li { float:left; padding:3px 10px 0 10px;}
#top_menu li#l_center { border-right:solid 1px #999; color:#037bb6; }
#top_menu li#l_center a { color:#037bb6; }
#top_menu li a { color: #999999; font-size:.8em; font-weight:bold; }

#col_big { width:580px; float:left; padding:0; margin:0; position:relative; }
#main_menu { padding:26px 0 0 0; width:580px; overflow:hidden; }
#main_menu ul li {float:left; margin:0 2px 0 0; }
#main_menu ul #light_one { width:49px; height:0; overflow:hidden; padding:78px 0 0 0; }
#main_menu ul #light_two { background:url(../images/light.gif) no-repeat 0 0; padding:78px 0 0 0; height:0; overflow:hidden; width:36px; }
#main_menu #quote { background:url(../images/click_quote.gif) no-repeat 0 0; width:35px; margin:30px 0 0 0; padding:46px 0 0 0; height:0; overflow:hidden; }
#main_menu ul .mm { margin:32px 2px 0 0; }
#main_menu ul li a { float:left; color:#b0c0bc; text-decoration:none; font-weight:bold; display:block; background:url(../images/mm_end.gif) right bottom no-repeat; height:28px; overflow:hidden; padding:0 5px 0 0;}
#main_menu ul li a span { float:left; display:block; background:url(../images/mm.gif) 0 bottom no-repeat; height:22px; padding:6px 0 0 5px; cursor:pointer; }
#main_menu ul li a:hover, #main_menu ul li.active a { background-position:right top; color: #dddddd; }
#main_menu ul li a:hover span, #main_menu ul li.active span { background-position:0 top; }

#welcome { margin:30px 0 0 46px; height:153px; color:#d2d2d2; padding:0; overflow:hidden; width:501px; background:url(../images/mover.gif) no-repeat 0 0; background:none; text-align:right; }
#wrap .welcome_photo { background:url(../images/mover_me.gif) no-repeat 0 0; background:none; }
#welcome h1 { height:0; overflow:hidden; display:none; }
#welcome h2 { display:none; float:right; font-size:1.1em; font-weight:bold; width:180px; padding:20px 20px 2px 250px; line-height:13px; }
#welcome p { display:none; float:right; font-size:.8em; width:180px; padding:0 20px 0 250px; line-height:9px; }

#content { margin:20px 0 0 52px; padding:0 0 0 20px; }
#layout_sub #content { margin:20px 0 0 0; padding:0 0 80px 52px; }
#layout_sub #content #content_text { padding:0 60px 0 20px; } 
#content #content_text { position:relative; padding:0 40px 80px 0; }
#content h1 { margin:0 0 15px 0; float:left; background:url(../images/bg_title_end.gif) no-repeat right 0; height:27px; padding:0 7px 0 0; color:#cbd2d0; font-weight:bold; font-size:1.1em; }
#content h2 { font-weight:bold; color:#aaaaaa; margin:0 0 5px 0; font-size:1.1em; }
#content h2.subtitle { color:#777; border-bottom:1px solid #777; }
#content h1 span { display:block; float:left; background:url(../images/bg_title.gif) no-repeat 0 0; padding:5px 0 0 7px; height:22px; }
#content p { clear:both; margin:0 0 10px 0; }
#content .content_section { display:none; padding:0 0 10px 11px; clear:both; }
#layout_sub #content .content_section { display:block; }
#content .content_section ul { margin:0 0 10px 0; padding:0 0 0 20px; font-size:.8em; font-weight:bold; }
#content #mc { display:block; padding:0 0 0 11px; }

#content_menu { width:468px; overflow:hidden; padding:0 0 0 11px; }
.sign { float:left; margin:3px 10px 5px 0; display:block; }
.sign img { border:0; }

#col_small { width:289px; height:602px; position:absolute; bottom:-50px; right:0; }
#pump { background:url(../images/pump.png) no-repeat right bottom; width:289px; height:393px; position:relative;  z-index:1; padding:209px 0 0 0; }
#pump #pump_label { font-size:1em; letter-spacing:2px; padding:0 0 0 52px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; }
#pump #pump_label a { color:#363636; }
#pump #port_nav { padding:17px 0 0 120px; }
#pump #port_nav ul li { float:left; padding:0; }
#pump #port_nav ul li a { display:block; padding:34px 0 0 0; height:0; overflow:hidden; border:0; margin:0 6px 0 0; }
#pump #port_nav #prev a { background:url(../images/prev.gif) no-repeat 0 0; width:26px; }
#pump #port_nav #all a { background:url(../images/all.gif) no-repeat 0 0; width:37px; }
#pump #port_nav #next a { background:url(../images/next.gif) no-repeat 0 0; width:26px; margin:0; }
#pump #port_text { padding:116px 50px 0 120px; color:#333333; font-size:.9em; }
#pump #port_text h1 { margin:0 0 5px 0; font-size:1em; }
#display { width:116px; padding:132px 0 0 0; height:0; background:url(../images/port/port_strip.jpg) no-repeat 0 0; position:absolute; top:89px; left:119px; z-index:0; }

#footer { position:fixed; bottom:0; left:0; z-index:5; background:url(../images/bg_grass.png) repeat-x 0 0; color:#fff; height:20px; padding:55px 0 0 0px; width:100%; }
#footer_wrap { width:900px; margin:0 auto; }
#footer_wrap #copy { float:right; position:relative; z-index:1000; }
#footer_wrap #copy #copyright { font-size:.8em; padding:80px 20px 0 80px; text-align:center; color: #603913; font-weight:bold; }
#footer_wrap ul li { float:left; padding:0 10px 0 10px; font-size:.8em; }
#footer_wrap ul li a { color:#fff; text-decoration:none; }
#footer .last { border:none !important; }
#footer #update { font-weight:bold; border-bottom:1px solid #fff; border-right:none; border-left:1px solid #fff; }
#footer #update span { padding:0 0 0 50px; }

/*==============================================
Resume
==============================================*/
#content .resume { padding-bottom:20px; }
#content .resume ul { font-size:.9em; list-style:disc; }
#content .resume ul li { margin:0 0 3px 0; }
#content .resume h2 { color:#444; font-size:1.2em; }
#content .resume table th { vertical-align:top; padding:0 10px 0 0; text-align:left; }
#content .resume h3 { color:#777; font-size:1em; }
#content .resume h4 { color:#999; font-size:.9em; }
#content .resume h4 span { font-weight:normal; color:#aaa; }

/*==============================================
Portfolio
==============================================*/
#content .port_group { padding:10px 0 0 0; }
#content h1.port_title { background:url(../images/sign_title_end.gif) no-repeat right 0; padding:0 25px 0 0; font-size:.9em; float:right; }
#content h1.port_title span { background:url(../images/sign_title.gif) no-repeat 0 0; cursor:pointer; }
.port { width:198px; height:69px; padding:1px 0 11px 30px; float:left; margin:5px 15px 5px 0; position:relative; }
#content .port_group .last { margin:5px 0; }
.port a.portim { display:block; border:none; padding:0 3px 0 0; width:99px; height:67px; float:left; }
.port a img { border:none; float:left; margin:0 5px 0 0; }
#content .port_group .port h2 { text-align:right; font-size:.8em; color:#666666; }
#content .port_group .port p { font-size:.7em; text-align:right; clear:none; line-height:10px; }
#content .port_group #port_navigator { background:url(../images/sign_post.gif) no-repeat 0 0; width:283px; height:350px; }
#content .port_group #port_navigator #philosophy { width:148px; float:left; padding:30px 0 0 20px; }
#content .port_group #port_navigator #philosophy a { color:#178313; }
#content .port_group #port_navigator #code_design { width:100px; float:left; padding:10px 0 0 0; }
#content .port_group #port_navigator #code_design h2 { margin:0 0 20px 0; }
#content .port_group #port_navigator #code_design a.grey { color:#dddddd; font-size:1.1em; }

#instructions { font-size:.8em; float:right; width:150px; line-height:9px; color:#999999; }

#logos li { float:left; padding:0 30px 0 0; }

/*==============================================
Contact
==============================================*/
.contact .label { font-size:.9em; font-weight:bold; text-align:right; padding:0 10px 0 0; }
.contact form input { width:200px; overflow:visible; }
.contact .longer input { width:250px; }
.contact input, .contact textarea { background:#dddddd; border:#cccccc 1px solid; padding:2px 3px; }
.contact #message { width:300px; }
.contact #response { float:right; color:#FF0000; padding:0; margin:0; font-size:.75em; width:245px; }
.contact #submit { color:#444; width:auto; padding:2px 3px;}

/*==============================================
Sitemap
==============================================*/
.sitemap { font-size:1.5em; border-bottom: 1px solid #ccc; }
.sitemaplist { padding:0 !important; }
.sitemaplist a { padding:0 30px 0 0; }