body {
   font-family:Georgia, Times New Roman, Times, serif;
   font-size:14px;
   background:#f3f0ea;
   color:#707074;
   padding:18px;
}

/* Nav */

div#nav {
   position:fixed;
   top:18px;
   left:18px;
   width:221px;
   background:url(../images/nav/rule.png) no-repeat bottom left;
   padding-bottom:20px;
}


div#nav h1 {
   position:absolute;
   top:160px;
   text-indent:-9999em;
   width:199px;
   height:69px;
   background:url(../images/nav/logo.png);
}

ul#menu {
   list-style:none;
}

ul#menu li {
   display:block;
   padding:0;
   text-indent:-9999em;
}

ul#menu li a {
   background-position:0 0;
   display:block;
   width:199px;
   height:18px;
   outline:none;
}

ul#menu li a:hover, ul#menu li a.active, body.iphone ul#menu a {
   background-position:-199px 0;
}

/* Content */

div#main {
   margin-left:221px;
   padding-bottom:30px;
}

div#main div.section {
   margin-bottom:36px;
   position:relative;
}

div#main div.last-section {
   margin-bottom:0;
}

div#main div.text-section {
   max-width:767px;
   min-width:549px;
}

div#main div.section h2 {
   text-indent:-9999em;
   width:100%;
   height:18px;
   background-repeat:no-repeat;
   margin-bottom:6px;
   /* Needs margin-top for html? sifr-active */
   /* Needs shifting up 3px */
}

div.text-section div.text {
    opacity:0.5;
    filter: alpha(opacity=50);
    font-size:26px;
    letter-spacing:-1px;
}

body.iphone div.text-section div.text {
   opacity:1;
}

body div.text-section div.text a {
    color:#707074;
    text-decoration:none;
}

body div.text-section div.text a:hover {
    text-decoration:none;
    background:url(../images/underline.png) repeat-x 0 23px;
}

body div#contact div.text a#email:hover {
    background:none;
}

/* Portfolio */

div#portfolio a {
   display:block;
   float:left;
   margin:0 11px 11px 0;
}

div#portfolio a {
   display:block;
   opacity:0.5;
   filter: alpha(opacity=40);
}

body.iphone div#portfolio a {
   opacity:1; 
}

div#portfolio img:hover {
   /*opacity:1;
   filter:alpha(opacity=100);*/
}

/* Service links */

body div#about div.text a, body div#community div.text a {
    color:#a2a2a4;
}

body div#community div.text a:hover {
    text-decoration:none;
    background:url(../images/underline-light.png) repeat-x 0 23px;
}

/* Testimonials */

div#testimonials h2 {
   margin-bottom:8px;
}

div#testimonials div.testimonial {
   background:url(../images/testimonial.png) no-repeat 0 3px;
   padding-top:18px;
   margin-bottom:25px;
}

div#testimonials span.name {
    color:#a2a2a4;
}

/* Contact */

a#email {
    display:block;
    position:absolute;
    left:23px;
    bottom:2px;
    width:320px;
    height:27px;
    text-indent:-9999em;
    outline:none;
}

a#email:hover {
    border-bottom:1px solid #707074;
}

/* Footer */

div#footer {
   position:fixed;
   left:18px;
   bottom:0;
   _bottom:-1px;
   height:30px;
   z-index:99;
   width:100%;
   background:#f3f0ea url(../images/footer/credits.png) no-repeat 221px 0;
}

body.iphone div#footer {
   display:none;
}

div#footer-block {
   height:30px;
   width:18px;
   background:#f3f0ea;
   z-index:100;
   position:fixed;
   right:0;
   bottom:0;
}

div#footer p {
   float:left;
}

p#copyright {
   text-indent:-9999em;
   width:199px;
   height:18px;
   background:url(../images/nav/copyright.png) no-repeat;
   padding-right:23px;
   cursor:pointer;
}

p#credits {
   text-indent:-9999em;
   position:relative;
   width:267px;
}

p#credits a {
   position:absolute;
   display:block;
   top:0;
   height:18px;
}

a#design {
   left:111px;
   width:105px;
   background:url(../images/footer/design.png);
}

a#build {
   left:216px;
   width:140px;
   background:url(../images/footer/build.png);
}

a#client-login {
   left:690px;
   width:77px;
   background:url(../images/footer/client-login.png);
}