body { margin: 0; padding: 0; color: #2A3337; background: #fff url(/main/images/bgpattern.png) repeat-y; font: 76% verdana, arial, bitstream vera sans, sans-serif; }   /* 76% is exactly the size for consistency across browsers -  www.thenoodleincident.com/tutorials/typography */
hr { display: none; }
a:link { color: #116ACC; }
a:visited { color: #6F60B2; }
a:hover { color: #BF4056; }
a:active { color: #82BAFF; }
.highlight { background-color: #F6FDE5; font-style: normal; }
.large { font-size: 1.2em; padding-top: 0px; margin: 0; }
.larger p { font-size: 1.1em; }
.sectionbox { clear: both; border: 1px solid #ccc; padding: 15px; background-color: #F6FDE5; }
.mini { padding: 0 15px !important; }
.sectionbox h2 { padding-top: 0; }
.hot { color: #c00; }
.center { text-align: center; }
th.price, td.price { text-align: right !important; vertical-align: top; padding-right: 12px !important; }
tr.package td.price { padding: 15px 12px 0 0 !important; }
.odd { background-color: #FAFAF7; }
/*
shale: #F0EEE3;
*/

#header { margin: 20px 0 0 46px; }
#header h1 { margin: 0 0 17px 0; }
#header h1 a:link, #header h1 a:visited { display: block; margin-left: 13px; width: 271px; height: 47px; background: url(/main/images/logo.png) no-repeat; text-decoration: none; padding-left: 300px; padding-left/**/: 0; text-indent/**/: -999px; overflow: hidden; } /* IE5's text-indent won't work for image replacement. Give IE5 padding-lefts and no text indents.  All other browsers see no padding lefts and text indent. */

#tagline { float: left; margin: 5px 0 10px 0; padding: 0 0 0 17px; width: 544px; wid\th: 526px; height: 160px; background: #2A3337 url(/main/images/bggradient.jpg) repeat-x; } /* Width/Margin: IE5.5 & IE5 Hack, then all browsers */
#tagline strong { position: relative; margin: -8px 0 5px 0; display: block; background: url(/main/images/bgtagline.png) no-repeat; width: 220px; height: 18px; text-indent: -999px; }
#tagline a:link, #tagline a:visited { float: left; display: block; text-indent: -999px; text-decoration: none; }
#tagline_corporate { width: 175px; height: 130px; background: url(/main/images/tagline_corporate.jpg) no-repeat; }
#tagline_weddings { width: 177px; height: 130px; background: url(/main/images/tagline_weddings.jpg) no-repeat; }
#tagline_more { width: 156px; height: 130px; background: url(/main/images/tagline_more.jpg) no-repeat; }

#navigation { float: left; background: #151F24 url(/main/images/bgnavigation.jpg) top right; margin: 5px 0 0 0px; width: 179px; wid\th: 180px; height: 160px; hei\ght: 150px; padding-top: 10px;  }
#navigation ul { list-style: none; padding: 0; margin: 0; }
#navigation ul li { padding: 1px 0 0 0; }
#navigation ul li a:link, #navigation a:visited { padding: 3px 0 3px 20px; background-image: none; font-size: 0.8em; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #CAED6E; }
#navigation ul li a:hover { bac\kground: url(/main/images/arrow_hover.png) 0 5px no-repeat; color: #E3EDCE; }
#navigation ul li a.active:link, #navigation ul li a.active:visited { bac\kground: url(/main/images/arrow.png) 0 5px no-repeat; color: #E3EDCE; }
#navigation ul li a.active:hover { bac\kground: url(/main/images/arrow_hover.png) 0 5px no-repeat; color: #fff; }
#navigation ul li ul li a:link, #navigation ul li ul li a:visited { padding-left: 34px; }
#navigation ul li ul li { bac\kground: url(/main/images/dot.png) 25px 9px no-repeat; }

#content { clear: both; margin: 0 0 0 67px; width: 500px; font-size: 0.9em; }
h2 { font: 1.5em arial, helvetica, sans-serif; margin: 0 0 5px 0; font-weight: bold; padding-top: 20px; }
h2 a:link { color: #2A3337; }
h2 a:visited { color: #2A3337; }
h2 a:hover { color: #BF4056; }
h3 { font-size: 1em; margin-top: 15px; }
#content ul { margin: 15px 0; padding: 0; }
#content ul li { list-style: none; margin-bottom: 3px; padding-left: 18px; background: url(/main/images/bgdot.gif) 5px 5px no-repeat; }
.sectionone { width: 57%; float: left; }
.sectiontwo { width: 36%; float: right; font-size: 0.9em; }
.sectiontwo h2 { font-size: 1.4em; }
.sectionthree { clear: both; padding-top: 10px; }
table.rentalrate { border: 1px solid #ccc; border-collapse: collapse; }
table.rentalrate td { border: 1px solid #ccc; padding: 3px 10px; font-size: 0.7em; fon\t-size: 1em; }  /* Font-Size: IE5.5 & IE5 Hack, then all browsers */
table.rentalrate th { white-space: nowrap; text-transform: uppercase; color: #E3EDCE; background-color: #465256; border: 1px solid #ccc; text-align: left; padding: 5px; font-size: 0.7em; fon\t-size: 0.9em; }  /* Font-Size: IE5.5 & IE5 Hack, then all browsers */
table.rentalrate th.sectionbox { background-color: #EEFDC8 !important; color: #2A3337; }
table.rentalrate tr.package td { padding: 9px 10px 3px 10px; }
dd.compact { margin: 0; }
.compact { margin: 0 0 9px 0 !important; }
.compact li { margin: 0 !important; }
#promotions th { color: #F5DCE7; background-color: #B5356C; }

#footer { clear: both; margin-left: 80px; padding: 90px 0 2px 0; font-size: 0.9em; color: #999; }
#footer a:link, #footer a:visited { color: #333; text-decoration: none; }
#footer a:hover { color: #BF4056; }
#processtime { color: #fff; }

#subnav li.primary { float: left; display: block; width: 149px; background-color: #2C3638 !important; color: #fff; background-image: none; padding: 8px; height: 100px; border-right: 2px solid #fff; margin-bottom: 20px; }
#subnav li#subnav_audio { border-width: 0; }
#subnav li strong { font-size: 1.2em;}
#subnav li a { color: #CAED6E; text-decoration: none; }
#subnav li a:hover { color: #fff; text-decoration: none; }
#subnav li ul { margin-top: 7px; }
#subnav li li { bac\kground: url(/main/images/dot.png) 7px 5px no-repeat; }

body.packages #subnav_packages,
body.visual #subnav_visual,
body.audio #subnav_audio { background-color: #0D1215 !important; }

body.packages #subnav_packages strong a,
body.visual #subnav_visual strong a,
body.audio #subnav_audio strong a { color: #fff; }