/* CSS Document */

#background {width: 100%; vertical-align:middle;}

#wrapper {margin: 0 auto;
 min-height: 100%;
        min-width: 100%;
        height: auto;
        position: fixed;
        top: 0;
        left: 0;
        z-index:-9999;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

.background {
	background: url(http://laviolaphiladelphia.com/assets/landing/bg2.jpg) no-repeat center center fixed;
	margin: 0 auto;
 min-height: 100%;
        min-width: 100%;
        height: auto;
		position:absolute;
        top: 0;
        left: 0;
        z-index:-9999;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

.easthome {
	background: url(http://laviolaphiladelphia.com/assets/east/home-bg.jpg) no-repeat center center fixed;
	margin: 0 auto;
 min-height: 100%;
        min-width: 100%;
        height: auto;
		position:absolute;
        top: 0;
        left: 0;
        z-index:-9999;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

.eastabout {
	background: url(http://laviolaphiladelphia.com/assets/east/about/about-bg.jpg) no-repeat center center fixed;
	margin: 0 auto;
 min-height: 100%;
        min-width: 100%;
        height: auto;
		position:absolute;
        top: 0;
        left: 0;
        z-index:-9999;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

.eastmenu{
	background: url(http://laviolaphiladelphia.com/assets/east/menu/menu-bg.jpg) no-repeat center center fixed;
	margin: 0 auto;
 min-height: 100%;
        min-width: 100%;
        height: auto;
		position:absolute;
        top: 0;
        left: 0;
        z-index:-9999;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}


#header{height: 200px;width: 100%;}

.eastfixed {background: url(http://laviolaphiladelphia.com/assets/east/head-bg.png) left top repeat-x;
position: fixed;left: 0;
z-index:501;}


#headlogo{height: 200px;width: 100%;}

.eastlogo {background: url(http://laviolaphiladelphia.com/assets/east/bistro.png) center top no-repeat;
position: fixed; left: 0;
z-index:0;}


.inner { width: 100%;margin: 0 auto;height: 200px;}




.midbg {background: url(http://laviolaphiladelphia.com/assets/east/mid-bg2.png) left top repeat-x;
left: 0;}


.aboutline {background: url(http://laviolaphiladelphia.com/assets/east/about/gold-line.png) center top repeat-y;
left: 0;}

.horzline {background: url(http://laviolaphiladelphia.com/assets/east/about/hgold-line.png) left center repeat-x;
left: 0;}

.pad {padding-top:10px;}

.westfixed {
position: fixed;left: 0;
z-index:501;}

.westheadcenter {background: url(http://laviolaphiladelphia.com/assets/west/home/main-bg2.png) center top no-repeat;

z-index:501;}

.westheadleft {background: url(http://laviolaphiladelphia.com/assets/west/home/bg-left.png) right top repeat-x;

z-index:501;}
.westheadright {background: url(http://laviolaphiladelphia.com/assets/west/home/bg-right.png) left top repeat-x;

z-index:501;}


#headerwest{height: 200px;width: 100%;}

.westlogo {background: url(http://laviolaphiladelphia.com/assets/west/home/ovest.png) center top no-repeat;
position: fixed; left: 0;
z-index:0;}


.westhome {
	background: url(http://laviolaphiladelphia.com/assets/west/home/home-bg.jpg) no-repeat center center fixed;
	margin: 0 auto;
 min-height: 100%;
        min-width: 100%;
        height: auto;
		position:absolute;
        top: 0;
        left: 0;
        z-index:-9999;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}



.westabout {
	background: url(http://laviolaphiladelphia.com/assets/west/menu/menu-bg.jpg) no-repeat center center fixed;
	margin: 0 auto;
 min-height: 100%;
        min-width: 100%;
        height: auto;
		position:absolute;
        top: 0;
        left: 0;
        z-index:-9999;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}



.westmenu {
	background: url(http://laviolaphiladelphia.com/assets/west/about/about-bg.jpg) no-repeat center center fixed;
	margin: 0 auto;
 min-height: 100%;
        min-width: 100%;
        height: auto;
		position:absolute;
        top: 0;
        left: 0;
        z-index:-9999;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}


.westcontact{
	background: url(http://laviolaphiladelphia.com/assets/west/contact/contact-bg.jpg) no-repeat center center fixed;
	margin: 0 auto;
 min-height: 100%;
        min-width: 100%;
        height: auto;
		position:absolute;
        top: 0;
        left: 0;
        z-index:-9999;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}


.westevent{
	background: url(http://laviolaphiladelphia.com/assets/west/events/event-bg.jpg) no-repeat center center fixed;
	margin: 0 auto;
 min-height: 100%;
        min-width: 100%;
        height: auto;
		position:absolute;
        top: 0;
        left: 0;
        z-index:-9999;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}



#headwrap {
background: #8a0202;
height: 100%;
margin: auto;
position: relative;
width: 380px;
}
#main-column {
margin: auto;
padding: 10px;
text-align: center;
}
#leftbg {
float: left;
display: block;
position: relative;
top: 0;
width:50%;
}
#left-content {
margin-right: 190px;
background: #f54646;
}
#rightbg {
float: right;
right: 0;
display: block;
position: absolute;
top: 0;
width:50%;
}
#right-content {
margin-left: 190px;
background: #f54646;
position: relative;
}
#mainheadbg {
color: #ffffff;
width: 380px;
margin: auto;
position: relative;
z-index: 111111;
background: #830202;
}





#slideshow, img.bg {
        min-height: 100%;
        min-width: 100%;
        height: auto;
        position: fixed;
        top: 0;
        left: 0;
        z-index:-9999;
}

 #footer {
    position : fixed;
    bottom : 0;
      min-width: 100%;
    margin-top : 40px;
  }

 #footermain {
    position : fixed;
    bottom : 0;
		  margin-top : 0px;
      width: 100%;

  }
.footermain {
	background: url(http://laviolaphiladelphia.com/assets/sitewide/foot-bg.png) left top repeat;
	left: 0px;
		height: 80px;
}




.yellow14 {
	font-family: Garamond;
	font-size:14px;
	line-height:24px;
	color:#FFCC29;
	letter-spacing:1px;

}



.yellow14 a {
	font-family: Garamond;
	font-size:14px;
	line-height:24px;
	color:#FFCC29;
	letter-spacing:1px;
	text-decoration:none;

}


.yellow14 a:hover {
	font-family: Garamond;
	font-size:14px;
	line-height:24px;
	color:#FFCC29;
	letter-spacing:1px;
	text-decoration:underline;

}

.white14 {
	font-family: Garamond;
	font-size:14px;
	line-height:20px;
	color:#FFF;
	letter-spacing:1px;

}

.white12 {
	font-family: Garamond;
	font-size:12px;
	line-height:18px;
	color:#FFF;
	letter-spacing:1px;

}

.white10 {
	font-family: Garamond;
	font-size:10px;
	line-height:14px;
	color:#FFF;
	letter-spacing:1px;

}

.white10 a{
	font-family: Garamond;
	font-size:10px;
	line-height:14px;
	color:#FFF;
	letter-spacing:1px;
	text-decoration:none;

}


.white10 a:hover{
	font-family: Garamond;
	font-size:10px;
	line-height:14px;
	color:#FFF;
	letter-spacing:1px;
	text-decoration:underline;

}


.whitelarge {
	font-family: Garamond;
	font-size:45px;
	line-height:60px;
	color:#FFF;
	letter-spacing:2px;
	

}


.white16 {
	font-family: Garamond;
	font-size:16px;
	line-height:24px;
	color:#FFF;
	letter-spacing:2px;

}


.white16 a{
	font-family: Garamond;
	font-size:16px;
	line-height:24px;
	color:#FFF;
	letter-spacing:2px;
		text-decoration:none;


}


.white16 a:hover{
	font-family: Garamond;
	font-size:16px;
	line-height:24px;
	color:#FFF;
	letter-spacing:2px;
	text-decoration:underline;

}



.goldlg {
	font-family: Garamond;
	font-size:50px;
	line-height:55px;
	color:#A07E20;
	letter-spacing:2px;

}



.goldcontent {
	font-family: Garamond;
	font-size:14px;
	line-height:24px;
	color:#A07E20;
	letter-spacing:1px;

}

.goldhead{
	font-family: Garamond;
	font-size:18px;
	line-height:28px;
	color:#A07E20;
	letter-spacing:1px;

}

.purpcontent {
	font-family: Garamond;
	font-size:14px;
	line-height:24px;
	color:#322038;
	letter-spacing:1px;

}

.purpcontent a {
	font-family: Garamond;
	font-size:14px;
	line-height:24px;
	color:#322038;
	letter-spacing:1px;
	text-decoration:none;

}

.purpcontent a:hover {
	font-family: Garamond;
	font-size:14px;
	line-height:24px;
	color:#322038;
	letter-spacing:1px;
	text-decoration:underline;

}
