﻿/*
	La Scala Styles

	Table of Contents:
		layout
		typography
		components (such as the calendar, forms)
		containers
		template containers
*/

/* layout
----------------------------------------------- */

html, body, div, h1, h2, h3, ul, ol, li, form, fieldset,
input, textarea {
    margin: 0;
    padding: 0;
    font-size: 100%;
}
ul {list-style: none;}
img, fieldset {border: 0;}
h1, h2, h3 {font-weight: normal;}
em {font-style: italic;}
strong {font-weight: bold;}

body {
	background:white url('/App_Themes/site/images/lascalabg.gif');
	font-family:Courier New, Times New Roman, Verdana, Geneva, Helvetica, serif;
	font-size:14px;
	color: #231f20;
}

body.LTR, body.RTL
{
	background:white url('/App_Themes/site/images/lascalabg.gif');
	font-family:Courier New, Times New Roman, Verdana, Geneva, Helvetica, serif;
	font-size:14px;
	color: #231f20;
}

a,img {
	border: 0;
}

p{margin: 0 0 .8em 0;}

/* typography
----------------------------------------------- */

h1,
h2, 
h3, 
h4, 
h5, 
h6 {
	font-family:"Prestige Elite Std", Courier New, Times New Roman, Verdana, Geneva, Helvetica, serif;
  	color: #553c2a;
	font-weight: normal;
}

h1 {
	font-size: 1.95em;
	padding:10px 0 15px 0; 
    font-weight:600;
    color: #9a2222;
    font-family: "Prestige Elite Std", Courier New, Times New Roman, Verdana, Geneva, Helvetica, serif;
}

h2{ 
	font-size: 1.35em;
    padding: 34px 0 0 25px;
    font-weight:600;
    color:#5c96a2;
    
}
h3 {
	font-size: 1.35em;
	font-style:italic;
    margin: .5em 0 .5em 0;
    line-height:1.5;
    font-weight:600;
    color:#739331;
    
}
h4
{
	font-size:1.45em;
	font-style:italic;
    margin: 0 0 .5em 0;
    line-height:1.5;
}

/* components
----------------------------------------------- */

img.fancybox {border: 1px solid #CCC; padding:2px; margin:10px 5px 10px 0;}

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}

#specials{width:251px; margin:295px 0 0 28px;}
	#specials .title{background:url('/App_Themes/LaScala/images/11b.png') no-repeat; width:251px; height:74px; color:#5c96a2;}
	#specials .specialtext{background:url('/App_Themes/LaScala/images/22b.png') repeat-y; width:251px; padding: 0 10px 0 8px;}
	#specials p{width: 200px; margin:0; padding:0 20px 5px 15px; font-size:.85em; font-family:"Courier New", Courier, monospace; text-align:center; line-height:1.5em}
	#specials strong{color:#B8552D; }

#specials2{width:251px; margin:0px 0 0 28px;}
	#specials2 .title{background:url('/App_Themes/LaScala/images/11b.png') no-repeat; width:251px; height:74px; color:#5c96a2;}
	#specials2 .specialtext{background:url('/App_Themes/LaScala/images/22b.png') repeat-y; width:251px; padding: 0 10px 0 8px;}
	#specials2 p{width: 200px; margin:0; padding:0 20px 5px 15px; font-size:.85em; font-family:"Courier New", Courier, monospace; text-align:center; line-height:1.5em}
	#specials2 strong{color:#B8552D; }

/* sprites
----------------------------------------------- */

#facebook, #lafcal, #theproject, #emailclub, #photogallery, #onlinereservation{float:left; background:url('/App_Themes/LaScala/images/logosprite.png'); margin:0 24px 0 0; position: relative; top:65px; left:15px; cursor:pointer}
#facebook{width:105px; height:37px; background-position: 0px 0px}
#lafcal{width:163px; height:48px; background-position: 0px -37px; top:60px;}
#theproject{width:111px; height:88px; background-position: -163px 0px; top:42px;}
#emailclub{width:110px; height:139px; background-position: -274px 0px; top:25px;}
#photogallery{width:145px; height:125px; background-position: 0px -88px; top:5px;}
#onlinereservation{width:122px; height:115px; background-position: -148px -98px; position:relative; top:0px; left:0;}

#abovefooter{height:131px; float:left}
	#f1{width:15px; height:131px;float:left;background:url('/App_Themes/LaScala/images/ff0.png')}
	#f2{width:865px; height:131px;float:left;background:url('/App_Themes/LaScala/images/ff2.jpg')}
	#f3{width:20px; height:131px;float:left;background:url('/App_Themes/LaScala/images/ff5.png')}
#topright{height:0px;}

/* forms
----------------------------------------------- */
input{width:250px;}
textarea{width:250px;}

/* Containters
----------------------------------------------- */

#wrapper{
	width:900px;
	margin:0 auto;
}

#header
{
	float: left;
	
}


#navigation{float:left; width:900px;}
	div.leftofnav{float:left; width:28px;}
	div.nav{float:left; width:634px;}
	div.rightofnav{float:left; width:238px;}

