@charset "utf-8";
/* CSS Document */

body {
font-family: Trebuchet MS, Helvetica, sans-serif, cambria, verdana, lucida sans;
margin: 0;
padding: 0;
text-align:center;
background-color:#FAFAFA;
}


div,span,p,b,img,h1,h2,h3,h4,a,a:hover,form,input,textarea{
margin:0;
padding:0;
}

div{background-color:#FFF;}

img { border:none; -ms-interpolation-mode:bicubic; }

h1{color:#000;}
h2{color:#111;}
h3{color:#222;}
b{color:#333;}
p{color:#444;}

a {color:#0000FF;text-decoration: none;font-weight:bold;}
a:hover {color:#000099;text-decoration: underline;font-weight:bold;}

.clear{
clear:both;
line-height:1px;
background:none;
}

#page{
width:1004px;
border:1px solid #CCC;
margin:5px auto 5px auto;
text-align:left;
}
#head{
position:relative;
height:300px;
width:1004px;
border-bottom:1px solid #CCC;
background-image:url(img/topbg.jpg);
}
#head h1{
width:100%;
text-align:center;
padding-top:7px;
}
#head a{position:absolute;left:20px;bottom:15px;font-size:22px;}
#main{
margin-top:20px;
width:1004px;
}
#left{
float:left;
width:160px;
margin:0 20px 0 20px;
}
#nav{
width:160px;
border:1px solid #CCC;
padding:5px 0 10px 0;
background-color:#EEE;
color:#000099;
}
#nav a{
margin-left:10px;
line-height:30px;
}
#nav hr{
border: none 0; 
border-top: 1px dashed #AAA;
width: 85%;
height: 1px;
text-align:center;
margin: 0 auto 0 auto;
}
#right{
float:left;
width:800px;
}
#right h2{
margin:-10px 0 20px 0;
width:75%;
text-align:center;
}
#right h3{
margin:0 0 10px 20px;
}
#right p{
margin:0 40px 25px 25px;
}
#foot{
clear:both;
width:1004px;
}

.hostelcontact{
width:80%;
margin:auto;
border-bottom: 1px dashed #444;
margin-bottom:50px;
line-height:25px;
}
.infoleft{
width:40%;
text-align:center;
float:left;
}
.inforight{
width:55%;
text-align:center;
float:right;
}