﻿@charset "utf-8";
/* CSS Document */

/*********************************/
/*       BROWSER RESET
/*********************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea {    
    margin:0;   
    padding:0;   
} 

/*keep enabled if used for layout
table {  
    border-collapse:collapse;   
    border-spacing:0;   
} */

address,caption,cite,code,dfn,/*em,strong,*/th,var {  
    font-style:normal;   
     font-weight:normal;   
 } 

 caption,th {  
     text-align:left;   
 } 

q:before,q:after {  
    content:'';   
} 

abbr,acronym { border:0;   
}  

a img { border: none; }

/*accessibility links*/
.hidden, .nostyles {
display:none;
margin:0 -10000px 0 0;
}

/*********************************/
/*            BODY
/*********************************/

body {
background:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:70%; 
color:#000000;
margin:0 auto;
}

/*********************************/
/*           CONTAINER
/*********************************/

#container {
background:#000000;
height:auto;
position:relative;
font-size:1em;  /* displayed at 12px */
width:770px;
margin:30px auto 0 auto;
}

#hdr {
background:url(../images/hdr.jpg) no-repeat;
width:770px;
height:108px;
position:relative;
}

#hdr h1 a {
display:block;
width:220px;
height:100px;
outline:none;
margin:0 0 0 300px;
}

#hdr h1 span {
display:none;
}

#banner {
width:770px;
height:512px;
}

#banner img {
margin:0;
padding:0;
}

/*********************************/
/*          FOOTER PICS
/*********************************/


#footerpics{
background:#000000;
height:96px;
width:770px;
position:relative;
z-index:98;
margin:0 auto;
clear:both;
}

#footerpics ul li {
list-style:none;
display:inline;
float: left;
height:96px;
position: relative;
}

#footerpics ul li a {
text-transform:uppercase;
text-decoration:none;
display:block;
position:relative;
outline:none;
height:96px;
}

#footerpics ul li a span {
display:none;
}

#footerpics .play a{
background:url(../images/footer/play.jpg) 0 0 no-repeat;
background-position:top left;
width:127px; 
}

#footerpics .dine a{
background:url(../images/footer/dine.jpg);
width:129px; 
}

#footerpics .live a{
background:url(../images/footer/live.jpg);
background-position:top left;
width:129px;  
}

#footerpics .grow a{
background:url(../images/footer/grow.jpg) 0 0 no-repeat;
background-position:top left;
position:relative;
width:129px; 
}

#footerpics .relax a{
background:url(../images/footer/relax.jpg) 0 0 no-repeat;
background-position:top left;
width:129px;  
}

#footerpics .contemplate a{
background:url(../images/footer/contemplate.jpg) 0 0 no-repeat;
background-position:top left;
width:127px; 
}

#footerpics .play a:hover, #footerpics .dine a:hover, #footerpics .live a:hover, #footerpics .grow a:hover, #footerpics .relax a:hover, #footerpics .contemplate a:hover {
background-position: 0 -96px;
}

/*********************************/
/*          FOOTER NAV
/*********************************/

#footernav {
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.8em;
text-align:center;
margin:10px 0;
}

#footernav p{
margin:0;
padding:0;
}

#footernav ul li {
list-style:none;
display:inline;
}

#footernav ul li a{
color:#FFFFFF;
text-decoration:none;
padding:0 6px;
border-right:1px solid #FFFFFF;
}

#footernav ul li a:hover {
text-decoration:underline;
}