#middle{float:left; overflow: hidden;}

	#lc{width:10px; background:url('/App_Themes/LaScala/images/1bg.png') repeat; margin-bottom: -4000px; padding-bottom: 4000px;float:left}
	#mc{width:873px; background:url('/App_Themes/LaScala/images/2bg.jpg') repeat; margin-bottom: -4000px; padding-bottom: 4000px;float:left}
	#rc{width:17px; background:url('/App_Themes/LaScala/images/3bg.png') repeat; margin-bottom: -4000px; padding-bottom: 4000px;float:left}

#footer{float:left; width:900px}

/* Templates 
----------------------------------------------- */

#withimage{margin:10px 0 0 16px;}
	#lcol{width:550px; float:left}
	#lcol p{width:480px; line-height:1.5em}
	#rcol{width:300px; float:left}


#style-A 
{
	padding:10px 35px 20px 14px;
	font-size:16px;
	font-family: "Prestige Elite Std", Courier New, Times New Roman, Verdana, Geneva, Helvetica, serif;
	line-height:18px;
	 
	
} 
#content .contentB
{
	font-size:14px;
	font-family: "Prestige Elite Std", Courier New, Times New Roman, Verdana, Geneva, Helvetica, serif;
 text-align:center;
 
}







.MainMenuCMSMenu
{
width:634px;
height:31px;
font-weight:bold;
color:white;
/*text-align:center;*/
font-size:14px;
font-family:arial;
/*background-image:url(/App_Themes/Main/images/menubg.jpg);*/
}



.MainMenuCMSMenuItem,
.MainMenuCMSMenuItemMouseDown,
.MainMenuCMSMenuItemMouseUp
{
/*background-color:#EEA814;*/
/*padding: 8px 8px 8px 8px;*/
/*border-bottom: solid 1px #FFFDE9; border-top: solid 1px #FFFDE9;*/
color:white;
height:31px;
padding-left:0px;
padding-right:0px;
}


.MainMenuCMSMenuHighlightedMenuItem,
.MainMenuCMSMenuHighlightedMenuItemMouseDown,
.MainMenuCMSMenuHighlightedMenuItemMouseUp
{
/*background-color:#91151D; #EEA814;*/
/*padding: 8px 8px 8px 8px;*/
/*border-bottom: solid 1px #FFFDE9; border-top: solid 1px #FFFDE9;*/
color:white;
height:31px;
/*background-color:green;*/
padding-left:0px;
padding-right:0px;
}


.MainMenuCMSMenuHighlightedMenuItemMouseOver,
.MainMenuCMSMenuItemMouseOver
{
/*background-color:#91151D;*/
/*padding: 8px 8px 8px 8px;*/
/*border-bottom: solid 1px #FFFDE9; border-top: solid 1px #FFFDE9;*/
/*background-image:url(/App_Themes/EcommerceSite/Images/menu-hover-bg.gif);*/
color:white;
height:31px;
/*background-color:lime;*/
padding-left:0px;
padding-right:0px;
}


.MainMenuSubMenuCMSMenu
{
/*background-color:#264d88;*/
/*padding: 10px 10px 10px 10px;*/
color:white;
font-weight:bold;
font-size:11px;
font-family:Verdana;
height:24px;
text-transform:uppercase;


}



.MainMenuSubMenuCMSMenuItem,
.MainMenuSubMenuCMSMenuItemMouseDown,
.MainMenuSubMenuCMSMenuItemMouseUp,
.MainMenuSubMenuCMSMenuHighlightedMenuItem,
.MainMenuSubMenuCMSMenuHighlightedMenuItemMouseDown,
.MainMenuSubMenuCMSMenuHighlightedMenuItemMouseUp
{

padding: 6px;
border: solid 1px #fffde9;
background-color:#759D45;
text-align:left;
color:white;
/*
color:white; font-weight:bold; font-family:Verdana; font-size: 11px;
height:24px;
text-align:left;
padding: 3px*/
}

.MainMenuSubMenuCMSMenuHighlightedMenuItemMouseOver,
.MainMenuSubMenuCMSMenuItemMouseOver
{
padding: 6px;
border-bottom: solid 1px #FFFDE9; border-top: solid 1px #FFFDE9;
color:white;
background-color:#027EBE;
text-align:left;
/*
height:24px;
color:white; font-weight:bold; font-family:Verdana; font-size: 11px;
padding: 3px
*/
}


.MainMenuOtherLevelsCMSMenu
{
background-color:#024C90;
/*padding: 10px 10px 10px 10px;*/
}



.MainMenuOtherLevelsCMSMenuItem,
.MainMenuOtherLevelsCMSMenuItemMouseDown,
.MainMenuOtherLevelsCMSMenuItemMouseUp,
.MainMenuOtherLevelsCMSMenuHighlightedMenuItem,
.MainMenuOtherLevelsCMSMenuHighlightedMenuItemMouseDown,
.MainMenuOtherLevelsCMSMenuHighlightedMenuItemMouseUp
{
background-color:#264d88;
/*background-color:#EEA814;*/
padding: 6px;
border-bottom: solid 1px #FFFDE9; border-top: solid 1px #FFFDE9;
}

.MainMenuOtherLevelsCMSMenuHighlightedMenuItemMouseOver,
.MainMenuOtherLevelsCMSMenuItemMouseOver
{
background-color:#027EBE;
/*background-color:#91151D;*/
padding: 6px;
border-bottom: solid 1px #FFFDE9; border-top: solid 1px #FFFDE9;
}

