/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Title :  Pequena Restaurant Stylesheet
Created : 7/19/2006
Modified : 03/18/2006
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

/* ----- GLOBAL ----- */
*{ margin:0; padding:0;}
body{ margin:0; padding:0; color: #76673F; background: #FFE; height:100%}
a{ color: #A00; text-decoration:none;}
a:hover{ color:#005195;}
p {font: 11px/13px "Times New Roman", serif; text-align: left;
	padding-bottom: 10px; }
/* ----- IDS ----- */

#wrapper{ margin:0; background: url(images/tile.gif); height:100%;}

#main{ width: 728px;  height: 728px; margin: 0; padding: 0; 
	background: url(images/main_bg.jpg) no-repeat; text-align:left; }
.narrow { padding:0; }
.middle { padding:0 91px; }
.wide { padding:0 182px; }

#nav { padding: 196px 86px 10px 130px; float: left; }
#nav_items {font-size: 10px; width: 251px; height: 11px; 
background: url(images/nav.gif); position: relative; }
#nav_items a{text-indent: -9999px;}
#nav_items li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#nav_items li, #nav a { height: 11px; display: block;}
#nav_home {left: 0; width: 46px;}
#nav_menu {left: 46px; width: 56px;}
#nav_directions {left: 102px; width: 92px;}
#nav_gallery {left: 194px; width: 57px;}
#nav_home  a:hover { background: transparent url(images/nav.gif) 0 -11px no-repeat;}
#nav_menu a:hover { background: transparent url(images/nav.gif) -46px -11px no-repeat;}
#nav_directions a:hover { background: transparent url(images/nav.gif) -102px -11px no-repeat;}
#nav_gallery a:hover { background: transparent url(images/nav.gif) -194px -11px no-repeat;}
 
 
#about {padding-left:130px; width: 255px; height: 312px; overflow: none; float:left; position: relative;
	margin-right:35px;}
#about img{margin-right:5px;}
#pics {position:absolute; top:228px; }
#pics a img {border: 1px solid #7bbfd0;}

#divider { background: url(images/divider.gif) no-repeat; padding: 0; margin: 0; width: 4px; height: 309px; float: left; } 

#map { padding-top: 20px; width: 450px; height: 320px; clear: left; margin-left: 134px; 
border: 1px solid #B90808; color: #000;  font-size:11px;}
#menu_body { padding: 10px; width: 434px; height: 310px; clear: left; margin-left: 130px; 
border: 1px solid #B90808;  color: #76673F; font-size:11px; overflow:auto; text-align:center;}
#gallery {width: 456px; height: 310px; clear: left; margin-left: 65px; }

#events_head{ padding: 196px 0 0; margin-left:33px; float:left; font-size:10px;}
#events_head h3 {width:52px;height:13px;text-indent:-9999px;background: url(images/events_header.gif) no-repeat;}
#events {width: 140px; height: 312px; float: left; text-align: center; 
	padding: 0 30px; font-size: 10px; overflow: hidden;}
.event {margin-bottom: 15px;}
.event_title {font-size: 12px; padding-bottom: 6px; background: url(images/dot.gif) repeat-x bottom left;}
.event_location{ color: #000; padding-top: 10px; font-size:11px; background-color:#FFFAE5;}

#footer {padding: 10px 0 0 0; text-align: center; font-size: 10px; width: 500px; font-weight: bold;   margin:auto; clear:left;}
#address {margin: 10px auto; width:458px; height:14px; text-align:center;
	text-indent:-9999px;background: url(images/address_header.gif) no-repeat;}
#visit {margin: 0 auto 3px; width:200px;height:13px; text-align:center;
	text-indent:-9999px;background: url(images/visit_header.gif) no-repeat;}
#footer_links {font-size: 10px; width: 224px; height: 11px; margin:auto;
background: url(images/links.gif); position: relative;}
#footer_links a{text-indent: -9999px;}
#footer_links li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#footer_links li, #footer a { height: 11px; display: block;}
#link_moes {left: 0; width: 81px;}
#link_maggie {left: 82px; width: 109px;}
#link_olea {left: 192px; width: 32px;}
#link_moes  a:hover { background: transparent url(images/links.gif) 0 -11px no-repeat;}
#link_maggie a:hover { background: transparent url(images/links.gif) -82px -11px no-repeat;}
#link_olea a:hover { background: transparent url(images/links.gif) -192px -11px no-repeat;}

/* ----- CLASSES ----- */


.hide{ display:none; }
.show{ display:block; }



/* ----- MENU STYLES ----- */

.intro { 
	font-family: Times New Roman, serif; 
	font-size:11pt;
	text-align: center;
	}
	
.menu { 
	font-family: Times New Roman, serif; 
	font-size:16pt;
	text-align: center;
	padding-top: 10px;
	}
	
.menu_desc { 
	font-family: Times New Roman, serif; 
	font-size:11pt;
	text-align: center;
	}
	
.course { 
	font-family: Times New Roman, serif; 
	font-size:16pt;
	text-align: center;
   padding-top: 10px;
	}

.course_desc { 
	font-family: Times New Roman, serif; 
	font-size:11pt;
	text-align: center;
	}
	
.dish { 
	font-family: Times New Roman, serif; 
	font-size:11pt;
	text-align: center;
	}