/** * Copyright John Nunemaker 2008+ */ @media screen, projection { /** * Redeclarations */ html {height:100%; background:#fff; } body {color:#333; background:#fff url(images/bg.jpg) repeat-x; height:100%; padding-bottom:1px; font:12px/1.4 Helvetica, Arial, Verdana, sans-serif;} a {color:#BC1200} a:hover {text-decoration:none;} p {margin:0 0 20px;} label {display:block; margin:0 0 3px; padding:0;} table {border-collapse:collapse;} table td {} input,textarea {margin:0;} ul, ol {margin:0 0 20px 25px;} ul li {list-style-type:disc;} ol li {list-style-type:decimal;} /** * Layout */ #wrapper {position:relative; width:800px; margin:0 auto;} #equipment-overlay {position:absolute; top:3px; right:8px; width:292px; height:240px; background:url(images/new_equipment.png) no-repeat;} /*#equipment-overlay {position:absolute; top:3px; right:8px; width:385px; height:237px; background:url(images/equipment.png) no-repeat;}*/ #call-us {position:absolute; top:32px; left:390px; color:#fff; font-size:20px; font-weight:bold; text-align:right; line-height:1;} #header {position:relative; height:152px;} #header h3 {margin:0; padding:0; line-height:1;} #header h3 a {display:block; position:absolute; top:20px; left:15px; width:244px; height:80px; background:url(images/logo.png) no-repeat; text-indent:-9999px; overflow:hidden;} #nav {position:absolute; top:121px; left:0; margin:0; padding:0;} #nav li {float:left; display:inline;} #nav li a {display:block; float:left; background:url(images/navigation.png) no-repeat; height:32px; text-indent:-9999px; overflow:hidden;} #nav #nav-home a {width:61px; background-position:0 0;} #nav #nav-home a:hover {background-position:0 -32px;} #nav #nav-policies a {width:71px; background-position:-61px 0;} #nav #nav-policies a:hover {background-position:-61px -32px;} #nav #nav-rentals a {width:72px; background-position:-132px 0;} #nav #nav-rentals a:hover {background-position:-132px -32px;} #nav #nav-used-equipment a {width:127px; background-position:-204px 0;} #nav #nav-used-equipment a:hover {background-position:-204px -32px;} #nav #nav-contact-us a {width:94px; background-position:-331px 0;} #nav #nav-contact-us a:hover {background-position:-331px -32px;} #primary {margin:0 15px 0;} #primary h1 {margin:30px 0 0; font-size:16px; font-weight:bold; text-transform:uppercase; color:#BC1200;} #primary h2 {margin:20px 0 0px; font-size:14px; font-weight:bold; color:#BC1200;} #primary h3 {margin:0 0 20px; font-size:14px; font-weight:bold; color:#BC1200;} #primary h4 {margin:0 0 10px;} #footer {clear:both; float:left; display:inline; width:770px; margin:30px 15px; padding:10px 0; color:#666; border-top:1px solid #ddd; text-align:center;} #footer a {color:#666;} #intro {border-bottom:1px solid #ddd; margin:0 0 20px; padding:0 420px 0 0; line-height:1.7;} /* Rental Page */ #rentals table {width:100%; margin:40px 0;} #rentals th {text-align:left; padding:5px 10px 5px 0; border-bottom:3px double #ddd;} #rentals th.rental-type {font-size:14px; font-weight:bold; color:#BC1200; padding:0 0 5px;} #rentals td {padding:5px 10px 5px 0; border-bottom:1px solid #ddd; color:#666} #rentals td.first {font-weight:bold; color:#333; width:150px;} div.rental_type_notes {color:#666; margin:-20px 0 0 0;} div.rental_type_notes p {margin:0 0 10px;} /* Home Page */ #address {color:#666; border-bottom:1px solid #ddd; width:360px; margin:0 0 8px; padding:8px 0 6px;} #view-uec a {float:right; margin:50px 0 0 0; display:block; width:354px; height:143px; background:url(images/used-equip.jpg) no-repeat; text-indent:-9999px; overflow:hidden;} #contact-rentals {float:left; display:inline; width:100%; margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid #ddd;} #contact-form {float:left; display:inline; width:386px; margin:0;} #contact-form textarea {width:350px; height:60px;} #contact-form input.text {width:160px;} #contact-form div.field {margin:0 20px 10px 0;} #rental-equipment-catalog {float:right; width:384px;} #view-rec a {display:block; width:384px; height:82px; background:url(images/rental-equip.jpg) no-repeat; text-indent:-9999px; overflow:hidden;} #featured-equipment {float:left; display:inline; width:100%;} #featured-image {float:left; width:387px;} #featured-image img {width:360px;} #featured-text {float:left; width:350px;} #featured-text h2 {margin:20px 0 10px;} /* Policies Page */ #hours {float:left; width:360px; margin:0 50px 0 0;} #charges {float:left; width:360px;} /* Used Equipment Page */ #primary div.equipment {float:left; width:100%; margin:30px 0 0;} #primary div.equipment .equipment-photo {float:left; width:120px; margin:0 0 10px;} #primary div.equipment .equipment-photo img {width:100px; border:1px solid #BC1200; padding:1px;} #primary div.equipment .equipment-text {float:left; width:400px;} #primary div.equipment h2 {margin:0 0 5px;} #primary div.equipment p {margin:0; padding:0;} /* Contact Us */ #contact {overflow:auto;} #map {float:right; margin:50px 0 0;} #contact #intro {margin-top:10px; line-height:1.4;} #contact #intro p {margin:0 0 10px;} #people {float:left; width:100%;} #people .person {float:left; width:180px; margin:0 15px 20px 0;} #people .person .person-photo img {width:180px; border:1px solid #BC1200; padding:1px;} #people .person .person-text {padding:5px;} #people .person .email a {font-size:11px; color:#333;} #people .person p {margin:0 0 5px;} #people .last {margin-right:0;} }