@import url('/css/carousel.css');
@import url('/css/netedit.css');

body{
	background: #fff;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.break{
	clear: both;
}

#wrap{
	text-align: left;
	width: 1000px;
	margin: 0 auto;
	background-image: url('/logos/images/1.jpg');
	background-position: 0 156px;
	background-repeat: no-repeat;
}

#topSection{
	clear: both;
	width: 100%;
	height: 130px;
}
#logo{
	background: no-repeat url('/images/nav/logoHI.png');
	float: left;
	width: 144px;
	height: 130px;
}

#logo a{
	display:block;
	width: 144px;
	height: 130px;
}

#address{
	float: left;
	margin: 13px 0 0 0;
	height: 120px;
	width: 558px;
}

#address .article{
}

#topMenu{
	font-family:helvetica, Helvetica, Arial, arial, sans-serif;
	float: left;
	margin: 40px 0 0 0;
}

#mainMenu{
	clear: both;
	width: 100%;
	background: #000;
	line-height: 26px;
	height: 26px;
}

.vertical{
	font-size: 14px;
	font-family:helvetica, Helvetica, Arial, arial, sans-serif;
	clear: both;
	width: 100%;
	background: #000;
	line-height: 26px;
	height: 26px;
	color :#fff;
}

#bannerSection{
	clear: both;
	width: 100%;
	height: 252px;
}

#mainSection{
	clear: both;
	width: 1000px;
	background: #fff;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

#MainColumn{
	float: left;
	width: 660px;
	margin: 10px 20px 0 0px;
}
#RightColumn{
	margin: 10px 0 0 20px;
	float: left;
	width: 300px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

#column1{
	margin: 10px 0 0 0px;
	float: left;
	width: 214px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}
#column2{
	margin: 10px 0 0 20px;
	float: left;
	width: 213px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}
#column3{
	margin:  10px 0 0 20px;
	float: left;
	width: 213px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}
#column4{
	margin: 10px 0 0 20px;
	float: left;
	width: 300px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}
#Rotator{
	
}
#bottomSection{
	clear: both;
}

#bottomSection {
	clear: both;
	width: 100%;
	line-height: 26px;
	height: 26px;
}
#bottomSection .item{
	line-height: 26px;
	height: 26px;
	float: left;
	padding: 0 3px;
}
#bottomSection .split{
	padding: 0 0px;
	line-height: 26px;
	height: 26px;
	float: left;
}
#bottomSection a{
	text-decoration: none;
	height: 26px;
}




.blueBar{
	font-family:helvetica, Helvetica, Arial, arial, sans-serif;
	float: left;
	clear: both;
	width: auto;
	text-transform: uppercase;
	color: #fff;
	margin: 0px 0 2px 0;
	padding: 0 10px;
	background:#00b6e3 no-repeat top right url('/images/nav/whiteCorner.png');
}

.greyBar{
	font-family:helvetica, Helvetica, Arial, arial, sans-serif;
	clear: both;
	text-transform: uppercase;
	color: #fff;
	margin: 0px 0 2px 0;
	padding: 0 10px;
	background:#959595 no-repeat top right url('/images/nav/whiteCorner.png');
}

.greyBarTitle{
	float: left;
	font-family:helvetica, Helvetica, Arial, arial, sans-serif;
	text-transform: uppercase;
	line-height: 18px;
	color: #fff;
	margin: 0px 0 2px 0;
	padding: 0 10px;
	background:#959595 no-repeat top right url('/images/nav/whiteCorner.png');
}

.blueBar a, .blueBar a:visited, .blueBar a:hover{
	line-height: 18px;
	color: #fff;
	text-decoration: none;
}
.greyBar a, .greyBar a:visited, .greyBar a:hover{
	line-height: 18px;
	color: #fff;
	text-decoration: none;
}

#hostelsLinkSection {
	text-align: center;
}

#hostelsLinkSection .item a{
	padding : 0 10px;
}
#hostelsLinkSection .split{
	
}

.yui-pg-container{display:block;margin:6px 0;white-space:nowrap;}.yui-pg-first,.yui-pg-previous,.yui-pg-next,.yui-pg-last,.yui-pg-current,.yui-pg-pages,.yui-pg-page{display:inline-block;font-family:arial,helvetica,clean,sans-serif;padding:3px 6px;zoom:1;}.yui-pg-pages{padding:0;}.yui-pg-current{padding:3px 0;}a.yui-pg-first:link,a.yui-pg-first:visited,a.yui-pg-first:active,a.yui-pg-first:hover,a.yui-pg-previous:link,a.yui-pg-previous:visited,a.yui-pg-previous:active,a.yui-pg-previous:hover,a.yui-pg-next:link,a.yui-pg-next:visited,a.yui-pg-next:active,a.yui-pg-next:hover,a.yui-pg-last:link,a.yui-pg-last:visited,a.yui-pg-last:active,a.yui-pg-last:hover,a.yui-pg-page:link,a.yui-pg-page:visited,a.yui-pg-page:active,a.yui-pg-page:hover{color:#06c;text-decoration:underline;outline:0;}span.yui-pg-first,span.yui-pg-previous,span.yui-pg-next,span.yui-pg-last{color:#a6a6a6;}.yui-pg-page{background-color:#fff;border:1px solid #CBCBCB;padding:2px 6px;text-decoration:none;}.yui-pg-current-page{background-color:transparent;border:none;font-weight:bold;padding:3px 6px;}.yui-pg-page{margin-left:1px;margin-right:1px;}.yui-pg-first,.yui-pg-previous{padding-left:0;}.yui-pg-next,.yui-pg-last{padding-right:0;}.yui-pg-current,.yui-pg-rpp-options{margin-left:1em;margin-right:1em;}
 
#container{
	clear: both;
	overflow: hidden;	
	width:299px;
	height:249px;
}
#container ol{
	margin:0px;
	padding:0px;
	list-style-type: none;
}
 
#container ol li{
	width:299px;
	height:249px;
	margin:0px;
	padding:0px;
	list-style-type: none;
	border: 0px solid #000;
}
 
.yui-carousel-nav {  
	display: none;   
} 
 
#pagination{
	float: left;
	position:relative;
	z-index: 499;
	text-align:right;
	margin: 0px 0px 0px 0px;
	padding: 0;
}

.yui-pg-pages{
	
	padding: 0 0 0 10px;
}
 
.yui-pg-page {
	display:inline-block;
	margin: 1px 1px;
	padding: 1px 4px;
	font: 10px Arial, arial, Helvetica, sans-serif;
	text-decoration : none;

	background: #e2e2e2;
	color: #818181;
	border: 1px solid #818181;
}
a.yui-pg-first:link,a.yui-pg-first:visited,a.yui-pg-first:active,a.yui-pg-first:hover,a.yui-pg-previous:link,a.yui-pg-previous:visited,a.yui-pg-previous:active,a.yui-pg-previous:hover,a.yui-pg-next:link,a.yui-pg-next:visited,a.yui-pg-next:active,a.yui-pg-next:hover,a.yui-pg-last:link,a.yui-pg-last:visited,a.yui-pg-last:active,a.yui-pg-last:hover,a.yui-pg-page:link,a.yui-pg-page:visited,a.yui-pg-page:active,a.yui-pg-page:hover{
	text-decoration:none;
	outline:0;
	background: #fff;
	border: 1px solid #c9c9c9;
	color: #c9c9c9;
}
 
 
#spotlight{
	clear: both;
}
 
.yui-carousel-button-focus{
	
}
 































