/*-- reset styles ---------------------------------------------*/
html {
    overflow: -moz-scrollbars-vertical;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, a, 
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, hr {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
img {display: block}  
td { vertical-align: middle;}
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}

/* remember to define focus styles! */
:focus {outline:none;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a{cursor: pointer}
a:hover,a:focus{text-decoration:none}
/* clearfix----------------------------------------*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
/* basic text styles ----------------------------------------------------------------*/
h2, h3, h4, h5 {font-weight:bold;padding:0;margin:0;line-height:1.5em}
h2{font-size:2em;}
h3{font-size:1.8em}
h4{font-size:1.6em}
h5{font-size:1.4em}
p{font-size:1.4em;line-height:1.2em;color:#666}
a{font-size:1.2em;line-height:1.2em;}
a:link, a:visited, a:focus, a:hover, a:active{color:#ba2727}
h1{}
h2{color:#fcfaeb}
/* structure -------------------------------------------------------------------------*/
body{
    text-align:center;
    font-size:62.5%;
    font-family: tahoma, verdana, arial, sans-serif;
	background:#27c3df url("../images/bg_body.jpg") no-repeat bottom center;
}
#outer{margin:0 auto;width:892px;}
#wrapper{margin-bottom:288px;text-align:left;background: url("../images/bg_wrapper.gif") repeat-y 0 0;/*position:relative;zoom:1*/border:none}

.header{position:relative;background:#27c3df}
.countdown{font-size:2.1em;color:#fff;float:right; width:410px;margin-top:-40px;margin-right:-50px}
.countdown div {display:inline;padding-right:6px}
.countdown span{font-size:1.3em;color:#ffde00;padding-right:1px}

#balloon, #feet{position:relative;}
#plane{top:0;right:-81px;position:absolute;}

#balloon a, #balloon {display:block}

#balloon, #flashBalloon{position:relative}
#balloon{z-index:10}
#flashBalloon{z-index:5}
#balloon a{z-index:20;width:176px;height:181px;display:block;}

#feet{float:right;margin-right:-172px;margin-top:0px;}
#balloon{float:left;margin-left:-175px;margin-top:400px}

#flashPlane{cursor:pointer;cursor:hand}
.column1, .column2, .column3{float:left;display:inline}
.column1{width:226px;}
.column2{width:309px;}
.column3{width:347px;background:#fcfaeb;position:relative;}
.footer{clear:both;background: url("../images/bg_outer.gif") no-repeat 0 0 ;height:18px}

.sightingList{padding:1em 1em 0 2em}
.sightingList li{padding-bottom:.8em}
.sightingList li a{display:block;text-decoration:none;color:#8d473a;font-weight:bold;font-size:1.5em;text-transform:uppercase}

.video1{float:left;padding-left:22px;padding-top:10px;}
.video2{padding-top:10px;float:left;}
.video3{clear:both;float:left;padding-left:22px;padding-top:4px}
.video4{float:left;padding-top:5px}
.video5{clear:both;float:left;padding-left:22px;padding-top:3px}
.latestSightings{position:relative;display:block;width:300px;height:56px;clear:both}
.latestSightings span{position:absolute;width:100%; height:100%;background: url("../images/hdg_catchUp.gif") no-repeat;}
.sightingText{padding:0 1.5em 0 1.25em}
.emailLabel{text-indent:-5000px;display:block}

.column2 fieldset input{margin-left:1.25em;width:200px;border:1px solid #c1bda0;padding:2px 3px 3px 3px}
.column2 fieldset input.emailButton{margin-bottom:-10px;width:auto;margin-left:2px;border:none;padding:none}
.column2 fieldset{margin-bottom:2em}

.videoIntro{clear:both;padding:0.5em 1em 2em 1em}
.facebookLink{position:relative;display:block;width:300px;height:62px;margin-top:5px}
.facebookLink span{position:absolute;width:100%; height:100%;background: url("../images/logo_facebook.gif") no-repeat;}
.twitterLink{position:relative;display:block;width:300px;height:60px;}
.twitterLink span{position:absolute;width:100%; height:100%;background: url("../images/logo_twitter.gif") no-repeat;}
.shareTweets{padding:1em}
.mms{text-transform:uppercase;color:#333333;font-weight:bold;padding:1em 1em 1em 5.5em;background:transparent url("../images/icon_phone.gif") no-repeat 1em 0 ;position:relative}
.mms span{color:#ba2727;display:block;position: relative}
.tandc{padding:0 1em 2em 1em}
.sightingIntro{color:#ba2727;padding:1em;font-size:1.5em;padding-bottom:33px}
.sightingIntro span{font-weight:bold}

.galleryControls{position:absolute;right:-40px}
.scrollUp, .scrollDown{padding-top:8px}

#prevBtn a, #nextBtn a, #nextOff, #prevOff{position:absolute;display:block; text-indent:-5000px;width:31px;height:35px }
#prevBtn a:focus, #nextBtn a:focus, #prevBtn a:active, #nextBtn a:active {border:none;outline:none}
#nextBtn a{left:356px;background: url(../images/icon_down.gif) no-repeat 0 0;top:372px}
#prevBtn a{left:356px;background: url(../images/icon_up.gif) no-repeat 0 0;top:330px}
#nextOff{left:356px;background: url(../images/icon_down_off.gif) no-repeat 0 0;top:372px}
#prevOff{left:356px;background: url(../images/icon_up_off.gif) no-repeat 0 0;top:330px}

.sightingGallery {margin:0 1em;border-top:2px solid #ba2727;width:325px}
.sightingGallery li{border-bottom:1px solid #ba2727;padding-bottom:1em;width:325px}
.sightingGallery li a{display:block}
.sightingGallery li h3{text-transform:uppercase;font-size:2.6em;line-height:1em;padding-top:.5em}
.sightingGallery img{margin-left:-4px}
.sightingGallery p.date{color:#27c3df;font-weight:bold;font-size:1.5em;padding:6px 0 6px 0;text-transform:uppercase;}
.sightingGallery p {padding:1em 0;}

.galleryMask {width:300px}
.galleryMask span.pngSpan{display:block;position:absolute;bottom:0px;background:url("../images/fg_listMask.png") no-repeat bottom center;height:184px;width:354px;}

.galleryFacebook{background: url("../images/icon_facebook.gif") no-repeat 0 0; padding-left:20px;padding-bottom:.5em}
.galleryTwitter{background: url("../images/icon_twitter.gif") no-repeat 0 0; padding-left:20px;padding-bottom:.5em}

.yetiSightings{position:relative;display:block;width:227px;height:58px}
.yetiSightings span{position:absolute;width:100%; height:100%;background: url("../images/hdg_yetiSightings.gif") no-repeat;}
.amazingFeats{position:relative;display:block;width:300px;height:140px}
.amazingFeats span{position:absolute;width:100%; height:100%;background: url("../images/hdg_amazingFeats.gif") no-repeat;}

.spottedYeti{position:relative;display:block;width:300px;height:31px;}
.spottedYeti span{position:absolute;width:100%; height:100%;background: url("../images/hdg_haveYouSpotted.gif") no-repeat;}
.emailLink{position:relative;display:block;width:300px;height:63px;padding-top:10px}
.emailLink span{position:absolute;width:100%; height:100%;background: url("../images/logo_emailYetiSpotting.gif") no-repeat;}

.sightingsTab{display:block;width:31px;height:183px;background: url("../images/hdg_yetiTab.gif") no-repeat;text-indent:-5000px}

.error { color:#f00; font-size:1.2em; padding:5px 0 5px 15px; }