body {
	background: #e5e5e5;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	margin: 0px;
	padding: 0px;
}

/*---------------------------------------*/

#wrapper {
	top: 20px;
	position: relative;
	background: #FFF;
	margin: 0 auto 0 auto;
	width: 790px;
	border: 1px solid #cccccc;
}

#header {
	width: 90%;
	position: relative;
	margin: 0 auto 0 auto;
	height: 50px;
	/*background: #000;*/
}

/*#line {
	top: 5px;
	position: relative;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	background: red;
	height: 3px;
}*/

#sections {
	width: 100%;
	position: relative;
	top: 10px;
}

#sections ul {
	list-style-type: none;
	width: 100%;
	font-size: 11px;
	margin: 0 auto 0 auto;
	margin-top: 10px;
	padding: 0;
}

#sections ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

#sections ul li a{
	text-align: center;
	text-decoration: none;
	padding: 0;
	display: block;
	width: 117px;
	height: 15px;
	float: left;
	color: #000;
}

#sections ul li a:link{
	color: black;
}

#sections ul li a:visited{
	color: black;
}

#sections ul li a:hover{
	color: white;
	background: #670303;
}

#sections ul li a:active{
	color: gray;
}

#index {
	color: white;
	background: #d4d2d2;
}

#hostel {
	color: white;
	background: #d4d2d2;
}

#rooms {
	color: white;
	background: #d4d2d2;
}

#services {
	color: white;
	background: #d4d2d2;
}

#photos {
	color: white;
	background: #d4d2d2;
}

#contact {
	color: white;
	background: #d4d2d2;
}

.line_limit {
	border-right: 1px solid #670303;
}

#subheader {
	width: 760px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	height: 165px;
}

#image_subheader1 {
	background: url(text_hostel.jpg) no-repeat;
	border: 1px solid #9f0420;
	width: 192px;
	height: 150px;
	float: left;
}

#image_subheader2 {
	/*background: url(hall_hostel.jpg) no-repeat;*/
	border: 1px solid #9f0420;
	width: 553px;
	height: 150px;
	float: right;
}

#imageSlideshowHolder{
	/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

	In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
	border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
	should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

	*/
	/* CSS HACK */
	width: 559px;	/* IE 5.x */
	width/* */:/**/553px;	/* Other browsers */
	width: /**/553px;
		
	/* CSS HACK */
	height: 156px;	/* IE 5.x */
	height/* */:/**/150px;	/* Other browsers */
	height: /**/150px;
		
	background-color: #000;
	/*border:3px solid #317082;*/
	position: relative;	/* Never change this value */
		
	}
	.imageInGallery{		
	width: 553px;
	height: 150px;
	background-color: #000;
		
	/* Never change these 3 value */
	left: 0px;
	top: 0px;
	position: absolute;	
}	
	
#imageSlideshowHolder img{
	position: absolute;
}

#content {
	width: 760px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

#content_left {
	top: 40px;
	background: #f0f0f0;
	border: 1px solid #e5e5e5;
	width: 192px;
	float: left;
	margin-bottom: 20px;
}

#content_left_services {
	top: 40px;
	background: #f0f0f0;
	border: 1px solid #e5e5e5;
	width: 192px;
	height: 345px;
	float: left;
	margin-bottom: 20px;
}

#text_services {
	width: 100%;
	text-align: center;
}

#text_services span {
	color: #44000d;
	font-size: 12px;
	position: relative;
	top: 5px;
	margin-left: 5px;
	font-weight: bold;
}

#services_list {
	width: 100%;
	margin-top: 10px;	
	background: url(services.jpg) no-repeat;
	height: 320px;
}

#content_right {
	top: 40px;
	/*border: 1px solid #e5e5e5;*/
	width: 553px;
	/*height: 270px;*/
	float: right;
	margin-bottom: 20px;
}

#welcome_text {
	width: 65%;
	border-top: 1px solid #e5e5e5;
	float: left;
}

#welcome_text span {
	color: #44000d;
	font-size: 12px;
	position: relative;
	top: 5px;
	margin:0;
	padding:0;
	margin-left: 5px;
	font-weight: bold;
}

