/* @group Class Settings */
.relative				{ position:relative;}
.overflow_fix			{ overflow:hidden;}
.overflow_visible		{ overflow:visible;}

.padding-10				{ padding:10px;}
.padding-20				{ padding:20px;}
.margin-10-top			{ margin-top: 10px; }
.margin-20-top			{ margin-top:20px;}
.margin-30-top			{ margin-top:30px;}
.margin-50-top			{ margin-top:50px;}
.margin-5-right			{ margin-right:5px;}
.margin-20-right		{ margin-right:20px;}
.margin-5-left			{ margin-left:5px;}
.margin-20-left			{ margin-left:20px;}


.float-left				{ float:left;}
.block					{ display:block;}
/* @end */

/* @group Globals */
*						{ outline:none;}
html					{ width:100%; height:100%;}
body					{ width:100%; height:100%; background-color:#000;}
a						{ color:#fff; text-decoration:none;}
a:hover					{ text-decoration:underline; color:#fff;}

.bg-630, .bg-270, .bg-950	{ background-repeat:no-repeat; background-position:left top;} 
.bg-630					{ background-image:url('../images/corner_shine-630.jpg');}
.bg-270					{ background-image:url('../images/corner_shine-270.jpg');}
.bg-950					{ background-image:url('../images/corner_shine-950.jpg');}

.align-right			{ text-align:right;}

/* @end */

/* @group Header */
#header_gradient		{ background-image:url('../images/background_gradient.jpg'); background-position:center top;
						background-repeat:no-repeat; height:169px; width:530px; position:absolute; top:0; left:-350px;
						z-index:1;}
#wrapper1				{ height:87px;}
#logo a					{ width:212px; height:72px; display:block; background-image:url('../images/logo.png');
						background-position:center top; background-repeat:no-repeat; text-indent:-9999em;}
#logo					{ position:absolute; top:5px; left:60px; z-index:5;}
#nav					{ width:436px; height:46px; display:block; position:absolute; top:42px; right:0px;
						list-style:none; background-image:url('../images/nav_bg.png'); background-repeat:no-repeat;
						background-position:center top; padding-top:1px; padding-left:50px; font-size:20px; 
						z-index:5;}
#nav li					{ float:left; display:block;  }
#nav li a				{ background-image: url('../images/nav-sprite.png'); height: 44px; margin-right: 10px;
						background-repeat: no-repeat; text-indent: -9999em; display: block; }
#nav a#home_button		{ background-position: 0 0; width: 94px; }
#nav a#menu_button		{ background-position: -94px 0; width: 96px; }
#nav a#about_button		{ background-position: -190px 0; width: 98px; }

#nav a#home_button:hover		{ background-position: 0 -44px; width: 94px; }
#nav a#menu_button:hover		{ background-position: -94px -44px; width: 96px; }
#nav a#about_button:hover		{ background-position: -190px -44px; width: 98px; }

#nav a#home_button.active		{ background-position: 0 -88px; width: 94px; }
#nav a#menu_button.active		{ background-position: -94px -88px; width: 96px; }
#nav a#about_button.active		{ background-position: -190px -88px; width: 98px; }


#red_ribbon_container	{ width:100%; height:370px; position:relative;}
#red_ribbon				{ width:100%; height:262px; background-image:url('../images/red_ribbon.jpg'); 
						background-repeat:repeat-x;background-position:top; position:absolute; top:0; 
						left:0; z-index:10;}
#picture_frame			{ width:669px; height:370px; display:block; background-image:url('../images/picture_frame.png');
						background-position:center top; background-repeat:no-repeat; position:absolute; top:0px;
						left:-10px;}						
#picture_frame #slider	{ width:600px; height:312px; border:1px solid #969696; display:block; overflow:hidden;
						position:absolute; top:25px; left:27px;}
#slider ul				{ list-style:none; margin: 0; padding: 0; }
#slider ul li			{ width: 600px; height: 312px; overflow: hidden; }
/*  Activate this to only show buttons on mouse hover
#picture_frame #prevBtn,
#picture_frame #nextBtn			{ display: none; }
#picture_frame:hover #prevBtn,
#picture_frame:hover #nextBtn	{ display: block; } */
h5#tagline				{ position:absolute; left:650px; top:30px; color:#fff; font-size:140%; width:388px;
						height:200px; display:block; background-image:url('../images/tagline.png');
						background-position:center top; background-repeat:no-repeat; text-indent:-9999em;
						z-index:20;}
#shine					{ width:299px; height:246px; background-image:url('../images/shine.png'); 
						background-position:center top; background-repeat:no-repeat; position:absolute;
						top:0; right:0px; z-index:15;}
#prevBtn, #nextBtn		{ position: absolute; bottom: 35px; display: block; }
#prevBtn				{ left: 35px; }
#nextBtn				{ left: 70px; }
#nextBtn a, #prevBtn a	{ background-image: url('../images/arrows.png'); background-repeat: no-repeat; width: 32px;
						height: 22px; text-indent: -9999em; display: block; }
#prevBtn a				{ background-position: 0 0; }
#nextBtn a				{ background-position: -32px 0; }
#prevBtn a:hover		{ background-position: 0 -22px; }
#nextBtn a:hover		{ background-position: -32px -22px; }
/* @end */
/* @group Body */
	
#picture_1				{ width:317px; height:235px; display:block; background-image:url('../images/picture_frame_2.png');
						background-position:center top; background-repeat:no-repeat; position:relative; float:right;
						top:-10px; right:-30px;}
#picture_2				{ width:293px; height:219px; display:block; background-image:url('../images/picture_frame_3.png');
						background-position:center top; background-repeat:no-repeat; position:relative; float:left;
						top:-10px; left:-40px;}
#picture_3				{ width:291px; height:212px; display:block; background-image:url('../images/picture_frame_4.png');
						background-position:center top; background-repeat:no-repeat; position:relative; float:right;
						top:-10px; right:-20px;}
h6#telephone			{ width:269px; height:74px; display:block; background-image:url('../images/telephone.png');
						background-position:center top; background-repeat:no-repeat; text-indent:-9999em;
						position:absolute; top:281px; right:0px;}
h3#contact_heading		{ width:270px; height:15px; display:block; text-indent:-9999em; background-position:150px top;
						background-image:url('../images/contact_us_heading.gif'); background-repeat:no-repeat;
						margin-bottom:10px;}
h3#italian				{ width:630px; height:19px; display:block; background-position:290px top;
						background-image:url('../images/italian_authenticity.gif'); background-repeat:no-repeat;
						text-indent:-9999em;}
h3#mouthwatering		{ width:280px; height:19px; display:block; background-position:center top;
						background-image:url('../images/mouthwatering_menu.gif'); background-repeat:no-repeat;
						text-indent:-9999em; }

h3#open_all_day			{ width:315px; height:39px; display:block; background-position:center top;
						background-image:url('../images/open_all_day.gif'); background-repeat:no-repeat;
						text-indent:-9999em;}
#body					{ margin-bottom:50px; height:1050px;}
/* @end */

/*  @group About */
#about-image			{ width:887px; height:416px; display:block; position:absolute; left:30px; top:-6px; background-image:url('../images/about-main.png');
						background-position:left top; background-repeat:no-repeat;}
h3#find-us				{ width:86px; height:15px; display:block; background-position:center top;
						background-image:url('../images/find-us.gif'); background-repeat:no-repeat;
						text-indent:-9999em;}
/* @end */