/*  TRIKES FOR LIFE EXCURSIONS -- May 2007
    Author: 3Five Designs, Inc.
    Developer: Jacob LeBeau
    E-Mail: jacob@3fivedesigns.com  */


/* Global Settings
--------------------------------------*/

html, img, h1, h2, h3, h4, ul { margin: 0; padding: 0; }
body { margin: 0; padding: 0; background: #666 url(../images/body_bg.png); }
img, a { border: none; }

#container { width: 736px; margin: 25px auto 15px auto; padding: 0; text-align: left; font-family: 'trebuchet ms', Arial, Verdana, sans-serif; }


/* Header Area
--------------------------------------*/

#header_title { margin: 0; padding: 0; width: 736px; height: 55px; background: #b5c6aa url(../images/header_title.png) no-repeat; }
#header_title h1 { line-height: 0; text-indent: -9999px; }
#header_title img { float: right; }
#header_title img.icon_right { margin: 9px 17px 0 0; }
#header_title img.icon { margin: 9px 8px 0 0; }

#main_nav { margin: 0; padding: 0; width: 736px; float: left; list-style-type: none; background: #7e986e url(../images/main_nav_bg.png) no-repeat; }
#main_nav li { display: inline; font-size: 70%; font-weight: bold; }
#main_nav a:link, #main_nav a:visited { color: #ebebeb; text-decoration: none; padding: 8px 15px 7px 15px; float: left; width: auto; border-right: 1px solid #5c714f; border-left: 1px solid #84a271; }
#main_nav a:hover { background: url(../images/main_nav_bg_button_on.png) 0 0 repeat-x; color: #fff; }

#nav_contain { margin: 0 0 0 8px; }

#home #nav_home a { color: #2a3424; }
#packages #nav_packages a { color: #2a3424; }
#provided #nav_provided a { color: #2a3424; }
#rates #nav_rates a { color: #2a3424; }
#photos #nav_photos a { color: #2a3424; }
#videos #nav_videos a { color: #2a3424; }
#links #nav_links a { color: #2a3424; }
#contact #nav_contact a { color: #2a3424; }

#nav_facebook a:link, #nav_facebook a:visited { background: url(../images/icon_facebook.png) 0 0 no-repeat; width: 70px; height: 23px; padding: 0px; border: none; margin: -15px 10px 0px 45px; }
#nav_youtube a:link, #nav_youtube a:visited { background: url(../images/icon_youtube.png) 0 0 no-repeat; width: 70px; height: 23px; padding: 0px; border: none; margin: -23px 10px 0px 122px; }

#home #nav_home a:hover { background: url(../images/main_nav_bg_button.png) 0 0 repeat-x; }
#packages #nav_packages a:hover { background: url(../images/main_nav_bg_button.png) 0 0 repeat-x; }
#provided #nav_provided a:hover { background: url(../images/main_nav_bg_button.png) 0 0 repeat-x; }
#rates #nav_rates a:hover { background: url(../images/main_nav_bg_button.png) 0 0 repeat-x; }
#photos #nav_photos a:hover { background: url(../images/main_nav_bg_button.png) 0 0 repeat-x; }
#videos #nav_videos a:hover { background: url(../images/main_nav_bg_button.png) 0 0 repeat-x; }
#links #nav_links a:hover { background: url(../images/main_nav_bg_button.png) 0 0 repeat-x; }
#contact #nav_contact a:hover { background: url(../images/main_nav_bg_button.png) 0 0 repeat-x; }

#nav_facebook a:hover { background: url(../images/icon_facebook.png) 0 0 no-repeat; width: 70px; height: 23px; padding: 0px; border: none;margin: -15px 10px 0px 45px; }
#nav_youtube a:hover { background: url(../images/icon_youtube.png) 0 0 no-repeat; width: 70px; height: 23px; padding: 0px; border: none; margin: -23px 10px 0px 122px; }

#header_border { margin: 0; padding: 0; width: 736px; height: 1px; float: left; background: url(../images/header_bottom_border.png) 0 0 no-repeat; }



/* Content Area
--------------------------------------*/

#content { margin: 0; padding: 0; width: 736px; float: left; background: #fff url(../images/container_bg_white.png) 0 0 repeat-y; }

#right_column { margin: 0 0 20px 0; padding: 0; width: 736px; float: right; background: url(../images/header_bottom_shadow_full.png) top right no-repeat; }
#right_column h2 { font-size: 100%; margin: 20px 0 -7px 32px; color: #556b48; }

#right_column p { font-size: 80%; margin: 15px 30px 0 20px; line-height: 150%; }
#right_column ul { margin: 15px 30px 0 20px; list-style-type: none; }
#right_column li { margin: 15px; padding: 0 0 0 18px; font-size: 80%; background: url(../images/bullet.png) no-repeat; background-position: 0 .3em; }
#right_column a:link { text-decoration: none; color: #86847c; }
#right_column a:visited { text-decoration: none; color: #86847c; }
#right_column a:hover { text-decoration: none; color: #a7a59a; }
#right_column span { color: #ccc; }

/* VIDEO */
#right_column h3.email_subscribe { margin-bottom: 10px; font-size: 90%; color: #333; }
#right_column #subscribe { margin: 15px 0 0 20px; padding: 10px 15px 0 15px; float: left; width: 605px; background: #e1eeda url(../images/email_sub_bg.png); border: 1px solid #666; }


#gallery_container { margin: 18px 0 0 32px; padding: 0; }
.gallery { margin: 15px; padding: 3px; border: 1px solid #666; background: #ebebeb; float: left; }

#lightbox{ background-color: #ebebeb; padding: 6px 6px 1px 6px; border-bottom: 2px solid #666; border-right: 2px solid #666; font-family: 'trebuchet ms', Arial, Verdana, sans-serif;  }
#lightboxDetails{ font-size: 0.8em; padding-top: 0.4em; display: none; }	
#lightboxCaption{ float: left; display: none; }
#keyboardMsg{ float: right; display: none; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

/* Annoying IE hacks for the lightbox */
* html #lightbox{ background-color: #ebebeb; padding: 6px; border-bottom: 2px solid #666; border-right: 2px solid #666; font-family: 'trebuchet ms', Arial, Verdana, sans-serif;  }
* html #overlay{ background-color: #333; back\ground-color: transparent; background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale"); }


/* VIDEO STYLES 
----------------------------------------*/ 
/* For IE 6 and below */
.videos_title { margin: 15px 0 0 15px; width: 635px; display: block; background: #d0cdc1 url(../images/package_title_bg.png); border: 1px solid #666; float: left; }
.videos_number { float: left; display: block; margin: 0; padding: 7px 12px 7px 12px; border-right: 1px solid #666; font-size: 90%; background: #bfbcb0 url(../images/package_number_bg.png); color: #fff; }
.videos_type { float: left; margin: 7px 10px 7px 10px; padding: 0; font-size: 90%; color: #333; }
.videos_description { float: left; margin: 0 0 5px 0; padding: 0 0 20px 0; width: 635px; border: none; border-top: none; background: none; }
.videos_icon { margin: 20px 5px 5px 20px; float: left; }
.videos_icon_middle { margin: 20px 5px 5px 5px; float: left; }
.videos_icon_right { margin: 20px 20px 5px 5px; float: left; }

/* For Non-IE 6 and below */
body[id=videos] .videos_title { margin: 15px 0 0 20px; width: 635px; display: block; background: #d0cdc1 url(../images/package_title_bg.png); border: 1px solid #666; float: left; }
body[id=videos] .videos_description { float: left; margin: 0 0 5px 20px; padding: 0 0 20px 0; width: 635px; border: none; border-top: none; background: none; }

/* For IE 6 and below */
.videos_title { margin: 15px 0 0 15px; width: 635px; display: block; background: #d0cdc1 url(../images/package_title_bg.png); border: 1px solid #666; float: left; }
.videos_number { float: left; display: block; margin: 0; padding: 7px 12px 7px 12px; border-right: 1px solid #666; font-size: 90%; background: #bfbcb0 url(../images/package_number_bg.png); color: #fff; }
.videos_type { float: left; margin: 7px 10px 7px 10px; padding: 0; font-size: 90%; color: #333; }
.videos_description { float: left; margin: 0 0 5px 10px; padding: 0 0 20px 0; width: 635px; border: none; border-top: none; background: none; }
.videos_icon { margin: 20px 5px 5px 20px; float: left; }
.videos_icon_middle { margin: 20px 5px 5px 5px; float: left; }
.videos_icon_right { margin: 20px 20px 5px 5px; float: left; }


/* Footer
--------------------------------------*/

#footer { margin: 0 0 30px 0; padding: 0; width: 736px; height: 47px; float: left; text-align: center; background: #a3b298 url(../images/footer.png) no-repeat; font-size: 80%; }
#footer ul { margin: 10px 10px 6px 10px; }
#footer li { display: inline; padding-right: 35px; }
#footer a:link, #footer a:visited { color: #536a45; text-decoration: none; }
#footer a:hover { color: #314028; text-decoration: none; }