@charset "UTF-8";

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

/* Font Styling */ 
.finePrint { font-size: 0.5em; }
.highlight { color: #FFFF55; font-style: italic; font-weight: bold; font-size: 2.25em;}
.printLink { display: none; }
a { color: #FFFFFF; }
body { margin: 0; padding: 0; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; background-color: #000000; }
li {text-align: left; width: 250px; margin-right: auto; margin-left: auto; padding-bottom: 5px;}
#content #packages h2 { font-size: 2.5em; padding-bottom: 10px; }
#content #rentalList h2 { font-size: 3em; 	font-weight: bold; 		text-decoration: none; 	padding: 0px; }
#content #rentalList caption { text-align: left; font-style: italic; font-weight: bold; padding-bottom: 5px; text-decoration: underline; }
#content #rentalList tbody th { text-align: left;	 font-weight: normal; font-size: 1.3em; }
#content #rentalList tbody td { text-align: right; font-weight: normal; font-size: 1.3em; }
#content #rentalList tbody tr:hover { background-color:#555555; }
#content #rentalList #Butterflies caption { text-align: center; padding-top: 15px; padding-bottom: 0px;}
#content #contact h2 { font-size: 2.5em; font-style: italic; }

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

/* Home page */
#content #home { background-image: url(../images/home-small.png); background-repeat: no-repeat; height: 412px; width: 480px; }
#content #home p { visibility: hidden; }

/* Truck Package Pages */
#content .truckPackage { padding: 2.5em; }
#content #packages #1ton { border-bottom: solid #555555 1px; } 
#content #packages img { visibility: hidden; position:absolute;}

/* Lighting and Grip Lists */
#content #rentalList { overflow: visible; width: 480; text-align: center; margin: 0px; padding: 0px; }
#content #rentalList .rentalGroup { width: 480px;  margin-left: auto; margin-right: auto; padding-top: 10px; padding-bottom: 180px; clear: both;}
#content #rentalList .rentalSubGroup { clear: both; }
#content #rentalList .leftPictureGroup { float: left; padding-left: 15px; padding-top: 30px; width: 75px; }
#content #rentalList .rightPictureGroup { float: right; padding-right: 15px; padding-top: 30px; width: 75px; }
#content #rentalList img { width: 75px; padding-bottom: 12px;  }
#content #rentalList table { width: 360px; margin-left: auto; margin-right: auto; margin-top: 15px; display: inline-table; }

/* Contact Page */
#content #contact { padding: 1.5em; line-height: 1.25; }

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

#header #menu li#menu-home a { background-position: 0px 0px; width: 66px; }
#header #menu li#menu-packages a { background-position: -66px 0px; width: 155px; }
#header #menu li#menu-lighting a { background-position: -221px 0px; width: 95px; }
#header #menu li#menu-grip a { background-position: -316px 0px; width: 67px; }
#header #menu li#menu-contact a { background-position: -383px 0px; width: 97px; }

#header #menu li#menu-home-active a { background-position: 0px -29px; width: 66px; }
#header #menu li#menu-packages-active a { background-position: -66px -29px; width: 155px; }
#header #menu li#menu-lighting-active a { background-position: -221px -29px; width: 95px; }
#header #menu li#menu-grip-active a { background-position: -316px -29px; width: 67px; }
#header #menu li#menu-contact-active a { background-position: -383px -29px; width: 97px; }

#content #subMenu { list-style-image: none; list-style-type: none; padding: 10px; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; }
#content #subMenu li { display: inline; padding: 3px 5px 5px; font-size: xx-small; }
#content #subMenu a:hover { color: #FF0000;  }