/* 
Theme Name: LaPiazzaOnline 2.0
Theme URI: http://www.LaPiazzaonline.com
Description: This theme was created by Owen Piccirillo for LaPiazza.
Version: 1.0
Author: Owen Piccirillo
Author URI: http://www.messtudios.com
*/

/* Main
---------------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
ul, li {list-style-type: none }
small {font-size:9px; color:#feea8a; line-height:12px;}
.clearfix:after {
    content: "."; 
 	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clr {
	clear:both;
}
.clrdirections {
	margin-top:60px;
	clear:both;
}
body { 
	font:12px Arial, Helvetica, sans-serif;
	color:#440000;
	background:url(img/bg-content.gif);
}
a:link, a:active, a:visited  {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
#rewardsp {
	line-height:20px;
	margin:20px;
	text-align:center;
}
#rewardsp h1 {
	text-transform:uppercase;
	font-size:24px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#000000;
	height:25px;
}
#rewardsp p {
	font-weight:bold;
	font-family:"Courier New", Courier, monospace;
	color:#000000;
	font-size:16px;
}
#rewardsp p strong{
 color:#561262;
}
#rewardsp p small{
font-weight:100;
line-height:16px;
color:#666666;
font-size:11px;
font-style:italic;
}
/* All CSS - Header
---------------------------------------------------------------------------------*/

#mainwrapper {
	margin:0 auto;
	width:856px;
	position:relative;
	background:url(img/bg-contentmain.gif);
	padding-left:2px;
}
#zagat {
	background: url(img/zagat3.gif) no-repeat 5px 0px #963333;
	padding-left:140px;
	margin:25px;
	border:5px solid #963333;
}	
#zagat p{
 color:#000000;
 background-color:#FFFFFF;
 border:1px solid #80171c;
 padding:5px;
 line-height:16px;
}	
#header {
	height:162px;
}
#logo {
	height:162px;
	width:349px;
	background:url(img/lapiazza-restaurant-logo.gif) no-repeat;
	float:left;
	text-indent:-9999px;
}
#logo a{
	height:162px;
	width:349px;
	display:block;
}

/* Navigation
---------------------------------------------------------------------------------*/
#nav {
	margin:0px;
	padding:0px;
	height:162px;
	width:505px;
	float:left;
	background-image:url(img/nav-matrix.gif);

}
#nav li{
	margin:0px;
	padding:0px;
	display:inline;
}
#nav li a {
	display:block;
	height:110px;
	float:left;
	text-indent:-9999px;
}

#navhome a {
	width:50px;
	background-image:url('img/nav-matrix.gif');
}	
#navhome a:hover { 
	background-position: 0px -162px;
}	
#navhome a:active, #navhome a.selected  {
	background-position: 0px 162px;
}

#navmenu a {
	width:52px;
	background-image:url('img/nav-matrix.gif');
	background-position:-50px 0px;
}	
#navmenu a:hover { 
	background-position: -50px -162px;
}	
#navmenu a:active, #navmenu a.selected  {
	background-position: -50px 162px;
}

#navcatering a { 
	width:58px;
	background-image:url('img/nav-matrix.gif');
	background-position:-102px 0px;
}	
#navcatering a:hover { 
	background-position: -102px -162px;
}	
#navcatering a:active, #navcatering a.selected  {
	background-position: -102px 162px;
}
#navrewards a { 
	width:65px;
	background-image:url('img/nav-matrix.gif');
	background-position:-160px 0px;
}	
#navrewards a:hover { 
	background-position: -160px -162px;
}	
#navrewards a:active, #navrewards a.selected  {
	background-position: -160px 162px;
}
#navgallery a {
	width:65px;
	background-image:url('img/nav-matrix.gif');
	background-position:-225px 0px;
}	
#navgallery a:hover { 
	background-position: -225px -162px;
}	
#navgallery a:active, #navgallery a.selected  {
	background-position: -225px 162px;
}

#navdirections a {
	width:73px;
	background-image:url('img/nav-matrix.gif');
	background-position:-290px 0px;
}	
#navdirections a:hover { 
	background-position: -290px -162px;
}	
#navdirections a:active, #navdirections a.selected  {
	background-position: -290px 162px;
}
#navcontact a {
	width:59px;
	background-image:url('img/nav-matrix.gif');
	background-position:-363px 0px;
}	
#navcontact a:hover { 
	background-position: -363px -162px;
}	
#navcontact a:active, #navcontact a.selected  {
	background-position: -363px 162px;
}
#navcc a {
	width:83px;
	background-image:url('img/nav-matrix.gif');
	background-position:-422px 0px;
}	
#navcc a:hover { 
	background-position: -422px -162px;
}	
#navcc a:active, #navcc a.selected  {
	background-position: -422px 162px;
}


