* { margin: 0; padding: 0; }
html { font: 80.5%/1.5 "Trebuchet MS", Verdana, Tahoma, sans-serif; color: #fff; height: 100%; min-height: 100%; }
body { min-height: 100%; height: 100%; background: #fff url(/css/cssimg/layout/main_bg.jpg) 50% 0 no-repeat; }
a, img, fieldset { outline: none; border: none; }
a { color: #2fbbf1; }
h1, h2, h3 , h4, h5, h6 { font-weight: bold; }
.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clear {display:inline-block;}
/* mac hide \*/
.clear {display:block;}
/* End hide from IE Mac */
#content .inner { background: url(/css/cssimg/layout/gradient_content.png) 0 95px no-repeat; }
#body_photo-video_overview #content .inner { min-height: 600px; height: auto !important; height: 600px; background: url(/css/cssimg/layout/gradient_content.png) 0 130px no-repeat; }
#body_photo-video_view #content .inner { min-height: 500px; height: auto !important; height: 500px; background: url(/css/cssimg/layout/gradient_content.png) 0 80px no-repeat; }
#container { margin: 50px auto; width: 900px; }
@media screen and (-webkit-min-device-pixel-ratio:0){ #container { position: relative; left: 2px; } }
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){ #container { position: relative; left: 2px; } }
/* Head images */
#header { min-height: 120px; height: auto !important; height: 120px; position: relative; background: url(/css/cssimg/layout/header_bg.jpg) no-repeat; }
#header:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#header #bkg { width: 900px; height: 120px; }
#header #bkg .tl { display: block; width: 5px; height: 5px; position: absolute; top: 0; left: 0; background: url(/css/cssimg/content/head_left.png) no-repeat; z-index: 99; visibility: visible; }
#header #bkg .tr { display: block; width: 5px; height: 5px; position: absolute; top: 0; right: 0; background: url(/css/cssimg/content/head_right.png) no-repeat; z-index: 99; visibility: visible; }
#body_photo-video_overview #header #bkg .tl, #body_photo-video_view #header #bkg .tl { display: block; width: 5px; height: 5px; position: absolute; top: 0; left: 0; background: url(/css/cssimg/content/gallery_head_left.png) no-repeat; }
#body_photo-video_overview #header #bkg .tr, #body_photo-video_view #header #bkg .tr { display: block; width: 5px; height: 5px; position: absolute; top: 0; right: 0; background: url(/css/cssimg/content/gallery_head_right.png) no-repeat; }
/* H1 change */
#body_photo-video_overview .inner h1, #body_events_overview h1, #body_news_archive .inner h1 { display: none; }
h1#logo { position: absolute; bottom: 0; left: 0; background: url(/css/cssimg/navigation/nav_opacity.png); }
h1#logo a { display: block; padding: 25px 27px 14px 18px; }
div#logo { position: absolute; bottom: 0; left: 0; background: url(/css/cssimg/navigation/nav_opacity.png); }
div#logo a { display: block; padding: 13px 26px 14px 18px; }
/* Main nav */
#main_navigation { list-style: none; position: absolute; top: 70px; left: 150px; }
#main_navigation li { float: left; height: 50px; background: url(/css/cssimg/navigation/nav_opacity.png); margin-right: 1px; }
#main_navigation li a { display: block; height: 50px; }
#main_navigation li#main_nav_events_en a, #main_navigation li#main_nav_events_hr a { padding-right: 82px; }
#main_navigation li#main_nav_events_en.active, #main_navigation li#main_nav_events_hr.active { background-position: -150px 0; }
#main_navigation li#main_nav_photo_video_en a, #main_navigation li#main_nav_photo_video_hr a { padding-right: 39px; }
#main_navigation li#main_nav_photo_video_en.active, #main_navigation li#main_nav_photo_video_hr.active { background: url(/css/cssimg/layout/fotogallery_content_bg.jpg) -300px 0 no-repeat !important; }
#main_navigation li#main_nav_club_en a, #main_navigation li#main_nav_club_hr a { padding-right: 93px; }
#body_news_club #main_navigation .active { background: url(/css/cssimg/layout/club_bg.jpg) -450px 0 no-repeat; }
#main_navigation li#main_nav_language_hr, #main_navigation li#main_nav_language_en { margin: -50px 0 0 700px; padding-right: 17px; }
#main_navigation li.active { padding-top: 10px; margin-top: -10px; }
#body_photo-video_overview #main_navigation li.active { background: url(/css/cssimg/navigation/nav_opacity.png); }
#audio_player { position: absolute; bottom: 0; right: 50px; }
#audio_player_object { outline: none; }
#content { min-height: 494px; height: auto !important; height: 494px; position: relative; }
/* Homepage content */
#content #news_container { margin: 0; padding: 0; min-height: 400px; height: auto !important; height: 400px; }
#content .news_content { padding: 67px 0 0 150px; width: 750px; min-height: 253px; height: auto !important; height: 253px; }
#content .news_content a { color: #2fbbf1; text-decoration: none; }
#content .news_content p, #content .news_content h2 { background: url(/css/cssimg/layout/news_opacity.png) repeat; }
#content .news_content h2 span { display: block; font-size: .6em; }
#content .news_content h2 { padding: 10px 50px 10px 20px; width: 40%; font-size: 1.4em; }
#content .news_content .story { padding: 10px 10px 20px 20px; width: 50%; }
#content .news_content div.story { padding: 0 3px 20px 20px; margin: 0; width: 51%; background: url(/css/cssimg/layout/news_opacity.png) repeat; }
#content .news_content2 { padding: 67px 0 0 50px; width: 750px; min-height: 253px; height: auto !important; height: 253px; }
#content .news_content div.story2 { padding: 0 3px 20px 20px; margin: 0; width: 71%; background: url(/css/cssimg/layout/news_opacity.png) repeat; }
#content .news_content div.story * { background: none !important; }
#content .news_content div.story h2, #content .news_content div.story h3 { width: 98%; padding-bottom: 10px; }
#content .news_content div.story h2 span, #content .news_content div.story h3 span { font-size: inherit; }
#content .news_content .user_actions { padding: 1px 20px 10px 20px; width: 33%; }
#content .story h2 { padding: 0 0 10px 0; }
#content .news_content2 p, #content .news_content2 h2 { background: url(/css/cssimg/layout/news_opacity.png) repeat; }
#content .news_content2 h2 span { display: block; font-size: .6em; }
#content .news_content2 h2 { padding: 10px 50px 10px 20px; width: 40%; font-size: 1.4em; }
#content .news_content2 .story2 { padding: 10px 10px 20px 20px; width: 70%; }
#content .news_content2 div.story2 { padding: 0 3px 20px 20px; margin: 0; width: 71%; background: url(/css/cssimg/layout/news_opacity.png) repeat; }
#content .news_content2 { padding: 67px 0 0 50px; width: 750px; min-height: 253px; height: auto !important; height: 253px; }
#content .news_content div.story2 { padding: 0 3px 20px 20px; margin: 0; width: 71%; background: url(/css/cssimg/layout/news_opacity.png) repeat; }
#content .news_content2 div.story2 * { background: none !important; }
#content .news_content2 div.story2 h2, #content .news_content div.story h3 { width: 98%; padding-bottom: 10px; }
#content .news_content2 div.story2 h2 span, #content .news_content div.story h3 span { font-size: inherit; }
#content .news_content2 .user_actions { padding: 1px 20px 10px 20px; width: 33%; }
#content .story h2 { padding: 0 0 10px 0; }
/* Prev & next buttons big ones */
.has_JS #next { position: absolute; right: -5px; top: 40%; margin-top: -65px; z-index: 10; }
.has_JS #prev { position: absolute; left: -5px; top: 40%; margin-top: -65px; z-index: 10; }
#body_photo-video_overview.has_JS #next { position: absolute; right: -5px; top: 50%; margin-top: -65px; z-index: 100; }
#body_photo-video_overview.has_JS #prev { position: absolute; left: -5px; top: 50%; margin-top: -65px; z-index: 100; }
#event_timeline { margin-top: 80px; background: url(/css/cssimg/layout/timeline.png) no-repeat; min-height: 84px; height: auto !important; height: 84px; clear: both; }
#event_timeline h2, #other_news h2 { display: none; }
#event_timeline:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#event_timeline ul { padding: 20px 0 0 18px; list-style: none; width: 600px; float: left; }
#body_photo-video_overview #event_timeline ul, #body_photo-video_view #event_timeline ul { width: 850px; }
#event_timeline ul li { float: left; position: relative; min-height: 36px; height: auto !important; height: 36px; width: 45px; text-align: center; }
#event_timeline ul li span { display: block; color: #fff; font-size: .8em; padding-bottom: 25px; margin-top: -5px; }
#event_timeline ul li span span{ display: none; }
#event_timeline ul li .date{ float: left; padding-right: 12px; }
#event_timeline ul li .last { float: right; padding-right: 0; }
#event_timeline ul li a { color: #fff; text-decoration: none; display: block; }
#event_timeline ul li.single_day_event { background: url(/css/cssimg/content/single_day_event_new.png) 0 0 no-repeat; margin: 0 5px; }
#event_timeline ul li.multiple_days_event { background: url(/css/cssimg/content/multiple_days_left.png) no-repeat; margin: 0 15px; }
#event_timeline ul li.multiple_days_event .right { background: url(/css/cssimg/content/multiple_days_right.png) no-repeat; display: block; width: 5px; height: 25px; position: absolute; right: -5px; top: 5px; }
#event_timeline ul .two_days { width: 60px; }
#event_timeline ul .many_days { width: 60px; }
#event_timeline ul li.first_day { min-height: 49px; height: auto !important; height: 49px; width: 30px; }
#event_timeline ul li.first_day span { position: absolute; bottom: -22px; left: 0; color: #2fbbf1; margin: 0; }
#event_timeline form { float: right; width: 250px; margin: 28px 17px 0 0; }
#event_timeline form input { border: none; padding: 4px; width: 175px; font-size: .9em; float: left; }
#event_timeline form button { border: none; background: none; margin: -1px 0 0 2px; padding: 0; float: left; }
@media screen and (-webkit-min-device-pixel-ratio:0){ #event_timeline form button { position: relative; top: 1px; left: 3px; } }
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){ #event_timeline form button { position: relative; top: 1px; left: 3px; } }
#other_news { background: #000 url(/css/cssimg/layout/other_news_border.gif) no-repeat; font-size: .8em; padding: 15px 0 10px 20px; min-height: 15px; height: auto !important; height: 15px; }
#other_news:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#other_news .prev_small, #other_news .current_title, #other_news .next_small, #other_news .current_title_num { float: left; }
#other_news .prev_small, #other_news .next_small { padding-top: 5px; }
#other_news .current_title { padding-left: 15px; }
#other_news .current_title a { text-decoration: none; color: #fff; }
#other_news .current_title_num { color: #2fbbf1; padding: 0 6px; }
#other_news #news_title_scroll { width: 750px; }
#other_news .news_archive { color: #2fbbf1; text-decoration: none; text-transform: uppercase; float: right; margin: 0 20px 0 0; }
.has_JS #other_news .news_archive { margin: -15px 20px 0 0; }
#body_news_homepage #other_news .news_archive { margin: 0 20px 0 0; }
/* Archive */
#body_news_archive .news_content { padding: 0 0 20px 150px; min-height: 130px; height: auto !important; height: 130px; }
#body_news_archive #content .inner { padding: 67px 0 0 0; }
.pagination { margin-left: 150px; width: 65%; }
.pagination a, .pagination strong { border: #2fbbf1 1px solid; text-decoration: none; padding: 3px 8px; margin-right: 5px; }
.pagination strong { color: #fff; background: #2fbbf1; }
/* Photo & video */
#body_photo-video_overview, #body_photo-video_view { background: #000 url(/css/cssimg/layout/fotogallery_bg.jpg) 50% 0 no-repeat; }
#body_photo-video_overview #content, #body_photo-video_view #content { background: url(/css/cssimg/layout/fotogallery_content_bg.jpg) 0 -60px no-repeat; }
#gallery_container div { width: 100%; }
#gallery_container ul { list-style: none; width: 650px; margin: 0 0 0 140px; min-height: 435px; height: auto !important; height: 435px; }
#body_photo-video_overview #gallery_container ul { padding-top: 50px; }
#gallery_container ul li { float: left; margin-left: 10px; margin-bottom: 20px; position: relative; width: 190px; background: url(/css/cssimg/navigation/nav_opacity.png); padding: 5px 5px 1px 5px; min-height: 185px; height: auto !important; height: 185px; }
#body_photo-video_view #gallery_container ul li { min-height: 70px; height: auto !important; height: 70px; }
#gallery_container ul li a { display: block; }
#body_photo-video_view #gallery_container ul li span { display: none; }
#body_photo-video_view #gallery_container ul li.video span { display: block; position: absolute; top: 0; left: 0; width: 80px; height: 86px; background: url(/css/cssimg/content/gallery_video_all.png) left bottom no-repeat; text-indent: -9999em; }
#body_photo-video_view #gallery_container ul li.video:hover span { background-position: top; }
#body_photo-video_view #gallery_container ul li.image:hover span { display: block; position: absolute; top: 0; left: 0; width: 80px; height: 86px; background: url(/css/cssimg/content/gallery_image_hover.png) no-repeat; text-indent: -9999em; }
#gallery_container ul li p { padding: 5px; font-size: .8em; width: 160px; }
#gallery_container ul li p .gallery_num { color: #2fbbf1; }
#gallery_container ul li p .image_num { position: absolute; top: 150px; right: 10px; color: #666; }
#body_photo-video_overview #event_timeline, #body_photo-video_view #event_timeline { clear: both; margin-top: 35px; background: url(/css/cssimg/layout/fotogallery_timeline.png) 0 1px no-repeat; min-height: 80px; height: auto !important; height: 80px; }
#body_photo-video_overview #event_timeline .active a span, #body_photo-video_view #event_timeline .active a span { color: #2fbbf1; }
#body_photo-video_overview #event_timeline .active, #body_photo-video_view #event_timeline .active { background: url(/css/cssimg/content/gallery_active_day.png) no-repeat; }
#body_photo-video_overview #event_timeline .first, #body_photo-video_view #event_timeline .first { width: 17px; background: url(/css/cssimg/content/gallery_first_day.png) no-repeat; }
#body_photo-video_overview #event_timeline .first span, #body_photo-video_view #event_timeline .first span { margin-left: -10px; }
#body_photo-video_overview #event_timeline .first.active, #body_photo-video_view #event_timeline .first.active { background: url(/css/cssimg/content/gallery_first_day_active.png) no-repeat; }
#body_photo-video_overview #event_timeline .first.active span, #body_photo-video_view #event_timeline .first.active span { padding-left: 8px; }
#gallery_indicator { clear: both; margin: -33px auto; text-align: center; height: 40px; }
#body_photo-video_view #gallery_indicator { margin: -20px auto; }
#gallery_indicator span { background: url(/css/cssimg/content/indicator.png) no-repeat; display: block; width: 4px; height: 40px; float: left; margin-right: 10px; }
#gallery_indicator span.active { background: url(/css/cssimg/content/indicator_active.png) no-repeat; }
/*view*/
#body_photo-video_view h1 { margin: 0 0 0 140px; padding: 50px 0 0 10px; font-size: 1.8em; font-weight: normal; }
#body_photo-video_view h1 span { color: #2fbbf1; }
#body_photo-video_view #gallery_container ul { min-height: 300px; height: auto !important; height: 300px; }
#body_photo-video_view #gallery_container ul.first_child { padding-top: 10px; }
#body_photo-video_view #gallery_container ul li { width: 70px; padding: 5px; margin-bottom: 10px; }
.return { float: right; margin: -15px 130px 0 0 }
/* club */
#body_news_club #content { background: url(/css/cssimg/layout/club_bg.jpg) 0 -60px no-repeat; }
#body_news_club #content .inner { background: url(/css/cssimg/layout/gradient_content.png) 0 470px no-repeat; min-height: 890px; height: auto !important; height: 890px; padding-top: 40px; }
#body_news_club #event_timeline { background: #000 url(/css/cssimg/layout/timeline.png) no-repeat;}
#club_container { min-height: 750px; height: auto !important; height: 750px; }
#club_description { background: url(/css/cssimg/layout/news_opacity.png) repeat; width: 360px; margin: 0 20px 0 40px; padding: 0 20px 20px 20px; float: left; display: inline; }
#club_description p { margin: 20px 0 0 0; }
#body_news_club h1 { background: url(/css/cssimg/layout/news_opacity.png) repeat; width: 200px; padding: 10px 20px 10px 20px; margin: 0 0 0 40px; }
#club_map { background: url(/css/cssimg/layout/news_opacity.png) repeat; float: left; width: 380px; padding: 0 20px 10px 20px; }
#club_map iframe { margin: 0 0 0 -20px; }
#club_map small { position: relative; }
#club_map small a { color: #2fbbf1; display: block; padding: 15px 20px; position: absolute; top: 10px; left: -20px; background: url(/css/cssimg/layout/news_opacity.png) repeat; width: 110px; font-size: 1.2em; }
#club_detailes { width: 370px; float: left; margin-top: -60px; }
#club_detailes h2 { background: url(/css/cssimg/layout/news_opacity.png) repeat; font-size: 2em; width: 80px; padding: 10px 20px 0 20px; }
#club_detailes p { background: url(/css/cssimg/layout/news_opacity.png) repeat; font-size: 1.4em; width: 370px; padding: 10px 20px 10px 20px; }
#club_detailes2 { width: 370px; float: left; margin-top: 10px; }
#club_detailes2 h2 { background: url(/css/cssimg/layout/news_opacity.png) repeat; font-size: 1.2em; width: 370px; padding: 10px 20px 0 20px; }
#club_detailes2 p { background: url(/css/cssimg/layout/news_opacity.png) repeat; font-size: 1em; width: 370px; padding: 10px 20px 10px 20px; }
#social_stuff { list-style: none; margin: 80px 0 0 160px; float: left; }
#social_stuff li { margin-bottom: 10px; width: 260px; height: 80px; }
#social_stuff .facebook { background: url(/css/cssimg/logos/face_big.png) no-repeat; }
#social_stuff .myspace { background: url(/css/cssimg/logos/myspace_big.png) no-repeat; }
#social_stuff li span { display: block; width: 120px; font-size: .9em; padding: 15px 10px 10px 10px; }
#social_stuff li a { color: #fff; text-decoration: none; }
/* System messages */
.system_message { margin: -29px 0 10px 0; }
.error { color: red; }
/* 404 & 403 */
#body_error_404 #content,#body_error_403 #content { background: url(/images/content/home_img.jpg) no-repeat; }
#body_error_404 #content .inner h1 { padding: 10px 0; }
#body_error_404 #content .error_404 p { padding: 10px 0; }
#body_error_404 #content .error_404 ul { margin: 0 0 0 15px; }
/* Footer */
#footer { background: url(/css/cssimg/layout/footer.png) no-repeat; padding: 30px 0 20px 20px; position: relative; }
#footer .inner { float: left; }
#footer div.last_child{ padding-left: 20px; padding-bottom: 10px; margin-left: 20px; background: url(/css/cssimg/layout/footer_separator.gif) left top repeat-y; }
#footer ul { list-style: none; }
#footer ul li { float: left; margin-right: 20px; }
#footer div.last_child ul li { float: left; margin-right: 10px; }
#footer ul li.last_child { margin-right: 0; }
#footer p { color: #000; text-transform: uppercase; font-size: .6em; padding-bottom: 10px; }
#body_photo-video_overview #footer p, #body_photo-video_view #footer p { color: #fff; }
#footer #copyright { clear: both; width: 180px; margin: 0 auto; padding-top: 20px; text-align: center; }
#contact_us { background: url(/css/cssimg/content/contact.png) no-repeat; display: block; padding: 13px 0 20px 45px; position: absolute; bottom: 40px; right: 40px; text-decoration: none; font-size: 1em; text-transform: uppercase; color: #204A60; font-weight: bold; }
#contact_us_en { background: url(/css/cssimg/content/contact.png) no-repeat; display: block; padding: 13px 0 20px 45px; position: absolute; bottom: 40px; right: 90px; text-decoration: none; font-size: 1em; text-transform: uppercase; color: #204A60; font-weight: bold; }
#body_photo-video_overview #contact_us, #body_photo-video_overview #contact_us_en { color: #fff; }