body{background-color:#636363;color:#6dd0f7;font-family:helvetica neue,helvetica,arial,sans-serif;font-size:10px;margin:0;padding:0;}
a{color:#fff;font-weight:bold;text-decoration:none;}
a:hover{text-decoration:underline;}
h2{color:#6dd0f7;margin:0;padding:75px 0px 25px;text-transform:uppercase;}
h3{color:#6dd0f7;margin:0;padding:20px 0 0 0;text-transform:uppercase;}
h4{color:#6dd0f7;font-size:14px;margin:0px;padding:125px 0px 0px 0;}
li{list-style-type:none;}
.clear{clear:both;}
.pdf{background:url(/img/pdf.gif) no-repeat left;padding:2px 0 2px 20px;}

.squeeze{margin:0 auto;width:944px;}
.header{height:68px;position:relative;}
.logo{background:url(/img/sprite.gif) no-repeat 0 -37px;display:block;height:36px;left:40px;position:absolute;top:20px;width:221px;}
.logo h1{display:none;}

.nav{left:610px;list-style-type:none;margin:0;padding:0;position:absolute;top:35px;}
.nav li{float:left;list-style-type:none;margin:0;padding:0;}
.nav li a{background-image:url(/img/sprite.gif);background-repeat:no-repeat;display:block;height:18px;width:77px;}
.nav li a span{display:none;}
.nav .home{background-position:0 0;}
.nav .home:hover{background-position:0 -18px;}
.nav .portfolio{background-position:-77px 0;width:75px;}
.nav .portfolio:hover{background-position:-77px -18px;}
.nav .about{background-position:-152px 0;width:75px;}
.nav .about:hover{background-position:-152px -18px;}
.nav .contact{background-position:-227px 0;}
.nav .contact:hover{background-position:-227px -18px;}

.shadowTop{background:url(/img/sprite-x.gif) repeat-x 0 0;height:10px;position:relative;}
.shadowTop .corner{height:10px;position:absolute;top:0;width:10px;}
.shadowTop .left{background:url(/img/sprite.gif) no-repeat -273px -36px;left:0;}
.shadowTop .right{background:url(/img/sprite.gif) no-repeat -283px -36px;right:0;}
.shadowLeft{background:url(/img/sprite-y.gif) repeat-y 0 0;padding-left:10px;}
.shadowRight{background:url(/img/sprite-y.gif) repeat-y right;padding-right:10px;}

.content{background:url(/img/sanfran.jpg) no-repeat 0 0;height:596px;overflow:hidden;position:relative;}
.contentBox{background-image:url(/img/bg.png);border-left:solid 8px #6dd0f7;bottom:50px;padding:10px 80px;position:absolute;right:0;top:50px;width:300px;}
.bg-darken{background:url(img/bg-darken.png);height:596px;overflow-x:hidden;overflow-y:auto;position:relative;}

.index .contentBox{padding:30px 0 0;width:350px;}
.index .contentBoxSqueeze{margin:0 auto;width:210px;}
.index .mission{background-color:#6dd0f7;color:#000;font-size:10px;padding:20px 22px !important;text-align:left;}
.index .contentBox ul{margin:0;padding-left:15px;}

.portfolio .loading{background-color:#6dd0f7;color:#fff;font-size:16px;margin:200px auto 0;padding:20px 22px !important;text-align:center;width:220px;}
.portfolio #progress{background-color:#6dd0f7;border:solid 1px #fff;height:14px;margin:10px auto 0;width:220px;}
.portfolio #progress div{background-color:#fff;height:12px;margin:1px;}
.portfolio #items{margin-left:220px;padding-top:10px;}
.portfolio #items fieldset{border:0;margin:0;padding:0;}
.portfolio #items legend{display:none;}
.portfolio #items ul{margin:0;padding:0;}
.portfolio #items li{display:block;height:470px;margin-bottom:10px;position:relative;width:570px;}
.portfolio #items li a{color:#6dd0f7;display:block;font-size:12px;font-weight:bold;left:22px;position:absolute;text-transform:uppercase;top:421px;}
.portfolio #items li div{color:#fff;font-size:10px;left:22px;position:absolute;top:436px;}
.portfolio #items .imageNum{bottom:18px;left:auto;line-height:16px;right:23px;top:auto;}
.portfolio #items .imageNum span{background-color:#fff;color:#252525;display:block;float:left;font-weight:bold;height:16px;margin-right:4px;text-align:center;width:16px;}
.portfolio #thumbs{background:url(/img/port-bg.png);border:solid 2px #fff;border-top:0;border-bottom:0;cursor:-moz-grab;font-size:0;left:134px;position:absolute;top:0;width:54px;z-index:999;}
.portfolio #thumbs img{display:block;height:40px;padding:0 2px 4px 2px;width:50px;}
.portfolio #thumbs img:first-child{padding-top:4px;}
.portfolio #thumbs .category{position:relative;}
.portfolio #thumbs .category-label{background-color:#fff;color:#252525;font-size:10px;font-weight:bold;left:-88px;padding-left:5px;position:absolute;text-transform:uppercase;top:0;width:83px;}
.portfolio #thumbs .grabbable{margin-top:4px;}

.about h4{padding:0;text-align:right;}
.about .history{background-color:#6dd0f7;color:#000;font-size:12px;padding:20px 22px !important;text-align:left;}
.about .contentBox{bottom:18px;padding:15px;width:642px;}
.about .experience{margin:20px 0;overflow:hidden;}
.about .column{float:left;padding-left:20px;width:200px;}
.about .column:first-child{padding-left:0;}
.about .title{color:#6dd0f7;font-size:11px;margin:0;padding:0;text-transform:uppercase;}
.about .column ul{border:solid 1px #6DD0F7;border-right:0;border-bottom:0;margin:0 0 -1000px;padding:12px 15px 1001px;}
.about .column ul li{padding-bottom:10px;}
.about .column ul h5{color:#6dd0f7;font-size:10px;font-weight:10px;margin:0;padding:0;}
.about .resume{text-align:right;}

.contact .errorMessage h2{padding-bottom:0;}
.contact button{background:url(/img/sprite.gif) no-repeat 0 -74px;border:none;height:10px;width:72px;}
.contact button span{display:none;}
.contact label{color:#6dd0f7;display:block;}
.contact .field{background-color:#000;border:solid 1px #6dd0f7;color:#6dd0f7;font-family:helvetica neue, helvetica, arial, sans-serif;font-size:10px;margin-bottom:15px;padding:2px 4px;width:280px;}
.contact .fieldMessage{height:120px;}

.footer{background:url(/img/sprite-x.gif) repeat-x 0 -10px;color:#000;font-size:10px;height:28px;line-height:25px;margin-bottom:10px;position:relative;text-align:center;}
.footer .corner{bottom:0;height:28px;position:absolute;width:10px;}
.footer .left{background:url(/img/sprite.gif) no-repeat -273px -46px;left:0px;}
.footer .right{background:url(/img/sprite.gif) no-repeat -283px -46px;right:0px;}