@charset "utf-8";
/* Gianni Document */


html {
	margin: 0;
	padding: 0;
	}
	
body { 
	background-color: #21170e;
	background-image: url(../images/background.jpg);
	background-repeat: repeat;
	background-position: top;
	padding: 0px;
	text-align: justify;
	margin: 0;
	
	
}
		
p { 
	text-align: justify;
	font: 13px/2.2 Arial,Helvetica,sans-serif;
}

a {text-decoration: none; outline: none;

}

a:hover {text-decoration: underline;

}

iframe {border: 5px solid #FFF;}



h1 {font-family:'Crimson Text', serif; font-weight: 400; text-align: justify; margin: 0; padding: 5px 30px 0 37px; font-size: 23px; color: #ac8e70; line-height: 1.5;}

h2 { font-family:'Crimson Text', serif; font-weight: 400;text-align: left; font-size: 21px; color:#ac8e70; padding-top: 10px; text-transform: uppercase; text-decoration: underline;   margin: 0 0 25px 7px;}

h3 {  background-image: url("../images/header_bg.png");
    color: #F2E2D3;
    font-family: 'Crimson Text',serif;
    font-size: 21px;
    font-weight: 400;
    margin-top: 0;
    padding-left: 10px;
    text-align: left;}


h4 { color: #F2E2D3;
   font-family: 'Crimson Text',serif;
   font-size: 30px;
   margin: 0;
   padding-left: 37px;
   text-align: left;}



img {border: 0;}

a {color: #FFF; font: 11pt Arial, Helvetica, sans-serif;}

a:hover {color: #FFF; font: 11pt Arial, Helvetica, sans-serif; text-decoration: underline;}


iframe {width: 250px; height: 250px; border: 0px; overflow: visible;}


.txt {font: 12px/1.5 Arial,Helvetica,sans-serif;
    padding-right: 10px;
	color: #EEE;
	
}
.txt2 {

font: 10px Arial, Helvetica, sans-serif;
	color: #EEE;
	
}

#container {

	background-image: url(../images/middle_background.jpg);
	background-repeat: repeat-y;
	padding: 0;
	width: 890px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1;
}

#container_pop {

	padding: 10px;
	width: 350px;
	margin-top: 0px;
	margin-left: 0px;
	z-index: 1;
}


#header_container {
	
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: -10px;
	width: 100%;
	height: 479px;


}

#shopping_icon {
	
	background-image: url(../images/winner2010.jpg);
	background-position: top;
	width: 254px;
	height: 99px;
	margin-top: 40px;
	margin-left: 50px;
	position: absolute;
	visibility:hidden;
	
}

#video_content {
	

	margin-top: 170px;
	padding: 5px;
	width: 461px;
	height: 293px;
	margin-left: 50px;
	position: absolute;
	z-index: 150;
	background-color: #000;
	


}




#video_content_mm {
	
	background-color: #000;
	margin-top: 150px;
	padding: 5px;
	width: 461px;
	height: 307px;
	margin-left: 50px;
	position: absolute;
	z-index: 150;


}




#slide_content{

	margin-top: 130px;
	padding: 5px;
	width: 481px;
	height: 321px;
	margin-left: 50px;
	position: absolute;
	background-color: black;


}

#audio {
	

	height: 30px;
	position: absolute;
	z-index: 20;
	background: transparent;
	
}


#slideshow {
    position:relative;
    height:321px;
    width: 471px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}



#pic_content {

	margin-top: 170px;
	width: 461px;
	height: 317px;
	margin-left: 50px;
	position: absolute;
	background-color:#000;


}

#right_box {
	
	width: 330px;
	height: 477px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 560px;
	position: absolute;
	
}


#logo {

	background-image: url(../images/logo.png);
	padding: 0px;
	margin-top: 0px;
	margin-left: 20px;
	width: 323px;
	height: 200px;
	z-index: 25;
	
	

}


