*

{

margin:0;

padding:0;

}



img

{

border:0;

}



body

{

text-align:center;

background-image:url(images/header_back.jpg);

background-repeat:repeat-x;

background-position:top left;

}



body.index

{

background-image:url(images/header_back.jpg);

background-repeat:repeat-x;

background-position:top left;

}



#container

{
position:relative;
width:950px;
margin:0 auto;
text-align:left;

}



#container #header

{

background-image:url(images/header_chair.gif);

background-position:top right;

background-repeat:no-repeat;

position:relative;

height:170px;

text-align:left;

}



#container #header #logo

{

background-image:url(images/zoes_logo.gif);

background-position:top left;

background-repeat:no-repeat;

width:230px;

height:167px;

}



#container #header #beach

{

position:absolute;

left:240px;

top:50px;

}



#container #header2

{

background:#F4E872 url(images/header2_back.jpg);

background-position:top left;

background-repeat:repeat-x;

position:relative;

height:70px;

text-align:left;

}



#container #header2 #logo

{

background-image:url(images/zoes_logo2.jpg);

background-position:top left;

background-repeat:no-repeat;

width:100px;

height:64px;

}



#logo h1, #logo h2, #logo h3

{

display:none;

}



#container #nav

{

position:relative;

background:#333;

/*padding:7px 2px 8px;*/

font-family:arial, helvetica, sans-serif;

font-size:1em;

color:#fff;

}



#container #nav li

{

display:inline;

padding-right:10px;

}



#container #nav a

{

color:#fff;

}



#container #content

{

clear:left;

margin:0 auto;

text-align:left;

position:relative;

padding:20px 10px;

min-height:300px;

height:auto !important;

height:300px;

}

#container #content h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:400;
	margin:10px 0 10px;
}

#container #content h4

{

font-family:georgia, times, serif;

/*font-family:arial, helvetica, sans-serif;*/

font-size:1.7em;

font-weight:normal;

margin:0 0 17px 0;

}



#container #content p

{

font-family:tahoma, arial, helvetica, sans-serif;

font-size:1em;

margin:0 0 17px 0;

}



#container #content a

{

color:#6DA72E;

font-weight:bold;

}



#container #three

{

position:relative;

width:560px;

}



#container #three .bucket

{

position:relative;

width:175px;

height:150px;

float:left;

background:#eee;

margin:0 7px 0 0;

border:2px solid #fff;

}



#container #three .bucket:hover

{

border:2px solid #000; /*Bonus for FF, Opera, Netscape users*/

}



#container #base

{

clear:both;

position:relative;

padding:10px;
margin:20px 0 0;

font-family:arial, helvetica, sans-serif;

font-size:.7em;

text-align:left;

}



#container #base p

{

width:325px;

padding:7px 0 0 40px;

color:#999;

background-image:url(images/mrcrab.jpg);

background-position:center left;

background-repeat:no-repeat;

}



#container #base a

{

color:#999;

font-style:italic;

text-decoration:none;

}



.clear

{

clear:both;

line-height:0;

height:0;

}



.img_r

{

float:right;

position:relative;

}



#container #content .menu

{
font-family:tahoma, arial, helvetica, sans-serif;
text-transform:uppercase;
font-size:14px;
color:#333;
}



#content .column .menu td

{

padding:2px 0 10px 0;

}

.menu em, .menu i
{
	color:#666;
font-size:12px;
text-transform:none;
	}


#content .column .menu tr:hover

{

background:#D9FF7E; /*Extra for good browsers*/

}



#container #content .column

{

width:425px;

float:left;

position:relative;

margin:0 15px;

}



#container #content .column .img

{

margin:0;

padding:0;

text-align:center;

}



#container #content .column .intro

{

/*text-transform:capitalize;*/

font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#038b97;
font-size:13px;

text-align:center;

padding:0;

margin:0 0 15px;

}



#gallery img

{



}



#gallery a

{

border:3px solid #F5E971;

display:block;

width:100px;

margin-right:5px;

margin-bottom:10px;

float:left;

}



#gallery a:visited

{

border:3px solid #ccc;

}



#gallery a:hover

{

border:3px solid #F1A537;

}



#gallery a:active

{

border:3px solid white;

}





#footer

{

background:url(images/footer_back.jpg);

background-repeat:repeat-x;

background-position:top left;

height:83px;

}

.wall
{
text-align:center;
}

.wall img
{
margin:5px 4px;
border:3px solid #F5E971;
}



/* LIGHTBOX STYLES */



#lightbox{

	background-color:#eee;

	padding: 10px 15px;

	border: 2px solid #666;

	}

#lightboxDetails{

	font-size: 0.8em;

	padding-top: 0.4em;

	}	

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }



#lightbox img{ border: none; } 

#overlay img{ border: none; }



#overlay{ background-image: url(images/overlay.png); }



#lightbox a

{

color:#666;

font-style:italic;

}



* html #overlay{

	background-color: #000;

	back\ground-color: transparent;

	background-image: url(blank.gif);

	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");

	}