/* Stuart Lanham - Design Haus: March 2008 */

Body 
{
    margin: 0px;
    background-color: #4277BF;
    font: 75% arial; /* 75% = 11px */
	line-height: 15px;
	letter-spacing: 0.02em;
}

#wrapper 
{
    width: 780px;
    float: left;
}

/* Typography
----------------------------------------*/

.light-blue
{
    color: #95BEDF;
}

/* Right Col
----------------------------------------*/

#right-col 
{
    width: 500px;
    float: right;
    background-image: url(images/main-bg-2.gif);
    background-repeat: repeat-y;
}

#right-col h1
{
    width: 500px;
    height: 229px;
    float: left;
    background-image: url(images/mainstage-h1-2.jpg);
    text-indent: -6000px;
    margin: 0px;
}

#right-col h1.past-events
{
    background-image: url(images/past-events-h1-2.jpg);
}

#right-col h1.about-us
{
    background-image: url(images/about-us-h1-2.jpg);
}

#right-col h1.contact-us
{
    background-image: url(images/contact-us-h1-2.jpg);
}

#right-col h1.main-stage
{
    background-image: url(images/mainstage-h1-4.jpg);
}

#right-col h1.mobile1
{
    background-image: url(images/mobile1-h1-2.jpg);
}

#right-col h1.mobile2
{
    background-image: url(images/mobile2-h1.jpg);
}

#right-col h1.location-temp
{
    background-image: url(images/location-temp-h1.jpg);
}

#inner-top
{
    float: left;
    width: 460px;/*500*/
    background-color: #000;
    padding: 15px 20px 15px 20px;
}

#inner-top-services
{
    float: left;
    width: 420px;/*250*/
    background-color: #95BEDF;
    padding: 15px 20px 10px 20px;
}

.inner-top-services-video
{
    float: right;
    width: 210px;/*250*/
    background-color: #000;
    text-align: center;
    padding: 20px 20px 15px 20px;
}

#inner-top h2
{
    color: #fff;
    font-size: 1.15em;
    margin: 0px;
}

#inner-top-services h2
{
    color: #4277BF;
    font-size: 1.15em;
    margin: 0px;
}

#inner-top p
{
    color: #A4A4A4;
}

#inner-top-services p
{
    color: #fff;
    font-size: 1.1em;
    font-style: italic;
    line-height: 1.2em;
}

#inner-top a
{
    color: #fff;
}

.video 
{
    float: right;
    margin: 5px 11px 0 30px;
}

#inner-bottom
{
    float: left;
    width: 460px;/*500*/
    background-color: #fff;
    padding: 15px 20px 15px 20px;
}
#inner-bottom ul
{
    color:#666;
} 

#inner-bottom h2
{
    color: #95BEDF;
    font-size: 1.1em;
    margin: 0 0 5px 0;
}

#inner-bottom h2.darkblue
{
    color: #4277BF;
}

#inner-bottom h5
{
    color: #95BEDF;
    font-size: 1.1em;
    margin: 7px 0 0 0;
}

#inner-bottom p
{
    color: #666;
    margin: 0px;
    padding: 5px 0;
}

#inner-bottom a
{
    color: #4277BF;
}

#inner-bottom img
{
    padding: 1px;
    background-color: #fff;
    border: 1px solid #ccc;
}

.inner-bottom-pod01
{
    width: 138px;
    float: left;
}

.inner-bottom-pod02
{
    width: 138px;
    float: left;
    margin: 0 23px 0 23px;
}

.thumbnail01
{
    width: 138px;
    float: left;
    margin: 10px 0 10px 0;
}

.thumbnail02
{
    width: 138px;
    float: left;
    margin: 10px;
}

.location-intro
{
    color: #4277BF !important;
    font-size: 1.1em;
    font-style: italic;
    line-height: 1.2em;
}

.location-maps
{
    float: right;
    border: 0px !important;
    padding: 0px  !important;
}

#footer
{
    float: left;
    width: 476px; /*500*/
    background-color: #000;
    padding: 8px 12px;
}

