@charset "utf-8"; /* CSS Document */ body {margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background-image:url(images/slicage.png); background-position:top; background-repeat:repeat-x; background-color:#d8d8d8; text-decoration:none; color:#FFF;} h1 {font:Arial, Helvetica, sans-serif; font-size:16px; color:#00BB00;} h4 {font:Arial, Helvetica, sans-serif; font-size:12px; color:#75b202;} h2 {font:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; font-weight:100; padding:opx;} h3 {font:Arial, Helvetica, sans-serif; font-size:14px; color:#00BB00;} a:link {font:Arial, Helvetica, sans-serif; color:#64cb00; text-decoration:none; font-size:12px;} a:visited {font:Arial, Helvetica, sans-serif; color:#64cb00; text-decoration:none; font-size:12px;} a:hover {font:Arial, Helvetica, sans-serif; color:#eeeeee; text-decoration:none; font-size:12px;} a:active {font:Arial, Helvetica, sans-serif; color:#DDDDDD; text-decoration:none; font-size:12px;} p {font:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; } #top_surround {width:100%; height:79px;} #nav_surround {width:750px; height:79px; margin-left:auto; margin-right:auto;} #buttons {width:550px; height:62px; float:right; margin-bottom:17px;} #logo {width:166px; height:79px; background-image:url(images/logo_top.png); background-repeat:no-repeat; background-position:bottom;} #flash_surround {width:750px; height:362px; margin-left:auto; margin-right:auto;} #home {width:59px; height:62px; float:left; background-image:url(images/home.png); background-repeat:no-repeat;} #home:hover {width:59px; height:62px; float:left; background-image:url(images/homeroll.png); background-repeat:no-repeat;} #design {width:98px; height:62px; float:left; background-image:url(images/design.png); background-repeat:no-repeat;} #design:hover {width:98px; height:62px; float:left; background-image:url(images/designroll.png); background-repeat:no-repeat;} #ecommerce {width:106px; height:62px; float:left; background-image:url(images/ecommerce.png); background-repeat:no-repeat;} #ecommerce:hover {width:106px; height:62px; float:left; background-image:url(images/ecommerceroll.png); background-repeat:no-repeat;} #emarketing {width:101px; height:62px; float:left; background-image:url(images/emarketing.png); background-repeat:no-repeat;} #emarketing:hover {width:101px; height:62px; float:left; background-image:url(images/emarketingroll.png); background-repeat:no-repeat;} #case {width:104px; height:62px; float:left; background-image:url(images/case.png); background-repeat:no-repeat;} #case:hover {width:104px; height:62px; float:left; background-image:url(images/caseroll.png); background-repeat:no-repeat;} #contact {width:82px; height:62px; float:left; background-image:url(images/contact.png); background-repeat:no-repeat;} #contact:hover {width:82px; height:62px; float:left; background-image:url(images/contactroll.png); background-repeat:no-repeat;} #foot_surround {width:100%; height:200px; margin-top:0px; background-color:#000000; border-top:thin; border-top-color:#fff; border-top-style:none; border-top-width:thin; float:left;} #box_title {width:234px; height:33px; background-color:#666; padding-top:7px; padding-left:10px;} #text_box {width:204px; height:220px; padding-left:20px; padding-right:20px; padding-top:10px; background-color:#666666;} #box_buttona {width:224px; height:39px; background-color:#666666; padding-right:20px;} #box_buttonb {width:224px; height:39px; background-color:#666666; padding-right:20px;} #box_buttonc {width:224px; height:39px; background-color:#666666; padding-right:20px;} #phone {width:750px; height:77px; margin-left:auto; margin-right:auto;} #footer_contain {width:750px; height:60px; margin-left:auto; margin-right:auto; margin-top:20px;} #bottom_logo {width:auto; height:auto; float:left;} #bottom_nav {width:auto; height:auto; float:right;} #main_holder {width:750px; height:362px; margin-left:auto; margin-right:auto;} #main_holder_bottom {width:750px; height:70px; margin-left:0px; float:left;} #main_holder_top {width:750px; height:292px; margin-left:0px; float:left;} #text_holder {width:750px; height:auto; margin-left:auto; margin-right:auto;} #text_holder_title {width:750px; height:30px; margin-right:auto; margin-left:auto; background-color:#777777;} #text_holder_title2 {width:750px; height:30px; margin-right:auto; margin-left:auto; background-color:#373737;} #text_box_big {width:460px; height:auto; margin-left:auto; margin-right:auto; padding:20px; background-color:#444; float:left;} #contact_box_big {width:730px; height:auto; margin-left:auto; margin-right:auto; padding:10px; background-color:#444; float:left;} #contact_box {width:250px; height:380px; float:left; background-image:url(images/contact_slice.jpg); background-repeat:repeat-x;} #featured_box {width:250px; height:250px; float:left; background-image:url(images/contact_slice.jpg); background-repeat:repeat-x;} #featured_head {width:250px; height:42px; float:left; background-image:url(images/featured_head.png); background-repeat:no-repeat;} #featured_image {width:250px; height:155px; float:left; background-image:url(images/bluetag_shot.png); background-repeat:no-repeat;} #featured_button {width:250px; height:48px; float:left; background-image:url(images/visit.png); background-repeat:no-repeat;} #featured_button:hover {width:250px; height:48px; float:left; background-image:url(images/visit_roll.png); background-repeat:no-repeat;} #contact_logo {width:250px; height:82px; float:left; background-image:url(images/contact_logo.png); background-repeat:no-repeat;} #details {width:210px; height:auto; float:left; background-color:#222222; margin-left:10px; padding:10px} #now {margin-top:10px; width:250px; height:48px; float:left; background-image:url(images/now.png); background-repeat:no-repeat;} #now:hover {margin-top:10px; width:250px; height:48px; float:left; background-image:url(images/now_roll.png); background-repeat:no-repeat;} #fbook {margin-top:10px; width:250px; height:48px; float:left; background-image:url(images/fbook.png); background-repeat:no-repeat;} #fbook:hover {margin-top:10px; width:250px; height:48px; float:left; background-image:url(images/fbookroll.png); background-repeat:no-repeat;} #twitter {margin-top:10px; width:250px; height:48px; float:left; background-image:url(images/twitter.png); background-repeat:no-repeat;} #twitter:hover {margin-top:10px; width:250px; height:48px; float:left; background-image:url(images/twitterroll.png); background-repeat:no-repeat;} #viewcase {margin-top:10px; width:202px; height:33px; float:left; background-image:url(images/viewcase.png); background-repeat:no-repeat;} #viewcase:hover {margin-top:10px; width:202px; height:33px; float:left; background-image:url(images/viewcaseroll.png); background-repeat:no-repeat;} #face {width:100px; height:20px; float:left; background-image:url(images/face.png); background-repeat:no-repeat;} #face:hover {width:100px; height:20px; float:left; background-image:url(images/faceroll.png); background-repeat:no-repeat;} #twit {width:100px; height:20px; float:left; background-image:url(images/twit.png); background-repeat:no-repeat;} #twit:hover {width:100px; height:20px; float:left; background-image:url(images/twit_roll.png); background-repeat:no-repeat;} .box {height:60px; width:60px; float:left; margin-right:15px; background-color:#333333; padding:5px; 5px; 5px; 5px;} .box:hover { background-image:url(images/gallery/boxbg.jpg); background-repeat:no-repeat;} .box2 {height:60px; width:60px; float:left; background-color:#333333; padding:5px; 5px; 5px; 5px;} .box2:hover { background-image:url(images/gallery/boxbg.jpg);background-repeat:no-repeat;} #whypp {width:335px; height:auto; margin-right:auto; margin-left:auto; background-color:#444444; padding:20px; float:left;} #whypp_surround {width:750px; height:auto; margin-left:auto; margin-right:auto; background-color:#444444;} #divider {width:480px; height:11px; background-image:url(images/divider.png); background-repeat:no-repeat;} #pixelclick {width:40px; height:40px; background:url(images/pixel.png); background-repeat:no-repeat;} #pixelclick:hover {width:40px; height:40px; background:url(images/pixel_roll.png); background-repeat:no-repeat;} #index_box_main {width:750px; height:auto; background-color:#666666; margin-left:auto; margin-right:auto;} #index_box_inner {width:250px; height:auto; background-color:#666666; margin-left:auto; margin-right:auto; float:left;} .index_title {width:210px; height:auto; margin:20px; float:left; background-color:#666666;}