body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	    margin:0; 
	    padding:0; 
	} 
	table { 
	    border-collapse:collapse; 
	    border-spacing:0; 
	} 
	fieldset,img {  
	    border:0; 
	} 
	address,caption,cite,code,dfn,em,strong,th,var { 
	    font-style:normal; 
	    font-weight:normal; 
	} 
	ol,ul { 
	    list-style:none; 
	} 
	caption,th { 
	    text-align:left; 
	} 
	h1,h2,h3,h4,h5,h6 { 
	    font-size:100%; 
	    font-weight:normal; 
	} 
	q:before,q:after { 
	    content:''; 
	} 
	abbr,acronym { border:0; 
	} 



/* base.css, part of YUI's CSS Foundation */ 
	h1 { 
	    /*18px via YUI Fonts CSS foundation*/ 
	    font-size:138.5%;   
	} 
	h2 { 
	    /*16px via YUI Fonts CSS foundation*/ 
	    font-size:123.1%;  
	} 
	h3 { 
	    /*14px via YUI Fonts CSS foundation*/ 
	    font-size:108%;   
	} 
	h1,h2,h3 { 
	    /* top & bottom margin based on font size */ 
	    margin:1em 0; 
	} 
	h1,h2,h3,h4,h5,h6,strong { 
	    /*bringing boldness back to headers and the strong element*/ 
	    font-weight:bold;  
	} 
	abbr,acronym { 
	    /*indicating to users that more info is available */ 
	    border-bottom:1px dotted #000; 
	    cursor:help; 
	}  
	em { 
	    /*bringing italics back to the em element*/ 
	    font-style:italic; 
	} 
	blockquote,ul,ol,dl { 
	    /*giving blockquotes and lists room to breath*/ 
	    margin:1em; 
	} 
	ol,ul,dl { 
	    /*bringing lists on to the page with breathing room */ 
	    margin-left:2em; 
	} 
	ol li { 
	    /*giving OL's LIs generated numbers*/ 
	    list-style: decimal outside;     
	} 
	ul li { 
	    /*giving UL's LIs generated disc markers*/ 
	    list-style: disc outside; 
	} 
	dl dd { 
	    /*giving UL's LIs generated numbers*/ 
	    margin-left:1em; 
	} 
	th,td { 
	    /*borders and padding to make the table readable*/ 
	    border:1px solid #000; 
	    padding:.5em; 
	} 
	th { 
	    /*distinguishing table headers from data cells*/ 
	    font-weight:bold; 
	    text-align:center; 
	} 
	caption { 
	    /*coordinated marking to match cell's padding*/ 
	    margin-bottom:.5em; 
	    /*centered so it doesn't blend in to other content*/ 
	    text-align:center; 
	} 
	p,fieldset,table { 
	    /*so things don't run into each other*/ 
	    margin-bottom:1em; 
	} 


body {font:normal 76% Arial, Helvetica, sans-serif;}


/* Clear floats */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}  

.clearfix {display: inline-block;}

/* hide da IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end hack per IE-mac */

.lclr 	{clear:left;}
.rclr 	{clear:right;}



#pagewidth {width:894px; margin:5px auto 20px auto;  }

#header,#main,#pre-footer,#footer {padding: 0 9px;} 
/* #leftc,#mainc,#rightc {float:left;} */







