/* CSS Document */ /*CSS by Superior for Whippet Couriers*/ body {background:#8fa7e7 url(images/#) repeat top center; position:relative;font-family:Arial, Helvetica, sans-serif;font-size:.75em;color:#666666;} ul {margin:0;padding:0;list-style:none;} li {margin:0;padding:0;list-style:none;} h1 {padding: 0;margin:0;color:#8fa7e7;} h2, h3, h4 {padding: 0;margin:0;} p {padding:0;margin:0;} a {color:#3165bf;} a:hover {color:#003366;} /*list styles*/ #whip ul {margin:0;padding:0;} #whip li {margin:0;padding:7px 0 0 0;text-indent:40px;font-size:13px;color:#3165bf;line-height:17px;list-style-position:outside;background-image:url(images/whippet_list.jpg);background-repeat: no-repeat;background-position:0 90%;font-weight:bold;} #whip_sm ul {margin:0;padding:0;line-height:20px;} #whip_sm li {margin:0;padding:0;text-indent:30px;font-size:12px;color:#3165bf;line-height:25px;list-style-position:outside;background-image:url(images/whippet_list_sm.jpg);background-repeat: no-repeat;background-position:0 50%;} /*main containers*/ #wrapper {width:800px;margin:0 auto;} #top-container {width:800px;float:left;margin-top:10px;} #logo-topleft {width:186px;height:70px;float:left;} #body-container {width:800px;float:left;background-color:#ffffff;background:url(images/background.jpg) no-repeat;} #body-container h1 {font-size:2em;padding:2px 0 12px 0;} #body-container p {padding:4px 0 4px 0;} #slogan {width:800px;height:0px;text-align:center;color:#3165bf;background:url(images/rapid-slogan.gif) no-repeat;} #bot_slogan {width:800px;height:40px;text-align:center;color:#8fa7e7;font-weight:bold;padding:0;float:left;vertical-align:bottom;font-size:18px;background:url(images/background-bottom.jpg);} #pagetitle-top {width:700px;height:35px;padding:15px 0 5px 25px;} #body-left {width:455px;float:left;padding:0 0 20px 0;} #body-left .intro {font-size:14px;font-weight:bold; color:#60709c;line-height:18px;} #body-left .intro-italic {font-size:14px;font-weight:bold; color:#60709c;line-height:18px;font-style:italic;} #body-left h2 {font-size:16px;font-weight:bold; color:#60709c; margin:15px 0 5px 0;} #body-left p {padding:4px 0 6px 0; line-height:18px;} #body-right {width:250px;float:right; padding:0 0 2px 0;} #body-right h1 {font-size:16px;line-height:20px;font-weight:bold; color:#60709c; margin:15px 0 5px 0;} #body-right h2 {font-size:16px;line-height:20px;font-weight:bold; color:#60709c; margin:15px 0 5px 0;} /*newsfooter*/ #newsfooter-1 {width:800px;height:14px;background-color:#c7d3f3;float:left;background:url(images/footer-t.jpg) no-repeat;margin-top:20px;} #newsfooter-2 {width:740px;background-color:#bbcaf0;float:left; text-align:left;padding:18px 30px 18px 30px;} #newsfooter-3 {width:800px;height:14px;background-color:#c7d3f3;float:left;background:url(images/footer-b.jpg) no-repeat;margin-bottom:10px;} /*footer*/ #footer-container {width:790px;height:80px;float:left;text-align:right;color:#ebeff2;font-weight:bold;padding-top:3px;font-size:11px;} #footer-container h3 {color:#FFFFFF;} #footer-container a {color:#FFFFFF;text-decoration:none;} #footer-container a:hover {color:#FF0000;text-decoration:underline;} #footer-googlelogo {width:400px;height:80px;float:left;} #footer-superior {width:300px;height:80px;float:right;} /*sitemap*/ #sitemap {width:700px;float:left;padding:0 0 20px 0;} #sitemap h2 {font-size:16px;font-weight:bold; color:#60709c; margin:15px 0 5px 0;} #sitemap p {padding:4px 0 6px 0; line-height:18px;} /*home*/ #home-graphic {width:800px; height:180px;background:url(images/main_home.jpg);} #home-wrap {width:740px; line-height:16px;padding:20px 30px 20px 30px;} #map {width:250px; float:right;padding-top:15px;} /*about us*/ #about-graphic {width:800px; height:180px;background:url(images/main_about.jpg);} #about-wrap {width:740px;float:left;padding:20px 30px 20px 30px;line-height:16px;background-color:#ffffff;} #about-right h3 {padding:0 0 10px 0;} #about-bot-images {width:740px; height:170px;background:url(images/about-us.jpg) no-repeat 0px 20px;float:left;} /*servies*/ #services-graphic {width:800px; height:180px;background:url(images/main_services.jpg);} #services-wrap {width:740px;float:left;padding:20px 30px 10px 30px;line-height:16px;background-color:#ffffff;} #services-bot-images {width:740px; height:170px;background:url(images/services.jpg) no-repeat 0px 20px;float:left;} /*gallery*/ #gallery-graphic {width:800px; height:180px;background:url(images/main_gallery.jpg);} #gallery {width:740px;float:left;padding:20px 30px 20px 30px;text-align:center;} #gallery h1 {padding:3px 0 15px 0;} /*europe*/ #european-graphic {width:800px; height:180px;background:url(images/main-europe.jpg);} /*contact*/ #contact-graphic {width:800px; height:180px;background:url(images/main_gallery.jpg);} #contact-wrap {width:740px;float:left;padding:20px 30px 20px 30px;background:url(images/contact.jpg) no-repeat 510px 0px;line-height:16px;} #contact-left {width:470px;float:left;} #contact-left label {width: 9em;float: left;text-align: right;margin-right: 1em;display: block;} #contact-left .submit input{margin-left: 11em;width:130px;} #contact-left .submit input{color: #000;background: #8fa7e7;border: 2px outset #829feb;} #contact-left fieldset {border: 1px solid #829feb;width: 405px;} #contact-left legend {color: #fff;background: #8fa7e7;border: 1px solid #829feb;padding: 2px 6px;} #contact-left textarea {border: 1px solid #829feb;width:243px;height:100px} #contact-left input {background:#8fa7e7 none repeat scroll 0 0;border-color:#829feb;border-style:solid;border-width:1px;padding:4px;width:240px;} #contact-right {width:230px; height:200px;float:right; font-size:10px; line-height:11px;} /*navigation*/ div#navigation {margin:38px 0 0 0; width:614px; height:32px; float:right;} div#navigation ul {margin:0; padding:0;} div#navigation ul li {list-style:none; width:96px; height:32px; line-height:32px; float:right; text-align:center;margin:0 0 0 4px;} div#navigation ul li a {width:96px; height:32px; float:left; background:url(images/tabs.jpg) no-repeat 0 0; color:#3165bf; font-weight:bold; text-decoration:none;} div#navigation ul li a.on {background:url(images/tabs.jpg) no-repeat 0 -33px;color:#3165bf;} div#navigation ul li a:hover{background:url(images/tabs.jpg) no-repeat 0 -33px;color:#3165bf;} /*news*/ #news {width:740px; line-height:16px;padding:20px 30px 20px 30px;} #news h2, h3 a {padding:0;margin:0;color:#3165bf;font-size:16px;} #news-left {width:470px;float:left;padding:0 0 20px 0;} #news-right {width:230px;float:right; padding:0 0 10px 0;} .storytitle {padding:6px 0 5px 0;} .storycontent {padding:2px 0 20px 0;}