/*--------------------------------------------------------------------------------- CSS reset, plus a few other tweaks -----------------------------------------------------------------------------------*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } .clear { clear:both; } /*--------------------------------------------------------------------------------- Layout & Basic styling of background-images etc -----------------------------------------------------------------------------------*/ body { background:#000000; color:#FFFFFF; } #wrapper { position: relative; width:900px; margin:0 auto; background:#000000; } #container { position: relative; float:left; width:880px; margin:0 auto;} /* backgrounds */ #container-brandclarity { position: relative; float:left; width:880px; min-height:700px; margin:0 auto; background-image:url(../images/backgrounds/brand-clarity.jpg); background-repeat:no-repeat; background-position:190px top; } #container-brandcreation { position: relative; float:left; width:880px; min-height:700px; margin:0 auto; background-image:url(../images/backgrounds/brand-creation.jpg); background-repeat:no-repeat; background-position:left top;} #container-betterbrandmarketing { position: relative; float:left; width:880px; min-height:700px; margin:0 auto; background-image:url(../images/backgrounds/brand-marketing.jpg); background-repeat:no-repeat; background-position:400px top; } #container-contactus { position: relative; float:left; width:880px; min-height:700px; margin:0 auto; background-image:url(../images/backgrounds/contact-us.jpg); background-repeat:no-repeat; background-position:left top; } #container-downloads { position: relative; float:left; width:880px; min-height:700px; margin:0 auto; background-image:url(../images/backgrounds/downloads.jpg); background-repeat:no-repeat; background-position:120px 110px; } #container-home { position: relative; float:left; width:880px; min-height:700px; margin:0 auto; background-image:url(../images/backgrounds/home.jpg); background-repeat:no-repeat; background-position:left top; } #container-privacypolicy1, #container-privacypolicy2, #container-privacypolicy3, #container-privacypolicy4, #container-privacypolicy5 { position: relative; float:left; width:880px; min-height:700px; margin:0 auto; background-image:url(../images/backgrounds/privacy.jpg); background-repeat:no-repeat; background-position:160px top; } #container-portfolio { position: relative; float:left; width:880px; min-height:700px; margin:0 auto; background-image:url(../images/backgrounds/portfolio.jpg); background-repeat:no-repeat; background-position:-20px top; } #container-sitemap { position: relative; float:left; width:880px; min-height:700px; margin:0 auto; background-image:url(../images/backgrounds/sitemap.jpg); background-repeat:no-repeat; background-position:390px top; } #container-terms { position: relative; float:left; width:880px; min-height:700px; margin:0 auto; background-image:url(../images/backgrounds/terms.jpg); background-repeat:no-repeat; background-position:105px 70px; } #container-testimonials { position: relative; float:left; width:880px; min-height:700px; margin:0 auto; background-image:url(../images/backgrounds/testimonials.jpg); background-repeat:no-repeat; background-position:410px top; } #container-whypaw { position: relative; float:left; width:880px; min-height:700px; margin:0 auto; background-image:url(../images/backgrounds/why-paw.jpg); background-repeat:no-repeat; background-position:250px top; } #left-container { position: relative; float:left; width:300px; min-height:680px; padding-top:30px; padding-left:30px; } #right-container { position: relative; float:left; width:540px; min-height:680px; padding-top:30px; } #content-container { float:left; width:480px; min-height:280px; background-image:url(../images/bg_transparent.png); background-repeat:repeat; margin-bottom:10px; padding-top:12px; } #content-container-home { float:left; width:550px; min-height:280px; background-image:url(../images/bg_transparent.png); background-repeat:repeat; margin-bottom:10px; padding-top:12px; } #content { float:left; padding-left:20px; padding-right:20px; width:430px; padding-bottom:5px; } #left-content, #left-content2 { float:left; width:205px; margin-top:15px; } #right-content, #right-content2 { float:right; width:205px; margin-top:15px;} #full-content { float:left; width:460px; } #left-content-portfolio { float:left; width:175px; margin-top:15px; } #right-content-portfolio { float:right; width:235px; margin-top:15px; } #content a { color:#00b6de; } #container-sitemap a { color:#FFFFFF; } #container-sitemap a:hover { color:#00b6de; } #full-content-portfolio { float:left; width:460px; } #full-content-portfolio a { color:#FFFFFF; } #full-content-portfolio a:hover { color:#00b6de; } .flashcontent { float:right; width:320px; height:260px; text-align:left; margin-right:6px; border:1px solid; border-color:#4e4e4f; background-color:#000000; } .flashcontentCopy { float:left; text-align:left; padding: 10px 10px 10px 10px; } /*--------------------------------------------------------------------------------- Copy -----------------------------------------------------------------------------------*/ html, body { font: 12px Arial, Helvetica, sans-serif; } h1 { display:none; } h2, h3, h4, h5 { font-size: 1.1em; font-weight:bold; color:#FFFFFF; padding-bottom:5px;} p { padding-bottom:10px; } hr { color:#000000; height:1px; } /*--------------------------------------------------------------------------------- Testimonial Scroller -----------------------------------------------------------------------------------*/ .content-testimonial-container { float:left; width:190px; padding-right:15px; } .content-testimonial-copy { float:left; min-height:250px; font-size:0.9em; } .content-testimonial-client { float:left; font-size:0.9em; } #qscroller { float:left; width:410px; height:290px; } #qscroller-container { float:left; width:460px; } .qscroller-navigation { float:left; width:40px; height:200px; padding-top:50px; text-align:right; } .hide { visibility: hidden; position: absolute; top: -400px; } /*--------------------------------------------------------------------------------- Links -----------------------------------------------------------------------------------*/ a { color:#ffffff; font-weight:bold; text-decoration:none; } a:active { outline:none; } object { outline:none; } .black { color:#000000; font-weight:bold; } .alert { color:#ff0000; font-weight:bold; } .bluebold { color:#00b6de; font-weight:bold; } /*--------------------------------------------------------------------------------- Navigation -----------------------------------------------------------------------------------*/ #top-navigation { float:left; height:300px; text-align:left; } #top-navigation-short { float:left; height:165px; text-align:left; } #left-navigation { padding-top:20px; padding-left:15px; font-weight:bold; font-size:1.2em; color:#FFFFFF; } #left-navigation ul { list-style:none; padding:0; margin:0; width:260px; } #left-navigation ul#left-navigation-top { height:130px; } #left-navigation li a { height: 18px; text-indent: -1000px; } #left-navigation li a#leftnav1 { display:block; background-image:url(../images/navigation/leftnav1_up.png); background-repeat:no-repeat; } #left-navigation li a#leftnav1:hover { display:block; background-image:url(../images/navigation/leftnav1_dn.png); background-repeat:no-repeat; } #left-navigation li a#leftnav1.current { display:block; background-image:url(../images/navigation/leftnav1_dn.png); background-repeat:no-repeat; } #left-navigation li a#leftnav2 { display:block; background-image:url(../images/navigation/leftnav2_up.png); background-repeat:no-repeat; } #left-navigation li a#leftnav2:hover { display:block; background-image:url(../images/navigation/leftnav2_dn.png); background-repeat:no-repeat; } #left-navigation li a#leftnav2.current { display:block; background-image:url(../images/navigation/leftnav2_dn.png); background-repeat:no-repeat; } #left-navigation li a#leftnav3 { display:block; background-image:url(../images/navigation/leftnav3_up.png); background-repeat:no-repeat; } #left-navigation li a#leftnav3:hover { display:block; background-image:url(../images/navigation/leftnav3_dn.png); background-repeat:no-repeat; } #left-navigation li a#leftnav3.current { display:block; background-image:url(../images/navigation/leftnav3_dn.png); background-repeat:no-repeat; } #left-navigation li a#leftnav4 { display:block; background-image:url(../images/navigation/leftnav4_up.png); background-repeat:no-repeat; } #left-navigation li a#leftnav4:hover { display:block; background-image:url(../images/navigation/leftnav4_dn.png); background-repeat:no-repeat; } #left-navigation li a#leftnav5 { display:block; background-image:url(../images/navigation/leftnav5_up.png); background-repeat:no-repeat; } #left-navigation li a#leftnav5:hover { display:block; background-image:url(../images/navigation/leftnav5_dn.png); background-repeat:no-repeat; } #left-navigation li a#leftnav5.current { display:block; background-image:url(../images/navigation/leftnav5_dn.png); background-repeat:no-repeat; } #left-navigation li a#leftnav6 { display:block; background-image:url(../images/navigation/leftnav6_up.png); background-repeat:no-repeat; } #left-navigation li a#leftnav6:hover { display:block; background-image:url(../images/navigation/leftnav6_dn.png); background-repeat:no-repeat; } #left-navigation li a#leftnav6.current { display:block; background-image:url(../images/navigation/leftnav6_dn.png); background-repeat:no-repeat; } /* Downloads */ ul#downloads { margin:0; padding:0; list-style: none; text-transform: uppercase; /* force text to uppercase */} ul#downloads img { padding-bottom:10px; } ul#downloads li { float:left; margin:0 5px; text-align:left; width:120px; margin-top:20px; } ul#downloads a span { color:#FFFFFF; font-weight:bold; display:block; } ul#downloads a span:hover { color:#00b6de; } /* Portfolio */ ul#portfolio_listing { padding:0; margin-left:15px; } ul#portfolio_casestudies { margin:0; padding:0; list-style: none; } ul#portfolio_casestudies li { float:left; margin:0 5px; text-align:center; width:100px; margin-top:20px; } ul#portfolio_casestudies a span { color:#FFFFFF; font-weight:normal; display:block; background: url(../images/butterfly.png) no-repeat top center; padding-top:70px; } ul#portfolio_casestudies a span:hover { color:#00b6de; } /* Privacy Policy */ ul#privacy-navigation { float:right; margin: 0; padding:0; list-style: none; } ul#privacy-navigation li { text-align:left; display:inline; } ul#privacy-navigation a { color:#FFFFFF; } ul#privacy-navigation a:hover { color:#00b6de; } ul#privacy-navigation .current { color:#00b6de; } /*--------------------------------------------------------------------------------- Access Keys -----------------------------------------------------------------------------------*/ #accesskeys { padding:0px;margin:0px;margin:0px;text-align:left;} #skiplinks { display:block;position:absolute;top:15px;left:180px;text-align:left;width:220px;height:1.7em;clip:rect(0px, 220px, 1.7em, 0px);} #skiplinks ul { padding:0;margin:0;list-style:none;} #skiplinks li { padding:0;margin:0;list-style:none;display:inline;} #skiplinks a { color:#000000;position:absolute;top:0px;left:0px;overflow:hidden;width:0;height:0;z-index:1000;} #skiplinks a:active, #skiplinks a:focus { position:absolute;overflow:visible;width:auto;height:auto;margin:auto;padding:3px;background-color:#E7FF44;text-decoration:none;} /*--------------------------------------------------------------------------------- footer -----------------------------------------------------------------------------------*/ #footer { float:left; width:880px; padding-left:15px; font-size:0.8em; margin-top:20px; } #footer a { font-weight:normal; text-decoration:none; } #footer a:hover { color:#00b6de; }