/* #Tablet (Landscape) ================================================== */ @media only screen and (max-width: 979px) { } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 979px) { #main,.main{width:768px;} #header{width:768px;height:129px;background:url(/images/bkgd/header780.jpg) no-repeat;} #header .menupos{display:none;} #header .bighead{display:none;} #header .info1{display:none;} #header .info2{position:absolute;top:32px;left:445px;width:80px;} #header .info3{position:absolute;top:32px;left:525px;width:86px;} #header .info4{position:absolute;top:32px;left:611px;width:73px;} #header .logo2{display:none;} #header .menu_icon{display:block;cursor:pointer;position:absolute;right:0;top:0;width:80px;height:78px;background:url(/images/bkgd/menu-rollover.png) no-repeat;z-index:100000;} #header .menu_useful{display:none;} #header .iconhome{position:absolute;width:20px;top:4px;left:282px;} #header .iconcollections{position:absolute;width:73px;top:6px;left:305px;} #header .iconpress{position:absolute;width:31px;top:11px;left:436px;} #header .iconnews{position:absolute;width:31px;top:11px;left:389px;} #header .iconfree{position:absolute;width:61px;top:11px;right:80px;} #header .iconphone{position:absolute;width:114px;top:10px;right:158px;} #header .iconfollow{position:absolute;width:57px;top:38px;right:136px;} #header .iconfacebook{position:absolute;width:19px;top:34px;right:80px;} #header .icontwitter{position:absolute;width:19px;top:34px;right:105px;} #header .iconcontact{position:absolute;width:66px;top:68px;right:80px;} #header .activemenu{display:none;} #header .mainmenu{position:absolute;width:768px;top:91px;left:0;background-color:#fff;} #search_bar{position:absolute;top:0;left:99px;background:url(/images/bkgd/search2.jpg) #e5e5e5 no-repeat;width:669px;height:38px;z-index:1000;} #search_bar .input{position:absolute;left:88px;top:13px;width:142px;background:transparent;border:0px solid #000;color:#7a8682;font-size:11px;} #search_bar .submit{position:absolute;right:4px;top:6px;} #header_iphone{position:relative;display:block;width:100%;background-color:#fdfbfb;} #header_iphone .iphone_menu{position:absolute;z-index:5000000;top:0;left:0;display:block;width:100%;background-color:#fdfbfb;} #header_iphone .header{} #header_iphone .content{position:relative;width:100%;display:none;background-color:#fdfbfb;} #header_iphone .content_useful{position:relative;width:100%;display:none;background-color:#fdfbfb;} #header_iphone .iphone_menu_useful{position:absolute;z-index:5000000;top:-150px;left:0;display:block;width:100%;background-color:#fdfbfb;} #header_iphone ul{margin:0;padding:0;} #header_iphone ul ul{display:none;background:url(/images/bkgd/menu-rollover.png);} #header_iphone ul ul li{border:none;padding:0;border-top:1px solid #e4e4e4;padding-top:6px;margin-top:6px;} #header_iphone ul li{display:block;width:100%;margin:0;padding:6px 0;font-size:14px;border-top:1px solid #e4e4e4;color:#7a8682;text-align:center;} #header_iphone ul li.dropdown{} #header_iphone ul li.header_menu{border:none;} #header_iphone ul li a:link,#header_iphone ul li a:visited,#header_iphone ul li a:hover,#header_iphone ul li a:active{display:block;width:100%;color:#7a8682;text-decoration:none;font-family:"FS Me Web Regular",arial;} #header_iphone ul li.dropdown{background:url(/images/bkgd/arrow-menu.jpg) no-repeat right 5px;} /*homepage notice*/ #home .slideshow_col1{position:relative;display:block;float:left;width:100%;height:361px;} #home .slideshow_col2{display:block;float:left;width:100%;height:340px;background-color:#d1d9d6;} #home .slideshow_miniblock{position:relative;width:100%;height:112px;border-bottom:1px solid #212125;} #home .slideshow_miniblock2{position:relative;width:100%;height:113px;} #home .slideshow_miniblock3{display:none;} #home .miniblock_text{position:absolute;top:2px;left:9px;width:759px;} #home .miniblock_text h3{margin:2px 0 4px 0;} #home .miniblock_arrow{position:absolute;bottom:13px;right:2px;width:20px;height:20px;} #home .main_col1{display:block;float:left;width:100%;} #home .main_col2{display:block;float:left;width:312px;margin-left:232px;} #home .main_col2cc{display:block;float:left;width:95%;padding-left:12px;} #home .mod_col1{display:block;float:left;width:312px;padding-right:12px;padding-left:15px;} #home .mod_col2{display:block;float:left;width:312px;padding-right:12px;padding-left:55px;} #home .download_col{display:block;float:left;width:150px;padding-right:68px;padding-left:15px;} #home .download_col a:link,#home .download_col a:visited,#home .download_col a:active {color:#df003b;text-decoration:underline;font-weight:normal;} #home .download_col a:hover{text-decoration:none;} #home .download_col p{margin:0;line-height:14px;} #home .download_col h3{margin:11px 0 6px 0;} #home .about_col{display:block;float:left;width:474px;padding-right:12px;padding-bottom:10px;} #home .aboutbox{position:relative;width:474px;margin-top:-4px;} #home .aboutbox p{margin-bottom:0;} #home .aboutmain_overlay{position:absolute;top:0;right:0px;width:162px;} #home .abouttitle{} #home .abouttitle h3{margin:14px 0 0 0;} #home .abouttext2{position:absolute;width:140px;top:10px;right:10px;} #home .aboutmain_overlay p{margin:0;} #home .twitter_col{position:relative;display:block;float:left;width:156px;background:url(/images/bkgd/twitter.jpg) no-repeat;height:186px;margin-top:-1px;margin-left:232px;} #home .largeintro img{display:block;width:100%;height:auto;} #home .main_col2new{display:block;float:left;width:63%;} #home .main_col1new{display:block;float:left;width:35%;margin-right:2%;background-color:#d1d9d6;} #home .collection_inner{position:relative;width:100%;} #home .collection_inner img{display:block;width:100%;height:auto;} #home .collection_overlay{position:absolute;bottom:0;left:0;width:100%;background:url(/images/bkgd/collection_overlay.png) repeat;height:26px;} #home .collection_inner2{width:95%;border-bottom:1px solid #a5b2ad;padding:7px 15px 12px 10px;} #home .collection_inner2b{width:95%;border-bottom:1px solid #a5b2ad;padding:0 15px 12px 10px;} #home .collection_inner3{width:95%;padding:7px 15px 12px 10px;} #home .collection_overlay45{position:absolute;bottom:0;left:0;width:100%;background:url(/images/bkgd/collection_overlay2.png) repeat;height:26px;} #home .overlay_inner{padding:5px 12px 0 12px;} #home .minicol1{display:block;float:left;width:306px;padding-right:12px;} #home .minicol1r{display:block;float:left;width:95%;} #home .minicol1b{position:relative;display:block;float:left;width:50%;z-index:10;} #home .minicol1b p{margin:0;} #home .minicol1c{position:relative;display:block;float:left;width:45%;} #home .minicol1d{position:relative;display:block;float:left;width:45%} #home .minicol1e{position:relative;display:block;float:left;width:50%;margin-top:15px;} #home .minicol1e p{margin:0;} #home .minicol1f{position:relative;display:block;float:left;width:312px;} #home .minicol1f p{margin:0;} #home .breadcrumbinner{display:none;} #home .mystery_text1{position:absolute;top:133px;left:12px;width:109px;} #home .mystery_text2{position:absolute;top:0px;left:160px;width:316px;} #home .superminicol1{display:block;float:left;width:100%;padding-right:12px;} #home .superminicol2{display:block;float:left;width:100%;} #slideshow{position:absolute;width:768px;height:287px;} #slideshow div.slide{position:absolute;width:768px;height:287px;} #slideshow_text {position:absolute;left:0;top:287px;width:768px;height:74px;background-color:#7b8481;} #slideshow_text .progress span a {display:block;float:left;width:37px;height:33px;padding-top:5px;color:#7db8a2;text-align:center;background-color:#fff;font-size:20px;margin:0 1px;} #slideshow_text .progress span.selected a{color:#fff;background-color:#7db8a2;} #slideshow_text .text{position:absolute;left:9px;top:89px;width:145px;} #slideshow_text .overlay_link p{margin:0;} #home_scroll1{display:block;} #home_scroll2,#home_scroll3,#home_scroll4{display:none;} #slideshow_text .date{z-index:1000;position:absolute;left:0px;top:0;width:171px;background-color:#7db8a2;height:74px;color:#212125;padding:0px 10px;border-right:1px solid #fff;} #slideshow_text .date2{z-index:1000;position:absolute;left:192px;top:0;width:171px;background-color:#7db8a2;height:74px;color:#212125;padding:0px 10px;border-right:1px solid #fff;} #slideshow_text .date3{z-index:1000;position:absolute;left:384px;top:0;width:171px;background-color:#7db8a2;height:74px;color:#212125;padding:0px 10px;border-right:1px solid #fff;} #slideshow_text .date4{z-index:1000;position:absolute;left:576px;top:0;width:172px;background-color:#7db8a2;height:74px;color:#212125;padding:0px 10px;} #slideshow_text .datepos{z-index:1000;position:absolute;left:0px;top:0;width:171px;background-color:#7b8481;height:74px;color:#212125;padding:0px 10px;border-right:1px solid #fff;} #slideshow_text .datepos2{z-index:1000;position:absolute;left:192px;top:0;width:171px;background-color:#7b8481;height:74px;color:#212125;padding:0px 10px;border-right:1px solid #fff;} #slideshow_text .datepos3{z-index:1000;position:absolute;left:384px;top:0;width:171px;background-color:#7b8481;height:74px;color:#212125;padding:0px 10px;border-right:1px solid #fff;} #slideshow_text .datepos4{z-index:1000;position:absolute;left:576px;top:0;width:172px;background-color:#7b8481;height:74px;color:#212125;padding:0px 10px;} #slideshow_text .datepos h3{color:#c0c8c5;} #slideshow_text .datepos2 h3{color:#c0c8c5;} #slideshow_text .datepos3 h3{color:#c0c8c5;} #slideshow_text .datepos4 h3{color:#c0c8c5;} #slideshow_text .text{position:absolute;left:9px;top:89px;width:190px;} #slideshow_text .overlay_link{z-index:101;position:absolute;left:0px;top:-320px;width:648px;height:320px;} #footer {width:100%;background:url(/images/bkgd/grid-footer1.jpg) repeat;margin-top:-1px;} #footer ul{margin:0 0 0 0;padding:0 0 0 0;} #footer ul li {color:#212125;font-size:11px;line-height:16px;list-style:none;} #footer ul li a:link,#footer ul li a:visited {color:#212125;text-decoration:none;font-weight:normal;} #footer ul li a:hover {color:#212125;text-decoration:underline;} #footer .supercol{display:block;float:left;width:256px;height:200px;} #footer .supercol2{display:block;float:left;width:256px;height:200px;} #footer .supercol3{display:block;float:left;width:256px;height:200px;} #footer .supercol4{display:block;float:left;width:313px;padding-left:59px;padding-right:0;padding-bottom:10px;} #footer .supercol5{display:block;float:left;width:308px;padding-right:180px;} #footer .supercol6{display:block;float:left;width:256px;height:200px;} #footer .supercol7{display:block;float:left;width:256px;height:200px;} #footer h3{font-size:14px;margin:8px 0 4px 0;color:#df003b;font-weight:500;} #footer .cockerel{display:none;} #footer .cockerel2{display:block;border-bottom:2px solid #d20038;height:32px;width:100%} #footer .cockerelalign{margin:0 auto;} #shortcuts ul{margin:10px 0 0 0;padding:0 0 0 0;} #shortcuts ul li {color:#212125;font-size:14px;line-height:19px;list-style:none;} #shortcuts ul li a:link,#shortcuts ul li a:visited {color:#212125;text-decoration:none;font-weight:normal;} #shortcuts ul li a:hover {color:#212125;text-decoration:underline;} #footer2 {width:100%;background:url(/images/bkgd/grid-footer2.jpg) repeat;height:414px;} #footer2 .container{position:relative;width:768px;} #footer2 .mystery{position:absolute;top:-17px;right:0;width:383px;height:272px;background:url(/images/bkgd/mysteryfooter2.png) no-repeat;} #footer2 .mysterytext{position:absolute;top:25px;left:50px;width:225px;} #footer2 .mysteryimage{position:absolute;top:-10px;left:220px;width:100px;} #footer2 .maincopy{position:absolute;top:6px;left:0;width:410px;} #footer2 h2{font-size:18px;margin:10px 0 12px 0;color:#1f1e00;font-weight:500;} #footer2 p{margin:8px 0;color:#1f1e00;font-size:11px;line-height:15px;font-weight:normal;} #footer2 .maincopy p{line-height:18px;} #footer2 a:link,#footer2 a:visited,#footer2 a:active {color:#1f1e00;text-decoration:underline;font-weight:bold;} #footer2 a:hover{text-decoration:none;} #footer2 a.yellow:link,#footer2 a.yellow:visited,#footer2 a.yellow:active {color:#e7e102;text-decoration:none;font-weight:normal;} #footer2 a.yellow:hover{text-decoration:underline;} #footer2 a.black:link,#footer2 a.black:visited,#footer2 a.black:active {color:#1f1e00;text-decoration:none;font-weight:normal;} #footer2 a.black:hover{text-decoration:underline;} #footer2 .footerlogo{float:left;display:block;padding-right:22px;} #footer2 .logotop{padding-top:230px;} /*events*/ #events .events_main_col1{position:relative;display:block;float:left;width:16%;} #events .events_main_col2{display:block;float:left;width:84%;} #events .events_main_col2a{display:block;float:left;width:304px;padding:0 12px;} #events .events_main_col2b{display:block;float:left;width:312px;} #events .event_item_col1{display:block;float:left;width:143px;padding-right:10px;} #events .event_item_col2{display:block;float:left;width:311px;} #events .breadcrumb img{display:inline;padding:0 4px 0 4px;} #events .breadcrumb a:link,#events .breadcrumb a:visited,#events .breadcrumb a:active {margin:5px 0;color:#212125;font-size:11px;line-height:15px;text-decoration:none;font-weight:normal;} #events .breadcrumb span{font-size:11px;color:#df003b;} #events .breadcrumb p{margin:0;} #events .breadcrumbinner{display:none;} #events .maint{padding:41px 0 6px 12px;} #events .info{padding:0 0 3px 12px;margin-top:-4px;} #events .event_cat_box_border{padding-top:2px;border-top:1px solid #ccc;} #events .event_cat_box_no_border{padding-top:0px;border-top:0px solid #fff;} #events_slider{position:absolute;left:0px;top:130px;width:130px;} #events_slider ul{margin:13px 0 9px 0;padding:0 0 0 0;list-style:none;} #events_slider ul li {padding-left:15px;color:#212125;font-size:14px;list-style:none;line-height:18px;background:url(/images/buttons/calendar-arrow.png) 0 4px no-repeat;} #events_slider ul li a:link,#events_slider ul li a:visited {color:#212125;text-decoration:none;font-weight:normal;} #events_slider ul li a:hover {color:#212125;text-decoration:underline;} /*gallery*/ #gallery{width:768px;} #gallery .gallery,#gallery .gallery2,#gallery .gallery2a{display:block;float:none;clear:both;width:100%;margin:0 0 10px 0;padding:0;} #gallery img{display:block;width:100%;height:auto;} #gallery .hide_img_overlay_square,#gallery .img_overlay_square{display:none;} #gallery .rightbox{display:block;float:left;width:768px;height:208px;padding-left:12px;padding-top:15px;} #gallery .rightbox img{display:block;width:53px;height:24px;} #gallery .rightbox p{margin:0;} #gallery .container2{width:768px;border-bottom:1px solid #a5b2ad;padding:0 0 12px 0;} #home .container2{width:768px;border-bottom:1px solid #a5b2ad;padding:0 0 12px 0;margin-bottom:19px;} #news .top_news_col1{display:block;float:left;width:312px;} #news .top_news_col2{display:block;float:left;width:224px;} #news .top_news_col1 p,#news .top_news_col2 p{margin:0;} #news .top_news_col3{display:block;float:left;width:232px;} #news .top_news_outer{position:relative;width:100%;} #news .news_main_col1{display:block;float:left;width:536px;} #news .news_main_col2{display:block;float:left;width:232px;} #news .news_items_col1{display:block;float:left;width:521px;padding-top:10px;padding-left:15px;} #news .news_items_col2{display:block;float:left;width:521px;padding:10px 0 0 15px;} #news .news_item_col1{display:block;float:left;width:294px;padding:0 12px 0 0;} #news .news_item_col2{display:block;float:left;width:150px;} #news .news_img{position:relative;width:100%;} #news .news_img_overlay{display:none;position:absolute;top:0;right:0;width:156px;height:214px;background:url(/images/buttons/read.png) no-repeat;} #news .news_img_inner{padding:40px 5px;} #news .news_img_link{position:absolute;bottom:8px;right:34px;} #news .news_blog{background-color:#d1d9d6;} #news .news_blog_inner{background-color:#d1d9d6;padding:5px 12px;} #news .divider{clear:both;font-size:1px;line-height:1px;border-top:1px solid #999;margin-top:10px;width:636px;} #news .divider2{clear:both;font-size:1px;line-height:1px;border-top:1px solid #999;margin-top:10px;} #news .news_archive_date{color:#ff0000;} #news .news_filter{position:absolute;width:300px;bottom:0;left:0;} #news .small_col2{display:block;float:left;width:156px;} /*news-articles*/ #news .news_article{background-color:#517677;height:325px;} #news .news_article_col1{display:block;float:left;width:50%;} #news .news_article_col2{display:block;float:left;width:50%;} #news .news_article_col2 p{margin-top:40px;font-size:14px;} #news .news_article_col2_inner{padding:10px 10px 10px 100px;} #news .news_article_col2_inner p{font-size:14px;} #news .news_article_col1a{display:block;float:left;width:20%;padding-top:20px;padding-bottom:10px;padding-left:15px;} #news .news_article_col2b{display:block;float:left;width:70%;padding-top:20px;padding-bottom:10px;} #news .news_articles_items_col1{display:block;float:left;width:33%;padding-left:12px;} #news .news_articles_items_col2{display:block;float:left;width:33%;padding:0 12px;} #news .news_articles_items_col3{display:block;float:left;width:33%;} } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 1px) and (max-width: 767px) { #main,.main{width:480px;} #header{width:480px;height:182px;background:url(/images/bkgd/iphone-header.jpg) #d20038 no-repeat;} #header .menupos{display:none;} #header .info1{display:none;} #header .info2{display:none;} #header .info3{display:none;} #header .info4{display:none;} #header .logo{display:none;} #header .logo_iphone{display:block;position:absolute;width:120px;top:26px;left:-33px;z-index:1000;} #header .menu_icon{display:block;cursor:pointer;overflow:hidden;position:absolute;right:0px;top:41px;width:80px;height:78px;background:url(/images/bkgd/menu-rollover.png) no-repeat;} #header .menu_useful{display:block;cursor:pointer;position:absolute;right:12px;top:5px;width:155px;height:24px;background:url(/images/bkgd/button-useful.png) no-repeat;z-index:100000;} #header .bighead{display:none;} #header .iconhome{display:none;} #header .iconcollections{display:none;} #header .iconpress{display:none;} #header .iconnews{display:none;} #header .iconfree{display:none;} #header .iconphone{display:none;} #header .iconfollow{display:none;} #header .iconfacebook{display:none;} #header .icontwitter{display:none;} #header .iconcontact{display:none;} #header .activemenu{display:none;} #header .mainmenu{position:absolute;width:480px;top:91px;left:0;background-color:#fff;} #search_bar{position:absolute;top:53px;left:0;background:url(/images/bkgd/search3.jpg) #e5e5e5 no-repeat;width:480px;height:38px;z-index:1000;margin-left:0;} #search_bar .input{position:absolute;left:88px;top:13px;width:142px;background:transparent;border:0px solid #000;color:#7a8682;font-size:11px;} #search_bar .submit{position:absolute;right:4px;top:6px;} #header_iphone{position:relative;display:block;width:100%;background-color:#fdfbfb;} #header_iphone .iphone_menu{position:absolute;z-index:5000000;top:0;left:0;display:block;width:100%;background-color:#fdfbfb;} #header_iphone .header{} #header_iphone .content_useful{position:relative;width:100%;display:none;background-color:#fdfbfb;} #header_iphone .iphone_menu_useful{position:absolute;z-index:5000000;top:-150px;left:0;display:block;width:100%;background-color:#fdfbfb;} #header_iphone .content{position:relative;width:100%;display:none;background-color:#fdfbfb;} #header_iphone ul{margin:0;padding:0;} #header_iphone ul ul{display:none;background:url(/images/bkgd/menu-rollover.png);} #header_iphone ul ul li{border:none;padding:0;border-top:1px solid #e4e4e4;padding-top:6px;margin-top:6px;} #header_iphone ul li{display:block;width:100%;margin:0;padding:6px 0;font-size:14px;border-top:1px solid #e4e4e4;color:#7a8682;text-align:center;} #header_iphone ul li.dropdown{} #header_iphone ul li.header_menu{border:none;} #header_iphone ul li a:link,#header_iphone ul li a:visited,#header_iphone ul li a:hover,#header_iphone ul li a:active{display:block;width:100%;color:#7a8682;text-decoration:none;font-family:"FS Me Web Regular",arial;} #header_iphone ul li.dropdown{background:url(/images/bkgd/arrow-menu.jpg) no-repeat right 5px;} /*homepage notice*/ #home .slideshow_col1{position:relative;display:block;float:left;width:480px;height:397px;} #home .slideshow_col2{display:block;float:left;width:480px;height:340px;background-color:#d1d9d6;margin-top:40px;} #home .slideshow_miniblock{position:relative;width:100%;height:112px;border-bottom:1px solid #212125;} #home .slideshow_miniblock2{position:relative;width:100%;height:113px;} #home .slideshow_miniblock3{display:none;} #home .miniblock_text{position:absolute;top:2px;left:9px;width:471px;} #home .miniblock_text h3{margin:2px 0 4px 0;} #home .miniblock_arrow{position:absolute;bottom:13px;right:2px;width:20px;height:20px;} #home .main_col1{display:block;float:left;width:100%;} #home .main_col2{display:block;float:left;width:312px;padding-left:84px;} #home .main_col2cc{display:block;float:left;width:95%;padding-left:12px;} #home .mod_col1{display:block;float:left;width:312px;padding-left:84px;padding-right:0;} #home .mod_col2{display:block;float:left;width:312px;padding-left:84px;padding-right:0;} #home .download_col{display:block;float:left;width:150px;padding-left:84px;} #home .download_col a:link,#home .download_col a:visited,#home .download_col a:active {color:#df003b;text-decoration:underline;font-weight:normal;} #home .download_col a:hover{text-decoration:none;} #home .download_col p{margin:0;line-height:14px;} #home .download_col h3{margin:11px 0 6px 0;} #home .about_col{display:block;float:left;width:474px;padding-right:0px;padding-bottom:10px;} #home .aboutbox{position:relative;width:474px;margin-top:-4px;} #home .aboutbox p{margin-bottom:0;} #home .aboutmain_overlay{position:absolute;top:0;right:0px;width:162px;} #home .abouttitle{} #home .abouttitle h3{margin:14px 0 0 0;} #home .abouttext2{position:absolute;width:140px;top:10px;right:10px;} #home .aboutmain_overlay p{margin:0;} #home .twitter_col{position:relative;display:block;float:left;width:156px;background:url(/images/bkgd/twitter.jpg) no-repeat;height:186px;margin-top:-1px;margin-left:84px;} #home .largeintro img{display:block;width:100%;height:auto;} #home .main_col2new{display:block;float:left;width:100%;} #home .main_col1new{display:block;float:left;width:100%;background-color:#d1d9d6;} #home .collection_inner{position:relative;width:480px;} #home .collection_inner img{display:block;width:480px;height:auto;} #home .collection_overlay{position:absolute;bottom:0;left:0;width:480px;background:url(/images/bkgd/collection_overlay.png) repeat;height:26px;} #home .collection_inner2{width:95%;border-bottom:1px solid #a5b2ad;padding:7px 15px 12px 10px;} #home .collection_inner2b{width:95%;border-bottom:1px solid #a5b2ad;padding:0 15px 12px 10px;} #home .collection_inner3{width:95%;padding:7px 15px 12px 10px;} #home .collection_overlay45{position:absolute;bottom:0;left:0;width:100%;background:url(/images/bkgd/collection_overlay2.png) repeat;height:26px;} #home .overlay_inner{padding:5px 12px 0 12px;} #home .minicol1{display:block;float:left;width:100%;} #home .minicol1r{display:block;float:left;width:95%;} #home .minicol1b{position:relative;display:block;float:left;width:95%;z-index:10;} #home .minicol1b img{display:block;width:100%;height:auto;} #home .small_overlay{position:absolute;bottom:0;left:0;width:97.3%;background:url(/images/bkgd/small-overlay.png) repeat;height:52px;font-size:11px;} #home .minicol1b p{margin:0;} #home .minicol1c{position:relative;display:block;float:left;width:95%;} #home .minicol1d{position:relative;display:block;float:left;width:95%} #home .minicol1e{position:relative;display:block;float:left;width:95%;margin-top:15px;padding-right:12px;} #home .minicol1e p{margin:0;} #home .minicol1e img{display:block;width:100%;height:auto;} #home .minicol1f{position:relative;display:block;float:left;width:312px;padding-right:9px;} #home .minicol1f p{margin:0;} #home .breadcrumbinner{display:none;} #home .mystery_text1{position:absolute;top:133px;left:12px;width:109px;} #home .mystery_text2{position:absolute;top:0px;left:160px;width:316px;} #home .superminicol1{display:block;float:left;width:100%;padding-right:12px;} #home .superminicol2{display:block;float:left;width:100%;} #slideshow{position:absolute;width:480px;height:287px;} #slideshow div.slide{position:absolute;width:480px;height:287px;} #slideshow div.slide img{width:100%;height:auto;} #slideshow_text {position:absolute;left:0;top:287px;width:480px;height:74px;background-color:#7b8481;} #slideshow_text .progress span a {display:block;float:left;width:37px;height:33px;padding-top:5px;color:#7db8a2;text-align:center;background-color:#fff;font-size:20px;margin:0 1px;} #slideshow_text .progress span.selected a{color:#fff;background-color:#7db8a2;} #slideshow_text .date{z-index:1000;position:absolute;left:0;top:49px;width:180px;background-color:#7db8a2;height:49px;color:#212125;padding:0px 10px;margin-top:-11px;} #slideshow_text .text{position:absolute;left:9px;top:89px;width:145px;} #slideshow_text .overlay_link p{margin:0;} #home_scroll1{display:block;} #home_scroll2,#home_scroll3,#home_scroll4{display:none;} #slideshow_text .date{z-index:1000;position:absolute;left:0px;top:10px;width:218px;background-color:#7db8a2;height:74px;color:#212125;padding:0px 10px;border-right:1px solid #fff;} #slideshow_text .date2{z-index:1000;position:absolute;left:240px;top:0;width:219px;background-color:#7db8a2;height:74px;color:#212125;padding:0px 10px;} #slideshow_text .date3{z-index:1000;position:absolute;left:0px;top:75px;width:218px;background-color:#7db8a2;height:74px;color:#212125;padding:0px 10px;border-right:1px solid #fff;} #slideshow_text .date4{z-index:1000;position:absolute;left:239px;top:75px;width:219px;background-color:#7db8a2;height:74px;color:#212125;padding:0px 10px;} #slideshow_text .datepos{z-index:1000;position:absolute;left:0px;top:0;width:218px;background-color:#7b8481;height:74px;color:#212125;padding:0px 10px;border-right:1px solid #fff;} #slideshow_text .datepos2{z-index:1000;position:absolute;left:240px;top:0;width:219px;background-color:#7b8481;height:74px;color:#212125;padding:0px 10px;} #slideshow_text .datepos3{z-index:1000;position:absolute;left:0px;top:75px;width:218px;background-color:#7b8481;height:74px;color:#212125;padding:0px 10px;border-right:1px solid #fff;} #slideshow_text .datepos4{z-index:1000;position:absolute;left:239px;top:75px;width:219px;background-color:#7b8481;height:74px;color:#212125;padding:0px 10px;} #slideshow_text .datepos h3{color:#c0c8c5;} #slideshow_text .datepos2 h3{color:#c0c8c5;} #slideshow_text .datepos3 h3{color:#c0c8c5;} #slideshow_text .datepos4 h3{color:#c0c8c5;} #slideshow_text .text{position:absolute;left:9px;top:89px;width:190px;} #slideshow_text .overlay_link{z-index:101;position:absolute;left:0px;top:-320px;width:648px;height:320px;} #footer {width:100%;background:url(/images/bkgd/grid-footer1.jpg) repeat;margin-top:-1px;} #footer ul{margin:0 0 0 0;padding:0 0 0 0;} #footer ul li {color:#212125;font-size:11px;line-height:16px;list-style:none;} #footer ul li a:link,#footer ul li a:visited {color:#212125;text-decoration:none;font-weight:normal;} #footer ul li a:hover {color:#212125;text-decoration:underline;} #footer .supercol{display:block;float:left;width:225px;height:200px;padding-left:15px;} #footer .supercol2{display:block;float:left;width:225px;height:200px;padding-left:15px;} #footer .supercol3{display:block;float:left;width:225px;height:200px;padding-left:15px;} #footer .supercol4{display:block;float:left;width:313px;padding-left:9px;padding-right:0;padding-bottom:10px;} #footer .supercol5{display:block;float:left;width:308px;padding-left:85px;padding-right:0;padding-bottom:10px;} #footer .supercol6{display:block;float:left;width:130px;height:200px;padding-left:15px;} #footer .supercol7{display:block;float:left;width:225px;height:200px;padding-left:165px;} #footer h3{font-size:14px;margin:8px 0 4px 0;color:#df003b;font-weight:500;} #footer .cockerel{display:none;} #footer .cockerel2{display:block;border-bottom:2px solid #d20038;height:32px;width:100%} #footer .cockerelalign{margin:0 auto;} #shortcuts ul{margin:10px 0 0 0;padding:0 0 0 0;} #shortcuts ul li {color:#212125;font-size:14px;line-height:19px;list-style:none;} #shortcuts ul li a:link,#shortcuts ul li a:visited {color:#212125;text-decoration:none;font-weight:normal;} #shortcuts ul li a:hover {color:#212125;text-decoration:underline;} #footer2 .logotop{padding-top:430px;} #footer2 {width:100%;background:url(/images/bkgd/grid-footer2.jpg) repeat;height:814px;} #footer2 .container{position:relative;width:480px;} #footer2 .mystery{position:absolute;top:-17px;left:48px;width:432px;height:272px;background:url(/images/bkgd/mysteryfooter2.png) no-repeat;} #footer2 .maincopy{position:absolute;top:276px;left:15px;width:440px;} #footer2 .footerlogo{float:left;display:block;padding-right:42px;padding-left:10px;height:130px;} /*events*/ #events .events_main_col1{position:relative;display:block;float:left;width:35%;} #events .events_main_col2{display:block;float:left;width:65%;} #events .events_main_col2a{display:block;float:left;width:300px;padding:0 12px;} #events .events_main_col2b{display:block;float:left;width:312px;} #events .event_item_col1{display:block;float:left;width:143px;padding-right:10px;} #events .event_item_col2{display:block;float:left;width:311px;} #events .breadcrumb img{display:inline;padding:0 4px 0 4px;} #events .breadcrumb a:link,#events .breadcrumb a:visited,#events .breadcrumb a:active {margin:5px 0;color:#212125;font-size:11px;line-height:15px;text-decoration:none;font-weight:normal;} #events .breadcrumb span{font-size:11px;color:#df003b;} #events .breadcrumb p{margin:0;} #events .breadcrumbinner{display:none;} #events .maint{padding:41px 0 6px 12px;} #events .info{padding:0 0 3px 12px;margin-top:-4px;} #events .event_cat_box_border{padding-top:2px;border-top:1px solid #ccc;} #events .event_cat_box_no_border{padding-top:0px;border-top:0px solid #fff;} #events_slider{position:absolute;left:0px;top:130px;width:130px;} #events_slider ul{margin:13px 0 9px 0;padding:0 0 0 0;list-style:none;} #events_slider ul li {padding-left:15px;color:#212125;font-size:14px;list-style:none;line-height:18px;background:url(/images/buttons/calendar-arrow.png) 0 4px no-repeat;} #events_slider ul li a:link,#events_slider ul li a:visited {color:#212125;text-decoration:none;font-weight:normal;} #events_slider ul li a:hover {color:#212125;text-decoration:underline;} #gallery{width:480px;} #gallery .gallery,#gallery .gallery2,#gallery .gallery2a{display:block;float:none;clear:both;width:100%;margin:0 0 10px 0;padding:0;} #gallery img{display:block;width:100%;height:auto;} #gallery .hide_img_overlay_square,#gallery .img_overlay_square{display:none;} #gallery .rightbox{display:block;float:left;width:480px;height:208px;padding-left:12px;padding-top:15px;padding-right:12px;} #gallery .rightbox img{display:block;width:53px;height:24px;} #gallery .rightbox p{margin:0;} #gallery .container2{width:480px;border-bottom:1px solid #a5b2ad;padding:0 0 12px 0;} #home .container2{width:480px;border-bottom:1px solid #a5b2ad;padding:0 0 12px 0;margin-bottom:19px;} #news .top_news_col1{display:block;float:left;width:100%;} #news .top_news_col2{display:block;float:left;width:100%;} #news .top_news_col1 p,#news .top_news_col2 p{margin:0;} #news .top_news_col3{display:block;float:left;width:100%;} #news .top_news_outer{position:relative;width:100%;} #news .news_main_col1{display:block;float:left;width:100%} #news .news_main_col2{display:block;float:left;width:100%} #news .news_items_col1{display:block;float:left;width:95%;padding-top:10px;padding-left:15px;} #news .news_items_col2{display:block;float:left;width:95%;padding:10px 0 0 15px;} #news .news_item_col1{display:block;float:left;width:60%;padding:0 12px 0 0;} #news .news_item_col2{display:block;float:left;width:34%;} #news .news_img{position:relative;width:100%;} #news .news_img_overlay{display:none;position:absolute;top:0;right:0;width:156px;height:214px;background:url(/images/buttons/read.png) no-repeat;} #news .news_img_inner{padding:40px 5px;} #news .news_img_link{position:absolute;bottom:8px;right:34px;} #news .news_blog{background-color:#d1d9d6;} #news .news_blog_inner{background-color:#d1d9d6;padding:5px 12px;} #news .divider{clear:both;font-size:1px;line-height:1px;border-top:1px solid #999;margin-top:10px;width:636px;} #news .divider2{clear:both;font-size:1px;line-height:1px;border-top:1px solid #999;margin-top:10px;} #news .news_archive_date{color:#ff0000;} #news .news_filter{position:absolute;width:300px;bottom:0;left:0;} #news .small_col2{display:block;float:left;width:156px;} /*news-articles*/ #news .news_article{background-color:#517677;} #news .news_article_col1{display:block;float:left;width:100%;} #news .news_article_col2{display:block;float:left;width:100%;background-color:#517677;} #news .news_article_col2 p{margin-top:40px;font-size:14px;} #news .news_article_col2_inner{padding:10px 10px 10px 10px;} #news .news_article_col2_inner p{font-size:14px;} #news .news_article_col1a{display:block;float:left;width:20%;padding-top:20px;padding-bottom:10px;padding-left:15px;} #news .news_article_col2b{display:block;float:left;width:70%;padding-top:20px;padding-bottom:10px;} #news .news_articles_items_col1{display:block;float:left;width:95%;padding-left:12px;} #news .news_articles_items_col2{display:block;float:left;width:95%;padding:0 12px;} #news .news_articles_items_col3{display:block;float:left;width:95%;} #news .news_article_image{width:100%;height:auto;} /*slider*/ #template_slider_overflow,#template_slider{width:480px;height:auto;color:#fff;} #template_slider .outer,#template_slider .inner{display:block;position:static;width:100%;left:0;height:auto;} #template_slider .box{display:block;float:none;width:480px;height:auto;clear:both;margin:20px 0 0 0;padding:0;} #template_slider .box img{display:block;width:100%;height:auto;} #template_slider .overlay{background:none;} #template_slider .box:nth-child(12), #template_slider .box:nth-child(13), #template_slider .box:nth-child(14), #template_slider .box:nth-child(15), #template_slider .box:nth-child(16), #template_slider .box:nth-child(17), #template_slider .box:nth-child(18), #template_slider .box:nth-child(19), #template_slider .box:nth-child(20), #template_slider .box:nth-child(21), #template_slider .box:nth-child(22) {display:none;} #template_slider .sliderleft,#template_slider .sliderright{display:none;} } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 479px) { #main,.main{width:320px;} #header{width:320px;} #header .mainmenu{position:absolute;width:320px;top:91px;left:0;background-color:#fff;} #header .menu_useful{display:block;cursor:pointer;position:absolute;right:12px;top:5px;width:155px;height:24px;background:url(/images/bkgd/button-useful.png) no-repeat;z-index:100000;} #search_bar{position:absolute;top:53px;left:0;background:url(/images/bkgd/search3.jpg) #e5e5e5 no-repeat;width:320px;height:38px;z-index:1000;margin-left:0;} #search_bar .input{position:absolute;left:88px;top:13px;width:142px;background:transparent;border:0px solid #000;color:#7a8682;font-size:11px;} #search_bar .submit{position:absolute;right:4px;top:6px;} #footer .supercol{display:block;float:left;width:145px;height:200px;padding-left:15px;} #footer .supercol2{display:block;float:left;width:145px;height:200px;padding-left:15px;} #footer .supercol3{display:block;float:left;width:145px;height:200px;padding-left:15px;} #footer .supercol4{display:block;float:left;width:313px;padding-left:3px;padding-right:0;padding-bottom:10px;} #footer .supercol5{display:block;float:left;width:308px;padding-left:9px;padding-right:0;padding-bottom:10px;} #footer .supercol6{display:block;float:left;width:130px;height:200px;padding-left:15px;} #footer .supercol7{display:block;float:left;width:225px;height:200px;padding-left:85px;} #footer h3{font-size:14px;margin:8px 0 4px 0;color:#df003b;font-weight:500;} #footer .cockerel{position:absolute;top:0;width:100%;left:-415px;} #shortcuts ul{margin:10px 0 0 0;padding:0 0 0 0;} #shortcuts ul li {color:#212125;font-size:14px;line-height:19px;list-style:none;} #shortcuts ul li a:link,#shortcuts ul li a:visited {color:#212125;text-decoration:none;font-weight:normal;} #shortcuts ul li a:hover {color:#212125;text-decoration:underline;} #footer2 {width:100%;} #footer2 .container{position:relative;width:320px;} #footer2 .maincopy{position:absolute;top:261px;left:15px;width:300px;} #footer2 .mystery{position:absolute;overflow:hidden;top:-17px;left:-30px;width:350px;height:272px;background:url(/images/bkgd/mysteryfooter2.png) no-repeat;} /*homepage notice*/ #home .slideshow_col1{position:relative;display:block;float:left;width:320px;height:253px;} #home .slideshow_col2{display:block;float:left;width:320px;height:340px;background-color:#d1d9d6;margin-top:40px;} #home .slideshow_miniblock{position:relative;width:100%;height:112px;border-bottom:1px solid #212125;} #home .slideshow_miniblock2{position:relative;width:100%;height:113px;} #home .slideshow_miniblock3{display:none;} #home .miniblock_text{position:absolute;top:2px;left:9px;width:311px;} #home .miniblock_text h3{margin:2px 0 4px 0;} #home .miniblock_arrow{position:absolute;bottom:13px;right:2px;width:20px;height:20px;} #home .main_col1{display:block;float:left;width:320px;} #home .main_col2{display:block;float:left;width:312px;padding-left:4px;} #home .mod_col1{display:block;float:left;width:312px;padding-left:4px;padding-right:0;} #home .mod_col2{display:block;float:left;width:312px;padding-left:4px;padding-right:0;} #home .download_col{display:block;float:left;width:150px;padding-left:4px;} #home .download_col a:link,#home .download_col a:visited,#home .download_col a:active {color:#df003b;text-decoration:underline;font-weight:normal;} #home .download_col a:hover{text-decoration:none;} #home .download_col p{margin:0;line-height:14px;} #home .download_col h3{margin:11px 0 6px 0;} #home .about_col{display:block;float:left;width:312px;padding-left:4px;padding-bottom:10px;} #home .aboutbox{position:relative;width:312px;margin-top:-4px;} #home .aboutbox p{margin-bottom:0;} #home .aboutmain_overlay{position:absolute;top:0;right:0px;width:162px;} #home .abouttitle{} #home .abouttitle h3{margin:14px 0 0 0;} #home .abouttext2{position:absolute;width:140px;top:10px;right:10px;} #home .aboutmain_overlay p{margin:0;} #home .twitter_col{position:relative;display:block;float:left;width:156px;background:url(/images/bkgd/twitter.jpg) no-repeat;height:186px;margin-top:-1px;margin-left:4px;} #home .largeintro img{display:block;width:100%;height:auto;} #home .main_col2new{display:block;float:left;width:100%;} #home .main_col1new{display:block;float:left;width:100%;background-color:#d1d9d6;} #home .collection_inner{position:relative;width:100%;} #home .collection_inner img{display:block;width:320px;height:auto;} #home .collection_overlay{position:absolute;bottom:0;left:0;width:320px;background:url(/images/bkgd/collection_overlay.png) repeat;height:52px;} #home .collection_overlay45{position:absolute;bottom:0;left:0;width:100%;background:url(/images/bkgd/collection_overlay2.png) repeat;height:52px;} #home .overlay_inner{padding:5px 12px 0 12px;} #home .small_overlay{position:absolute;bottom:0;left:0;width:96%;background:url(/images/bkgd/small-overlay.png) repeat;height:52px;font-size:11px;} #home .mystery_text1{position:absolute;top:133px;left:12px;width:60px;} #home .mystery_text2{position:absolute;top:0px;left:100px;width:210px;} #home .minicol1f{position:relative;display:block;float:left;width:312px;padding-right:13px;} #home .minicol1f p{margin:0;} #slideshow{position:absolute;width:320px;height:287px;} #slideshow div.slide{position:absolute;width:100%;height:287px;zoom:50%;} #slideshow_text .progress span a {display:block;float:left;width:37px;height:33px;padding-top:5px;color:#7db8a2;text-align:center;background-color:#fff;font-size:20px;margin:0 1px;} #slideshow_text .progress span.selected a{color:#fff;background-color:#7db8a2;} #slideshow_text {position:absolute;left:0;top:143px;width:320px;height:74px;background-color:#7b8481;} #slideshow_text .overlay_link p{margin:0;} #home_scroll1{display:block;} #home_scroll2,#home_scroll3,#home_scroll4{display:none;} #slideshow_text .date{z-index:1000;position:absolute;left:0px;top:10px;width:139px;background-color:#7db8a2;height:74px;color:#212125;padding:0px 10px;border-right:1px solid #fff;} #slideshow_text .date2{z-index:1000;position:absolute;left:160px;top:0;width:140px;background-color:#7db8a2;height:74px;color:#212125;padding:0px 10px;} #slideshow_text .date3{z-index:1000;position:absolute;left:0px;top:75px;width:139px;background-color:#7db8a2;height:74px;color:#212125;padding:0px 10px;border-right:1px solid #fff;} #slideshow_text .date4{z-index:1000;position:absolute;left:160px;top:75px;width:140px;background-color:#7db8a2;height:74px;color:#212125;padding:0px 10px;} #slideshow_text .datepos{z-index:1000;position:absolute;left:0px;top:0;width:139px;background-color:#7b8481;height:74px;color:#212125;padding:0px 10px;border-right:1px solid #fff;} #slideshow_text .datepos2{z-index:1000;position:absolute;left:160px;top:0;width:140px;background-color:#7b8481;height:74px;color:#212125;padding:0px 10px;} #slideshow_text .datepos3{z-index:1000;position:absolute;left:0px;top:75px;width:139px;background-color:#7b8481;height:74px;color:#212125;padding:0px 10px;border-right:1px solid #fff;} #slideshow_text .datepos4{z-index:1000;position:absolute;left:160px;top:75px;width:140px;background-color:#7b8481;height:74px;color:#212125;padding:0px 10px;} #slideshow_text .datepos h3{color:#c0c8c5;} #slideshow_text .datepos2 h3{color:#c0c8c5;} #slideshow_text .datepos3 h3{color:#c0c8c5;} #slideshow_text .datepos4 h3{color:#c0c8c5;} #slideshow_text .text{position:absolute;left:9px;top:89px;width:190px;} #slideshow_text .overlay_link{z-index:101;position:absolute;left:0px;top:-158px;width:320px;height:158px;} /*events*/ #events .events_main_col1{position:relative;display:block;float:left;width:100%;} #events .events_main_col2{display:block;float:left;width:100%;} #events .events_main_col2a{display:block;float:left;width:300px;padding:0 12px;} #events .events_main_col2b{display:block;float:left;width:312px;} #events .event_item_col1{display:block;float:left;width:143px;padding-right:10px;} #events .event_item_col2{display:block;float:left;width:311px;} #events .breadcrumb img{display:inline;padding:0 4px 0 4px;} #events .breadcrumb a:link,#events .breadcrumb a:visited,#events .breadcrumb a:active {margin:5px 0;color:#212125;font-size:11px;line-height:15px;text-decoration:none;font-weight:normal;} #events .breadcrumb span{font-size:11px;color:#df003b;} #events .breadcrumb p{margin:0;} #events .breadcrumbinner{display:none;} #events .maint{padding:41px 0 6px 12px;} #events .info{padding:0 0 3px 12px;margin-top:-4px;} #events .event_cat_box_border{padding-top:2px;border-top:1px solid #ccc;} #events .event_cat_box_no_border{padding-top:0px;border-top:0px solid #fff;} #events_slider{display:none;} #events_slider ul{margin:13px 0 9px 0;padding:0 0 0 0;list-style:none;} #events_slider ul li {padding-left:15px;color:#212125;font-size:14px;list-style:none;line-height:18px;background:url(/images/buttons/calendar-arrow.png) 0 4px no-repeat;} #events_slider ul li a:link,#events_slider ul li a:visited {color:#212125;text-decoration:none;font-weight:normal;} #events_slider ul li a:hover {color:#212125;text-decoration:underline;} #news .top_news_col3{display:block;float:left;width:98%;padding-left:4px;} #news .news_main_col1{display:block;float:left;width:100%} #news .news_main_col2{display:block;float:left;width:100%} #news .news_items_col1{display:block;float:left;width:95%;padding-top:10px;padding-left:15px;} #news .news_items_col2{display:block;float:left;width:95%;padding:10px 0 0 15px;} #news .news_item_col1{display:block;float:left;width:100%;padding:0 12px 0 0;} #news .news_item_col2{display:block;float:left;width:95%;} #news .news_article_col1a{display:block;float:left;width:30%;padding-top:20px;padding-bottom:10px;padding-left:15px;} #news .news_article_col2b{display:block;float:left;width:60%;padding-top:20px;padding-bottom:10px;} #news .news_article_image{width:100%;height:auto;} /*contact*/ label.twocolcheck{width:240px;} #map-canvas{width:100%;height:150px;} #template_slider_overflow,#template_slider{width:320px;} #template_slider .box{width:320px;} #gallery{width:320px;} #gallery .gallery,#gallery .gallery2,#gallery .gallery2a{display:block;float:none;clear:both;width:100%;margin:0 0 10px 0;padding:0;} #gallery img{display:block;width:100%;height:auto;} #gallery .hide_img_overlay_square,#gallery .img_overlay_square{display:none;} #gallery .rightbox{display:block;float:left;width:320px;height:258px;padding-left:12px;padding-top:15px;padding-right:12px;} #gallery .rightbox img{display:block;width:53px;height:24px;} #gallery .rightbox p{margin:0;} #gallery .container2{width:320px;border-bottom:1px solid #a5b2ad;padding:0 0 12px 0;} #home .container2{width:320px;border-bottom:1px solid #a5b2ad;padding:0 0 12px 0;margin-bottom:19px;} /*contact form footer*/ label.twocol2{padding-right:0;} input.twocol2{display:block;float:left;font-size:12px;color:#212125;margin:3px 0;padding-right:0;width:120px;border:1px solid #a5b2ad;background-color:#a5b2ad;} }