body {
   background:url(../images/bg-top.jpg) repeat-x #000000;
	margin: 16px 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #404040;
	text-align: center;
}
body * {
	margin: 0;
	padding: 0;
}
a:link, a:visited {
	color: #999999;
}
a:hover, a:active {
	color: #999999;
	text-decoration: underline;
}
.hide { display: none; }

.clear {
	clear:both;
}
.clr {clear:both;}
.clr-right {clear:right; float:right;}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


p { line-height: 1.3; padding: 10px 0; }
#dashboard p {line-height:inherit; padding:0;}


/** Headers */

h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	color: #333333;
}


/** Layout */

#container {
	width: 751px;
	margin: 0 auto;
	text-align: left;
}
#top {
	background:url(../images/top.gif) no-repeat;
	height: 99px;
	padding: 0 16px;
}
#main {
	background-color:white;
	/*background: url(../images/bg_main.gif) repeat;*/
	padding: 20px 16px;
}
#about #main, #testimonials #main {
	padding-bottom: 1px;
	margin-bottom: -7px;
}

#logo { float: left; background:url(../images/ph-logo.gif) no-repeat; height: 100px; width: 250px; text-indent: -9999em; overflow: hidden; }
#logo a { display: block; width: 250px; height: 100px; text-decoration: none; }
	

/** footer */

#footer { background:url(../images/footer.gif) no-repeat; height: 9px; }
#footer ul { line-height: 4; text-align: center; padding: 0; }
#footer li { display: inline; text-transform: uppercase; font-size: .8em; font-weight: bold; color: #A5C2D4; }
#footer a:link, #footer a:visited { padding: 0 5px; color: #6D93AB; text-decoration: none; }
#footer a:hover, #footer a:active { color: #315C77; }

#footer p { text-align: center; font-size: 9px; padding: 5px 0 15px 0; color: #6D93AB; }



/** Navigation */

ul#nav { float: right; margin: -30px 0 0 0; padding: 0; }
#nav li { display: inline; text-indent: -9999em; float: left; height: 30px; }
#nav a { overflow: hidden; }
#nav .on a,
#nav a:hover {
	background-position: bottom;
}

.nav-home a    { background: url(../images/nav-home.gif)  no-repeat; height: 29px; width:  100px; display: block; }
.nav-info a    { background: url(../images/nav-info.gif)   no-repeat; height: 29px; width:  100px; display: block; }
.nav-contact a    { background: url(../images/nav-contact.gif)    no-repeat; height: 29px; width: 100px; display: block; }
.nav-faq a  { background: url(../images/nav-faqs.gif)  no-repeat; height: 29px; width: 100px; display: block; }


#easylist h5 { background: url(../images/button-examples.gif) no-repeat; height: 31px; text-indent: -9999em; margin: 6px 0 0 0px; }
#easylist h5 a:hover, #easylist h5 a:active { background: url(../images/button-examples.gif) no-repeat 0 -31px;}
#easylist h5 a { display: block; height: 31px; width: 400px; overflow: hidden; }

#easylist2 h5 { background: url(../images/button-examples.gif) no-repeat; height: 31px; text-indent: -9999em; margin: 6px 0 0 0px; }
#easylist2 h5 a:hover, #easylist h5 a:active { background: url(../images/button-examples.gif) no-repeat 0 -31px;}
#easylist2 h5 a { display: block; height: 39px; width: 400px; overflow: hidden; }

#h-home-easy { background: url(../images/heading-benefits.gif) no-repeat; height: 34px; text-indent: -9999em; }
#h-home-what { background: url(../images/heading-what.gif) no-repeat; height: 34px; text-indent: -9999em; }
#h-home-how { background: url(../images/heading-how.gif) no-repeat; height: 34px; text-indent: -9999em; }
#h-home-bookingform { background: url(../images/heading-book.gif) no-repeat; height: 34px; text-indent: -9999em; }

#h-home-test { background: url(../images/heading-test.gif) no-repeat; height: 31px; text-indent: -9999em; }
#h-home-test a:hover, #h-home-test a:active { background: url(../images/heading-test.gif) no-repeat 0 -31px; height: 31px; text-indent: -9999em; }
#h-home-test a { display: block; width: 320px; height: 31px; text-decoration: none; overflow: hidden; }

#h-home-main { background: url(../images/heading-homepage.gif) no-repeat; height: 29px; text-indent: -9999em; overflow: hidden; }
#h-home-sub { background: url(../images/heading-homepage-sub.gif) no-repeat; height: 18px; margin: 7px 0 0 1px; text-indent: -9999em; overflow: hidden; }

#h-info-sub { background: url(../images/heading-info-sub.gif) no-repeat; height: 18px; margin: 7px 0 0 1px; text-indent: -9999em; overflow: hidden; }

#h-faq-sub { background: url(../images/heading-faq-sub.gif) no-repeat; height: 18px; margin: 7px 0 0 1px; text-indent: -9999em; overflow: hidden; }