#contact_box {

	background-image: url(../images/contact_box.png);
	background-repeat: no-repeat;
	padding-bottom: 20px;
	margin-top: 20px;
	width: 312px;
	height: 259px;
	font-size: 12px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:justify;

}

#contact_text {
	
	width: 280px;
	height: 35px;
	margin-left:32px;
	padding-top: 60px;
	line-height: 1.5;
	
}

#phone_numbers {
	
	width: 280px;
	height: 50px;
	margin-left:70px;
	margin-top: 8px;
	line-height: 2;
	font-size: 14px;
	font-weight:bold;
	
}


#contact_text2 {
	
	width: 280px;
	margin-left:32px;
	margin-top: 20px;
	
}

#reservation_btn {
	
	width: 260px;
	height: 69px;
	margin-left: 20px;
	margin-top: -10px;

}


#main_menu {

width: 890px;
height: 70px;
margin-left: 0px;
margin-top: 20px;
position: relative;
z-index: 25;

}
#navigation {

margin-top: 0px;
padding: 0px;
border: none;
margin-left: 0px;
list-style:none;
position:relative;
outline: none;
}

#navigation li { display: inline; outline: none;}


#navigation a  {
background-image: url(../images/menu.png);
background-position: 0px 70px;
float: left;
width:96px;
height: 70px;
text-indent: -9000px;
border: none;
}

#navigation a.link1:hover {background-position: 0px 0px; height:70px; border: none;  }
#navigation a.link1a {background-position:0px 0px; height:70px; border: none;}

#navigation a.link2 {background-position: -96px -70px; height: 70px; width: 75px;}
#navigation a.link2:hover {background-position:-96px 0px;height:70px; width: 75px; border: 0px;}
#navigation a.link2a {background-position:-96px 0px;height:70px;  width: 75px; border: 0px;}

#navigation a.link3 {background-position:-171px -70px;  height: 70px; width: 54px;}
#navigation a.link3:hover{background-position:-171px 0px; height:70px; width: 54px; border: 0px;}
#navigation a.link3a {background-position:-171px 0px; height:70px; width: 54px; border: 0px;}

#navigation a.link4 {background-position: -225px -70px; height: 70px; width: 98px;}
#navigation a.link4:hover {background-position:-225px 0px;height:70px; width: 98px; border: 0px;}
#navigation a.link4a {background-position:-225px 0px;height:70px;  width: 98px; border: 0px;}

#navigation a.link5 {background-position: -323px -70px; height: 70px; width: 122px;}
#navigation a.link5:hover {background-position:-323px 0px;height:70px; width: 122px; border: 0px;}
#navigation a.link5a {background-position:-323px 0px;height:70px;  width:122px; border: 0px;}

#navigation a.link6 {background-position: -445px -70px; height: 70px; width: 100px;}
#navigation a.link6:hover {background-position:-445px 0px;height:70px; width: 100px; border: 0px;}
#navigation a.link6a {background-position:-445px 0px;height:70px;  width: 100px; border: 0px;}

#navigation a.link7 {background-position: -545px -70px; height: 70px; width: 106px;}
#navigation a.link7:hover {background-position:-545px 0px;height:70px; width: 106px; border: 0px;}
#navigation a.link7a {background-position:-545px 0px;height:70px;  width: 106px; border: 0px;}

#navigation a.link8 {background-position: -651px -70px; height: 70px; width: 119px;}
#navigation a.link8:hover {background-position:-651px 0px;height:70px; width: 119px; border: 0px;}
#navigation a.link8a {background-position:-651px 0px;height:70px;  width: 119px; border: 0px;}

#navigation a.link9 {background-position: -770px -70px; height: 70px; width: 120px;}
#navigation a.link9:hover {background-position:-770px 0px;height:70px; width: 120px; border: 0px;}
#navigation a.link9a {background-position:-770px 0px;height:70px;  width: 120px; border: 0px;}



