/*  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; }

#vid_container { margin: 0 auto; padding: 0; width: 546px; height: 460px; }
#vid_container .video { margin: 0; }


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

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

#header_photo { margin: 0; padding: 0; width: 718px; height: 210px; float: left; background: #ccc; }
#header_photo_left { margin: 0; padding: 0; width: 9px; height: 210px; float: left; background: #ccc url(../images/header_photo_left.png); }
#header_photo_right { margin: 0; padding: 0; width: 9px; height: 210px; float: left; background: #ccc url(../images/header_photo_right.png); }

#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: #8caa79 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; }


/* Submenu & Sidebar Area
--------------------------------------*/

#left_column { margin: 0; padding: 0; width: 225px; float: left; }

#sub_nav { margin: 0; padding: 0; list-style-type: none; float: left; }
#sub_nav li { margin: 0; padding: 0; font-size: 70%; font-weight: bold; float: left; }
#sub_nav a:link, #sub_nav a:visited { margin: 0 0 0 9px; padding: 10px 8px 10px 16px; color: #333; text-decoration: none; display: block; background: #a0b695 url(../images/sub_nav_bg.png); width: 191px; border-bottom: 1px solid #666; }
#sub_nav a:hover { color: #000; text-decoration: none; background: #acc4a0 url(../images/sub_nav_bg_on.png); }

#highlights { margin: 0 0 0 26px; padding: 10px; width: 159px; background: #b2c9a6 url(../images/sidebar_highlighted.png) 0 0 repeat-x; border: 1px solid #666; }
#highlights h2 { font-size: 100%; }
#highlights p { font-size: 80%; margin-top: 5px; margin-bottom: 10px; }
#highlights ul { font-size: 70%; list-style-type: circle; }
#highlights li { margin: 10px 0 0 12px; } 

.photo { margin: 18px 0 15px 26px; padding: 3px; border: 1px solid #666; background: #ebebeb; }


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

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

#right_column { margin: 0 0 20px 0; padding: 0; width: 510px; float: right; background: url(../images/header_bottom_shadow.png) top right no-repeat; }
#right_column h2 { font-size: 100%; margin: 20px 0 -7px 20px; color: #556b48; }
#right_column h3.email_subscribe { margin-bottom: 10px; font-size: 90%; color: #333; }
#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, #right_column a:visited { color: #cd9101; text-decoration: none; }
#right_column a:hover { text-decoration: underline; }
#right_column #subscribe { margin: 15px 0 0 20px; padding: 10px 15px 0 15px; float: left; width: 429px; background: #e1eeda url(../images/email_sub_bg.png); border: 1px solid #666; }

#rates #right_column #subscribe { margin-top: 20px; }

#right_column table { margin: 20px 0 0 20px; font-size: 80%; text-align: center; float: left; width: 461px; border: 1px solid #c2bfa5; border-width: 1px 0 0 1px; }
#right_column table th { padding: 7px 10px; text-align: left; font-size: 120%; border: 1px solid #c2bfa5; border-width: 0 1px 1px 0; background: #d0cdc1 url(../images/table_subhead_bg.png) 0 0 repeat-x; color: #fff; }
#right_column table th span { font-size: 80%; }
#right_column table tr.table_subheader { color: #333; font-weight: bold; background: #d0cdc1 url(../images/package_title_bg.png); }
#right_column table tr.odd { background: #ebe9d9; }
#right_column table tr.even { background: #f8f7f0; }
#right_column table td { color: #333; padding: 5px; border: 1px solid #c2bfa5; border-width: 0 1px 1px 0; }
#right_column table td ul { margin: 0; text-align: left; font-size: 130%; }
#right_column table td li { background: url(../images/table_bullet.png) 0 5px no-repeat; }

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

/* For IE 6 and below */
.videos_title { margin: 15px 0 0 15px; width: 459px; 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: 459px; border: 1px solid #666; border-top: none; background: #ebe9d9; }
.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: 459px; 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: 459px; border: 1px solid #666; border-top: none; background: #ebe9d9; }

/* For IE 6 and below */
.videos_title { margin: 15px 0 0 15px; width: 459px; 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: 459px; border: 1px solid #666; border-top: none; background: #ebe9d9; }
.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; }


/* Form Styles
--------------------------------------*/

fieldset { margin: 0; padding: 0 0 10px 0; width: 419px; border: none; }
legend { display: none; }
label { font-size: 80%; }
.email_form { margin: 0 5px 0 0; padding-left: 3px; width: 112px; background: #fff url(../images/form_bg.png) 0 1px repeat-x; border: 1px solid #666; }
.submit_email { width: 65px; height: 20px; font-size: 70%; }

#form_list { margin: 0; padding: 10px 0 0 20px; width: 438px; list-style-type: none; }
#form_list li { margin: 0 0 13px 0; padding: 0; background: none; }
#form_list p { margin: 0; padding: 0 6px 0 0; float: left; font-size: 100%; display: block; width: 70px; text-align: right; }
#form_list #checkboxes { margin: 0 auto; padding: 0; }
#form_list #checkboxes li { margin: 0 0 6px 0; padding: 0; font-size: 100%; }
.form_input { width: 200px; }
.form_textarea { width: 315px; }

* html fieldset { padding: 0; }


/* 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; }