#h-contact-sub { background: url(../images/heading-contact-sub.gif) no-repeat; height: 18px; margin: 7px 0 0 1px; text-indent: -9999em; overflow: hidden; }

#h-test-sub { background: url(../images/heading-testimonials-sub.gif) no-repeat; height: 18px; margin: 7px 0 0 1px; text-indent: -9999em; overflow: hidden; }

#h-ex-sub { background: url(../images/heading-ex-sub.gif) no-repeat; height: 18px; margin: 7px 0 0 1px; text-indent: -9999em; overflow: hidden; }

#whatlist { float: left; width: 360px; margin-top: 20px; }
.whatlist-top { border-top: 1px solid #eee; }
#whatlist p { color: #404040; line-height: 1.6; padding: 0; margin-left: 10px; }

#howlist { float: left; width: 360px; margin-top: 20px; }
.howlist-top { border-top: 1px solid #eee; }
#howlist p { color: #404040; line-height: 1.6; padding: 0; margin-left: 10px; }

#bookingform { background:url() repeat-x; float: right; width: 290px; margin-top: 20px; }
.bookingform-top { border-top: 1px solid #eee; }
#bookingform p { color: #404040; line-height: 1.6; padding: 0; margin-left: 10px; }
	
#faq { float: left; width: 700px; margin-top: 20px; }
.faq-top { border-top: 1px solid #eee; }
#faq p { color: #404040;  line-height: 1.6; padding: 0; margin-left: 10px; }

#contact { float: left; width: 620px; margin-top: 20px; }
.contact-top { border-top: 1px solid #eee; }
#contact p { color: #404040; line-height: 1.6; padding: 0; margin-left: 10px; }

#info { float: left; width: 700px; margin-top: 20px; }
#info ul { padding: 10px; }
#info li {
	list-style: none;
	background: url(../images/bullet.gif) no-repeat  0px 7px;
	padding: 4px 0 4px 10px;
	color: #404040; line-height: 1.6; padding: 0 0 0 15px; margin-left: 10px;
}

#info p { color: #404040; line-height: 1.6; padding: 0; margin-left: 10px; }


#ex { float: left; width: 165px; margin-top: 10px; margin-right:20px;margin-left:0px;padding:10px; }
#ex img{border:1px solid #aaa; margin:0px 10px 10px 0px;}
#ex img.opacityit {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); -moz-opacity: 0.4;}
#ex img.opacityit:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; cursor:pointer}
#ex2 {float:left;width:500px; margin-top:18px;}
#ex2 img{margin:10px 10px 10px 0px; border:1px solid #aaa;}
#ex2 img.opacityit{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);-moz-opacity: 0.4;}
#ex2 img.opacityit:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1; cursor:pointer;}
#ex2 p{padding-left:0px;}
#ex2 a:link, a:visited {	color: #999999;}
#ex2 a:hover, a:active {	color: #999999;	text-decoration: underline;}
#exwrapper{margin-top:10px;}

#easylist { float: left; width: 400px; margin-top: 20px; }

#easylist li {
	list-style: none;
	background: url(../images/bullet.gif) no-repeat 0 7px;
	padding: 4px 0 4px 10px;
	color: #404040; line-height: 1.8; padding: 0 0 0 15px; margin-left: 5px;
}

#easylist2 { float: left; width: 700px; margin-top: 30px; }
#easylist2 ul { padding: 10px; }
#easylist2 li {
	list-style: none;
	background: url(../images/bullet.gif) no-repeat  0px 7px;
	padding: 4px 0 4px 10px;
	color: #404040; line-height: 1.6; padding: 0 0 0 15px; margin-left: 10px;
}
	
#testimonial { float: right; width: 290px; margin-top: 17px; }
.main-testimonial { background: url(../images/main-testimonial.gif) no-repeat; height: 185px; margin-top: 10px; }
.main-testimonial blockquote p { text-indent: -9999em; height: 140px; line-height: normal; padding: 0; }
.main-testimonial cite, .quote cite { font: bold normal 1.1em arial, sans-serif; color: #404040; display: block; }

.hblogo {margin-left:15px;}
.hblogo a, .hblogo a:link, .hblogo a:visited, .hblogo a:active {text-decoration:none; border:0; color:white;}

.cite-test { text-align: right; line-height: normal; padding: 0 25px 0 0; }
.quote .cite-test { padding: 10px 30px 15px 0; }

#col1 { margin-top: 20px; float: left; }
#col1 .quote { background:#D6F0FE; width: 720px; margin-bottom: 20px; }
.quote blockquote p { color: #666666; font-style: italic; padding: 10px 20px; line-height: 1.7; font-size: 1.1em; }
#col1 { margin-top: 20px; float: left; }


div#hostelbookers{border:1px solid #B0DBFD;padding:10px;width:260px;font-size:11px;}