#welcome_text_para {
	width: 100%;
	position: relative;
	top: 20px;
}

#welcome_text_para p {
	color: black;
	font-size: 0.7em;
	margin:0;
	padding:0;
	margin-left: 5px;
}

#hostel_text {
	width: 100%;
	border-top: 1px solid #e5e5e5;
	float: left;
}

#hostel_text span {
	color: #44000d;
	font-size: 12px;
	position: relative;
	top: 5px;
	margin:0;
	padding:0;
	margin-left: 5px;
	font-weight: bold;
}

#hostel_text_para {
	width: 100%;
	position: relative;
	top: 20px;
}

#hostel_text_para p {
	color: black;
	font-size: 0.7em;
	margin:0;
	padding:0;
	margin-left: 5px;
}

#hostel_text_para p a {
	color: #44000d;
}

#hostel_text_para p a:link {
	color: #44000d;
}

#hostel_text_para p a:hover {
	color: #44000d;
}

#hostel_text_para p a:visited {
	color: #44000d;
}

#hostel_text_para p a:active {
	color: #44000d;
}

#room_text {
	width: 100%;
	border-top: 1px solid #e5e5e5;
	float: left;
}

#room_text span {
	color: #44000d;
	font-size: 12px;
	position: relative;
	top: 5px;
	margin:0;
	padding:0;
	margin-left: 5px;
	font-weight: bold;
}

#room_text_para {
	width: 100%;
	position: relative;
	top: 20px;
}

#room_text_para p {
	color: black;
	font-size: 0.7em;
	margin:0;
	padding:0;
	margin-left: 5px;
}

#room_text_para p a {
	color: #44000d;
}

#room_text_para p a:link {
	color: #44000d;
}

#room_text_para p a:hover {
	color: #44000d;
}

#room_text_para p a:visited {
	color: #44000d;
}

#room_text_para p a:active {
	color: #44000d;
}

#services_text {
	width: 100%;
	border-top: 1px solid #e5e5e5;
	float: left;
}

#services_text span {
	color: #44000d;
	font-size: 12px;
	position: relative;
	top: 5px;
	margin:0;
	padding:0;
	margin-left: 5px;
	font-weight: bold;
}

#services_text_para {
	width: 100%;
	position: relative;
	top: 20px;
}

#services_text_para p {
	color: black;
	font-size: 0.7em;
	margin:0;
	padding:0;
	margin-left: 5px;
}

#services_text_para p a {
	color: #44000d;
}

#services_text_para p a:link {
	color: #44000d;
}

#services_text_para p a:hover {
	color: #44000d;
}

#services_text_para p a:visited {
	color: #44000d;
}

#services_text_para p a:active {
	color: #44000d;
}

#services_horizontal {
	top: 40px;
	width: 100%;
	height: 200px;
	background: url(services_horizontal.jpg) no-repeat;
	position: relative;
}

#photos_text {
	width: 100%;
	border-top: 1px solid #e5e5e5;
	float: left;
}

#photos_text span {
	color: #44000d;
	font-size: 12px;
	position: relative;
	top: 5px;
	margin:0;
	padding:0;
	margin-left: 5px;
	font-weight: bold;
}

#photos_text_para {
	width: 100%;
	position: relative;
	top: 20px;
}

#photos_text_para p {
	color: black;
	font-size: 0.7em;
	margin:0;
	padding:0;
	margin-left: 5px;
}

#layer_photos {
	top: 40px;
	width: 100%;
	margin-left: 5px;
	position: relative;
}

#layer_photos ul {
	list-style-type: none;
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
}

#layer_photos ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

#layer_photos ul li a{	
	text-decoration: none;
	padding: 0;
	display: block;
	width: 90px;
	height: 70px;
	float: left;
}

#layer_photos ul li a img{
	text-decoration: none;
	border: 0;
	border: 3px solid #e7e4e4;
	border-bottom: 10px solid #e7e4e4;
}

#layer_photos ul li a:link img{
	text-decoration: none;
	border: 0;
	border: 3px solid #e7e4e4;
	border-bottom: 10px solid #e7e4e4;
}

