/********************************************
    CSS Nome do site
    Estrutura Principal
********************************************/

/********************************************
    Style Reset by Eric Meyer
    meyerweb.com
********************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0;	font-weight: inherit;	font-style: inherit;	font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }

body { font: normal normal 12px/18px Helvetica, Arial, sans-serif; color: #808080; position: absolute; width: 100%; height: 100%; }
p { margin-bottom: 18px; font-size: 12px; }
strong { color: #4f4f4f; }
a { text-decoration: underline; color: #4995b7; }
  a:hover { text-decoration: none; color: #4995b7; }
  a:visited { color: #4995b7; }
  
.hidden { display: none !important; }
  
#container { height: 500px; width: 100%; margin-top: -240px; position: absolute; top: 50%; }
  #main { width: 980px; height: 500px; margin: -0 auto; position: relative; }
    #nav { width: 400px; height: 255px; top: 100px; left: 0; background: url(../images/menu.png) no-repeat left top; position: absolute; }
    #content { width: 580px; height: 500px; top: 0; left: 400px; position: absolute; overflow: hidden; }

#nav li { width: 38px; height: 38px; display: block; position: absolute; text-indent: -9999px; }
  #nav a { width: 38px; height: 38px; display: block; }
  #nav li.home { top: 217px; left: 0; }
  #nav li.about { top: 32px; left: 185px; }
  #nav li.graphic-design { top: 78px; left: 93px; }
  #nav li.digital-design { top: 171px; left: 93px; }
  #nav li.interface { top: 217px; left: 185px; }
  #nav li.projects { top: 124px; left: 278px; }
  
#nav.hover-nav { background-position: 0 -255px; }
#nav.hover-home { background-position: 0 -510px; }
#nav.hover-about { background-position: 0 -765px; }
#nav.hover-graphic-design { background-position: 0 -1020px; }
#nav.hover-digital-design { background-position: 0 -1275px; }
#nav.hover-interface { background-position: 0 -1530px; }
#nav.hover-projects { background-position: 0 -1785px; }
    
#home h1 { margin: 177px 0 35px; }
#home h2 {  }
#nav-warning { position: absolute; left: 92px; top: 360px; font-size: 18px; color: #aaa; width: 270px; text-align: right; padding-top: 40px; background: url(../images/arrow.png) no-repeat 59px top; }

#container .full-content h1 { font-size: 72px; color: #4995b7; text-transform: lowercase; margin-bottom: 20px; line-height: 80px; }

#contact-info li { width: 16px; height: 16px; margin-right: 8px; float: left; display: inline; background: url(../images/social_sprite.png) no-repeat; text-indent: -9999px; }
  #contact-info li a { width: 16px; height: 16px; display: block; }
  #contact-info li.brasigo { background-position: 0 0; }
  #contact-info li.delicious { background-position: -24px 0; }
  #contact-info li.flickr { background-position: -48px 0; }
  #contact-info li.twitter { background-position: -72px 0; }
  #contact-info li.orkut { background-position: -96px 0; }
  #contact-info li.blogblogs { background-position: -120px 0; }
  #contact-info li.facebook { background-position: -144px 0; }
  #contact-info li.lastfm { background-position: -168px 0; }
  
.job-list { width: 10000px; position: absolute; top: 100px; left: 0; }
  .job-list li.job { position: relative; width: 580px; float: left; margin-right: 20px; }
  .job-list .job-image { width: 548px; height: 253px; margin-bottom: 10px; text-align: center; border: 1px solid #707070; overflow: hidden; }
  .job-list h2 { font-size: 24px; line-height: 32px; color: #666; margin-bottom: 0; text-transform: lowercase; }
  .job-list p strong { font-weight: bold; color: #707070; }

#job-nav { position: absolute; right: 0; bottom: 0; }
  #job-nav li { display: inline; }
  #job-nav a.unavailable { cursor: default; color: #707070; text-decoration: none; }

.job-tools { position: absolute; top: 0; right: 0; }
  .job-tools li { height: 20px; margin-bottom: 7px; background: url(../images/icon_sprite.png) no-repeat right top; padding-right: 4px; float: right; clear: right; }
  .job-tools li:hover { background-color: #e9e9e9; }
    .job-tools span { visibility: hidden; height: 16px; padding: 2px 4px; background: #4995b7; font-size: 10px; color: #fff; text-transform: uppercase; float: right; margin-right: 22px; }
    .job-tools li:hover span { visibility: visible; }
  .job-tools li.web { background-position: right -38px; }
  .job-tools li.html { background-position: right -118px; }
  .job-tools li.php { background-position: right -98px; }
  .job-tools li.javascript { background-position: right -78px; }
  .job-tools li.flash { background-position: right -137px; }
  .job-tools li.type { background-position: right 2px; }
  .job-tools li.rails { background-position: right -58px; }