/*
 * hotelrial.com
 */
@import url("button.css");
@import url("thickbox.css");
html, body {
	margin:0;
	padding:0;
	width:100%; 
	height:100%;
	}
body {
	font-family:'Trebuchet MS',Tahoma,Arial,Helvetica,sans-serif;
	font-size: 12px;
	background: #c8c8c8 url(../images/mainpage/maincontainer_bcg_top.gif) top left repeat-x; 
	}
:-moz-any-link:focus {
	outline: none;
}
/* Site ********************************************************/
div#maincontainer
{
	background: #c8c8c8 url(../images/mainpage/maincontainer_bcg.gif) top left repeat-x; 
	width: 990px;
	margin: 0 auto;
	}
	div#menubar {
		padding-top: 5px;
		padding-left: 10px;
		height: 38px;
		width: 100%;
	}
	div#contact {
		height: 40px;
		width: 350px;
		float: left;
	}
	div#location {
		height: 40px;
		width: 347px;
		float: right;
		text-align: right;
	}	
	div#contact p, div#location p {
		padding: 6px 0 0 6px;
		margin: 0;
		font-family: Arial;
		font-size: 11px;
		font-weight: 600;
		color: #134887;
		letter-spacing: 1px;
	}
	div#head {
		height: 282px;
		width: 990px;
		float: left;
		clear: both;
		}
		div#left_box {
			height: 282px;
			width: 267px;
			float: left;
			}
			div#left_box img{
				float: left;
			}
			div#right_box{
			  position:relative;
			}
			#right_box img {
				position:absolute;
				top:0;
				left:0;
				z-index:8;
				opacity:0.0;
			}
			#right_box IMG.active {
				z-index:10;
				opacity:1.0;
			}
			#right_box IMG.last-active {
				z-index:9;
			}
			
		div#center_box {
			height: 282px;
			width: 376px;
			float: left;
			background: #063978 url(../images/mainpage/center_box_bcg.gif) top left repeat-x;
		}
		div#center_box_title {
			height: 73px;
			width: 376px;
			float: left;
		}
		div#center_box_title h1 {
				text-align: center;
				color: white;
				padding: 11px 0 0 0;
				margin: 0;
				font-family: Trebuchet MS;
				font-weight: 100;
				font-size: 17pt;
				letter-spacing: 2px;
			}
		div#center_box_content {
			float: left;
			width: 376px;
			height: 150px;
		}
		div#center_box_content p {
			margin: 4px;
			padding: 0;
			font-family: Trebuchet MS;
			font-size: 14px;
			font-weight: 600;
			text-align: center;
			color: #3a6ba2;
		}
		div#center_box_footer {
			float: left;
			width: 376px;
			height: 20px;
			text-align: center;
			padding-top: 13px;
			overflow: hidden;
		}
		div#center_box_footer a {
			text-decoration: none;
			font-family: Trebuchet MS;
			font-size: 18px;
			font-weight: 600;
			color: #ff8a00;
		}
		div#right_box {
			height: 282px;
			width: 347px; /* 347 */
			float: left;
			background-color: blue;
		}
		* html div#right_box { width: 344px; overflow: hidden; }/* IE6 css hack */

	div#flags {
		clear: both;
		height: 55px;
		width: 100%;
		}
		div#flags ul {
			list-style: none outside none;
			padding: 0;
			margin: 0;
			}
			div#flags ul li {
				float: left;
				padding: 0;
				margin: 0;
				margin-top: 3px;
				margin-right: 32px;
				height: 22px;
				width: 80px;
				text-align: center;
				}
				div#flags ul li.last {
					margin-right: 0px;
				}
				div#flags ul li a{
					padding: 0;
					margin: 0;
					text-align: center;
					text-decoration: none;
					font-family: Verdana;
					font-size: 10pt;
					font-weight: 600;
					color: #181818;
				}
				div#flags ul li a img{
					padding: 0;
					margin: 0;
					margin-bottom: -6px;
					border: none;
				}
				* html div#flags ul li a img{ margin-bottom: -2px; }/* IE6 css hack */
	div#roominfo {
		height: 26px;
		width: 100%;
		clear: both;
	}
	div#roominfo p {
		padding: 6px 0 0 0;
		margin: 0;
		font-family: Arial;
		font-size: 13px;
		font-weight: 600;
		color: #134887;
		letter-spacing: 0;
		text-align: center;
	}
	* html div#roominfo p{ font-size: 11px; }/* IE6 css hack */

	div#rooms {
		height: 288px;
		width: 100%;
		clear: both;
		float: left;
	}
	.room {
		height: 282px;
		width: 140px;
		margin-left: 1px;
		padding: 0;
		float: left;
		background-color: white;
		display: inline;
	}
	.first {
		margin-left: 2px;
	}
	* html div .first { margin-left: 1px; }/* IE6 css hack */
	
	.room_pic {
		height: 140px;
		background-color: blue;
	}
	div#rooms .room_pic img {
		padding: 0;
		margin: 0;
		border: none;
		}
	.room_title h2 {
		padding: 0;
		margin: 5px;
		text-align: center;
		font-family: Verdana;
		font-size: 10pt;
		font-weight: 600;
		color: #181818;
	}
	.room_info p {
		padding: 0;
		margin: 5px;
		font-family: Verdana;
		font-size: 8pt;
		font-weight: 600;
		color: #2c2c2c;
		letter-spacing: 0.2px;
	}
	div#general_information {
		height: 224px;
		width: 100%;
		clear: both;
		float: left;
		padding: 0;
		margin: 0;
		background-color: #a5a5a5;
		}
		div#gi_title {
			height: 32px;
			padding: 0;
			margin: 0;
			background-color: #053671;
			}
			div#gi_title h1 {
				text-align: center;
				color: white;
				padding: 3px 0 0 0;
				margin: 0;
				font-family: Arial;
				font-weight: 100;
				font-size: 16pt;
				letter-spacing: 3px;
			}
	div#general_information p {
		margin: 8px;
		font-family: Arial;
		font-size: 11pt;
		font-weight: 600;
		color: #151515;
	}
	div#logo_bar {
		clear: both;
		float: left;
		width: 100%;
		height: 89px;
		background-color: white;
		}
		div#hostelling_international{
			float: left;
		}
		div#gomio{
			float: left;
			margin-left: 330px;
		}
		div#ifijusagi{
			float: right;
		}
	div#sub_conatiner {
		float: left;
		width: 100%;
		background: #88add8 url(../images/mainpage/sub_conatiner.gif) repeat-y;
		}
		div#atractions {
			width: 276px;
			float: left;
			background-color: #c8c8c8;
			}
			div#atractions h2 {
				text-align: center;
				color: white;
				padding: 10px 0 0 0;
				margin: 0;
				font-family: Arial;
				font-weight: 110;
				font-size: 10pt;
				letter-spacing: 3px;
				background-color: #053671;
				height: 27px;
				}
			div#atractions h3 {
				text-align: center;
				color: #1a539a;
				padding: 0 0 18px 0;
				margin: 0;
				font-family: Arial;
				font-weight: 600;
				font-size: 11pt;
			}
			div#guest_book h2 {
				text-align: center;
				color: white;
				padding: 10px 0 0 0;
				margin: 0;
				font-family: Arial;
				font-weight: 110;
				font-size: 10pt;
				letter-spacing: 3px;
				background-color: #053671;
				height: 27px;
				}
			div#guest_book table {
				padding: 10px;
			}
			div#guest_book table td {
				color: white;
				font-family: Arial;
				font-weight: 110;
				font-size: 10pt;
				letter-spacing: 3px;
			}
			div#guest_book table td p{
				color: #1a539a;
				padding: 10px 0 10px 0;
			}
	div#footer {
		text-align: center;
	}