#layer_photos ul li a:hover img{
	text-decoration: none;
	border: 0;
	border: 3px solid #777575;
	border-bottom: 10px solid #777575;
}

#layer_photos ul li a:visited img{
	text-decoration: none;
	border: 0;
	border: 3px solid #e7e4e4;
	border-bottom: 10px solid #e7e4e4;
}

#layer_photos ul li a:active img{
	text-decoration: none;
	border: 0;
	border: 3px solid #e7e4e4;
	border-bottom: 10px solid #e7e4e4;
}

#contact_text_htm {
	width: 100%;
	border-top: 1px solid #e5e5e5;
	float: left;
}

#contact_text_htm span {
	color: #44000d;
	font-size: 12px;
	position: relative;
	top: 5px;
	margin:0;
	padding:0;
	margin-left: 5px;
	font-weight: bold;
}

#contact_para_htm {
	width: 100%;
	position: relative;
	top: 20px;
}

#contact_para_htm p {
	color: black;
	font-size: 0.7em;
	margin: 0;
	margin-left: 5px;
	padding:0;
}

#contact_span_htm {
	position: relative;
	top: 25px;
}

#contact_span_htm span{	
	margin:0;
	margin-left: 5px;
	color: #44000d;
	font-size: 0.6em;
	padding:0;
}

#contact_para2_htm {
	width:100%;
	position: relative;
	top: 35px;
}

#contact_para2_htm p {
	color: black;
	font-size: 0.7em;	
	margin:0;
	margin-left: 5px;
	padding:0;
}

#mail_contact_htm {
	width: 100%;
	position: relative;
	top: 35px;
	color: #670303;
	font-weight: bold;
	font-size: 0.6em;
	margin-left: 5px;
}

#mail_contact_htm a {
	text-decoration: none;
	color: #670303;
}

#mail_contact_htm a:link{
	color: #670303;
}

#mail_contact_htm a:visited{
	color: #670303;
}

#mail_contact_htm a:hover{
	color: #670303;
}

#mail_contact_htm a:active{
	color: #670303;
}

#list_sections_one {
	width: 50%;
	position: relative;	
	float: left;
	margin-left: 5px;
	top: 30px;
	font-size: 11px;
}

#list_sections_one ul{
	list-style-type: none;
	text-decoration: underline;
	margin:0;
	padding:0;
}

/*#list_sections_one ul li{
	background: url("detail.jpg") no-repeat;
	padding-left: 10px;
}*/

#list_sections_one ul li a {
	text-decoration: underline;
}

#list_sections_one ul li a:link{
	color: #670303;
}

#list_sections_one ul li a:visited{
	color: #670303;
}

#list_sections_one ul li a:hover{
	color: #670303;
}

#list_sections_one ul li a:active{
	color: #670303;
}

#list_sections_two {
	width: 45%;
	position: relative;
	float: right;
	top: 30px;
	font-size: 11px;
	position: relative;
}

#list_sections_two ul{
	list-style-type: none;
	text-decoration: underline;
	margin:0;
	padding:0;
}

/*#list_sections_two ul li{
	background: url("detail.jpg") no-repeat;
	padding-left: 10px;
}*/

#list_sections_two ul li a {
	text-decoration: none;
}

#list_sections_two ul li a {
	text-decoration: underline;
}

#list_sections_two ul li a:link{
	color: #670303;
}

#list_sections_two ul li a:visited{
	color: #670303;
}

#list_sections_two ul li a:hover{
	color: #670303;
}

#list_sections_two ul li a:active{
	color: #670303;
}

#contact_welcome{
	width: 30%;
	position: relative;
	float: right;
	border-top: 1px solid #e5e5e5;
}

#contact_welcome span {
	color: #44000d;
	font-size: 12px;
	position: relative;
	top: 5px;
	font-weight: bold;
}

#contact_para {
	width:100%;
	position: relative;
	top: 20px;
}

#contact_para p {
	color: black;
	font-size: 0.7em;	
	margin:0;
	padding:0;
}

