/* CSS Document */
/* **************************************************
/                  General 
****************************************************/

body{
padding:0px;
margin:0px;
background:url(../images/back.jpg) repeat 0 0 #000000;
color:#cec0b7;
}
div, p, h1, h2, h3, h4, h5, h6, img, ul, form{
	padding:0; margin:0;
	}
ul{list-style-type:none;}
.clearcols{clear:both; height:0px;}

/* **************************************************
/                  Main Body 
****************************************************/

#mainbody{width:800px; margin:0 auto; color:#000000; padding:0px; background:url(../images/back.jpg) repeat;}
#header{margin:0px; background:url(images/header.jpg) repeat 0 0 #000000;width:800px;height:126px;}
#flash{margin-top:1px;width:800px;height:309px;}
#banners {float: left;}

#logo {float: left;width: auto;}
	
#links{float: right;margin-top: 60px;margin-right: 40px;font-family:Tahoma;font-size:12px;line-height:12px;}
#links a {color:#471e03}

/*--------------------------body part--------------------*/
#content{width:795px; margin:0 auto; color:#666666; padding:0px; border:#545454 1px solid; background-color:#090a0a;  margin-top:1px;}
#content h1{font-size:18px; color:#cec0b7;}	
/*--------------- Byzantio ----------------------------*/

#byzantio{width:270px; float:left;padding-left:17px;margin-top:10px;}
#byzantio .byzantio1{float:left;width: 230px;}

#line { float: right;}


/* **********************************************************************************************
/                                          Styles & Text
*************************************************************************************************/


#byzantio p{width:250px; display:block; font:12px Georgia, "Times New Roman", Times, serif; color:#cec0b7;margin:10px 0 0 0px;}
#byzantio p a{
	display:block; font:12px Georgia, "Times New Roman", Times, serif; color:#cec0b7; 
	}
#byzantio p a:hover{
	text-decoration:none; color:#FFFFFF;
	}
#byzantio h2{
	background:url(../images/album_head.gif) no-repeat; display:block; width:211px; height:24px; text-indent:-2000px;
	margin-top:40px;
	}
#byzantio h3{
	background:url(../images/short_biography.gif) no-repeat; display:block; width:280px; height:28px; text-indent:-2000px;
	}
#byzantio h4{
	background:url(../images/interesting_facts.gif) no-repeat; display:block; width:280px; height:28px; text-indent:-2000px;
	margin-top:40px;
	}
#byzantio h5{
	background:url(../images/contact_head.gif) no-repeat; display:block; width:230px; height:28px; text-indent:-2000px;
	}
.style1 {
	color: #782A02;
	font-weight: bold;
}


#hotelbyzantio{
	width:295px; 
	float:left;
	padding-left:20px;
	margin-top:35px;
	}

/*--------------- Gallery ----------------------------*/
#gallery{
	width:190px;
	margin-top:3px;
	margin-left:1px;
	float:left;
	}

/*--------------- Map ----------------------------*/
#map{
	width:270px; 
	float:right;
	padding-right:10px;
	margin-top:10px;
	}


#map .map1
{
	float:right;
	width: 210px;
}	

#line1 { 
	float: left;
}
#map p{
	width:250px; display:block; font:12px Georgia, "Times New Roman", Times, serif; color:#cec0b7;
	margin:10px 0 0 0px;
	}
#map p a{
	display:block; font:12px Georgia, "Times New Roman", Times, serif; color:#8c796a; 
	text-decoration:underline; margin:10px 0 20px 0;
	}
#map p a:hover{
	text-decoration:none; color:#FFFFFF;
	}
#map h2{
	background:url(../images/album_head.gif) no-repeat; display:block; width:211px; height:24px; text-indent:-2000px;
	margin-top:40px;
	}
#map h3{
	background:url(../images/short_biography.gif) no-repeat; display:block; width:280px; height:28px; text-indent:-2000px;
	}
#map h4{
	background:url(../images/interesting_facts.gif) no-repeat; display:block; width:280px; height:28px; text-indent:-2000px;
	margin-top:40px;
	}
#map h5{
	background:url(../images/contact_head.gif) no-repeat; display:block; width:230px; height:28px; text-indent:-2000px;
	}
.style1 {
	color: #782A02;
	font-weight: bold;
}
/*--------------- Welcome ----------------------------*/
#welcome{
	width:470px; 
	float:right;
	padding-right:10px;
	margin-top:1px;
	}
#welcome p{
	width:470px; display:block; font:12px Georgia, "Times New Roman", Times, serif; color:#cec0b7; text-align:justify;
	margin:10px 0 0 0px;
	}
#map p a{
	display:block; font:12px Georgia, "Times New Roman", Times, serif; color:#8c796a; 
	text-decoration:underline; margin:10px 0 20px 0;
	}
#map p a:hover{
	text-decoration:none; color:#FFFFFF;
	}
#map h2{
	background:url(../images/album_head.gif) no-repeat; display:block; width:211px; height:24px; text-indent:-2000px;
	margin-top:40px;
	}
#map h3{
	background:url(../images/short_biography.gif) no-repeat; display:block; width:280px; height:28px; text-indent:-2000px;
	}
#map h4{
	background:url(../images/interesting_facts.gif) no-repeat; display:block; width:280px; height:28px; text-indent:-2000px;
	margin-top:40px;
	}
#map h5{
	background:url(../images/contact_head.gif) no-repeat; display:block; width:230px; height:28px; text-indent:-2000px;
	}
.style1 {
	color: #782A02;
	font-weight: bold;
}

#rooms{
	width:500px; 
	float:left;
	padding-left:200px;
	margin-top:15px;
	color:cec0b7;
	}
#rooms ul li{
	background:url(../images/arrow.gif) no-repeat 0 8px;  padding:0 0 0 20px;
	width:350px;
	}
/*--------------- footer section ----------------------------*/

#footer{
	margin:0px auto;
	width:800px;
}

#copy p{
	width:800px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#515151; display:block; float:left;
	padding:12px 0 40px; background:url(../images/footer.jpg); margin-top:1px;
	}
/*------------- CONTACT FORM ----------- */

#contactbody{
	width:380px;
	height:270px;
	margin:0 auto;
	padding-top:20px;
	background:none;
	float:right;
	margin-right:20px;
	}
#contact{
	width:379px; margin:0 auto 0 auto;
	}
#contact form{
	width:378px; display:block; margin:0 auto 0 auto;
	}
#contact form label{
	margin:0 12px 0px 10px; display:block; font:11px Tahoma, Helvetica, sans-serif; float:left; color:#969696;
	width:100px;
	}
#contact form input{
	width:220px; height:17px; margin:0 0 8px 0; padding:0; float:left;
	}
#contact form input.bu{
	background:url(../images/submit.gif) no-repeat 0 0; width:59px; height:22px; margin:12px 7px 0 0px; float:left; border:none;
	cursor:pointer; display:block; float:left;
	}
#contact form input.re{
	background:url(../images/reset.gif) no-repeat 0 0; width:52px; height:22px; margin:12px 0px 0 0px; float:left; border:none;
	cursor:pointer; display:block; float:left;
	}
/*------------- Reservation Form----------- */
#form{width:500px; padding-left:25px;margin-top:30px;}
#reservation{width:260px; padding-left:60px;margin-top:15px;}
#form p{width:400px; display:block; font:12px Georgia, "Times New Roman", Times, serif; color:#cec0b7;margin:10px 0 0 0px;}
#form p a{display:block; font:12px Georgia, "Times New Roman", Times, serif; color:#8c796a; text-decoration:underline; margin:10px 0 20px 0;}