#footer a
{
    color: #A4A4A4;
}

.footer-sep
{
    color: #A4A4A4;
    margin: 0 3px 0 3px;
}


/* Left Col
----------------------------------------*/

#left-col 
{
    width: 280px;
    float: left;
}

#left-col h3
{
    width: 280px;
    height: 113px;
    float: left;
    background-image: url(images/outdoors-logo-h3-2.gif);
    text-indent: -6000px;
    margin: 0 0 10px 0;
    padding: 0px;
}

#left-col h4
{
    width: 280px;
    height: 51px;
    float: left;
    background-image: url(images/outdoor-stages-h4.gif);
    text-indent: -6000px;
    margin: 25px 0 10px 0;
    padding: 0px;
}

#left-col ul
{
    float: left;
    padding: 0px;
    margin: 0px;
    list-style: none;
}

#left-col li
{
    display: inline;
    clear: both;
}

#left-col ul li a 
{
   width: 95px;
   height: 20px;
   float: right;
   display: block;
   text-indent: -6000px;
   background-repeat: no-repeat;
   margin: 0 32px 0 153px;
   outline: none;
}

/*Home*/

#left-col ul li a.home 
{
    background-image: url(images/home-up.gif); 
}

#left-col ul li a:hover.home 
{
    background-image: url(images/home-ov.gif); 
}

#left-col ul li a.home-on 
{
    background-image: url(images/home-ov.gif); 
}

/*Locations*/

#left-col ul li a.locations 
{
    background-image: url(images/locations-up.gif); 
}

#left-col ul li a:hover.locations 
{
    background-image: url(images/locations-ov.gif); 
}

#left-col ul li a.locations-on
{
    background-image: url(images/locations-ov.gif); 
}

/*Our Services*/

#left-col ul li a.our-services 
{
    background-image: url(images/services-up.gif); 
}

#left-col ul li a:hover.our-services 
{
    background-image: url(images/services-ov.gif); 
}

#left-col ul li a.our-services-on 
{
    background-image: url(images/services-ov.gif); 
}

/*Past Events*/

#left-col ul li a.past-events 
{
    background-image: url(images/events-up.gif); 
}

#left-col ul li a:hover.past-events 
{
    background-image: url(images/events-ov.gif); 
}

#left-col ul li a.past-events-on 
{
    background-image: url(images/events-ov.gif); 
}

/*About Us*/

#left-col ul li a.about-us 
{
    background-image: url(images/about-up.gif); 
}

#left-col ul li a:hover.about-us 
{
    background-image: url(images/about-ov.gif); 
}

#left-col ul li a.about-us-on
{
    background-image: url(images/about-ov.gif); 
}

/*Contact Us*/

#left-col ul li a.contact-us 
{
    background-image: url(images/contact-up.gif); 
}

#left-col ul li a:hover.contact-us 
{
    background-image: url(images/contact-ov.gif); 
}

#left-col ul li a.contact-us-on 
{
    background-image: url(images/contact-ov.gif); 
}

#left-col ul li a.nav-sub
{
    color: #000;
    width: 95px;
    height: 15px;
    text-align: right;
    text-indent: 5px;
    text-decoration: none;
    font-size: 0.87em;
}

#left-col ul li a:hover.nav-sub
{
    text-decoration: underline;
}

#left-col ul li a.nav-sub-on
{
    color: #000;
    width: 95px;
    height: 15px;
    text-align: right;
    text-indent: 5px;
    text-decoration: underline;
    font-size: 0.87em;
}

#left-col a.quote 
{
    width: 194px;
    height: 32px;
    float: right;
    margin: 0 32px 0 54px;
    text-indent: -6000px;
    margin-top: 15px;
    background-image: url(images/quote-button-up.gif); 
    outline: none;
}

#left-col a:hover.quote 
{
    background-image: url(images/quote-button-ov.gif)  
}

.left-map 
{
    float: right;
    margin-right: 32px;
    margin-top: 30px; 
}

.pdf
{
    float: left;
    border: 0px important!; 
}