@charset "UTF-8";
/* CSS Document */

/*=====================
General
=====================*/
body { font-family:Arial, Helvetica, sans-serif; font-size:.8em; background:#9f9f9f; }
* { margin:0; padding:0; }
.wrapper .inner { width:800px; overflow:hidden; margin:0 auto; }
h1 { font-size:2em; }
a, #footer .words a { text-decoration:none; color:#216196; }
#pro a, .launch { color:#76a8fc; }
.clear { clear:both; }
.last { margin-right:0 !important; }
.right { float:right; margin:0 0 20px 20px; }
.left { float:left; margin:0 20px 20px 0; }

/*-----space ship lists------*/
#content .inner ul {margin:20px 0; list-style:none; padding:0; }
#content .inner ul li { background:url(../images/point.png) no-repeat 0 1px; padding:0 0 0 14px; margin:0 0 3px 0; }
#content .inner ul li a { color:#fff; }
#content .inner ul li a:hover { color:#76a8fc; }
#content .inner ul li ul { margin:3px 0; }

/*=====================
Header
=====================*/
#header { background:url(../images/sky.jpg) repeat-x 150px 0; height:137px; }
#header .inner { width:800px; overflow:hidden;position:relative; }

#header #logo { margin:0; width:219px; position:absolute; top:7px; left:0; z-index:1; }
#header #logo a { display:block; overflow:hidden; width:166px; height:0px; padding:139px 0 0 0; background:url(../images/acylt.png) no-repeat 0 0; }

#header #mm { list-style:none; float:right; }
#header #mm li { float:left; padding:116px 0 0 4px; height:21px; }
#header #mm li.active { background:url(../images/highlite.png) no-repeat; }
#header #mm li a { height:0; padding:21px 0 0 0; overflow:hidden; display:block; }
#header #mm li a:hover, #header #mm li.active a { background-position:0 -21px; }

#header #mm #mm1 { background-position:0 0; }
#header #mm #mm2 { background-position:18px 0; }
#header #mm #mm3 { background-position:0 0; }
#header #mm #mm4 { background-position:11px 0; }
#header #mm #mm5 { background-position:10px 0; }

#header #mm1 a { background:url(../images/mm1.png) no-repeat 0 0; width:74px; }
#header #mm2 a { background:url(../images/mm2.png) no-repeat 0 0; width:119px; }
#header #mm3 a { background:url(../images/mm3.png) no-repeat 0 0; width:75px; }
#header #mm4 a { background:url(../images/mm3_r.png) no-repeat 0 0; width:98px; }
#header #mm5 a { background:url(../images/mm5.png) no-repeat 0 0; width:69px; }

/*=====================
Strip
=====================*/
#strip { background:#454545 url(../images/separate.jpg) no-repeat center 0; height:29px; }


/*=====================
Content
=====================*/
#content { background:#252525 url(../images/main_bg.gif) repeat-x 0 0; color:#fff; }
#content .inner { background:url(../images/bg.jpg) no-repeat 0 0; padding:30px 0 50px 0; }

/*-----------home column layout wc, sc----------------*/
#content #wc { width:400px; float:left; padding:0 0 0 10px; }
#content #welcome { padding:0 0 30px 0; background:url(../images/space_divider.gif) no-repeat 0 bottom; }
#content #welcome span { color:#4387be; }
#content h1 { font-size:3em; }
#content h1#moon { background:url(../images/moon.gif) no-repeat center 0; padding:26px 0 0 0; height:65px; text-align:center; color:#555; margin:0 0 15px 0; }
#content h1#big { margin:10px 0; }
#content h2 { font-size:2.05em; line-height:20px;}
#content h3 { font-size:1.2em; }
#content h4 { font-size:.95em; }
#content .bold { font-weight:bold; }
#content #launch { display:block; background:url(../images/launch.png) no-repeat 0 0; text-indent:-999999px; height:65px; width:389px; }
#content #launch:hover { background-position:0 -65px !important; }

#content #icons { padding:37px 0 0 0; overflow:hidden; width:100%; }
#content #icons div { float:left; margin:0 30px 0 0; }
#content #icons a { color:#fff; text-decoration:none; display:block; overflow:hidden; padding-left:5px; font-size:.9em; }
#content #icons h1 a { height:0; }
#content #touch h1 a { background:url(../images/phone.png) no-repeat 0 0; width:92px; padding:96px 0 0 0; margin:0 0 3px 0; }
#content #touch h1 a:hover { background-position:-1px -95px; }
#content #work h1 a { background:url(../images/notepad.png) no-repeat 0 0; width:96px; padding:99px 0 0 0; }
#content #work h1 a:hover { background-position:-1px -98px; }
#content #me h1 a { background:url(../images/person.png) no-repeat 0 0; width:95px; padding:95px 0 0 0; margin:0 0 4px 0; }
#content #me h1 a:hover { background-position:0px -95px; }

#content #sc { width:365px; padding:0 0 0 20px; float:left; overflow:hidden; }
#content #featured { width:365px; overflow:hidden; }
#content #featured #port_title { width:362px; border:1px solid #444; background-color:#3f3f3f; color:#fff; border-bottom:none; }
#content #featured #port_title h1 { font-size:1em; padding:5px 0 4px 10px; color:#111; }
#content #sc .pics { height:270px; width:350px; float:left; }
#content #sc .pics img { border:10px solid #d7d7d7; background-color:#666; padding:1px; }
#content #sc #nav { width:15px; float:left; overflow:hidden; height:228px; }
#content #sc .nav a { display:block; border:1px solid #444; padding:2px 1px; background-color:#3f3f3f; color:#fff; text-decoration:none; width:10px; height:15px; text-align:center; margin:2px 0 0 0; }
#content #sc .nav a:hover { background-color:#ccc; color:#3f3f3f; }
#content #sc .nav a:active { color:#fff; }
#content #sc #arrows { float:left; overflow:hidden; width:15px; height:42px; margin:0; }
#content #sc #arrows a { display:block; overflow:hidden; width:10px; height:13px; margin:2px 0 0 0; }
#content #sc #arrows #next { background:#3f3f3f url(../images/port/arrow_r.jpg) no-repeat 2px 3px; text-indent:-9999999px; }
#content #sc #arrows #last { background:#3f3f3f url(../images/port/arrow_l.jpg) no-repeat 1px 3px; text-indent:-9999999px; }

#content #sc #free { clear:both; padding:15px 0 0 7px; }
#content #sc #free a { display:block; background:url(../images/free.gif) no-repeat 0 0; width:334px; height:0; overflow:hidden; padding:71px 0 0 0;  }

/*-----------portfolio column layout pc, psc----------------*/
#content #pc { width:550px; overflow:hidden; }
#content #pc .port_top { background:url(../images/port_top.png) no-repeat 0 0; padding:16px 0 0 0; width:550px; overflow:hidden; margin:0 0 20px 0; }
#content #pc .port_bottom { background:url(../images/port_bottom.png) no-repeat 0 bottom; padding:0 0 20px 0; }
#content #pc .port { background:url(../images/port.png) repeat-y 0 0; padding:0 25px 10px 20px; width:520px; overflow:hidden; }

#content #pc .port  { color:#242424; }
#content #pc h1 { margin:0 0 20px 0; }
#content h2.port_sub { font-size:1.5em; color:#666; padding:0 0 5px 0; background:url(../images/space_divider.gif) no-repeat right 0; }
#content #pc .port h1 { margin:0 0 5px 0; }
#content #pc .port img { border:1px solid #aaa; background-color:#bbb; padding:5px; width:192px; height:108px; }
#content #pc .port .preview { width:210px; margin:0 20px 0 0; float:left; }
#content #pc .port .involvement { float:left; width:148px; margin:0; }
#content #pc .port .involvement h2 { margin:0 0 2px 0; font-size:1.2em; }
#content #pc .port .involvement ul { list-style:none; margin:0; }
#content #pc .port .involvement ul li { padding:0 0 0 13px; background:url(../images/arrow_p.gif) no-repeat 0 1px; }
#content #pc .port .links { float:left; width:139px; overflow:hidden; }
#content #pc .port .links .profile a { display:block; height:50px; overflow:hidden; text-indent:-99999px; width:139px; background:url(../images/profiles.gif) no-repeat 0 0; }
#content #pc .port .links .profile a:hover { background-position:0 bottom; }
#content #pc .port .links .site a { display:block; height:34px; overflow:hidden; text-indent:-99999px; width:139px; background:url(../images/sites.gif) no-repeat 0 0; }
#content #pc .port .links .site a:hover { background-position:0 bottom; }
#content #pc .port .links p { font-size:.8em; line-height:10px; }
#content #pc .port .links .design { height:34px; overflow:hidden; text-indent:-99999px; width:139px; background:url(../images/design.gif) no-repeat 0 0; }

#content #psc { float:right; width:210px; padding:70px 0 0 40px; }
#content #psc h2 { background:none; }
#content #psc ul { margin:0; }

/*-----------profile (pro), even col layout----------------*/
#pro #content .inner { padding-top: 10px; }
#pro #content #title { background:url(../images/apart.gif) no-repeat 8px 23px; padding:20px 0 20px 0; margin:0 0 5px 0; }
#pro #content #title img { float:right; width:auto; background-color:#eee; }
#pro #content .inner  h2 { margin:20px 0 10px 0; color:#aaa; }
#content .two_col { width:800px; overflow:hidden; }
#pro #content .inner .port_sub { background:none; margin:0; }
#content .col { width:390px; margin:0 20px 0 0; float:left; }
#pro #content .inner p { padding:0 2px; margin:0 0 10px 0; font-size:1.1em; }
#content .breakdown { width:600px; overflow:hidden; margin:40px auto 0 auto; border:20px solid #ccc; background:#111; padding:20px; }
#pro #content .inner .breakdown h2 { margin:0 0 10px 0; clear:both; }
#pro #content .inner img { border:1px solid #aaa; background-color:#bbb; padding:5px; width:200px; }

/*-----------resume----------------*/
#resume #sc { margin:0 0 0 38px; width:342px; background:#111; border:5px solid #2f2f2f; padding:0; }
#resume #sc .padded {  padding:0 10px 0 15px; }
#resume h2 { margin:20px 0 10px 0; color:#aaa; font-size:1.5em; }
#resume table th { vertical-align:top; text-align:right; padding:0 10px 5px 0; }
#resume table td { padding:0 0 5px 0; }
#resume img {  border:1px solid #aaa; background-color:#bbb; padding:5px; }
#resume h3 { color:#aaa; font-size:1em; }
#resume h4 { color:#777; font-size:.9em; }
#resume h4 span { color:#555; font-weight:normal; }
#resume p { margin:0 0 10px 0; }

/*-----------contact (pro)----------------*/
#pro #contact #title { background:none; padding-bottom:0; }
#pro #content h3 { color:#aaa; }
#pro #contact form td { color:#222; }
#pro #contact form a { color:#fff; }
#pro #contact .padded { padding-top:20px; }
#pro #contact p.padded { padding-top:12px !important; }
#pro #contact form th, #pro #contact form td { padding-bottom:10px; }
#pro #contact form .error td span { display:block; color:#ff3232; font-size:.8em; padding:0 0 0 5px; }
#pro #contact form th { text-align:right; padding-right:7px; vertical-align:top; }
#pro #contact form input { width:187px; padding:2px 3px; border:2px #1a1a1a solid; background:#ccc; }
#pro #contact form #phone { width:112px; }
#pro #contact form input:visited { background:#fff; }
#pro #contact form textarea { width:290px; height:150px; padding:2px 3px; border:2px #1a1a1a solid; background:#ccc; }
#pro #contact form input:focus, #pro #contact form textarea:focus { border:2px solid #999; background:#fff; }
#pro #contact form #submit { margin:0 0 0 67px; background:url(../images/launch_btn.png) no-repeat 0 0; border:none; width:147px; height:65px; }
#pro #contact form #submit:hover { background-position:0 bottom !important; }
#pro #content ul { color:#76a8fc; }
#pro #content #thanks { margin:40px 0 0 0; }

/*-----------sitemap----------------*/


/*=====================
Content
=====================*/
#footer { background:url(../images/footer_bg.gif) repeat-x 0 0; color:#fff; padding:20px 0 5px 0; }

#footer #words { width:100%; overflow:hidden; }
#footer .words { width:250px; border-right:1px solid #777; float:left; margin:0 10px 0 0; padding:0 10px 0 0; }
#footer .last { border:none; margin:0; padding:0; }
#footer .words a { display:block; float:left; padding:2px 3px; border:1px solid #666; margin:1px; background-color:#cacaca; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:2px; -moz-border-radius-topleft:2px; -moz-border-radius-topright:5px; -webkit-border-radius:5px; }
#footer .words a:hover { background-color:#216196; color:#fff; border:1px solid #fff; }
#footer .words h1 { font-size:1.2em; }
#footer .words p { font-size:.9em; }

#footer #fm_copy { width:100%; overflow:hidden; padding:20px 0 0 0; font-size:.8em;}
#footer #fm { list-style:none; }
#footer #fm li { float:left; padding:0 10px 0 0; margin:0 10px 0 0; border-right:solid 1px #afafaf; }
#footer #fm li.last { border:none; }
#footer #fm li a { color:#fff; text-decoration:none; }
#footer #fm li a:hover { text-decoration:underline; }

#footer #copy { color:#fff; float:right; }