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


html {
	margin: 0px;
	padding: 0;
	}
	
body { 
	background-color: #21170e;
	background-image: url(../images/background.jpg);
	background-repeat: repeat;
	background-position: top;
	margin-bottom: 0px;
	padding: 0px;
	text-align: justify;
	
	
}
		
p { 
	text-align: justify; 
}

a {text-decoration: none;

}

a:hover {text-decoration: none;

}

iframe {border: 5px solid #FFF;}


h1 { font: Georgia, "Times New Roman", Times, serif; font-weight: lighter; text-align: justify; width: 770px; height: 50px;  font-size: 21px; color: #ac8e70; line-height: 1.5; padding-bottom: 20px; margin-top: 0px; margin-left: 37px;}

h2 { font: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight: bold; text-align: left; font-size: 17px; color: #ac8e70; margin-top: 0px;}

h3 { background-image: url(../images/header_bg.png); font: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight: 200; text-align: left; font-size: 24px; color: #f2e2d3; padding-left: 10px; padding-bottom: 0px; padding-top: 5px; }

h5 { font: Georgia, "Times New Roman", Times, serif; font-weight: lighter; text-align: justify;  width: 450px; font-size: 21px; color: #ac8e70; line-height: 1.5; margin-left: 40px; margin-top: 10px;}

h6 { background-image: url(../images/header_bg.png); font: Arial, Helvetica, sans-serif; font-weight: 400; text-align: justify; font-size: 12px; color: #f2e2d3; padding-left: 10px; padding-bottom: 0px; margin-bottom: 0px; padding-top: 5px; }

h7 { font: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight: bold; text-align:left; font-size: 30px; color: #ac8e70; margin-top: 0px;}

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 Arial, Helvetica, sans-serif;
	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/shopping_icon.png);
	background-position: bottom;
	width: 274px;
	height: 80px;
	top: 0px;
	left: 80px;
	position: absolute;
	
}

#video_content {

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


}

#slide_content {

	background-color: #000;
	background-image: url(../functionslide/thumb_loader.jpg);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	margin-top: 150px;
	padding: 5px;
	width: 481px;
	height: 321px;
	margin-left: 50px;
	position: absolute;


}

#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:92px;
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: -92px -70px; height: 70px; width: 74px;}
#navigation a.link2:hover {background-position:-92px 0px;height:70px; width: 74px; border: 0px;}
#navigation a.link2a {background-position:-92px 0px;height:70px;  width: 74px; border: 0px;}

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

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

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

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

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

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

#navigation a.link9 {background-position: -765px -70px; height: 70px; width: 125px;}
#navigation a.link9:hover {background-position:-765px 0px;height:70px; width: 125px; border: 0px;}
#navigation a.link9a {background-position:-765px 0px;height:70px;  width: 125px; 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-bottom: 10px;
	padding-top: 10px;

}

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


	
}

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

#text_box li {
	
	background: url(../images/arrow_bullet.png) no-repeat 0% 5px;
	text-align: justify;
	margin: 0px;
	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;
}



#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;
}
	
#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;

}	


#adobe_txt { 

	width: 265px;
	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;
	
}

#adobe_txt:hover { 

	font: 11pt Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration:underline;
	line-height: 2;
	text-indent: 50px;
	height: 40px;
	cursor: pointer;
	
}



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

}

#footer_menu {

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


}
#social_icon {

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

	
}


#ftr_navigation {

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


#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;
position:relative;
}
/* 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 90px; height:90px; border: 0px; }
#si_navigation a.link1:hover {background-position: 0px 0px; height:90px; border: 0px; }
#si_navigation a.link1a {background-position:0px 0px; height:90px; border: 0px; }

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

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


#copyright_txt {
	
	
	width: 200px;
	height: 20px;
	margin-top: 20px;
	font-size: 10px;
	color: #666;
	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.jpg) no-repeat 0% 2px;
	text-align: justify;
	margin: 0px;
padding: 0px 0px 10px 40px;

	
}
#header_pop_cont {
	
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 20px;
	
}





.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 */


<!--[if IE]>
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  
<![endif]-->



<!--======== FORMS ========-->
#form_container		{ 

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


}

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


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

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


form fieldset {	 

margin:0px 0px 20px 0px; 
width:400px; 
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;
width: 170px; 
float: left;
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;
float: right;
width:200px; 

}

label#newsletter {
	
	font-size: 10px;
	width: 350px;
	
}

input {	height:20px; width:200px; border:1px solid #4D3D2D; background:#2F251B; margin:0px 0px 0 0; color: #B9AD9F;font-size:80%; }
input:hover {border: 1px solid #72583F;}


textarea { border:1px solid #4D3D2D; background:#2F251B; width: 200px; color: #B9AD9F; font-size: 90%; font-family: Arial, Helvetica, sans-serif;}
textarea:hover {border: 1px solid #72583F;}


select { border:1px solid #4D3D2D; background:#2F251B; font: Arial, Helvetica, sans-serif; font-size: 90%; color: #FFF; width: 200px; left: 125px; height: 25px; }
select:hover {border: 1px solid #72583F;}	
	
input.text-input			{ margin:4px;padding:2px 0;}

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

input.button2 {
	
	width: auto;
	height: 30px;
	text-align: center;
	margin-top: 0px;
	margin-right: 25px;
	font-size: 12px;
}


input#news {
	
	background: none;
	border: none;
	width: 15px;
	
	
}

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


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

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