body 	{color:#0E304C;background-color:#82b3e6; text-align:center;} 
a 		{color:#1a334f;}
a:hover {text-decoration:none;}
hr		{display:none;}
img		{display:block;} /* Mozilla: cut strange margin and border under IMG for STRICT DOCTYPE */


#pagewidth 	{ text-align:left;}


#header		{ background:#82b3e6 url("img/header_bg.jpg") repeat-y left top; height:172px;}
#main 		{ background:#82b3e6 url("img/main_bg.png") repeat-y left top;}

	#skiplinks {display:none;}
	#logo h1 {margin:0;}
	#logo h1 a {padding-top:10px;display:block;width:400px;height:60px; font-size:1.3em; font-family:Arial, Helvetica, sans-serif;font-weight:normal;text-decoration:none; color:#fffff9;}
	
	#navbar {margin-top:33px;width:405px;}
	#navbar ul{float: left; margin-left:1px;}
	#navbar ul li{display: inline;}
	#navbar ul li a{ text-transform:uppercase;padding: 0.2em 0.9em; font-weight:bold;color: #fff;text-decoration: none; line-height:15px;float: left; border-right: 1px dotted #fff;}
	#navbar ul li a.last { border-right:0}
	#navbar ul li a:hover,#navbar ul li a.selected { background-color:#37a5ff;}
	
#main .content {padding:10px 40px 40px 40px; position:relative;}
#main h2.tit {margin-top:0; font-size:200%; font-weight:normal;}

#pre-footer {background-color: #557697; text-align:right;padding-top:4px; min-height:80px; height: auto !important; height:80px}
#pre-footer .content-a {width:400px; float:left;}
#pre-footer .content-a img{margin:15px 0 0 20px; text-align:left}
#pre-footer .content-b {width:450px; float:left; color: #fff; font-weight:bold;}
#pre-footer .content-b  ul{ margin:8px 0; }
#pre-footer .content-b  ul li{display: inline;}
#pre-footer .content-b  ul li a{ float:right;text-transform:uppercase;padding: 0em 1.1em; font-weight:bold;color: #fff;text-decoration: none; line-height:11px; border-right: 1px solid #fff;}
#pre-footer .content-b  ul li a.last {border-right:0;padding-right:0; }
#pre-footer .content-b  ul li a:hover {text-decoration:underline;}


#footer {background:#82b3e6 url("img/footer_bg.png") repeat-y left top; height:97px; overflow:hidden;padding-top:3px; text-align:center;}
#footer { line-height:2.1em;}


/* MAPS */
	#map { display:block; width: 600px; height: 400px;}
	#map img{ float:left; height:130px; margin-right:8px; border:1px solid #ccc;}
	#map .lclr { clear:left}
	
	#side_bar { position:absolute; right:0; top:60px; width:180px}
	#side_bar h3{margin:25px 0 4px 0}
	#view-hotel { margin-top:10px;}
	
	
/* SPECIAL OFFER */
	#subnav {margin-bottom:40px;}
	#subnav ul{float: left; margin:0px 0 0 -12px;}
	#subnav ul li{display: inline; margin:0; padding:0;}
	#subnav ul li a{ padding: 0.2em 0.9em; float: left; font-size:1.1em; line-height:11px; border-right: 1px dotted #0E304C;}
	#subnav ul li a.last { border-right:0}
	#subnav ul li a:hover,#navbar ul li a.selected { }
	
	






#logo { position:relative; z-index:30; width:200px}


#splash {width:889px;height:684px;background:url(img/splash.jpg) no-repeat 0 0 ;text-align:left;position:absolute;z-index:20;top:25px;}
#splash ul, #splash ul li { list-style-type:none}
#splash a,#splash h2{text-indent:-9000em;}
/*  ------------- Just to test clickable areas -------------  */ 
/* ------------- Hostels ------------- */

#abraham{
	width:290px;
	height:76px;
	position:absolute;
	top:195px;
	right:75px;
}
#ashfield{
	width:315px;
	height:76px;
	position:absolute;
	top:284px;
	right:32px
}
#abigails{
	width:315px;
	height:76px;
	position:absolute;
	top:399px;
	right:12px
}


/* ------------- Languages ------------- */

#spanish{
	width:31px;
	height:26px;
	position:absolute;
	top:25px;
	right:259px
}
#italian{
	width:31px;
	height:26px;
	position:absolute;
	top:18px;
	right:230px
}
#english{
	width:31px;
	height:26px;
	position:absolute;
	top:15px;
	right:192px
}
#german{
	width:32px;
	height:21px;
	position:absolute;
	top:9px;
	right:158px
}
#french{
	width:31px;
	height:26px;
	position:absolute;
	top:1px;
	right:127px;
	z-index:20;
}


/* ------------- Links ------------- */

#map{
	width:175px;
	height:185px;
	position:absolute;
	top:83px;
	left:51px
}
#book{
	width:160px;
	height:180px;
	position:absolute;
	top:105px;
	left:353px
}
#specials{
	width:224px;
	height:100px;
	position:absolute;
	bottom:158px;
	left:142px
}
#sales{
	width:81px;
	height:26px;
	position:absolute;
	bottom:118px;
	left:300px
}
#concerts{
	width:131px;
	height:26px;
	position:absolute;
	bottom:84px;
	left:271px
}
#events{
	width:181px;
	height:33px;
	position:absolute;
	bottom:38px;
	left:232px
}
#groups{
	width:150px;
	height:110px;
	position:absolute;
	bottom:40px;
	left:20px
}
#prices{
	width:150px;
	height:180px;
	position:absolute;
	bottom:168px;
	left:369px
}
#facilities{
	width:150px;
	height:120px;
	position:absolute;
	bottom:281px;
	left:51px
}
#locations{
	width:105px;
	height:180px;
	position:absolute;
	top:107px;
	left:238px
}

#testimonials {width:889px;height:60px;position:absolute;top:670px;padding-bottom: 10px;}


#testimonials-content div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color:#82b3e6}

.someclass{font-size:1.8em; color:#FFF;}

* html #splash a
{
    background-color: #FFF;
    filter:alpha(opacity=0);
}

html>body #splash a
{
	background: none;
}
#socialLinks {
height: 100px;
position:absolute;
top:600px;
margin-left: 620px;
z-index :1000;
width: 260px;

}