#content_container {
	
	background-image: url(../images/content_background.png);
	background-repeat: repeat-y;
	background-position: bottom;
	width: 530px;
	margin-left: 19px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	float: left;


}

#content_container2 {

	background-image: url(../images/content_background2.png);
	background-repeat: repeat-y;
	background-position: bottom;
	width: 850px;
	margin-left: 19px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 0;

}


#content_container3 {

	background-image: url(../images/content_background2.png);
	background-repeat: repeat-y;
	background-position: bottom;
	width: 430px;
	margin-left: 19px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	float: left;

}

#content_container2 .thumbnail{
	
	width: 790px;
	margin: 0 0 15px 35px;

}


#content_container2 .thumbnail h1{
	
	margin: 0px;
}


#content_container2 .thumbnail img{
	
	width: 70px;
	height: 70px;
	padding: 3px;
	border: solid 1px #BBB;
	margin: 0 3px 3px 0;
		
}



#text_box {
	
	width: 450px;
	margin-left: 40px;
	margin-top: 10px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#dec6ad;
	line-height: 2.2;


}


.text_box_contact{
	
	width: 450px;
	margin-left: 40px;
	margin-top: 0px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#dec6ad;
	padding-top: 10px;

}


#text_box ul {
	
	list-style: none;
	padding: 0;
	margin: 5px;;
	
}

#text_box li {
	
	background: url(../images/arrow_bullet.png) no-repeat 0% 0px;
	text-align: justify;
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px 0px 0px 40px;
	
	
}



#text_box2 {

	width: 805px;
	margin-left: 20px;
	padding-top: 10px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#dec6ad;
	line-height: 2;
}

#text_box3 {


	width: 370px;
	margin-left: 30px;
	margin-top: 20px;
	color:#dec6ad;
	line-height: 2.2;

}

#break {
	
	background-image: url(../images/break.png);
	width: 8px;
	height: 350px;
	margin-top: 40px;
	margin-left: -30px;
	position: absolute;

	
}


#pic_thumb {
	
	float: left;
	width: 123px;
	height: 99px;
	padding-left: 10px;
	padding-right: 15px;
	padding-top: 0px;
	
}




#right_content {

	background-repeat: repeat-x;
	background-position: bottom;
	width: 275px;
	margin-left: 570px;
	margin-top: 10px;
	line-height: .7;
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#dec6ad;
	
}


#right_content span {

	font: bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	line-height: 2;
}


#right_content2 {

	background-repeat: repeat-x;
	background-position: bottom;
	width: 420px;
	margin-left: 465px;
	margin-top: 10px;
}
	
.text_col1_ue {
	width: 195px;
	height: 255px;
	padding-left: 5px;
	padding-right: 10px;
	color:#dec6ad;
	float: left;
}

.text_col2_ue {
	
	width: 185px;
	height: 255px;
	padding-left: 5px;
	padding-right: 10px; 
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#dec6ad;
	line-height: 1;
	float: right;
	margin-right: 15px;
}	

#text_col1 {

	width: 350px;
	margin-left: 40px;
	padding-top: 10px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#dec6ad;
	line-height: 2;
	float: left;
	
}

#text_col2 {
	
	width: 350px;
	margin-left: 450px;
	padding-top: 10px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#dec6ad;
	line-height: 2;

}	

#text_col1 li {
	
	background: url(../images/arrow_bullet.png) no-repeat 0% 3px;
	text-align: justify;
	margin: 0px;
	padding: 0px 0px 10px 40px;

}

#text_col1 ul {
	
	list-style: none;
	padding: 0;
	margin: 5px;
	
}

#text_col2 li {
	
	background: url(../images/arrow_bullet.png) no-repeat 0% 3px;
	text-align: justify;
	margin: 0px;
	padding: 0px 0px 10px 40px;

}

#text_col2 ul {
	
	list-style: none;
	padding: 0;
	margin: 5px;
	
}


