@charset "UTF-8";

/* Reset */
p, a, h1, h2, h3, h4, ul, li { margin: 0px; padding: 0px; }

/* Text Stylin' */
a { font-weight: bolder; color: #FFFFFF; }
body { margin: 0; padding: 0; text-align: center; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; background-color: #000000; background-image: url(../images/background.jpg); background-repeat: no-repeat; background-position: 0px 0px; }

.highlight { color: #FFFF55; font-style: italic; }
.finePrint { font-size: smaller }
.printLink { }

#content #rentalList h2 { font-size: 2.5em; font-weight: bold; text-decoration: none; }
#content #rentalList p { padding: 2px; font-size: smaller; }
#content #rentalList caption { text-align: left; font-style: italic; font-weight: bold; padding-top: 10px; text-decoration: underline; font-size: 1.15em; }
#content #rentalList tbody tr:hover { background-color:#555555; }
#content #rentalList tbody th { text-align: left; font-style: normal; font-weight: normal; font-size: 1.05em; }
#content #rentalList tbody td { text-align: right; font-style: normal; font-size: 1.05em; }
#content #rentalList #Butterflies caption { text-align: center; }
#content #rentalList #Butterflies { padding-bottom: 100px; }
#content #rentalList #Tungsten { padding-bottom: 100px; }

#content #contact h2 { font-size: 1.6em; }
#content #contact p { font-size: 1.4em; font-style: italic;}
#content #contact a {font-style: italic; font-size: 0.8em; font-weight: normal; }

/* Layout */
#wrapper { text-align:left; margin-left:auto; margin-right:auto; width:778px; top: 70px; position: relative; border: 1px solid #000000; }
#header { background-image: url(../images/header.png); background-repeat: no-repeat; height: 71px; width: 778px; }
#printHeader { display: none; position: absolute; }
#content { height: 420px; width: 778px; background-color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: small; text-align: center; margin: 0px; padding: 0px; }
#footer { list-style-image: none; list-style-type: none; font-size: 10px; text-align: center; height: 12px; width: 778px; background-color: #000000; filter:alpha(opacity=50); opacity:0.5; padding: 1px 0px;}
#footer li { display: inline; }

/* Home page */
#content #home { background-image: url(../images/home.png); background-repeat: no-repeat; height: 100%; width: 100%; }
#content #home p { position: absolute; visibility: hidden; }

/* Truck Package Pages */
#content #packages {  }
#content #packages .truckPackage { text-align: left; padding-left: 30px; padding-top: 20px; clear: both; width: 650px; margin-left: auto; margin-right: auto; }
#content #packages img { float: right; padding-right: 60px;}
#content #packages ul {padding-bottom: 10px; padding-left: 25px;}
#content #packages li {text-align: left; width: 250px; }
#content #packages h2 { font-size: 1.65em; padding-bottom: 6px; }
#content #packages .highlight { font-weight: bold; font-size: 1.25em; padding-left: 25px; }

/* Lighting and Grip pages */
#content #rentalList { overflow: auto; width: 776px; height: 400px; text-align: center; margin: 0px; padding: 0px;}
#content #rentalList .rentalGroup { clear: both; min-height: 400px; width: 650px; margin-left: auto; margin-right: auto; padding-top: 10px; }
#content #rentalList .rentalSubGroup { clear: both; padding-bottom: 6em; }
#content #rentalList .leftPictureGroup { float: left; padding-left: 30px; padding-top: 30px; width: 150px; }
#content #rentalList .rightPictureGroup { float: right; padding-right: 30px; padding-top: 30px; width: 150px; }
#content #rentalList table { width: 400px; margin-left: auto; margin-right: auto; padding-top: 10px; display: inline-table; }
#content #rentalList img { width: 150px; }

/* Contact Page */
#content #contact { padding-top: 100px; line-height: 2; }

/* Menus */
#header #menu { position: relative; left: 371px; top: 45px; height: 25px; width: 396px; margin: 0px; padding: 0px; }
#header #menu li { display: inline; height: 0px; }
#header #menu li a { background-image: url(../images/menubar.png); background-repeat: no-repeat; overflow: hidden; padding-top: 25px; float: left; height: 0px; }

#header #menu li#menu-home a { background-position: 0px 0px; width: 61px; }
#header #menu li#menu-packages a { background-position: -61px 0px; width: 122px; }
#header #menu li#menu-lighting a { background-position: -183px 0px; width: 79px; }
#header #menu li#menu-grip a { background-position: -262px 0px; width: 46px; }
#header #menu li#menu-contact a { background-position: -308px 0px; width: 88px; }

#header #menu li#menu-home a:hover { background-position: 0px -25px; width: 61px; }
#header #menu li#menu-packages a:hover { background-position: -61px -25px; width: 122px; }
#header #menu li#menu-lighting a:hover { background-position: -183px -25px; width: 79px; }
#header #menu li#menu-grip a:hover { background-position: -262px -25px; width: 46px; }
#header #menu li#menu-contact a:hover { background-position: -308px -25px; width: 88px; }

#header #menu li#menu-home-active a { background-position: 0px -25px; width: 61px; }
#header #menu li#menu-packages-active a { background-position: -61px -25px; width: 122px; }
#header #menu li#menu-lighting-active a { background-position: -183px -25px; width: 79px; }
#header #menu li#menu-grip-active a { background-position: -262px -25px; width: 46px; }
#header #menu li#menu-contact-active a { background-position: -308px -25px; width: 88px; }

#content #subMenu { list-style-image: none; list-style-type: none; margin: 0px; padding: 0px; font-weight: bold; font-size: smaller;}
#content #subMenu li { display: inline; padding: 0px 15px; }
#content #subMenu a:hover { color: #FF0000; }