* {margin: 0 auto; padding: 0; font-size: 12px; font-family: Arial, Helvetica, Sans-Serif;  color: #000000;} /*#8bc2cb */
img {border: 0;}
iframe {border: 0;}
body {width: 100%; text-align: center; background: #ffffff  url(/images/bg-line.jpg) repeat-x;}

.fb {font-weight: bold;}
.cl {clear: left;}
.clfl {clear: left; float: left;}
.fl {float: left;}
.fr {float: right;}
.tc {text-align: center;}
.tl {text-align: left;}
.h10 {height: 10px;}
.h40 {height: 40px;}
.inline-header {font-size: 14px; color: #0011ff; font-weight: bold;}
.inline-header-red {font-size: 14px; color: #ff1439; font-weight: bold;}
img {border: 0;}
.ls {list-style: none; list-style-type: none;}

a {text-decoration: underline; color: #0011ff; font-size: 14px;}
a:hover {color: #ff1439;}

a.nav {text-decoration: none; color: #000000;  font-weight: bold;}
a.nav:hover {color: #0011ff;}

a.nav2 {text-decoration: none; color: #6f8bab;  font-weight: bold;}
a.nav2:hover {color: #0011ff;}

a.footer-nav {text-decoration: none; color: #2590b7; font-weight: bold;}
a.footer-nav:hover {color: #0011ff;}

a.passey {text-decoration: none; color: #2590b7; font-size: 10px;}
a.passey:hover {color: #0011ff;}

a.challenge {text-decoration: none; color: #0011ff;  font-weight: bold; font-size: 14px;}
a.challenge:hover {color: #000000;}

a.photo-gallery {text-decoration: none; color: #0011ff;  font-weight: bold; font-size: 12px; display: block; padding: 6px;}
a.photo-gallery:hover {color: #ff1439; background-color: #ffe98d;}

a.u-list {text-decoration: underline; color: #000000; font-size: 14px;}
a.u-list:hover {color: #0011ff;}

a.download {text-decoration: underline; color: #0011ff; font-size: 14px;}
a.download:hover {color: #ff1439;}

a.news-list {text-decoration: none; color: #0011ff; font-size: 14px; width: 284px; display: block; padding: 4px; border: #aaaaaa solid 1px;}
a.news-list:hover {color: #ff1439; background-color: #ffe98d;}

a.info {text-decoration: none; color: #000000;  font-weight: bold; display: block; height: 21px; padding: 9px 12px 0 12px;}
a.info:hover {color: #0011ff;}

h1 {display: none;}
#container {text-align: center; width: 100%; }
#container2 {width: 981px; position: relative; z-index: 10;}

/* header  */
#header {clear: left; width: 981px; height: 151px; background: url(/images/bg-header2.jpg) no-repeat;}
#mobile-logo {display: none;}
#signup {position: absolute; top: 13px; margin: 0 0 0 795px; background-color: #28a2c6; width: 163px; height: 42px; padding-top: 7px;}
#signup form {background-color: #28a2c6;}
#signup-input {width: 127px; height: 20px; background-color: #ffffff; border: 0; position: relative; top: -4px;}
#address {position: absolute; top: 72px; margin: 0 0 0 775px; width: 183px;  text-align: right; font-weight: bold; line-height: 20px;}
#challenge-container { margin: 10px 0 0 0;}

#signup2 {position: absolute; top: 13px; margin: 0 0 0 795px; background-color: #28a2c6; width: 163px; height: 42px; padding-top: 7px;}
#signup2 form {background-color: #28a2c6;}
#signup2-input {width: 127px; height: 20px; background-color: #ffffff; border: 0; position: relative; top: -4px;}
#address2 {position: absolute; top: 72px; margin: 0 0 0 775px; width: 183px;  text-align: right; font-weight: bold; line-height: 20px;}
#brochureD {position: absolute; top: 13px; margin: 0 0 0 608px;}

/* nav  */
#nav {clear: left; width: 981px; height: 34px; background: url(/images/bg-nav.jpg) no-repeat; list-style: none; list-style-type: none;}
#nav li {float: left; width: 89px; text-align: center;   margin-top: 11px; }
#nav-educators {padding-left: 1px;}
#view720 {position: absolute; background-color: #dce4f0; left: 625px; list-style: none; list-style-type: none; padding: 9px 0 3px 15px; margin: 0; width: 73px; text-align: left; z-index: 2000;}
#view720 li {height: 20px;}
#information {position: absolute; background-color: #dce4f0; left: 536px; list-style: none; list-style-type: none; padding: 9px 0 3px 15px; margin: 0; width: 73px; text-align: left; z-index: 2000;}
#information li {height: 20px;}
#webcam_pages {position: absolute; background-color: #dce4f0; left: 447px; list-style: none; list-style-type: none; padding: 9px 0 3px 15px; margin: 0; width: 73px; text-align: left; z-index: 2000;}
#webcam_pages li {height: 20px;}
.webpad {padding-left: 5px;}

/* slides  */
#slides {z-index:100;}
#slc-slide {clear: left; width: 977px; height: 333px; border-left: 1px solid #bfdfea; border-right: 1px solid #bfdfea; border-bottom: 1px solid #bfdfea; padding: 0 1px 1px 1px; background-color: #ffffff;}
#slc-slide-page {clear: left; width: 977px; height: 251px; border-left: 1px solid #bfdfea; border-right: 1px solid #bfdfea; border-bottom: 1px solid #bfdfea; padding: 0 1px 1px 1px; background-color: #ffffff;}
#slc-slide-bones {clear: left; width: 977px; height: 649px; border-left: 1px solid #bfdfea; border-right: 1px solid #bfdfea; border-bottom: 1px solid #bfdfea; padding: 0 1px 1px 1px; background-color: #ffffff;}
#slc-slide-cave {clear: left; width: 977px; height: 638px; border-left: 1px solid #bfdfea; border-right: 1px solid #bfdfea; border-bottom: 1px solid #bfdfea; padding: 0 1px 1px 1px; background-color: #ffffff;}
#slc-slide-statue {clear: left; width: 977px;  border-left: 1px solid #bfdfea; border-right: 1px solid #bfdfea; border-bottom: 1px solid #bfdfea; padding: 0 1px 1px 1px; background-color: #ffffff;}
#slc-slide-FAQ {clear: left; width: 977px; height: 251px; border-left: 1px solid #bfdfea; border-right: 1px solid #bfdfea; border-bottom: 1px solid #bfdfea; padding: 0 1px 1px 1px; background-color: #ffffff;}
#slc-slide-store {clear: left; width: 977px; height: 638px; border-left: 1px solid #bfdfea; border-right: 1px solid #bfdfea; border-bottom: 1px solid #bfdfea; padding: 0 1px 1px 1px; background-color: #ffffff;}

/* windows */
#windows {clear: left; width: 977px; height: 134px; border: 1px solid #bfdfea; padding: 1px 1px 1px 1px; background: #ffffff; text-align: left;}
.windows-home {position: absolute; left: 0; top: 517px;}
#windows2 {clear: left; width: 977px; height: 134px; background:url(/images/bg-windows.jpg) no-repeat;}
#windows h2 {color: #0011ff; font-size: 18px; height: 46px; width: 160px; margin: 0; padding: 0;}
#window-01 {clear: left; float: left; width: 303px; height: 116px; padding: 8px 11px 12px 12px;}
#window-02 {float: left; width: 303px; height: 116px; padding: 8px 11px 12px 12px;}
#window-03 {float: left; width: 303px; height: 116px; padding: 8px 0 12px 12px;}
.window-01-left {clear: left; float: left; width: 172px; height: 116px;}
.window-01-right {float: left; width: 127px; height: 113px; margin: 3px 0 0 3px;}
.read-more {clear: left; margin: 6px 0 0 30px;}

.window-01-right img {width: 127px;}

/* footer  */
#footer {clear: left; width: 977px; height: 98px; border-left: 1px solid #bfdfea; border-right: 1px solid #bfdfea; border-bottom: 1px solid #bfdfea; padding: 0 1px 1px 1px; background-color: #ffffff;}
.footer-home {position: absolute; left: 0; top: 655px;}
#footer-window {clear: left; width: 977px; height: 98px; background-color: #e6f6fc; text-align: center;}
#footer-nav {clear: left; margin: 0; padding: 14px 0 14px 0; text-align: center; width: 100%; list-style: none; list-style-type: none;}
#footer-nav li {display: inline; margin: 0 17px 0 17px;}
#social-media {clear: left; width: 125px; list-style: none; list-style-type: none;}
#social-media li {float: left;}
#footer p {clear: left; font-size: 10px; color: #2590b7; padding-top: 4px;}

/* page */
#page-body {clear: left; float: left; width: 977px; background-color: #ffffff; border-left: 1px solid #bfdfea; border-right: 1px solid #bfdfea; padding: 0 1px 0 1px;}
#page-body-weather {clear: left; float: left; width: 977px; background-color: #cae3e6; border-left: 1px solid #bfdfea; border-right: 1px solid #bfdfea; padding: 0 1px 0 1px;}
#page-body-webcam {clear: left; float: left; width: 977px; height: 520px; background-color: #27a1c5; border-left: 1px solid #bfdfea; border-right: 1px solid #bfdfea; padding: 18px 1px 0 1px;}
#page-body-photo-gallery {clear: left; float: left; width: 977px; height: 500px; background-color: #27a1c5; border-left: 1px solid #bfdfea; border-right: 1px solid #bfdfea; padding: 0 1px 0 1px;}

.about-body-height {height: 273px;}
.ticket-body-height {height: 300px;}
.curriculum-body-height {height: 509px;}
.info-body-height {height: 646px;}
.info-whales-body-height {height: 646px;}
.info-bones-body-height {height: 426px;}
.info-statue-body-height {height: 446px;}
.info-faq-body-height {height: 646px;}
.info-links-body-height {height: 646px;}
.map-body-height {height: 886px;}
.contact-body-height {height: 516px;}
.news-body-height {height: 416px;}
.cart-body-height {height: 500px;}

#page-body-left {clear: left; float: left; text-align: left;}
#page-body-left h2 {font-size: 38px; color: #60b5d2;}
#page-body-left h2.weather {color: #2992b9; width: 180px; padding: 26px 13px 26px 26px; }
#webcam-left {clear: left; float: left; padding: 0 13px 0 13px; width: 260px;}
#page-body-left h2.gallery {clear: left; padding: 28px 13px 0 33px; color: #a7d0d5; font-size: 32px; text-align: right; width: 180px;}
#page-body-left h2.gallery2 {clear: left; padding: 28px 13px 0 33px; color: #a7d0d5; font-size: 32px; text-align: right; width: 180px;}
#page-body-left h3 {font-size: 24px; color: #218eb6;}
#page-body-left h4 {font-size: 14px; color: #0011ff; margin-top: 8px;}
#page-body-left p {font-size: 14px; line-height: 18px; text-indent: 30px;}
#page-body-left p.about {text-indent: 0;}
#page-body-left p.tickets {line-height: 20px; text-indent: 0;}
#page-body-left p.curriculum {line-height: 20px; text-indent: 0;}
#page-body-left p.map {text-indent: 0;}
#info-page-body-left {clear: left; float: left; text-align: left;}
#info-page-body-left h2 {font-size: 38px; color: #60b5d2;}
#info-page-body-left p {font-size: 14px; line-height: 18px; text-indent: 30px;}

.left-about {height: 264px; width: 551px; padding: 8px 13px 0 13px;}
.left-ticket {height: 254px; width: 551px; padding: 8px 13px 0 13px;}
.left-curriculum {height: 500px; width: 551px; padding: 8px 13px 0 13px;}
.left-info {width: 733px; padding: 8px 13px 0 13px;}
.left-map {width: 626px; padding: 8px 13px 0 13px;}

#page-body-right {float: left; text-align: left;}
#page-body-right h2 {font-size: 38px; color: #2590b7;}
#page-body-right h3 {font-size: 18px; color: #000000;}
#page-body-right h4 {font-size: 14px; color: #0011ff; margin-top: 8px;}
#page-body-right h4 span {font-size: 14px; color: #0011ff; margin-top: 8px;}

.right-about {background-color: #d3e8eb; padding: 8px 13px 0 13px; height: 264px;  width: 374px;}
.right-ticket {background-color: #d3e8eb; padding: 8px 13px 0 13px; height: 291px;  width: 374px;}
.right-curriculum {height: 500px; width: 374px;}
.right-info {background-color: #2590b7; padding: 8px 5px 0 13px; height: 420px; width: 200px;}
.right-info-whales {background-color: #2590b7; padding: 8px 5px 0 13px; height: 420px; width: 200px;}
.right-info-bones {background-color: #2590b7; padding: 8px 5px 0 13px; height: 200px; width: 200px;}
.right-info-statue {background-color: #2590b7; padding: 8px 5px 0 13px; height: 220px; width: 200px;}
.right-info-faq {background-color: #2590b7; padding: 8px 5px 0 13px; height: 420px; width: 200px;}
.right-info-links {background-color: #2590b7; padding: 8px 5px 0 13px; height: 638px; width: 200px;}
.right-map {background-color: #d3e8eb; padding: 8px 5px 0 13px; height: 877px; width: 306px;}
.right-contact {background-color: #d3e8eb; padding: 8px 5px 0 13px; height: 506px; width: 307px; border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff;}
.right-news {background-color: #d3e8eb; padding: 8px 5px 0 13px; height: 406px; width: 307px; border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff;}
.right-testimonial {background-color: #2590b7; padding: 8px 5px 0 13px; height: 638px; width: 200px;}

/* about */
#ask-left {clear: left; float: left; width: 139px;}
#ask-left ul {margin: 6px 0 0 16px;}
#ask-left li {margin-bottom: 8px; }
#ask-right {float: left; width: 235px;}
#ask-right ul {margin: 6px 0 0 16px;}
#ask-right li {margin-bottom: 8px; }

/* tickets */
#cost-admission {clear: left; float: left; width: 374px;}
#cost-admission ul {margin: 6px 0 0 16px;}
#cost-admission li {margin-bottom: 8px; font-size: 14px;}
#cost-admission p {font-size: 10px; margin-top: -2px;}
#cost-admission img {margin-top: -10px;}

/* curriculum */
#curriculum-right-top {background-color: #ffe98d; padding: 16px 13px 0 13px; width: 374px; height: 140px;}
#curriculum-right-top p {font-size: 14px; line-height: 18px;}
#curriculum-right-bottom {background-color: #d3e8eb; padding: 8px 13px 0 13px; width: 374px; height: 344px;}
#curriculum-right-bottom p {font-size: 14px; line-height: 18px; padding-bottom: 14px;}
#for-educators-left {clear: left; float: left; margin: 6px 0 0 16px; width: 250px;}
#for-educators-left li {margin-bottom: 8px; font-size: 14px;}
#for-educators-right {float: left; margin: 6px 0 0 35px; width: 250px;}
#for-educators-right li {margin-bottom: 8px; font-size: 14px; overflow: visible;}

/* weather */
#accuweather {float: left; margin-top: 30px; width: 728px; height: 90px; background-image: url( http://vortex.accuweather.com/adcbin/netweather_v2/backgrounds/clouds_728x90_bg.jpg ); background-repeat: no-repeat;}
#NetweatherContainer {height: 74px;}

/* webcam */
#webcam-rtsp {float: left; margin: 20px; position: relative; z-index: 1}
#webcam-nav {list-style: none; list-style-type: none; margin: 16px 0 0 0;   background: url(/images/bg-webcam-nav-2.jpg) no-repeat; height: 32px;}
/*
#wn01  {padding: 8px 0 0 3px;}
#wn02  {padding: 8px 0 0 8px;}
#wn03  {padding: 8px 0 0 13px;}
*/
#wn01  {width: 83px; text-align: center; padding-top: 8px;}
#wn02  {width: 83px; text-align: center; padding-top: 8px;}
#wn03  {width: 83px; text-align: center; padding-top: 8px;}

/* photo gallery */
#thumb-gallery {float: left; width: 604px; height: 477px; margin-top: 28px; list-style: none; list-style-type: none;}
#thumb-gallery li {float: left; width: 120px; height: 122px; margin: 0 20px 20px 0; background-color: #ffffff; padding-top: 10px; }
#gallery-image {float: left; width: 604px; height: 477px; margin-top: 28px; list-style: none; list-style-type: none;}
#photo-nav {clear: left; list-style: none; list-style-type: none; background-color: #cae3e6; border-top: 1px solid #ffffff; width: 120px; margin: 30px 0 0 30px; padding: 0;}
#photo-nav li {clear: left; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; border-left: 1px solid #ffffff;}
.gallery-photo {width: 600px; height: 400px;}

/* info */
#info-nav {clear: left; list-style: none; list-style-type: none; background-color: #cae3e6; height: 34px; width: 758px; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff;}
#info-nav li {float: left; }
.info-list {font-size: 14px; font-weight: bold; display: block; height: 21px; padding: 9px 10px 0 10px;}
#content_1 {clear: left; height: 530px; overflow:auto; margin-top: 10px;}
#content_1 p {padding-top: 4px; text-indent: 30px;}
#content_1 p.inline-header {padding-top: 4px; text-indent: 0px;}
#cave-history p {padding-top: 4px; text-indent: 0px;}
#content_1 p.links {padding-top: 4px; text-indent: 0px;}
#content_1 p.FAQ {padding-top: 4px; text-indent: 0px;}

#content_2 {clear: left; height: 530px; overflow:auto; margin-top: 10px;}
#content_2 p {padding-top: 4px; text-indent: 30px;}
#content_2 p.inline-header {padding-top: 4px; text-indent: 0px;}

/* ie 10 specific styles */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    #info-nav {width: 756px;}
}  

/* sea lions */
#facts-sea-lions {margin-left: 16px; margin-top: 4px;}
#facts-sea-lions li {font-size: 14px; line-height: 18px; margin-bottom: 4px;}

/* sea lions */
#facts-gull {margin-left: 16px; margin-top: 4px;}
#facts-gull li {font-size: 14px; line-height: 18px; margin-bottom: 4px;}
#facts-cormorant {margin-left: 16px; margin-top: 4px;}
#facts-cormorant li {font-size: 14px; line-height: 18px; margin-bottom: 4px;}
#facts-pigeon {margin-left: 16px; margin-top: 4px;}
#facts-pigeon li {font-size: 14px; line-height: 18px; margin-bottom: 4px;}

/* FAQ */
.FAQ-right {font-size: 14px; line-height: 18px; margin-bottom: 4px;}
.frs {font-size: 14px; line-height: 18px; margin-bottom: 4px;}

/* map */
#map-right-text {clear: left; float: left; width: 374px; margin-top: 40px;}
#map-right-text ul {margin: 6px 0 0 16px;}
#map-right-text li {margin-bottom: 8px; font-size: 14px;}
.inline-header-map {font-size: 14px; color: #0011ff; font-weight: bold; line-height: 22px;}

/* contact */
#contact-form {margin: 0 30px 0 30px;}
.contact-input {width: 300px; height: 24px;}
.contact-input-text {width: 300px;}
.label-field {clear: left; float: left; padding-bottom: 20px; padding-right: 20px; font-size: 18px; font-weight: bold; width: 120px; text-align: right; color: #ff1439;}
.input-field {float: left; padding-bottom: 20px;}
.button-field {clear: left; padding-top: 20px; padding-left: 40px; width: 300px;}
.contact {padding-bottom: 14px;}
#error-response {font-weight: bold; color: #ff0000; padding-left: 40px; padding-bottom: 20px;}

/* news */
#news-list {clear: left; list-style: none; list-style-type: none; margin: 20px 0 30px 0; padding: 0px;}
#news-list li {padding: 4px; margin: 0;}
.news-header {font-size: 18px; color: #ff1439; font-weight: bold; text-indent: 0;}

/* popup */
#backgroundPopup{position:fixed; height:100%; width:100%; top:0; left:0; z-index:5; background-color: #cccccc;}
#popupClose {position:relative; clear: left; width: 25px; height: 26px; left: 213px; top: -7px;  z-index: 150;}
#popupClose img {border: 0px;}

/* tickets */
#ticketsPopup {display:none; position:fixed; width: 436px; background:#2590b7; border:0; padding: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; z-index:100; border: #000000 solid 2px;}
#ticketsPopupClose {position:relative; clear: left; width: 25px; height: 26px; left: 213px; top: -7px;  z-index: 150;}
#ticketsPopupClose img {border: 0px;}
#popupResponse {margin-top: -20px; width: 350px; z-index: 150; font-size: 14px; color: #ffffff;}
#popupResponse h2 {font-size: 18px; color: #ffffff;}
#errorPop {font-size: 14px; color: #ff0000;}
.popupForm {margin: 0; padding: 0; display: inline;}
.ticket01 {clear: left; float: left; width: 100px; font-size: 14px; color: #ffffff; margin: 10px 0 10px 80px;}
.ticket02 {float: left; margin: 10px 0 10px 0;}

/* video popup */
#popupVideo {display:none; position:fixed; width: 880px; background:#2590b7; border:0; padding: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; z-index:100; border: #000000 solid 2px;}
#popupVideo iframe {width: 420px; z-index: 150;}
#video-shift {left: -20px;}
#popupCloseVid {z-index: 1010;}
#popupCloseVid {position:relative; clear: left; width: 25px; height: 26px; left: 887px; top: -324px;  z-index: 150;}
#popupCloseVid img {border: 0px;}
#popupVideo2 {display:none; position:fixed; width: 420px; background:#2590b7; border:0; padding: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; z-index:100; border: #000000 solid 2px;}
#popupVideo2 iframe {width: 420px; z-index: 150;}
#travelPopupClose {position:relative; clear: left; width: 25px; height: 26px; left: 213px; top: -7px;  z-index: 150;}
#travelPopupClose img {border: 0px;}

#sitemap {margin: 40px 0 40px 100px;}
#sitemap ul {margin-left: 50px;}

/*
.shadow {
    -moz-box-shadow: 3px 3px 4px #555555;
    -webkit-box-shadow: 3px 3px 4px #555555;
    box-shadow: 3px 3px 4px #555555;
     For IE 8 
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#555555')";
     For IE 5.5 - 7 
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#555555');
}
*/

/* cart */
#view-cart {padding-top: 30px;}

/* checkout */
#checkout-cart {padding: 0 14px 14px 14px;}
#breadcrumbs {clear: left; list-style: none; list-style-type: none; background-color: #ffffff; border: 2px solid #0b1f2e; height: 34px; padding-left: 20px; width: 820px;}
#breadcrumbs li {float: left; margin: 8px 40px 0 0; font-size: 14px; }
#breadcrumbs li.active {color: #ff3300; font-size: 14px; }
#secure-checkout {font-size: 14px; font-weight: bold;}

#cart-error-01 {margin: 44px 0 0 0;}
.cart-header {color: #354735; font-size: 24px; font-weight: bold; padding: 10px 0 10px 0;}
.cart-header2 {font-size: 30px; color: #7d8e7d; font-weight: bold;}
.purchase-shipping {font-weight: bold; padding-right: 40px;}

/* billing page*/
#billing-left {clear: left; float: left;}
#customer-info {clear: left; height: 398px; border: 2px solid #0b1f2e; margin-top: 12px; padding: 6px; background-color: #ffffff; width: 688px;}
#billing-info {clear: left; float: left; width: 314px; border-right: 2px solid #d9dcdf; text-align: left;}
#shipping-info {float: left; width: 266px; padding-left: 20px;}
.shipping-input {clear: left; width: 300px;}
.input-label {clear: left; float: left; width: 110px; font-size: 14px; color: #0b1f2e; margin: 2px 4px 2px 0; text-align: right; padding: 0;}
.input-labelS {clear: left; float: left; width: 84px; font-size: 14px; color: #0b1f2e; margin: 2px 10px 2px 0; text-align: right; padding: 0;}
.input-field {float: left; margin: 2px 0 2px 0; padding: 0;}
#billing-info  span {font-size: 14px; color: #FF0000;}
#shipping-info  span {font-size: 14px; color: #FF0000;}
.input-field2 {width: 160px; height: 20px; border: 1px solid #000000; color: #000000; padding: 0 10px 0 10px; font-size: 14px;}
.select-field {width: 160px; height: 30px; color: #000000; font-size: 14px; border: 1px solid #000000;}
.news-label {clear: left; width: 304px; font-size: 14px; color: #0b1f2e; margin: 5px 10px 2px 0; text-align: right;}
.continue {text-align: right; margin: 132px 0 0 0; position: relative; left: 20px;}
#buy-now {width: 100%; margin-left: 130px;}
.select-field {border: 1px solid #000000; color: #000000; padding: 5px; font-size: 14px;}

/* payment page*/
#payment-info {clear: left; border: 2px solid #0b1f2e; margin-top: 12px; padding: 6px; background-color: #ffffff; width: 688px;}
#payment-info  span {font-size: 14px; color: #FF0000;}
#paycheck {clear: left; margin: 0 0 20px 0; font-size: 14px; color: #0b1f2e;}
#paypal {clear: left; margin: 20px 0 20px 0; font-size: 14px; color: #0b1f2e;}
#credit-card {clear: left; margin: 0 0 20px 0; font-size: 14px; color: #0b1f2e;}
.payment-icon {margin: 0 10px 0 10px; position: relative; top: 8px;}
.credit-card-info {width: 162px; font-size: 14px; color: #0b1f2e; margin-right: 20px;}
.credit-card-info2 {width: 162px; margin-right: 20px;}
.credit-card-info3 {width: 182px; margin-right: 20px;}
.credit-card-info4 {width: 182px; font-size: 14px; color: #0b1f2e; margin-right: 20px;}
.margin-top-20 {margin-top: 20px;}
.margin-bottom-20 {margin-bottom: 20px;}
.input-field3 {width: 160px; height: 20px; border: 1px solid #d9dcdf; color: #000000; padding: 0 10px 0 10px; font-size: 14px;}
#license {clear: left; margin: 20px 20px 0 20px; font-size: 18px; color: #0b1f2e;}
#payment-buttons {clear: left; margin-top: 30px;}
#back-button {float: left; width: 50%;}
#order-button {float: left; width: 50%; text-align: right;}

/* confirmation page*/
#thank-you-title {clear: left; width: 100%; text-align: center; color: #009900; font-size: 30px; font-weight: bold; letter-spacing: 1px; margin-top: 10px;}
#thank-you {clear: left; text-align: center; font-size: 16px; color: #009900; margin: 20px 0 20px 0;}
#confirmation {clear: left; width: 100%; text-align: center; color: #ff3300; font-size: 22px; font-weight: bold; letter-spacing: 1px;}
#pay-type {clear: left; text-align: center; font-size: 18px; color: #0b1f2e; margin: 20px 0 20px 0;}
#ship-to {clear: left; float: left; width: 260px; margin: 0 0 20px 20px;}
#bill-to {float: left; width: 260px; margin: 0 20px 20px 0;}
#ship-to p {color: #0b1f2e; font-size: 20px;}
#bill-to p {color: #0b1f2e; font-size: 20px;}
a.lic {color: #ff3300; font-size: 16px; text-decoration: underline;}

/* print receipt */
#print-receipt {clear: left; margin-top: 12px; padding: 6px; background-color: #ffffff; width: 688px;}
#print-receipt-title {clear: left; width: 100%; text-align: center; color: #0b1f2e; font-size: 30px; font-weight: bold; letter-spacing: 1px; margin-top: 10px;}
.print-receipt-header {text-align: center; font-size: 18px; color: #0b1f2e; margin: 20px 0 20px 0; font-weight: bold;}
.print-left {width: 260px; margin: 0 0 20px 20px;}
.print-right {width: 260px; margin: 0 20px 20px 0;}
.print-spacer {float: left; width: 50px;}

/* testimonial */
.new-testimonial {color: #da8510;}

@media (max-width: 800px) {
    #mobile-logo {display: block; background-color: #a4d9e1;}
    h1 {display: block; color: #ec2755; font-size: 18px; margin: 10px 15px 0 15px; text-align: center;}
    .h1blue {color: #0136fe; font-size: 16px;}
    #container2 {width: 100%;}
    
    #header {width: 100%; height: 100px; background-image: none; display: block;}
    #signup {clear: left; float: left; position: relative; margin: 0; width: 50%; height: 42px; padding: 14px 0 14px 0;}
    #newsletter-submit {position: relative; top: 2px}
    #address {float: left; position: relative; margin: 0; width: 50%; top: 14px; right: 20px;}
    
    #brochureD {clear: left; float: left; position: relative; margin: 0; width: 300px; padding-left: 20px;}
    #signup2 {float: left; position: relative; margin: 0; height: 45px; padding: 0 20px 0 0;}
    #address2 {float: left; position: relative; margin: 0; top: 14px; right: 20px;}
    
    #nav {width: 760px; height: 68px; background-image: none; position: relative; z-index: 100; margin: 0; padding: 0 20px 0 20px;}
    #nav li {margin: 10px 0 10px 0; font-weight: bold; font-size: 14px;}
    #nav-weather {display: none;}
    #nav-webcam {display: none;}
    #nav-view {white-space: nowrap;}
    #information {display: none; height: 0; margin: 0; padding: 0;}
    #view720 {display: none; height: 0; margin: 0; padding: 0;}
    
    #slc-slide {width: 100%; height: 164px; border: 0; padding: 0; display: block;}
    #slc-slide-page {width: 100%; height: 123px; border: 0; padding: 0;}
    #slc-slide-page img {width: 100%; height: 123px;}
    #slc-slide-bones {width: 100%; height: 319px; border: 0; padding: 0;}
    #slc-slide-cave {width: 100%; height: 313px; border: 0; padding: 0;}
    #slc-slide-statue {width: 100%; border: 0; padding: 0;}
    #slc-slide-FAQ {width: 100%; height: 123px; border: 0; padding: 0;}
    #slc-slide-store {width: 100%; height: 313px; border: 0; padding: 0;}
    #slide-statue {width: 100%;}
    
    #windows {width: 100%; min-height: 572px; border: 0; padding: 0; text-align: center;}
    #windows p {text-align: left; width: 100%;}
    #windows h2 {width: 100%; text-align: left;}
    .windows-home {top: 310px;}
    #windows2 {width: 100%; min-height: 472px; background-image: none; text-align: center;}
    #window-01 {width: 540px; height: 140px; margin: 10px 0 10px 117px; padding: 8px 0 12px 8px; border: 2px solid #80b21f; background-color: #bad769;}
    #window-02 {clear: left; width: 540px; height: 160px; margin: 10px 0 10px 117px; padding: 8px 0 12px 8px; border: 2px solid #da8510; background-color: #eab12c;}
    #window-03 {clear: left; width: 540px; height: 160px; margin: 10px 0 10px 117px;  padding: 8px 0 12px 8px; border: 2px solid #f35613; background-color: #fa954f;}
    .window-01-left {width: 70%; height: 136px;}
    .window-01-left p {font-size: 18px;}
    .window-01-right img {width: 127px;}
    
    #footer {width: 100%; height: 100px; border: 0; padding: 0; background-color: #ffffff;}
    .footer-home {top: 910px;}
    #footer-window {width: 100%; min-height: 98px; padding: 0 0 18px 0;}
    #footer-nav li {display: inline; margin: 0 17px 0 17px; line-height: 32px;}
    
    /* page */
    #page-body {width: 100%; border: 0; padding: 0; margin: 0 0 20px 0; display: block;}
    #page-body-left {width: 93%; margin: 0;}
    #info-page-body-left {width: 100%; margin: 0;}
    #page-body-weather {width: 93%; border: 0; padding: 0; margin: 0;}
    #page-body-webcam {width: 93%; min-height: 450px; border: 0; padding: 0; margin: 0;}
    #page-body-photo-gallery {width: 93%; height: 500px; border: 0; padding: 0; margin: 0 0 10px 0;}
    #page-body-left h2 {font-size: 32px;}
    #info-body-left h2 {font-size: 32px;}
    #page-body-right h2 {font-size: 32px;}
    
    .about-body-height {height: 500px;}
    .ticket-body-height {height: 492px;}
    .curriculum-body-height {min-height: 820px;}
    .info-body-height {min-height: 1124px;}
    .info-whales-body-height {height: 1204px;}
    .info-bones-body-height {min-height: 904px;}
    .info-statue-body-height {min-height: 922px;}
    .info-faq-body-height {min-height: 994px;}
    .info-links-body-height {min-height: 474px;}
    .map-body-height {min-height: 1388px;}
    .contact-body-height {min-height: 808px;}
    .news-body-height {min-height: 792px;}
    .testimonial-body-height {min-height: 996px;}
    
    .left-about {height: 260px; width: 454px; margin-left: 185px;}
    .left-ticket {height: 250px; width: 95%; margin-left: 185px;}
    .left-curriculum {height: 490px; width: 454px; margin-left: 185px;}
    .left-info {width: 522px; padding: 8px 0 16px 0; margin-left: 125px;}
    .left-map {width: 454px; padding: 8px 0 24px 0; margin-left: 185px;}
    
    .right-about {clear: left; height: 220px; width: 522px; margin: 10px 0 10px 117px; border: 2px solid #60b5d2;}
    .right-ticket {clear: left; height: 220px; width: 522px; margin: 10px 0 10px 117px; border: 2px solid #60b5d2;}
    .right-curriculum {clear: left; height: 322px; width: 548px; margin: 10px 0 10px 117px; border: 2px solid #60b5d2;}
    .right-info {clear: left; height: 416px; width: 534px; margin: 10px 0 10px 117px;}
    .right-info-whales {clear: left; height: 504px; width: 422px; margin: 0 0 0 13px;} 
    .right-info-bones {clear: left; height: 200px; width: 87%; margin: 0 0 0 13px;} 
    .right-info-statue {clear: left; height: 260px; width: 87%; margin: 0 0 0 13px;}
    .right-info-faq {clear: left; height: 320px; width: 422px; margin: 0 0 0 13px;}
    .right-info-links {clear: left; height: 0; width: 0; margin: 0; display: none;}
    .right-map {clear: left; height: 674px; width: 416px; margin: 0 0 0 13px; border: 2px solid #60b5d2;}
    .right-contact {clear: left; height: 420px; width: 416px; margin: 0 0 0 13px; border: 2px solid #60b5d2;}
    .right-news {clear: left; height: 360px; width: 416px; margin: 0 0 0 13px; border: 2px solid #60b5d2;}
    .right-testimonial {clear: left; height: 430px; width: 421px; margin: 0 0 0 13px;}
    
    #curriculum-right-top {width: 522px; height: 144px;}
    #curriculum-right-bottom {width: 522px; height: 154px;}
    #accuweather {width: 228px; height: 90px; background-image: none;}
    #for-educators-right {margin: 6px 0 0 16px;}
    
    #info-nav {height: 96px; width: 100%; border: 0; text-align: center; margin: -1px 0 0 0;}
    #info-nav li {text-align: center; width: 99px;}
    .info-list {display: none;}
    
    #content_1 {width: 100%;}
    .inline-header {font-size: 18px;}
    
    #facts-sea-lions li {font-size: 18px; line-height: 24px; font-weight: bold;}
    #facts-gull li {font-size: 18px; line-height: 24px; font-weight: bold;}
    #facts-cormorant li {font-size: 18px; line-height: 24px; font-weight: bold;}
    #facts-pigeon li {font-size: 18px; line-height: 24px; font-weight: bold;}
    
    #regional-map {width: 437px; height: 536px; margin-left: 8px;}
    
    #contact-form {margin: 0 0 20px 0; width: 470px;}
    .button-field {font-size: 18px; width: 470px; text-align: center; padding: 10px 0 10px 0;}
    .contact-input {width: 290px; height: 24px;}
    .contact-input-text {width: 290px;}
    .label-field {padding-left: 20px; width: 100px; text-align: left;}
    
    #page-body-left h2.gallery {text-align: left; width: 240px; padding-left: 13px;}
    #page-body-left h2.gallery2 {text-align: left; width: 120px; padding-left: 13px;}
    #thumb-gallery {width: 462px; height: 500px; margin-left: 18px;}
    #thumb-gallery li {width: 100px; height: 100px; margin-right: 15px;}
    #photo-nav {margin-left: 13px;}
    #gallery-image {width: 320px; height: 213px;}
    .gallery-photo {width: 320px; height: 213px;}
    #footer-gallery {display: none;}
    
    /* video popup */
    #popupVideo {margin-top: 300px; width: 444px; height: 480px; padding: 5px; margin-left: 175px;}
    #popupVideo iframe {width: 280px; z-index: 150;}
    #popupVideo2 {display:none; position:fixed; width: 480px; background:#2590b7; border:0; padding: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; z-index:100; border: #000000 solid 2px;}
    #popupVideo2 iframe {width: 320px; z-index: 150;}
    
    #sitemap {margin: 40px;}
    #sitemap li {margin-top: 20px;}
    #cost-admission {width: 100%;}
}

@media (max-width: 768px) {
    #nav {width: 728px;}
}

@media (max-width: 767px) {
    #nav {width: 727px;}
}



/*  smart phones */
@media (max-width: 480px) {
    
    #mobile-logo {width: 100%}
    #mobile-logo img {width: 100%}
    #nav {width: 100%; height: 120px; padding: 0;}
    
    #brochureD {clear: left; float: left; position: relative; margin: 0; width: 172px; padding: 0;}
    #signup2 {float: left; position: relative; margin: 0; width: 161px; height: 42px; padding: 2px 0 0 0; margin: 0 0 0 10px;}
    #address2 {float: left; position: relative; margin: 0; width: 130px; top: 14px; right: 0;}
    
    /* slides  */
    #slides {width: 100%; height: 164px;}
    #slide-ul {width: 100%; height: 164px;}
    #slide-ul li {width: 100%; height: 164px;}
    #slide-ul li img {width: 100%; wheight: 164px;}
    #slc-slide-page {height: 123px;}
    #slc-slide-page img {height: 123px;}
    
    #slc-slide-bones {height: 319px;}
    #slc-slide-cave {height: 313px;}
    #slc-slide-statue {margin: 0;}
    #slc-slide-FAQ {height: 123px; margin: 0;}
    #slc-slide-store {height: 313px; margin: 0;}
    
    /* windows */
    #windows {min-height: 650px;}
    .windows-home {top: 310px;}
    #windows2 {min-height: 472px; text-align: left;}
    #window-01 {height: 160px; width: 446px; margin-left: 10px;}
    #window-02 {height: 180px; width: 446px; margin-left: 10px;}
    #window-03 {height: 160px; width: 446px; margin-left: 10px;}
    .window-01-left p {width: 250px;}
    .window-01-right img {width: 127px;}
    
    /* footer  */
    .footer-home {top: 960px;}
    #footer-nav li {display: inline; margin: 0 17px 0 17px; line-height: 32px;}
    
    /* page */
    #page-body-left {clear: left; float: none; width: 91%}
    #info-page-body-left {clear: left; float: none; width: 100%}
    #page-body-right {clear: left; float: none;}
    .about-body-height {height: 550px;}
    .ticket-body-height {height: 582px;}
    .info-faq-body-height {min-height: 1112px;}
    .info-body-height {min-height: 1150px;}
    .info-whales-body-height {height: 1250px;}
    .info-bones-body-height {min-height: 934px;}
    .info-statue-body-height {min-height: 964px;}
    .info-links-body-height {min-height: 676px;}
    .testimonial-body-height {height: 960px;}
    .contact-body-height {min-height: 858px;}
    .news-body-height {min-height: 782px;}
    .curriculum-body-height {min-height: 1012px;}
    .left-about {height: 320px; width: 454px;}
    .left-curriculum {height: 690px; width: 454px;}
    .left-info {clear: left; width: 92%; padding: 8px 13px 16px 13px; margin: 0;}
    .left-map {width: 454px; padding: 8px 0 20px 13px; margin: 0;}
    .left-ticket {height: 350px; padding: 8px 13px 0 13px;}
    .right-about {clear: left; height: 220px; width: 428px; margin-left: 10px; border: 2px solid #60b5d2; margin-bottom: 14px;}
    .right-ticket {margin-left: 10px; width: 428px; }
    .right-curriculum {clear: left; height: 322px; width: 454px; margin-left: 10px; border: 2px solid #60b5d2;}
    .right-info {clear: left; height: 450px; width: 434px; margin-left: 10px; padding-right: 11px;}
    .right-info-whales {clear: left; height: 510px; width: 440px; margin-left: 10px;} 
    .right-info-bones {clear: left; height: 200px; width: 440px; margin-left: 10px;} 
    .right-info-statue {clear: left; width: 440px; margin-left: 10px;}
    .right-info-faq {clear: left; height: 360px; width: 440px; margin-left: 10px;}
    .right-info-links {clear: left; height: 0; width: 0; margin: 0; display: none;}
    .right-map {clear: left; height: 682px; width: 435px; margin-left: 10px; border: 2px solid #60b5d2;}
    .right-contact {clear: left; height: 464px; width: 436px; margin-left: 10px; border: 2px solid #60b5d2;}
    .right-news {clear: left; height: 350px; width: 434px; margin-left: 11px; border: 2px solid #60b5d2;}
    .right-testimonial {clear: left; height: 350px; width: 439px; margin-left: 11px;}
    
    #curriculum-right-top {width: 428px; height: 144px;}
    #curriculum-right-bottom {width: 428px; height: 154px;}
    #accuweather {width: 228px; height: 90px; background-image: none;}
    #for-educators-right {margin: 6px 0 0 16px;}
    
    #info-nav li {text-align: center; width: 99px;}
    .info-list {display: none;}
    .inline-header {font-size: 18px;}
    
    #facts-sea-lions li {font-size: 18px; line-height: 24px; font-weight: bold;}
    #facts-gull li {font-size: 18px; line-height: 24px; font-weight: bold;}
    #facts-cormorant li {font-size: 18px; line-height: 24px; font-weight: bold;}
    #facts-pigeon li {font-size: 18px; line-height: 24px; font-weight: bold;}
    
    #regional-map {width: 450px; height: 536px; margin-left: 0;}
    
    #contact-form {margin: 0 0 20px 0; width: 470px;}
    .button-field {font-size: 18px; width: 470px; text-align: center; padding: 10px 0 10px 0;}
    .contact-input {width: 290px; height: 24px;}
    .contact-input-text {width: 290px;}
    .label-field {padding-left: 20px; width: 100px; text-align: left;}
    
    #page-body-left h2.gallery {text-align: left; width: 240px; padding-left: 13px;}
    #page-body-left h2.gallery2 {text-align: left; width: 120px; padding-left: 13px;}
    #thumb-gallery {width: 462px; height: 500px; margin-left: 18px;}
    #thumb-gallery li {width: 100px; height: 100px; margin-right: 15px;}
    #photo-nav {margin-left: 13px;}
    #gallery-image {width: 320px; height: 213px;}
    .gallery-photo {width: 320px; height: 213px;}
    #footer-gallery {display: none;}
    
    #popupVideo {width: 90%; height: 480px; padding: 5px; margin-right: 15px; margin-left: 0;}
    #popupVideo2 {width: 410px; height: 240px; padding: 20px 5px 5px 5px; margin-right: 25px; margin-left: 0;}
    #travelPopupClose {left: 360px; top: -220px;}
}

/*  smart phones */
@media (max-width: 320px) {
    
    h1 {font-size: 16px;}
    #nav {height: 160px;}
    #signup2 {clear: left; float: left; position: relative; margin: 0; width: 163px; height: 42px; padding: 2px 0 0 0; margin: 10px 0 10px 7px;}
    #address2 {float: left; position: relative; margin: 0; width: 130px; top: -30px; right: 0;}
    
    /* slides  */
    #slc-slide-page {height: 82px;}
    #slc-slide-page img {height: 82px;}
    #slc-slide-bones {height: 212px;}
    #slc-slide-cave {height: 146px;}
    #slc-slide-statue {height: 118px;}
    #slc-slide-FAQ {height: 82px;}
    #slc-slide-FAQ img {100%; height: 82px;}
    #slc-slide-store {height: 229px;}
    
    /* windows */
    #windows {min-height: 312px; text-align: left;}
    .windows-home {top: 350px;}
    #windows2 {min-height: 312px; border: 0; padding: 0;}
    #window-01 {height: 190px; width: 288px;}
    #window-02 {height: 190px; width: 288px;}
    #window-03 {height: 190px; width: 288px;}
    .window-01-right {width: 80px; height: 113px;}
    .window-01-right img {width: 77px;}
    
    /* footer  */
    .footer-home {top: 1060px;}
    #footer-nav li {display: inline; margin: 0 17px 0 17px; line-height: 32px;}
    
    /* page */
    #page-body-left h2 {font-size: 24px;}
    #info-page-body-left h2 {font-size: 24px;}
    #page-body-right h2 {font-size: 24px;}
    
    .about-body-height {height: 820px;}
    .ticket-body-height {height: 665px;}
    .curriculum-body-height {min-height: 1288px;}
    .info-body-height {min-height: 1240px;}
    .info-whales-body-height {height: 1244px;}
    .info-bones-body-height {min-height: 966px;}
    .info-statue-body-height {min-height: 938px;}
    .info-faq-body-height {min-height: 1042px;}
    .map-body-height {min-height: 1280px;}
    .contact-body-height {min-height: 922px;}
    .news-body-height {min-height: 968px;}
    .testimonial-body-height {height: 930px;}
    
    .left-about {height: 430px; width: 294px;}
    .left-ticket {height: 435px;}
    .left-curriculum {height: 870px; width: 294px;}
    .left-map {width: 294px; padding: 8px 13px 24px 13px;}
    
    .right-about {height: 380px; width: 268px; margin-left: 12px;}
    .right-ticket {height: 220px; width: 268px; margin-left: 12px;}
    .right-curriculum {height: 418px; width: 294px; margin-left: 12px; border: 2px solid #60b5d2;}
    .right-info {height: 550px; width: 275px; margin-left: 11px;}
    .right-info-whales {height: 530px; width: 280px; margin-left: 11px;} 
    .right-info-bones {height: 250px; width: 280px; margin-left: 11px;} 
    .right-info-statue {width: 280px; margin-left: 11px;}
    .right-info-faq {height: 330px; width: 280px; margin-left: 11px;}
    .right-info-links {clear: left; height: 0; width: 0; margin: 0; display: none;}
    .right-map {clear: left; height: 750px; width: 278px; margin-left: 10px; border: 2px solid #60b5d2;}
    .right-contact {clear: left; height: 532px; width: 278px; margin-left: 10px; border: 2px solid #60b5d2;}
    .right-news {clear: left; height: 380px; width: 274px; margin-left: 12px; border: 2px solid #60b5d2;}
    .right-testimonial {clear: left; height: 370px; width: 278px; margin-left: 10px; border: 2px solid #60b5d2;}
    
    #map-right-text {width: 294px;}
    #error-response {padding-left: 0; width: 294px;}
    
    #curriculum-right-top {width: 268px; height: 197px;}
    #curriculum-right-bottom {width: 268px; height: 197px;}
    #accuweather {width: 228px; height: 90px; background-image: none;}
    #for-educators-right {margin: 6px 0 0 16px;}
    
    #info-nav li {text-align: center; width: 99px;}
    .info-list {display: none;}
    .inline-header {font-size: 18px;}
    
    #facts-sea-lions li {font-size: 18px; line-height: 24px; font-weight: bold;}
    #facts-gull li {font-size: 18px; line-height: 24px; font-weight: bold;}
    #facts-cormorant li {font-size: 18px; line-height: 24px; font-weight: bold;}
    #facts-pigeon li {font-size: 18px; line-height: 24px; font-weight: bold;}
    
    #slide-bones {width: 320px;}
    #slide-cave {width: 320px; height: 146px;}
    #slide-links {width: 320px; height: 82px;}
    #slide-store {width: 320px; height: 209px;}
    
    #regional-map {width: 294px; height: 334px; margin-left: 0;}
    
    #contact-form {margin: 0 0 20px 0; width: 300px;}
    #contact-form p  {margin: 0; padding: 0; width: 300px;}
    .button-field {font-size: 18px; width: 300px; text-align: center; padding: 10px 0 10px 0; margin: 0;}
    .contact-input {width: 180px; height: 24px;}
    .contact-input-text {width: 180px;}
    .label-field {padding-left: 0; width: 80px; text-align: left;}
    
    #page-body-left h2.gallery {text-align: left; width: 240px; padding-left: 13px;}
    #page-body-left h2.gallery2 {text-align: left; width: 120px; padding-left: 13px;}
    #thumb-gallery {width: 462px; height: 500px; margin-left: 18px;}
    #thumb-gallery li {width: 100px; height: 100px; margin-right: 15px;}
    #photo-nav {margin-left: 13px;}
    #gallery-image {width: 320px; height: 213px;}
    .gallery-photo {width: 320px; height: 213px;}
    #footer-gallery {display: none;}
    
    a.news-list {width: 244px;}
    
    #wonders {width: 550px; margin: 25px 0 0 25px;}
    
    /* video popup */
    #popupVideo {margin-top: 300px; height: 480px; padding: 5px;}
    #popupVideo iframe {width: 280px; z-index: 150;}
    #popupVideo2 {display:none; position:fixed; width: 250px; height: 180px; background:#2590b7; border:0; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; z-index:100; border: #000000 solid 2px;}
    #popupVideo2 iframe {width: 300px; z-index: 150; margin-left: -30px; margin-top: -40px;}
    
    /* popup */
    #popupClose {left: 145px; top: -15px;}
    #travelPopupClose {left: 130px; top: -40px;}
}