/*ie6 padding/margin comp*/ *{margin:0px;padding:0px;} /*=================== essentials ======================*/ body {background-image:url(images/bg-grad.png);background-repeat:repeat-x;font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;font-size:13px;color:white;background-color:black; background-attachment:fixed;padding-left:20px; overflow-x: hidden; } ul li{ list-style-position:inside;list-style-type:circle;} a:link{color:#449FDB; text-decoration:none;} a:visited, a:focus{text-decoration:none; outline:none;color:#449FDB;} a:hover{color:white;} td{padding:4px; width:500px;} tr{width:600px; } table#contact{padding:9px; padding-top:20px; width:650px; left:-95px; margin-right:auto; margin-left:auto; } /*=================== content ======================*/ #logo{ padding-top:40px; width:454px; height:72px;behavior: url(iepngfix.htc);} #logoHead{color:#CCCCCC; font-size:14px; position:relative; left:10px;} #intro{font-size:15px;} #action{color:white; font-size:24px; position:relative; text-align:right; top:-226px; margin-right:210px; z-index:6;} #action span{color:#21a1e0; font-size:14px;} #meat{ position:relative;top:-80px;} .titleFaq{ font-size:15px; color:#425B79; text-decoration:underline;} .title{ color:#21a1e0; font-size:20px; margin-left:300px; padding-bottom:7px; padding-top:35px;} #outer{ margin-right:auto; margin-left:auto;width:1200px; position:relative;} #outerLong{ margin-right:auto; margin-left:auto;width:1200px; position:relative;} #content{text-align:justify; margin-top:-320px; behavior: url(iepngfix.htc); } #content p {width:700px;margin-left:300px; padding-bottom:25px;border-bottom:solid #3C5C7B; border-width:1px; clear:right;} #content ul{width:700px;margin-left:290px; padding-bottom:25px; } #content img{position:absolute; margin-left:240px;top:70px;behavior: url(iepngfix.htc); z-index:10} .linky a{ border-top:solid #3C5C7B;border-right:solid #3C5C7B; border-left:solid #3C5C7B;border-width:1px; font-size:20px; text-align:center;padding:5px; margin-left:290px; top:-70px; position:relative;} #shower{display:none;} #shower:active{display:block;} #marketCaption{ position:absolute; width:270px; margin-left:630px;} /*=============== contact form =================*/ #contact{width:700px;} tr{line-height:28px;} td input, textarea{ background:none; border:none; border:#3C5C7B 1px solid; height:20px;color:#439FDB; width:280px; margin-left:0px; margin-top:10px;} #contact2{padding:9px; padding-top:20px; width:650px; left:-95px; margin-right:auto; margin-left:auto; } #contact2 td{width:300px;} #submit{background:url(images/submit_but.png);height:40px;width:200px;padding-top:30px;position:absolute; margin-left:-5px; border:none;} #submit:hover{background:url(images/submit_hover.png);} #reset{background:url(images/reset_but.png);height:40px; width:200px; position:absolute; margin-left:180px;border:none;} #reset:hover{background:url(images/reset_hover.png);} td input:focus, textarea:focus{background:none; border:none; border:#439FDB 1px solid; outline:none;} #comments{ background:none; border:none; border:#3C5C7B 1px solid; position:relative;width:280px; height:70px;margin-left:0px; margin-top:20px;} #comments:focus{ background:none; border:none; border:#439FDB 1px solid; outline:none;} #required{text-align:right; margin-top:0px; margin-left:-220px; position:absolute; color:#35404A;} .form {margin-left: 300px;} /*============= flash gallery =================*/ #gallery{position:relative; width:600px; height:450px; margin-top:100px; margin-left:300px; z-index:400;} /*=============offer buttons=================*/ span#offer a{background:url(images/logonow.png); background-repeat:no-repeat;width:200px; height:40px; position:absolute; ; margin-left:-5px; outline:none; border-style:none;} #offer a:hover{ background:url(images/logonow_hover.png); background-repeat:no-repeat;width:200px; height:40px; } span#offer2 a{ background-image:url(images/ordernow.png); background-repeat:no-repeat; width:200px; height:40px;position:absolute; margin-bottom:150px; margin-left:-40px; outline:none; border-style:none;} #offer2 a:hover{ background:url(images/ordernow_hover.png); background-repeat:no-repeat; width:200px; height:40px; } span#offer3 a{ background:url(images/ordernow.png); background-repeat:no-repeat;width:200px; height:40px;position:absolute; margin-bottom:150px;margin-left:-40px; outline:none; border-style:none;} #offer3 a:hover{ background:url(images/ordernow_hover.png); width:200px; height:40px; background-repeat:no-repeat; } #package{width:700px;margin-left:290px; padding-bottom:25px; color:#FF6600; font-size:16px;} #faq{width:700px;margin-left:290px; border:none; position:relative;} /*=========== ie6 png hack ==========*/ img, div {behavior: url(iepngfix.htc); border: 0 none; } /*=================== nav ======================*/ div.nav {width: 274px;height: 480px;margin-right:-20px;padding-left:60px;margin-top:29px;background-image:url(images/main_nav.png);background-repeat:no-repeat;text-align:center;font-size:12.5px;behavior: url(iepngfix.htc);} div.nav a {display:block;position:relative;left:-29px;padding:14.1px; top:2px; color:#FFFFFF; z-index:40000;} div.nav a:hover{ color:#21a1e0;} #navigation a{color:#B6641F;} /*========== safari 3+ css image gallery hack ===========*/ @media screen and (-webkit-min-device-pixel-ratio:0) { div.nav a {display:block;position:relative;left:-27px;padding:14.3px; top:4px; color:#FFFFFF; } div.nav a:hover{ color:#21a1e0;} } /*================ safari 3 css nav hack ====================*/ html[xmlns*=""]:root div.nav a {display:block;position:relative;left:-27px;padding:13.7px; top:4px; color:#FFFFFF; } html[xmlns*=""]:root div.nav a:hover{ color:#21a1e0;} /*===================== ie<6 hack =========================*/ *html div.nav a {display:block;position:relative;left:-27px;padding:13.7px; top:6px; color:#FFFFFF; z-index:40000;} /*=================== header images ======================*/ #printHeader { width:720px;position:absolute; top:150px;font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight:lighter;font-size:11px;} #printHeader img{ position:relative; right:70px; behavior: url(iepngfix.htc)} #printHeader p{ width:670px;} #imageLogo{background:url(images/logoHeader.png); width:900px; height:400px;position:relative; margin-top:-220px; margin-left:230px;} #imageWeb{background:url(images/webHeader2.png); width:900px; height:400px;position:relative; margin-top:-220px; margin-left:230px;} #imagePrint{background:url(images/printHeader.png); width:900px; height:400px;position:relative; margin-top:-220px; margin-left:230px;} #imageSEO{background:url(images/seoHeader.png); width:900px; height:400px; position:relative; margin-top:-220px; margin-left:230px;} #imageMarketing{background:url(images/marketingHeader.png); width:900px; height:400px;position:relative; margin-top:-220px; margin-left:230px;} #imageConsulting{background:url(images/printHeader.png); width:900px; height:400px;position:relative; margin-top:-220px; margin-left:230px;} #imageContact{background:url(images/aboutHeader2.png); width:900px; height:400px;position:relative; margin-top:-220px; margin-left:230px;} #imageAbout{background:url(images/aboutHeader2.png); width:900px; height:400px;position:relative; margin-top:-220px; margin-left:230px;} #sponsorImg{ background:url(images/sponsoredLinks.png); width:334px; height:322px; position:relative; float:right;right:210px; top:-50px;} #marketingGraph{ background:url(images/marketingGraph.png); width:334px; height:322px; position:relative; float:right;right:210px; top:-50px;} #zg a{font-size:13px;} #zg a{ color:#439FDB;font-size:13px; font-weight:800;} #zg a:hover{color:white;font-size:13px; font-weight:800;} /*=================== footer ======================*/ #footer {width:700px;margin-left:290px;color:#576C79;font-size:10px; padding-top:10px; padding-bottom:10px; z-index:1100; text-align:center;border-bottom:solid #3C5C7B; border-width:1px;} #footer a{color:#576C79;} #footer a:hover{color:#FFFFFF; }