/* defaults, globals, etc.
==============================================================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;}

:focus 
{outline: 0;}

body 
{line-height: 1;
font: 12px "Helvetica", sans-serif;
text-align: left;
background: #05305b url('echo09images/echoback.jpg') no-repeat fixed top center;}

ol, ul 
{list-style: none;}

table 
{border-collapse: separate;
border-spacing: 0;}

caption, th, td 
{text-align: left;
font-weight: normal;}

a, a img
{text-decoration: none}


.mainlogo span, .joinus span, .winterlogo span, .campechoinfo span, .adultinfo span
{display: block;
width: 0;
height: 0;
overflow: hidden;}

button 
{width: auto;
overflow: visible;}

.clearit 
{clear: both;
height: 0;
line-height: 0.0;
font-size: 0;}




/* layout
==============================================================================*/
.mcontainer
{width:960px;
margin:0 auto;
padding: 0 10px;
background: transparent url('echo09images/snowflakes.png') repeat top center;}

.container
{width:960px;
margin:0 auto;
padding: 0 10px;}

#snowbank
{width: 100%;
height: 70px;
background: transparent url('echo09images/snowbank.png') repeat-x bottom center;}

#maininfo
{width: 100%;
padding: 9px 0;
background-color: white;}

#counter
{width: 100%;}


#cfooter
{width: 100%;
clear: both;}


/* counter
==============================================================================*/
#counter p
{line-height: 39px;
text-align: center;
font-size:1.167em;
color: #F3EEC9;
text-transform: uppercase;
font-weight: bold}



/* text and images
==============================================================================*/
.mainlogo
{width: 900px;
height: 430px;
margin-bottom: 36px;
background: transparent url('echo09images/campechotitle.png') no-repeat bottom center;}

.joinus
{width: 900px;
height: 149px;
padding: 18px 0 9px;
background: transparent url('echo09images/joinus.png') no-repeat bottom center;}

.campechoinfo
{width: 312px;
height: 49px;
margin: 52px 0 15px 355px ;
background: transparent url('echo09images/campechoinfo.gif') no-repeat bottom center;}


.adultinfo
{width: 481px;
height: 49px;
margin: 36px 0 15px 355px ;
background: transparent url('echo09images/adultnewyears.gif') no-repeat bottom center;}


.fleft
{float: left;}

#maininfo p
{font-size:1.083em;
line-height: 1.385em;
margin-right: 55px;
margin-left: 355px;
color: #1b2a35;
padding-bottom: 9px;}

#maininfo p strong
{color: #701a16;}

.pdflink
{padding: 7px 8px 5px 26px;
text-transform: uppercase;
font-size: .8em;
letter-spacing: .05em;
background: transparent url('echo09images/pdf.png') no-repeat left center;
}


.regonline
{padding: 7px 8px 5px 26px;
text-transform: uppercase;
font-size: .8em;
letter-spacing: .05em;
margin-right: 3px;
background: transparent url('echo09images/register.png') no-repeat left center;}


#maininfo a
{font-weight: bold;}

#maininfo a:link, #maininfo a:visited
{
border: 1px solid #d3b9b7;
border-bottom: 1px solid #cab7b6;
color: #701a16;}

#maininfo a:focus, #maininfo a:hover, #maininfo a:active
{background-color: #701a16;
border: 1px solid #701a16;
color: #FFF;}


/* contact footer
==============================================================================*/
#cfooter h3
{font-size:1em;
line-height: 1.5em;
margin: 36px 0;
color: #789eb4;
text-align: center}

#cfooter h3 a
{padding: 2px;
color: #789eb4; }