/* Content
---------------------------------------------------------------------------------*/
#contentwrapper {
	margin:25px;
}
#leftnumbers {
	width:383px;
	float:left;
}
#merricknumber {
	height:197px;
	width:383px;
	background:url(img/merricknumber.gif) no-repeat;
	text-indent:-9999px;
}
#plainviewnumber {
	height:197px;
	text-indent:-9999px;	
	width:383px;
	margin-top:20px;
	background:url(img/plainviewnumber.gif) no-repeat;
}
#rightintro {
	margin-top:10px;
	width:385px;
	float:left;
	margin-left:30px;

}
#rightintro h1{
	text-indent:-9999px;
	width:384px;
	height:29px;
	background:url(img/welcome.gif) no-repeat;
}
#rightintro p{
	line-height:19px;
}
.menucenter {
	margin:15px 0px 0px 25px;
}
/* Contact
---------------------------------------------------------------------------------*/
#rightcontact {

}
#rightcontact h1{
	text-indent:-9999px;
	width:384px;
	height:29px;
	background:url(img/contactitle.gif) no-repeat;
}
#rightcontact p{
	line-height:19px;
}
#rightcontact p a:link{
	color:#4b0505;
}
#rightcontact p a:visited{
	color:#4b0505;
}

/* Caterers
---------------------------------------------------------------------------------*/
#caterers {
	padding:15px;
	margin:25px;
	border:1px solid #99796f;
	line-height:19px;
	position:relative;
	z-index:0;
}
#caterers h1{
	text-indent:-9999px;
	width:150px;
	height:29px;
	background:url(img/cateringhall.gif) no-repeat;
}
#caterers h2 {
	text-indent:-9999px;
	width:399px;
	height:29px;
	background:url(img/lapiazza-caterers-enter.gif) no-repeat;
}
#caterers h2 a{
	display:block;
	width:399px;
	height:29px;
}
#caterers p {
	width:440px;
	text-align:center;
}
#caterers a:link, #caterers a:visited{
	text-decoration:underline;
	font-size:20px;
	font-weight:bold;
	color:#440000;
}
.cater {
	text-indent:-9999px;
	background:url(img/lapiazzacaterers.gif) no-repeat 120px 0;
	height:22px;
	width:100%;
}
#caterersimg {
	height:273px;
	width:365px;
	position:absolute;
	top:-50px;
	right:-15px;
}


/* Footer
---------------------------------------------------------------------------------*/
#seperator {
	background:url(img/footer-seperator.gif) no-repeat;
	height:22px;
	width:854px;
	margin:30px 0px 10px 0px;
	position:relative;
}
#footer {
	position:relative;
}
#footertxt {
	text-align:center;
	font-size:11px;
	color:#a8877e;
	line-height:16px;
	padding-bottom:50px;
}
#footertxt p a:link{
	color:#4b0505;
}
#footertxt p a:visited{
	color:#4b0505;
}


/* Gallery
---------------------------------------------------------------------------------*/
.please {
	margin:7px 26px 0px 10px;
	text-align:center;
}
.please a:link{
	color:#4b0505;
	text-decoration:underline;
}
.please a:visited{
	color:#4b0505;
}
#myContent {
	height:500px;
	width:802px;
}
#myContent2 {
	height:500px;
	width:802px;
}
#gallerytitle1 {
	margin:20px 0px 0px 25px;
	height:29px;	
	background: url(img/merrickgallery.gif) no-repeat;
	
}
#gallerytitle2 {
	margin:20px 0px 0px 25px;
	height:29px;	
	background: url(img/plainviewgallery.gif) no-repeat;
	
}
#galleryborder {
	padding:0px;
	margin:0px 25px 0px 25px;
	border:1px solid #99796f;
}
.hundred {
	height:50px;
	width:854px;
}

/* Directions
---------------------------------------------------------------------------------*/

#dircenter {
	background:url(img/bg-directions.gif) no-repeat;
	border:1px solid #99796f;
	margin:15px auto 0 auto;
	padding:15px 0px 0px 13px;
	width:787px;
	height:435px;
}
#leftdirections {
	width:804px;
	float:left;
}
#merrickdirections {
	height:197px;
	width:383px;
	float:left;
	text-indent:-9999px;
	background:url(img/merricknumber.gif) no-repeat;
}

#merrickdirections a:link{
	height:197px;
	display:block;
	width:383px;
}
#plainviewdirections {
	height:197px;
	float:left;
	width:383px;
	text-indent:-9999px;
	margin-left:37px;
	background:url(img/plainviewnumber.gif) no-repeat;
}
#plainviewdirections a:link {
	display:block;
	height:197px;
	width:383px;
}


#merrickdirectionscontact {
	width:383px;
	text-align:center;
	float:left;
	background:url(img/merricknumbernew.gif) no-repeat;
}
#merrickdirectionscontact strong {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
}
#plainviewdirectionscontact strong {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
}
#merrickdirectionscontact h3 {
	background:url(img/lapiazzaofmerrick.gif) no-repeat 70px 0px;
	height:29px;
	width:100%;
	text-indent:-9999px;
}
#plainviewdirectionscontact h3 {
	background:url(img/lapiazzaofplainview.gif) no-repeat 70px 0px;
	height:29px;
	width:100%;
	text-indent:-9999px;
}
#merrickdirectionscontact p {
	text-align:center;
	padding-top:180px;
	font-size:14px;
}
#merrickdirectionscontact a:link {
	text-decoration:underline;
	color:#4b0505;
	font-size:16px;
}

#plainviewdirectionscontact {
	float:left;
	text-align:center;
	width:383px;
	margin-left:37px;
	background:url(img/plainviewnumbernew.gif) no-repeat;
}
#plainviewdirectionscontact p {
	padding-top:180px;
	text-align:center;
	font-size:14px;
}
#plainviewdirectionscontact a:link{
	text-decoration:underline;
	color:#4b0505;
	font-size:16px;
}