.adobe_txt { 

	width: 280px;
	background: url(../images/adobe_icon.png) no-repeat;
	font: 11pt Arial, Helvetica, sans-serif;
	color: #fff;
padding-top : 7px;	
	text-indent: 50px;
	height: 40px;
	cursor: pointer;
	text-align: left;
	
}

#adobe_txt:hover { 

	text-decoration:underline;
	cursor: pointer;
	
}

#map_holder {
	
	width: 350px;
	height: 300px;
	overflow:hidden;


}
#map_border {
	width: 350px;
	height: 300px;
	border-color: #000;
	border-width: 5px;
	border-style:solid;
	
}

#footer {
	
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 870px;
	height: 170px;
	margin-left: auto;
	margin-right: auto;
	position: relative;

}

#footer_menu {

width: 217px;
margin-left: 20px;
margin-bottom: 0px;



}
#social_icon {

width: 190px;
margin-left: 20px;


	
}


#ftr_navigation {

margin-top: 0px;
padding: 0px;
margin-left: 0px;
list-style:none;

}


#ftr_navigation li { display: inline;}


#ftr_navigation a  {
background-image: url(../images/ftr_menu.png);
float: left;
width:92px;
text-indent: -9000px;
}

#ftr_navigation a.link1 { background-position: 0px 0px; height:20px; border: 0px; }
#ftr_navigation a.link1:hover {background-position: 0px -20px; height:20px; border: 0px; }
#ftr_navigation a.link1a {background-position:0px -20px; height:20px; border: 0px; }

#ftr_navigation a.link2 {background-position: -92px 0px; height: 20px; width: 125px;}
#ftr_navigation a.link2:hover {background-position:-92px -20px;height:20px; width: 125px; border: 0px;}
#ftr__navigation a.link2a {background-position:-92px -20px;height:20px;  width: 125px; border: 0px;}





#si_navigation {

margin-top: 0px;
padding: 0px;
margin-left: 0px;
list-style: none;

}
/* if IE */
#si_navigation li { display: inline;}
/* End hide from Netscape */

#si_navigation a  {
background-image: url(../images/socialicon_menu.png);
float: left;
width:63px;
text-indent: -9000px;
}

#si_navigation a.link1 { background-position: 0px 97px; height:97px; border: 0px; }
#si_navigation a.link1:hover {background-position: 0px 0px; height:97px; border: 0px; }

#si_navigation a.link2 {background-position: -63px 97px; height: 97px; width: 64px;}
#si_navigation a.link2:hover {background-position:-63px 0px;height:97px; width: 64px; border: 0px;}

#si_navigation a.link3 {background-position: -127px 97px; height: 97px; width: 63px;}
#si_navigation a.link3:hover {background-position:-127px 0px;height:97px; width: 63px; border: 0px;}


#copyright_txt {
	
	
	width: 200px;
	height: 20px;
	margin-top: 20px;
	margin-left: 3px;
	font: normal 10px Arial, Helvetica, sans-serif;
	color:#7b6957;
	
}

#reservcol1_form {
	

	font: 10px Arial, Helvetica, sans-serif;
	color: #fff;
	width: 320px;
	margin-left: 15px;
	float: left;

	
}

#reservcol2_form {
	
	font: 10px Arial, Helvetica, sans-serif;
	color: #fff;
	width: 320px;
	margin-left: 15px;
	
}


	
#txt_center {font: 12px Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	margin-left: 0px;
	
	
}
	




#txt_pop {  

	font: 12px Arial, Helvetica, sans-serif;
	color: #fff;
	float: left;
	padding: 5px;
	line-height: 1.5;
	margin-left: 0px;
	
}

#txt_pop ul {
	
	list-style: none;
	padding: 0;
	margin: 5px;
	
}

#txt_pop li {
	
	background: url(../images/arrow_bullet.png) no-repeat 0% -3px;
	text-align: justify;
	margin-bottom: 20px;
padding: 0px 0px 10px 40px;

	
}
.header_pop_cont {
	
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 20px;
	
}

