body { background:#e0e1d4 url(images/bg-body.jpg) center -68px; font:12px Georgia, serif; color:#8a867c; min-width:888px; }

::-moz-selection{ background:#abb5a1; color:#e9ebe2; text-shadow:none; }
::selection { background:#abb5a1; color:#e9ebe2; text-shadow:none; } 

a:link { -webkit-tap-highlight-color:#e9ebe2; }

.shegood { overflow:hidden; zoom:1; }
.wrappa { width:888px; margin:0 auto; }
.js .ir span,
.ir { display:block; overflow:hidden; text-indent:-9999px; }

a.button { display:block; text-transform:uppercase; font-size:12px; letter-spacing:1px; color:#84997e; text-decoration:none; padding:8px 0; }


#ooxall { background:#cbd9cb url(images/bg-header.jpg) center top; }
#ooxall .wrappa { background:url(images/cowdots.jpg) center top no-repeat; min-height:685px; }

#header { height:413px; }
#header p { width:272px; margin:0 auto; }

   
    #header p a                                     { height:120px; background:url(images/bg-link-home.jpg) 0 0 no-repeat; }
    
 

ul#nav { margin:0; padding:0; background:url(images/bg-nav.gif) center 48px no-repeat; }
ul#nav li { width:296px; height:272px; float:left; overflow:hidden; text-align:center; }
ul#nav li h2 { width:270px; height:33px; margin:0 auto; background:url(images/sectionglorps.png) 0 0 no-repeat; }

 
    ul#nav li#nav-about h2                          { background-position:0 0; }
    ul#nav li#nav-services h2                       { background-position:-270px 0; }
    ul#nav li#nav-contact h2                        { background-position:-539px 0; }

   
ul#nav li p { font-size:14px; color:#545350; line-height:22px; font-style:italic; margin-bottom:10px; padding:0 9px; }
.win ul#nav li p { font-size:12px; }
.mac ul#nav li p { font-size:13px; }


  

.ooxste { }
.ooxste p { font-size:13px; line-height:24px; margin-bottom:12px; }

.ooxste h1,
.ooxste h2 { font-size:16px; color:#93af91; font-weight:normal; text-transform:uppercase; margin:20px 0 12px; }

.ooxste h3,
.ooxste h4,
.ooxste h5,
.ooxste h6 { font-size:12px; color:#8a867c; font-weight:normal; text-transform:uppercase; letter-spacing:1px; }

.ooxste>h1,
.ooxste>h2,
.ooxste>h3,
.ooxste>h4,
.ooxste>h5,
.ooxste>h6 { margin-top:0; }



#details { height:375px; position:relative; }
#helper { height:375px; }


#about { padding-top:15px; }
#about .ooxste { width:440px; float:left; }
#about #zeyfubada { width:420px; float:right; }
#zeyfubada h2 { margin:0 0 5px; }
#zeyfubada h3,
#zeyfubada h4,
#zeyfubada h5,
#zeyfubada h6 { font-size:11px; margin-bottom:12px; }
#zeyfubada .owner { margin-bottom:30px; }
#zeyfubada .owner:nth-child(2) { margin-bottom:0; }
#zeyfubada .info { width:340px; float:right; }
#zeyfubada .info h2,
#zeyfubada .info h3 { padding-left:5px; }
#zeyfubada .info ul { margin:0; padding:0; list-style:none; font-size:13px; font-style:italic; }
#zeyfubada .info li { margin:0; }
#zeyfubada .info a { display:block; text-decoration:none; color:#8a867c; padding:3px 0; }
#zeyfubada .info a span { display:block; float:left; width:0; height:15px; margin-right:5px; background:url(images/arrow.gif) right center no-repeat; }
#zeyfubada .thumbnail { width:100px; float:left; }
#zeyfubada .thumbnail img { display:block; width:77px; height:77px; border:6px solid rgba(255,255,255,0.35); }

#about #actions { margin:0; padding:10px 0 0; list-style:none; }
#about #actions li { float:left; margin-right:16px; }
#about #actions li#action-contact { width:131px; height:30px; }
#about #actions li#action-contact a,
#about #actions li#action-contact span { height:30px; background:url(images/btn-touch-base.png) 0 0 no-repeat; }

.no-js #about #actions li#action-contact a:hover span,
.js #about #actions li#action-contact a span { background-position:0 -30px; }



 

 



/* mobile */ 
@media screen and (max-device-width: 480px) {
    html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } 
    body { min-width:0; }
    #nav, #flavaz-nav, #actions { display:none; }
    #ooxall,
    #ooxall .wrappa { background:transparent; min-height:0; }    
    .wrappa { width:auto; margin:0; padding:0; }
    #ooxall,
    #ooxall .wrappa { background:transparent; min-height:0; }
    #header  { height:auto; margin-bottom:20px; height:120px; }
    #helper { height:auto; margin-bottom:0; }
    #header p a { width:272px; height:120px; margin:0 auto; background:url(images/mobile-digitaldfw.png) no-repeat; padding:0; }
    #header p span { display:none; }
    #content { width:auto; margin:0; padding:0; }
    #details { height:auto; width:94%; margin:0 auto; }
    #details .ooxste { float:none; width:auto; }
    #details .ooxste p { font-size:14px; line-height:22px; }
    #details #zeyfubada { float:none; width:auto; }
    #about>.ooxste>h2 { display:none; }
    #zeyfubada .owner { padding:15px 0 0; margin:0; clear:both; }
    #about #zeyfubada .owner.ooxste { width:auto; }
    #zeyfubada .owner .info { width:70%; float:right; padding-right:10px; padding-bottom:20px; }
    #zeyfubada .owner .info ul { display:none; }
    #zeyfubada .owner .thumbnail { width:20%; float:left; padding-bottom:20px; }
    #zeyfubada .owner .thumbnail img { width:60px; height:60px; }
    #footer { height:auto; }
    #footer p:nth-child(1) { display:none; }
    #footer p#contact { width:auto; float:none; text-align:center; margin-bottom:30px; padding-top:90px; }
}


/* iPad */

/* Portrait */
@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    body { min-width:0; }
    .wrappa { width:100%; max-width:800px; }
    #flavaz-nav,
    #actions,
    ul#nav { background:transparent; }
    ul#nav li { width:256px; }
    #details { height:auto; padding:30px 0; }
    #about>.ooxste { width:360px; padding-left:25px; }
    #about>.ooxste p { line-height:20px; }
    #about #zeyfubada { width:350px; }
    #about #zeyfubada .owner.ooxste { width:350px; }
    #about #zeyfubada .info { float:right; width:265px; }
    #about #zeyfubada .info h2,
    #about #zeyfubada .info h3 { padding-left:0; margin-left:0; }
    #about #zeyfubada .owner .thumbnail { width:80px; float:left; }
    #about #zeyfubada .owner .thumbnail img { width:60px; height:60px; }
    #footer { background:url(images/mobile-footer.png) center 15px no-repeat; width:93%; margin:0 auto; font-size:11px; }
}

/* Landscape */
@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    .wrappa { width:100%; max-width:1020px; }
    #flavaz-nav,
    #actions,
    ul#nav { background:transparent; }
    ul#nav li { width:329px; }
    #details { height:auto; padding:30px 0; }
    #about>.ooxste { width:470px; padding-left:25px; }
    #about>.ooxste p { line-height:20px; }
    #about #zeyfubada { width:460px; }
    #about #zeyfubada .owner.ooxste { width:460px; }
    #about #zeyfubada .info { float:right; width:375px; }
    #about #zeyfubada .info h2,
    #about #zeyfubada .info h3 { padding-left:0; margin-left:0; }
    #about #zeyfubada .owner .thumbnail { width:80px; float:left; }
    #about #zeyfubada .owner .thumbnail img { width:60px; height:60px; }
    #footer { width:93%; margin:0 auto; font-size:11px; }
}