@charset "UTF-8";
/* CSS Document */

body{
margin:0 auto;
background-color:#FFFDED;
background-image:url(../images/background.jpg);
background-position:top left;
background-repeat:repeat-x;

}


#container{
width:960px;
margin:0 auto;
}

#scroll_clipper{
	position:absolute;
	width:430px;
	height:245px;
	overflow:auto;
	left: 32px;
	top: 207px;
}
scroll_text{
widht:200px;
	height:20px;
	}


/* top content*/


#header{
height:145px;

}

#headerRight{
height:83px;
width:730px;
float:right;
background-image:url(../images/restaurant&bocce.gif);
background-position:top left;
background-repeat:no-repeat;
}

#logo{
height: 145px;
width:224px;
float:left;
}

#nav{
height:60px;
width:730px;
float:right;
padding: 0px 0 0 0px;
}


#nav img{
padding-left:15px;

}








/* content*/

#middlehome{
width:960px;
height:520px;
background-image:url(../images/welcome_content.png);
background-position:top left;
background-repeat:no-repeat;
font-family: geneva, arial, helvetica, san-serif;
font-size:11px;
color:#6A664B;
line-height:1.5;
margin:0;}



#middle{
width:960px;
height:510px;
background-image:url(../images/content.gif);
background-position:top left;
background-repeat:no-repeat;
font-family: geneva, arial, helvetica, san-serif;
font-size:11px;
color:#6A664B;
line-height:1.5;
margin:0;}


#middle a{
font-family: geneva, arial, helvetica, san-serif;
font-size:11px;
color:#AE4136;
margin:0;
font-weight:100;
text-decoration:none;

}

h1 { margin:0; padding:0; }
h1 img { margin:0;border:1px solid red;}
h1 span { display:none; }

#middle h1{
font-family: geneva, arial, helvetica, san-serif;
font-size:12px;
color:#AE4136;
margin:0;
font-weight:100;

}



#middle h2{
font-family: geneva, arial, helvetica, san-serif;
font-size:12px;
color:#7C9A54;
margin:0;
font-weight:100;

}

#left{
height:350px;
width:450px;
float:left;
padding:0px 10px 10px 15px;
margin:11px;
background-image:url(../images/lines.gif);
background-position:top left;
background-repeat:no-repeat;
}


#right{
height:350px;
width:400px;
float:right;
padding:10px 10px 10px 10px;
margin:10px;
}

#gallery{
height:350px;
width:900px;
float:left;
padding:0px 10px 10px 15px;
margin:11px;
background-image:url(../images/linesgallery.gif);
background-position:top left;
background-repeat:no-repeat;
}

#sidemenu{
height:300px;
width:85px;
float:left;
margin-top:10px;
padding:25px 0px 10px 10px;
background-image:url(../images/menuside.gif);
background-position:top left;
background-repeat:no-repeat;
font-family: geneva, arial, helvetica, san-serif;
font-size:10px;
color:#6A664B;
line-height:1.5;

}

#sidemenu a{
font-family: geneva, arial, helvetica, san-serif;
font-size:10px;
color:#6A664B;
line-height:1.5;
text-decoration:none;

}

#sidemenu a:hover{
font-family: geneva, arial, helvetica, san-serif;
font-size:10px;
color:#AE4136;
line-height:1.5;
text-decoration:none;

}
#targetArea{
height:330px;
width:350px;
float:right;
padding:15px 0px 10px 0px;
margin-top:10px;
}

.menus { 
width:350px;
height:300px;
margin:20px 0 0 -355px;
padding:5px 0px 10px 0px;
overflow:auto;
position:absolute;
left: 50%;
text-align:left;
z-index:50;
background: #fffdea;
}

.menus span, .flexcroll span {
color: #AE4136;
}


/* bottom content*/

#bottom{
width:960px;
height:100px;
background-image:url(../images/bottom_content.png);
background-position:top left;
background-repeat:no-repeat;
font-family:Geneva, san serif;
font-size:10px;
color:#6A664B;
line-height:1.5;
}


#bottom a{
font-family:Geneva, san serif;
font-size:10px;
color:#C27168;
line-height:1.5;
text-decoration:none;

}


#bottom a:hover{
font-family:Geneva, san serif;
font-size:10px;
color:#AE4136;
line-height:1.5;
text-decoration:none;
}



#bottomLeft{
width:300px;
height:50px;
float:left;
padding:20px 15px 15px 55px;

}

#bottomMiddle{
width:280px;
height:50px;
float:left;
padding:20px 15px 15px 15px;
}
#bottomRight{
width:250px;
height:50px;
float:left;
padding:20px 15px 15px 15px;
}