.header_pop_cont p{
	
	text-indent: 0px;
	color: red;
	
}

.header_pop_cont p:hover{
	
	text-decoration: underline;
	
}

.clear {clear: both;}
#float_left {float: left; width: 30%;}
#float_right {float: right; width: 70%;}



.clearfix:after {content:" "; display:block; height:0;
                 clear:both; visibility:hidden; }
.clearfix       {display:inline-block;}
/* Hide from IE Mac */
.clearfix       {display:block;}
/* End hide from IE Mac */


======== FORMS ========
#form_container		{ 

width: 275px;
padding:10px 0;
font-family: Arial, Helvetica, sans-serif;
float: left;


}

#form_container li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}

form { width: 275px;
margin-left: auto;
margin-right: auto;
padding-left: 0px;
padding-top: 10px;
}


form fieldset {	 

margin:0px 0px 20px 0px; 
width:275px; 
height: auto;
position:relative;										
border:0;
display:block; 
padding: 0px 0px 8px; }


form li {
	font-family: Arial, Helvetica, sans-serif;
	color: red;
	line-height: 15px;
	font-size: 10px;
}

form p {font: 11px Arial, Helvetica, sans-serif; color: #ac8e70;}


label	{ 

font-size:95%; 
display:block;
font: 12px Arial, Helvetica, sans-serif;
float:left; 
width: 100px; 
text-align:left;
margin-left: 0px; 
color:#fff; 
font-weight:normal;
padding:5px 0px; 
}

input.error {
	
	border: 1px dotted red;
}

label.error  { 

font-weight:normal;
font-size:90%;
color:red;
text-align:left;
width:200px; 
float: left;
margin-left: 100px;

}


input {	height:20px; width:150px; border:1px solid #4D3D2D; background:#2F251B; color: #fff;font-size:80%; padding-top: 3px; padding-bottom: 3px; padding-left: 3px;}
input:hover {border: 1px solid #72583F;}

select#cake {width:70px;}
label#cake {width: 190px}

select#package1 {width:70px;}
label#package1 {width: 190px}


textarea { border:1px solid #4D3D2D; background:#2F251B; width: 150px;font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 10px; padding-top: 3px;padding-left: 3px;}
textarea:hover {border: 1px solid #72583F;}

select {border:1px solid #4D3D2D; background:#2F251B; font-family: Arial, Helvetica, sans-serif; font-size: 90%; color: #FFF; width: 150px; height: 25px; padding-left: 3px; padding-top: 3px; padding-bottom: 3px;}
select:hover {border: 1px solid #72583F;}	

option {margin-left: 10px;}
	
input.text-input			{ margin:4px;padding:2px 0; }

.check 

{color: #B9AD9F;
display: inline;
float: left;
font-size: 80%;
margin-left: 5px;
text-decoration: none;
width: 85px;}


input#avail {width: 15px; margin-top: 3px; border: none; background: none; height: 15px;}
input#news {width: 15px; margin-top: 3px; border: none; background: none; height: 15px;}

input.button {
	
	width: 90px;
	height: 30px;
	float: right;
	margin-top: 0px;
	margin-right: 25px;
}

fieldset p {padding-top: 5px; padding-bottom: 5px; padding-left: 10px;}
fieldset p:hover {background-image: url(../images/header_bg.png);}
p#avail:hover {background-image: none;}

input.button:hover		{ background: #700 none repeat scroll 0% 0%; border: 1px solid #72583F; color:white; }


end form

#g_cont {
	
	background-image: url(../images/g.png);
	background-repeat: no-repeat;
	width: 209px;
	height: 283px;
	position: absolute;
	margin-top: 10%;
	margin-left: 20%;
	margin-right: 20%;
	
}

#gsml_cont {
	
	background-image: url(../images/g_sml.png);
	background-repeat: no-repeat;
	width: 75px;
	height: 102px;
	float: left;
	margin-top: 55px;
	margin-left: 10px;
	
}