#contact_span {
	position: relative;
	top: 25px;
}

#contact_span span{
	color: #670303;
	font-size: 0.6em;
	margin:0;
	padding:0;
}

#contact_para2 {
	width:100%;
	position: relative;
	top: 35px;
}

#contact_para2 p {
	color: black;
	font-size: 0.7em;	
	margin:0;
	padding:0;
}

#mail_contact {
	width: 100%;
	position: relative;
	top: 35px;
	color: #670303;
	font-weight: bold;
	font-size: 0.6em;
}

#mail_contact a {
	text-decoration: none;
	color: #670303;
}

#mail_contact a:link{
	color: #670303;
}

#mail_contact a:visited{
	color: #670303;
}

#mail_contact a:hover{
	color: #670303;
}

#mail_contact a:active{
	color: #670303;
}

#services_contact_text_htm {
	width: 100%;
	float: left;
}

#services_contact_text_htm span {
	color: #44000d;
	font-size: 12px;
	position: relative;
	top: 5px;
	margin:0;
	padding:0;
	margin-left: 5px;
	font-weight: bold;
}

#services_contact_para_htm {
	width: 100%;
	position: relative;
	text-align: left;
	top: 20px;
}

#services_contact_para_htm p {
	color: black;
	font-size: 0.7em;
	margin: 0;
	margin-left: 5px;
	padding:0;
}

#services_contact_span_htm {
	position: relative;
	top: 25px;
	text-align: left;
}

#services_contact_span_htm span{	
	margin:0;
	margin-left: 5px;
	color: #44000d;
	font-size: 0.6em;
	padding:0;
}

#services_contact_para2_htm {
	width:100%;
	position: relative;
	top: 35px;
	text-align: left;
}

#services_contact_para2_htm p {
	color: black;
	font-size: 0.7em;	
	margin:0;
	margin-left: 5px;
	padding:0;
}

#services_mail_contact_htm {
	width: 100%;
	position: relative;
	top: 35px;
	color: #670303;
	font-weight: bold;
	font-size: 0.6em;
	margin-left: 5px;
	text-align: left;
}

#services_mail_contact_htm a {
	text-decoration: none;
	color: #670303;
}

#services_mail_contact_htm a:link{
	color: #670303;
}

#services_mail_contact_htm a:visited{
	color: #670303;
}

#services_mail_contact_htm a:hover{
	color: #670303;
}

#services_mail_contact_htm a:active{
	color: #670303;
}

#services_sections {
	width: 100%;
	position: relative;
	top: 40px;
}

#services_sections span {
	color: #44000d;
	font-size: 12px;
	position: relative;
	top: 5px;
	margin-left: 5px;
	font-weight: bold;
}

#services_list_sections_one {
	width: 100%;
	position: relative;	
	float: left;
	margin-left: 5px;	
	font-size: 11px;
	top: 55px;
}

#services_list_sections_one ul{
	list-style-type: none;
	text-decoration: underline;
	margin:0;
	padding:0;
}

/*#list_sections_one ul li{
	background: url("detail.jpg") no-repeat;
	padding-left: 10px;
}*/

#services_list_sections_one ul li a {
	text-decoration: underline;
}

#services_list_sections_one ul li a:link{
	color: #670303;
}

#services_list_sections_one ul li a:visited{
	color: #670303;
}

#services_list_sections_one ul li a:hover{
	color: #670303;
}

#services_list_sections_one ul li a:active{
	color: #670303;
}

#icons {
	position: relative;
	top: 30px;
	text-align: right;
	margin: 0 auto 0 auto;
	width: 790px;
	font-size: 0.6em;
	font-weight: bold;
}

#icons a {
	text-decoration: none;
	color: gray;
}

#icons a img {
	border: 0;
	width: 60px;
	height: 21px;
}

#icons a:link {
	text-decoration: none;
	color: gray;
}

#icons a:hover {
	text-decoration: none;
	color: gray;
}

#icons a:visited {
	text-decoration: none;
	color: gray;
}

#icons a:active {
	text-decoration: none;
	color: gray;
}
 
.div_clear {
	clear: both;
}