body {background:url(/images/bg.gif) repeat #000; margin:0; font:normal 12px Helvetica, Arial, sans-serif;}
ul {list-style:none; margin:0; padding:0;}

#about a {color:#aaa; text-decoration:underline;}
#about a:hover {color:#000; text-decoration:none;}
.wrapper {background:#fff;}
.top {width:1000px; min-width:1000px; overflow:hidden; margin:0 auto; padding:0 0 40px 0;}
.left {float:left; width:650px;}
.right {float:right; width:330px;}
.top .right {height:111px;}
h1.logo {margin:0; padding:0;}
h1.logo a {background:url(/images/sprite.png) 0 0 no-repeat; text-indent:-9999px; width:314px; height:111px; display:block}
ul.nav {list-style:none; float:left; margin:50px 0 0 0; padding:0; font-size:14px;}
ul.nav li {float:left; padding:0 15px; border-right:solid 1px #ccc;}
ul.nav li.first {padding-left:0;}
ul.nav li.last {padding-right:0; border:0;}
ul.nav li a {color:#000; text-decoration:none;}
ul.nav li a:hover, ul.nav li.selected a {color:#000; text-decoration:none; border-bottom:dotted 1px #000;}
.header .left, .header .right {border-bottom:solid 1px #ccc;}
#flash {width:650px; height:302px; min-height:302px;}
#about h2 {text-indent:-9999px; width:330px; height:171px; background:url(/images/sprite.png) 0 -112px no-repeat; margin:0;}
#about p {color:#aaa; font-size:14px; line-height:22px;}
#flash, #about {margin-top:20px;}

.bottom, .works {margin:40px auto 80px auto; width:1000px; min-width:1000px; min-height:350px;}
.left .left, .left .right {width:315px;}
.photo {padding-bottom:10px; border-bottom:solid 1px #333;}
h3 {font-size:18px; color:#fff; margin:0; padding-top:10px;}
.bottom .left p {padding:10px 0 0 0; color:#aaa; line-height:20px; margin:0;}
a, a:hover {text-decoration:none;}
.left a:hover h3, .left a:hover p {color:#61ACDF;}
.left a:hover img {box-shadow:0 0 7px #E0EAEF; -moz-box-shadow:0 0 10px #E0EAEF; -webkit-box-shadow:0 0 10px #E0EAEF;}

.title {font-size:10px; font-weight:bold; color:#aaa; margin-bottom:5px; text-transform:uppercase;}
.post {padding-top:10px; border-top:solid 1px #333; clear:both;}
.post img {float:left; margin:0 10px 10px 0;}
h4 {font-size:14px; color:#fff; margin:5px 0 0 0; padding:0;}
.post p {margin:10px 0 0 0; color:#aaa; line-height:18px;}
.post a:hover img {box-shadow:0 0 7px #E0EAEF; -moz-box-shadow:0 0 10px #E0EAEF; -webkit-box-shadow:0 0 10px #E0EAEF;}
.post a:hover p {color:#61ACDF;}

ul.social {float:left; list-style:none; margin:0; padding:0;}
ul.social li {float:left; width:32px; height:32px; margin-right:15px;}
ul.social li a {width:32px; height:32px;}
li.twitter a {display:block; background:url(/images/sprite.png) -330px 0px no-repeat;}
li.linkedin a {display:block; background:url(/images/sprite.png) -372px 0px no-repeat;}
li.facebook a {display:block; background:url(/images/sprite.png) -414px 0px no-repeat;}
li.twitter a:hover {display:block; background:url(/images/sprite.png) -330px -40px no-repeat;}
li.linkedin a:hover {display:block; background:url(/images/sprite.png) -372px -40px no-repeat;}
li.facebook a:hover {display:block; background:url(/images/sprite.png) -414px -40px no-repeat;}

/* content */
h1 {font-size:22px; line-height:22px; margin:20px 0 20px 0; padding:0;}
ul.work {float:left; list-style:none;}
ul.work li {float:left; margin-right:20px; border-top:dotted 1px #ccc; font-size:16px;}
ul.work li:hover, ul.work li.selected  {border-top:dotted 1px #000;}
ul.work li a {display:block; line-height:20px; width:180px; padding:8px 5px; color:#000; text-decoration:none;}
ul.work li a:hover, ul.work li.selected a {background:url(/images/bg.gif) repeat #000; color:#fff; text-decoration:none;}

.top .right h3 {color:#000; font-size:16px; margin:20px 0 20px 0; padding:0;}
.works .left {float:left; width:280px;}
.works .right {float:right; width:700px;}
.works .right {padding-bottom:40px;}
.works h3 {font-size:32px; margin:0; padding:20px 0 0 0; border-top:solid 1px #333; line-height:36px;}
.works p {color:#aaa; font-size:14px; line-height:20px;}
.works .right img {margin-bottom:20px; display:block;}
a.launch {width:242px; height:43px; display:block; background:url(/images/launch.gif) 0 0 no-repeat; margin-top:40px;}
a.launch:hover {background:url(/images/launch.gif) 0 -53px no-repeat;}