@charset "utf-8";/*----- form reset -----*/input, textarea { border: 0; margin: 0; padding: 0; float: left; font: inherit; color: inherit; }html { overflow-y: scroll; }body { /*background: #fff url(http://www.hellojosh.com/ver3/images/bg.jpg) no-repeat fixed center top; background-color: #eee;*/ font: 11px/20px helvetica, arial, sans-serif; color: #777; }body#home { background-color: #fff; }a, a:visited { text-decoration: none; color: #333; color: #f83c3c; }a:hover { color: #111; }h1.grid_9 { margin-bottom: 36px; }h1 a { display: block; background: url(../../images/FITA_100.jpg) no-repeat left top; height: 100px; width: 100px; float: left; text-indent: -9999px; margin: 7px 0 0;  }/*h2 { font: bold 13px/20px "Myriad Pro", helvetica, arial, sans-serif; text-transform: uppercase; text-shadow: 0 1px 0 #fff; letter-spacing: 1px; color: #333; }*/h2 { font: 26px/40px "auto 1", helvetica, arial, sans-serif; letter-spacing: 1px; }#projects h2 { font-size: 20px; line-height: 30px; }h3 { font: bold 13px/20px "Myriad Pro", helvetica, arial, sans-serif; text-transform: uppercase; text-shadow: 0 1px 0 #fff; letter-spacing: 1px; color: #333; }ul, p { margin-bottom: 20px; }img { margin-bottom: 10px; -moz-box-shadow: 0 4px 18px #C8C8C8; -webkit-box-shadow: 0 4px 18px #C8C8C8; border: 3px solid #fff; }.container_12 { margin-top: 30px; overflow: hidden; }.list li { list-style: square; margin: 0 0 0 12px; }.red { color: #a00; color: #f83c3c; }/*----- navigation -----*/#nav { margin-top: 5px; overflow: hidden; float: right; }#nav li { float: left; border-left: solid 1px #ddd; }#nav li:first-child { border: 0; }#nav li a { padding: 2px 10px 1px; display: block; font-weight: bold; text-shadow: 0 1px 0 #fff; }#home #nav #home_nav a, #projects #nav #project_nav a, #project #nav #project_nav a, #about #nav #about_nav a, #resume #nav #resume_nav a, #contact #nav #contact_nav a, #clients #nav #clients_nav a,  #stuff #nav #stuff_nav a  { background-color: #333; color: #fff; text-shadow: 0 1px 0 #111; }/*----- pages -----*/#header { border-bottom: solid 1px #ddd; margin-bottom: 40px; }#footer { border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; padding: 20px 0; margin-top: 20px; margin-bottom: 40px; font-size: 10px; }#skills_list li { margin: 0 0 20px; }#project .grid_3 em { display: block; margin: 0 0 20px; }#projects ul.grid_12 li { padding: 10px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; }#projects ul.grid_12 li:hover { background-color: #eee; margin: 0; padding: 10px; }#projects ul.grid_12 li.alpha:hover { margin-left: -10px; }#projects ul.grid_12 li.omega:hover { margin-right: -10px; }#projects ul.grid_12 li p { margin: 0; }#projects ul.grid_12 li > a { position: relative; }#projects ul.grid_12 .grid_3.alpha { clear: left; }.graytext {color:#777777;}
/*#projects img { width: 214px; height: 143px; position: relative; float: left; }*/#putofftasks, #cmstool, #unicast, #hellojoshmobile, #builtinTV, #xxx, #hellojosh-logo, #hellojosh-ver1 { width: 214px; height: 143px; position: relative; float: left; }#projects img.new { -moz-box-shadow: none; border: 0; position: absolute; left: -217px; z-index: 100; top: 12px; display: none; }#error .grid_4.prefix_3, .min_height { min-height: 300px; }#about img.grid_12 { margin-bottom: 20px; width: 934px; }#home #featured { background-color: #eee; margin-top: 20px; margin-bottom: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }#home #featured .grid_8 { overflow: hidden; height: 340px; }#home #featured .grid_8 > div { width: 554px; overflow: hidden; margin: 40px 0 0 40px; -moz-box-shadow: 0 4px 18px #C8C8C8; -webkit-box-shadow: 0 4px 18px #C8C8C8; border: 3px solid #FFFFFF; }#home #featured .grid_8 > div > img { margin-left: -40px; }#home #featured .grid_3 { height: 300px; position: relative; margin-top: 40px; }#home #featured .grid_3 > a { position: absolute; bottom: 40px; }/*----- contact form -----*/form ul li { margin: 0 0 10px; }form ul li.grid_3.alpha { clear: both; text-align: right; }form ul li.required { line-height: 26px; }form ul li.grid_6.prefix_3 { margin: 0; }form ul li label { font-weight: bold; line-height: 26px; }form ul li input, form ul li textarea { padding: 6px; border: solid 1px #ddd; background-color: #eee; color: #333; }form ul li input { width: 278px; }form ul li textarea { width: 438px; height: 200px; }form ul li input#submit { width: 118px; cursor: pointer; text-transform: uppercase; font-weight: bold; text-shadow: 0 1px 0 #fff; background-color: #efefef; color: #777; }form ul li input#submit:hover { color: #333; }/*==============HOME PAGE ROTATOR++++++++++++++++*/#info li strong { font-size: 16px; text-transform: uppercase; }#MainImageRotator { width: 983px; margin: 0px auto; position: relative; overflow: hidden; height: 295px; }#mask { position: absolute; top: 0; left: 0; }#images { width: 2940px; position: relative; }#images li { float: left; position: absolute; display: none; }#info_wrap {position:absolute; width:336px; height:195px; top:0px; left:26px; overflow:hidden; }#info { background: url(/images/title_bg.png) no-repeat top left; width: 320px; height: 195px; padding: 0 0px 0 20px; _background-image: url(../images/rotator/aboutAQ_background.gif)}#info li { display: none; }#spots { position: absolute; width: 100px; height: 44px; right: -10px; bottom: 0px;}#spots li { background: url(/images/rotator/droplet_sprite.png) no-repeat left bottom; width: 24px; height: 34px; float: left; _background: url(../images/rotator/droplet_sprite.gif) no-repeat left bottom; }#spots li div { background: url(/images/rotator/droplet_sprite.png) no-repeat 0px 0px; width: 24px; height: 34px;display: none; background: url(../images/rotator/droplet_sprite.gif) no-repeat 0px 0px; }#spots li.hover { cursor: pointer; }#spots li.active { cursor: default;  }#spots li.hover div { display: block !important; }#rotatorLockupTitle {position:absolute; width:394px; height:127px; top:5px; left:14px; overflow:hidden; }#rotatorLockupOffer {position:absolute; width:152px; height:73px; right:0px; bottom:28px; overflow:hidden; }#BodyHeadlineTitle{color:white;}#BodyHeadlineCopy{color:white;}