/* Font */
* { font-family:Arial, Helvetica, sans-serif; color:#333; }
p { margin:0px 0px 8px 0px; }
h1 { font-size:22px; line_height:31px; font-weight:normal; }
h2 { font-size:18px; line_height:27px; font-weight:normal; }
h3 { font-size:16px; line_height:25px; font-weight:bold; }
h4 { font-size:13px; line_height:22px; font-weight:bold; }
h5 { font-size:11px; line_height:20px; font-weight:bold; }
a:link, a:visited { color:#891A1C; text-decoration:none; }
a:hover, a:active { color:#891A1C; text-decoration:underline ; }
ul { margin:0px; padding:0px 0px 7px 15px; }
li { margin:0px; padding:0px 10px 7px 0px; }
hr { margin:0px 0px 20px 0px; } 

/* Body */
.body { margin:0px; padding:0px; background:url(template/background/background.png) repeat top center; }

/* Navigation */ 
.nav {  margin:0px; padding:0px;display:inline-block; height:40px; background:url(template/header/header_navigation.png) no-repeat; }
.nav1 { width:75px; background-position:0px 0px; }
.nav1o, .nav1:hover, .nav1:active { width:75px; background-position:0px -40px; }
.nav2 { width:115px; background-position:-75px 0px; }
.nav2o, .nav2:hover, .nav2:active { width:115px; background-position:-75px -40px; }
.nav3 { width:110px; background-position:-190px 0px; }
.nav3o, .nav3:hover, .nav3:active { width:110px; background-position:-190px -40px; }
.nav4 { width:115px; background-position:-300px 0px; } 
.nav4o, .nav4:hover, .nav4:active { width:115px; background-position:-300px -40px; }
.nav5 { width:125px; background-position:-415px 0px; } 
.nav5o, .nav5:hover, .nav5:active { width:125px; background-position:-415px -40px; }
.nav6 { width:135px; background-position:-540px 0px; } 
.nav6o, .nav6:hover, .nav6:active { width:135px; background-position:-540px -40px; }
.nav7 { width:70px; background-position:-675px 0px; } 
.nav7o, .nav7:hover, .nav7:active { width:70px; background-position:-675px -40px; }
.nav8 { width:85px; background-position:-745px 0px; } 
.nav8o, .nav8:hover, .nav8:active { width:85px; background-position:-745px -40px; }
.nav9 { width:70px; background-position:-830px 0px; } 
.nav9o, .nav9:hover, .nav9:active { width:70px; background-position:-830px -40px; }

/* Header */
.header_container { margin:0px; padding:0px; }
.header { margin:0px; padding:0px; }
.header_menu { margin:0px 10px 10px 0px; padding:0px; font-size:11px; color:#666; line-height:18px; }
.header_menu a:link, .header_menu a:visited { color:#369; text-decoration:none; }
.header_menu a:hover, .header_menu a:active { color:#369; text-decoration:underline ; }
.header_text { margin:0px; padding:0px; font-size:11px; font-weight:normal; color:#333; }
.header_text a:link, .header_text a:visited { color:#666; text-decoration:none; font-weight:bold; }
.header_text a:hover, .header_text a:active { color:#666; text-decoration:underline; font-weight:bold; }
.header_logo { margin:10px 10px 0px 10px; float:left; }

/* Content */
.content_container { margin:0px auto; padding:0px; }
.content { margin:0px; padding:0px 0px 0px 0px; background:url(template/background/background_content.png) repeat top center; }

/* Footer */
.footer_container { margin:0px; padding:0px; }
.footer { display:block; width:900px; margin:0px; padding:0px; background:#FFF url(template/footer/footer_background.png) repeat top center;  }
.footer_menu { margin:0px; padding:15px; line-height:18px; font-size:11px; display:inline; vertical-align:bottom; }
.footer_menu a:link, .footer_menu a:visited { color:#660000; text-decoration:none; }
.footer_menu a:hover, .footer_menu a:active { color:#660000; text-decoration:underline; }
.footer_text { width:870px;margin:0px; padding:5px 15px 10px 15px; line-height:20px; font-size:11px; font-weight:normal; color:#FFF; text-align:left; }
.footer_text a:link, .footer_text a:visited { color:#666; text-decoration:none;	}
.footer_text a:hover, .footer_text a:active { color:#666; text-decoration:underline; }

/* Containers */
.container { margin:0px 15px 20px 15px; }
.container_feature { display:block; width:700px; height:250px; margin:10px 0px 15px 0px; }
.container_sidebar { font-size:11px; margin:0px 20px 30px 20px; text-align:left; line-height:20px; }
.container_text { font-size:11px; margin:0px 15px 30px 15px; text-align:left; line-height:20px; }
.container_title { margin:0px 15px 10px 15px; padding:0px 0px 5px 0px; text-align:left; font-size:26px; font-weight:bold; color:#891A1C; }
.container_title_large { margin: 30px 15px 10px 15px; padding:0px 0px 5px 0px; text-align:left; font-size:26px; color:#891A1C; }
.container_title_small { margin: 20px 15px 10px 15px; padding:0px 0px 5px 0px; text-align:left; font-size:26px; color:#891A1C; }
.container_section { font-size: 24px; color: #666666; margin: 0px 15px 5px 15px; text-align: left; line-height: 32px; }
.container_section_small { font-size: 18px; color: #006; margin:0px 15px 0px 15px; text-align: left; line-height: 26px; }
.container_gutpak_tv { background:url(images/content/gut-pak-tv-background.png) no-repeat top right; display:block; width:900px; min-height:650px; }
.container_tailgating { background:url(images/content/tailgating-background.png) no-repeat top right; display:block; width:900px; min-height:220px; }
.container_gutpak_shak { background:url(images/content/gut-pak-shak-background.png) no-repeat top right; display:block; width:900px; min-height:600px; }
.container_links { background:url(images/content/links-background.png) no-repeat top right; display:block; width:900px; min-height:500px; }
.container_contact { background:url(images/content/contact-background.png) no-repeat bottom right; display:block; width:900px; min-height:570px; }

/* Sidebar Menu */ 
.sidebar_menu_container { background:url(images/content/menu-sidebar-background.png) no-repeat bottom right; display:block; width:235px; min-height:350px; display:inline-block; }
.sidebar_menu {  margin:0px; padding:0px; width:165px; display:block; background:url(images/content/menu-sidebar.png) no-repeat; }
.sidebar_menu1 { height:54px; background-position:0px 0px; }
.sidebar_menu1o, .sidebar_menu1:hover, .sidebar_menu1:active { height:54px; background-position:-165px 0px; }
.sidebar_menu2 { height:30px; background-position:0px -54px; }
.sidebar_menu2o, .sidebar_menu2:hover, .sidebar_menu2:active { height:30px; background-position:-165px -54px; }
.sidebar_menu3 { height:54px; background-position:0px -84px; }
.sidebar_menu3o, .sidebar_menu3:hover, .sidebar_menu3:active { height:54px; background-position:-165px -84px; }
.sidebar_menu4 { height:30px; background-position:0px -138px; }
.sidebar_menu4o, .sidebar_menu4:hover, .sidebar_menu4:active { height:30px; background-position:-165px -138px; }
.sidebar_menu5 { height:30px; background-position:0px -168px; }
.sidebar_menu5o, .sidebar_menu5:hover, .sidebar_menu5:active { height:30px; background-position:-165px -168px; }

/* Home Menu */ 
.home_menu_container { background:url(images/content/menu-home-background.png) no-repeat center; display:block; width:368px; height:180px; display:block; padding:30px 0px 0px 20px; margin:35px 0px 0px 28px; }
.home_menu {  margin:0px; padding:0px; width:165px; display:block; background:url(images/content/menu-home.png) no-repeat; }
.home_menu1 { height:25px; background-position:0px 0px; }
.home_menu1o, .home_menu1:hover, .home_menu1:active { height:25px; background-position:-165px 0px; }
.home_menu2 { height:25px; background-position:0px -25px; }
.home_menu2o, .home_menu2:hover, .home_menu2:active { height:25px; background-position:-165px -25px; }
.home_menu3 { height:50px; background-position:0px -50px; }
.home_menu3o, .home_menu3:hover, .home_menu3:active { height:50px; background-position:-165px -50px; }
.home_menu4 { height:25px; background-position:0px -100px; }
.home_menu4o, .home_menu4:hover, .home_menu4:active { height:25px; background-position:-165px -100px; }
.home_menu5 { height:25px; background-position:0px -125px; }
.home_menu5o, .home_menu5:hover, .home_menu5:active { height:25px; background-position:-165px -125px; }

/* Text */
.text_xsmall { font-size:9px; line-height:16px; }
.text_small { font-size:10px; line-height:18px; }
.text { font-size:11px; line-height:20px; }
.text_large { font-size:14px; line-height:24px; }
.text_xlarge { font-size:18px; line-height:28px; }
.text_xxlarge { font-size:26px; line-height:34px; }
.text_bold { font-weight:bold; }
.text_italic { font-style:italic; color:inherit; }
.text_color_a { color:#891A1C; }
.text_color_b { color:#009900; }
.text_color_c { color:#FFF; }
.text_color_d { color:#333; }
.text_color_e { color:#006699; }
.text_color_f { color:#006699; }

/* Form */
.form_body { margin:0px; padding:0px; }
.form_field_small {  font-size:10px; color:#333; }
.form_field { font-size:11px; color:#333; }
.form_field_large { margin:0px; padding:3px 6px; font-size:18px; color:#333; width:400px; border:1px solid #DDD; }
.form_button_small { font-size:10px; font-weight:bold; color:#FFF; background-color:#660000; border:1px solid #999; }
.form_button { font-size:11px; font-weight:bold; color:#FFF; background-color:#660000; border:1px solid #999; }
.form_button_large { margin:0px; padding:4px 15px; font-size:13px; font-weight:bold; color:#FFF; background-color:#660000; border:1px solid #DDD; }
.form_textarea_small {  font-size:10px; color:#333; }
.form_textarea { font-size:11px; color:#333; }
.form_textarea_large { font-size:13px; color:#333; }

/* Message */
.message { font-size:13px; font-weight:bold; }
.message_fail { font-size:13px; font-weight:bold; color:#C00; }
.message_success { font-size:13px; font-weight:bold; color:#390; }

/* Image */
.image_right { margin:0px 0px 0px 15px; }
.image_left { margin:0px 15px 0px 0px; }
.image_border { border:1px solid #CCC; }
.image_border_a { border:3px solid #FFF; }

/* Photo Gallery */
.photo_gallery_thumb { margin:0px 5px 5px 0px; border:2px solid #666; width:60px; height:60px; cursor:pointer; }
.photo_gallery_thumb_active { margin:0px 5px 5px 0px; border:2px solid #B90000; width:60px; height:60px; cursor:pointer; }
.photo_gallery_image_tailgating { margin:196px 0px 0px 23px; border:1px solid #333; }
.photo_gallery_image_about { margin:14px 15px 15px 14px; border:1px solid #CCC; }
.photo_gallery_menu { font-size:20px; color:#666; margin:0px 0px 10px 15px; }
.photo_gallery_title { font-size:20px; color:#666; margin:20px 0px 5px 0px; padding-top:20px; border-top:1px solid #CCC; text-align:left; }
.photo_gallery_description { margin:0px; font-size:11px; line-height:20px; text-align:left; }
.photo_gallery_container_tailgating { display:block; height:480px; width:620px; margin:0px 15px 0px 15px; padding:0px; text-align:left; background:url(images/content/gallery-frame-tailgating.png) no-repeat top center; }
.photo_gallery_container_about { display:block; height:363px; width:530px; margin:0px 15px 0px 15px; padding:0px; text-align:center; background:#FFF url(images/content/gallery-frame-about.png) no-repeat top center; }


/* Slideshow */
.slide_container { margin:20px 20px 30px 15px; padding:14px; background:#444; display:block; width:402px; height:270px; text-align:center; }
#s3slider { width: 400px; height: 268px; position: relative; overflow: hidden; border:1px solid #DDD; margin:0px; text-align:left; }
#s3sliderContent { width: 400px; position: absolute; top:0; margin:0px 0px 0px -15px; }
.s3sliderImage { float: left; position: relative; display: none; }
.s3sliderImage span { position:absolute; left:0; padding:15px 10px; margin:0px 0px 10px 0px; width:380px; background-color:#000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; color:#FFF; display:none; bottom:0; font-size:11px; font-weight:bold; }

/* Portfolio */
.portfolio_thumb { margin:0px 0px 0px 0px; border:3px solid #DDD; width:150px; height:150px; }
.portfolio_thumb_title { margin:5px 0px 20px 0px; width:150px; font-size:12px; font-weight:bold; color:#666; }
.portfolio_image { border:1px solid #DDD; margin-top:20px; }
.portfolio_menu { font-size:20px; color:#999; margin:0px 0px 10px 15px; }
.portfolio_title { font-size:20px; color:#369; margin:20px 0px 10px 0px; padding:0px 0px 5px 0px; text-align:left;  border-bottom:1px dotted #CCC; }
.portfolio_description { font-size:11px; line-height:18px; color:#333; margin:0px 0px 10px 0px; text-align:left; }

/* Map */
.map { width:850px; height:600px; border:5px solid #666; margin:20px 0px 20px 0px; }
.map_route { width:850px; margin:0px 0px 20px -5px; }

/* Captcha */
.recaptchatable, .recaptcha_image_cell { background-color:#EAEAEA !important; }
#recaptcha_table { border-color:#999 !important; }
#recaptcha_response_field { border-color:#999 !important; }

/* Display */
.display_open { display:block; }
.display_close { display:none; }

/* Modal */
#modal_fade { display:none; background:#000; position: fixed; left:0; top:0; width:100%; height:100%; opacity:.80; z-index:9999; }
.modal_block { display:none; background:#FFF; padding:10px; border:10px solid #DDD; float:left; font-size:10px; position:fixed; top:450px; left:50%; z-index:99999; }
.modal_close { color:#FFF; text-decoration:none; font-weight:bold; float: right; margin:-45px 0px 0px 0px; }
.modal_close a:link, .modal_close a:visited, .modal_close a:hover, .modal_close a:active { color:#FFF; text-decoration:none; font-weight:bold; }
