/*	https://www.odesk.com/users/~~2a3ad9515cd8830e {Muhammad Ramzan} */
   
/* default styles */
body {margin:0 auto; padding:0; width:100%; font-family: Arial, Helvetica, sans-serif; background:#3575bf;}
h2{
	margin:0 auto 8px;
	font-size:18px;
	color:#009CFF;
	padding-bottom:5px;
	border-bottom:1px dotted #5dbdfb;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bolder;
	color: #0066CC;
	line-height: 25px;
}

h3 {
	margin:5px auto 10px;
	font-size:18px;
	color:#009CFF;
	padding-bottom:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
img {border:0;}
a{
	color:#009CFF;
	text-decoration:none;
}
a:hover{text-decoration:none; color:#f9c187;}
.img{float:left; margin:0 10px 5px 0; border:1px solid #eee; background:#fff; box-shadow:0 0 1px #ddd; padding:5px;}
.img2{float:right; padding:5px; margin:0 0 10px 10px; border:1px solid #eee; background:#fff; box-shadow:0 0 1px #ddd;}
.clr{margin:0; padding:0; clear:both;}
p{margin:0; padding:0 0 10px;}

/* layout */
#page{
	margin: 0 auto;
	padding: 30px 0 0;
	width: 100%;
	background-color: #ECF9FF;
	background-repeat: repeat-x;
}
.blok_header{margin:0 auto; padding:0;}
.header{
	margin: 0px auto;
	width: 980px;
	height: 150px;
	border-radius: 5px;
	box-shadow: 0 0 2px #ECF9FF;
	background-color: #ECF9FF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #ecf9ff;
}
.logo{
	float:left;
	margin:10px 0 0 5px;
	padding:0;
}
.add{
	float: right;
	margin: 10px 0;
	height: 90px;
	width: 730px;
	vertical-align: bottom;
	background-color: #ECF9FF;
	background-position: left bottom;
}

.menu{
	float:left;
	margin:3px 15px 0 0;
	padding:0;
	width:250px;
	height:20px;
}
.menu ul{margin: 0; padding:0; border:none; list-style:none outside; float:right;}
.menu ul li{margin: 0; border:none; float:left; }
.menu ul li a{
	padding:0px 15px;
	color:#009CFF;
	font-size:18px;
	text-decoration:none;
	border-left:1px solid #009cff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.menu ul li a:hover{color:#FFCC00;}

.body{margin:5px auto 0; padding:10px 10px 0; width:980px; background:#f4f5f6; border:1px solid #fff; border-radius:5px 5px 0 0; box-shadow:0 0 2px #CCCCCC;}
.screen{
	margin:0px auto;
	padding:0;
	width:980px;
	background-color: #F4F5F6;
}
.map{
	margin:0;
	float:right;
	padding:0;
	background-color: #F4F5F6;
}

nav{margin:0; float:left; padding:0 0 1px; background:#15A4FF; border:1px #5dbdfb solid;}
nav ul{margin:0px; float:left; padding:0; list-style:none;}
nav ul li{margin:0px; padding:0; border-bottom:1px #5dbdfb dotted; float:left;}
nav ul li a{
	margin:0px;
	padding:6px 25px;
	letter-spacing:1px;
	vertical-align:middle;
	color:#fff;
	float:left;
	width:188px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	background:url(images/marker2.gif) no-repeat 14px 13px;
}
nav ul li a:hover{color:#FFCC00;}

.col-1{margin:0; float:left; padding:0 0 1px; background:#15A4FF; border:1px #5dbdfb solid;}
.col-1 ul{margin:0px; float:left; padding:0; list-style:none;}
.col-1 ul li{
	margin:0px;
	width:100%;
	padding:3px 0;
	border-bottom:1px #5dbdfb dotted;
	float:left;
	letter-spacing:1px;
	color:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.col-1 ul li img{margin:0 6px 0 20px; padding:0; float:left;}
.col-1 ul li span{padding:7px 0 0; float:left;}

#detail{float:left; margin:5px 0 10px; width:97%; padding:10px; border:1px solid #eee; border-radius:3px; background:#fff; box-shadow:0 0 1px #ddd;}
#detail .facility{float:left; margin:0; width:53%;}
#detail .icon{float:left; margin:0 0 5px; width:100%;}
#detail .icon img{float:left; margin:0 5px 5px 0;}
#detail .facility .info{
	float:left;
	margin:5px 0 0;
	font-size:15px;
	padding:5px 10px;
	color:#fff;
	border:1px solid #fff;
	font-weight:bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #FFCC00;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFCC00), to(#8d7309));
	background: -webkit-linear-gradient(top, #FFCC00, #8d7309);
	background: -moz-linear-gradient(top, #FFCC00, #8d7309);
	background: -ms-linear-gradient(top, #FFCC00, #8d7309);
	background: -o-linear-gradient(top, #FFCC00, #8d7309);
	background: linear-gradient(top, #FFCC00, #8d7309);
}
#detail .facility .info:hover{float:left; margin:5px 0 0; font-size:15px; padding:5px 10px;color:#fff; border:1px solid #fff; font-weight:bold;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			background: #8d7309;
			background: -webkit-gradient(linear, left top, left bottom, from(#8d7309), to(#FFCC00));
			background: -webkit-linear-gradient(top, #8d7309, #FFCC00);
			background: -moz-linear-gradient(top, #8d7309, #FFCC00);
			background: -ms-linear-gradient(top, #8d7309, #FFCC00);
			background: -o-linear-gradient(top, #8d7309, #FFCC00);
			background: linear-gradient(top, #8d7309, #FFCC00);}

.article{margin:0 0 15px;  width:100%; float:left;}
.article .img1{ float:left; margin:0 70px 0 50px;}
.article .address{float:left; padding:20px 0 0; width:300px;}
.article .info{float:left; margin:5px 0 0; font-size:15px; padding:5px 10px;color:#fff; border:1px solid #fff; font-weight:bold;
			-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #FFCC00;
			background: -webkit-gradient(linear, left top, left bottom, from(#FFCC00), to(#8d7309));
			background: -webkit-linear-gradient(top, #FFCC00, #8d7309);
			background: -moz-linear-gradient(top, #FFCC00, #8d7309);
			background: -ms-linear-gradient(top, #FFCC00, #8d7309);
			background: -o-linear-gradient(top, #FFCC00, #8d7309);
			background: linear-gradient(top, #FFCC00, #8d7309);}
.article .info:hover{float:left; margin:5px 0 0; font-size:15px; padding:5px 10px;color:#fff; border:1px solid #fff; font-weight:bold;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			background: #8d7309;
			background: -webkit-gradient(linear, left top, left bottom, from(#8d7309), to(#FFCC00));
			background: -webkit-linear-gradient(top, #8d7309, #FFCC00);
			background: -moz-linear-gradient(top, #8d7309, #FFCC00);
			background: -ms-linear-gradient(top, #8d7309, #FFCC00);
			background: -o-linear-gradient(top, #8d7309, #FFCC00);
			background: linear-gradient(top, #8d7309, #FFCC00);}
.article ul{margin:0 10px 0; padding:0; list-style:none; float:left;}
.article ul li{padding:3px 0; font-size:15px; margin:0; float:left; width:33%;}
.article ul li img{margin:0 10px 0 0; float:left;}
.article ul li span{float:left; padding:6px 0; margin:0;}

.wrap{float:left; margin:-35px auto 0; padding:0 0 5px; width:980px; font-size:12px; color:#444; line-height:18px;}
.wrap-inner{float:left; margin:0 auto; padding:0 0 5px; width:980px; font-size:12px; color:#444; line-height:18px;}
.col-1{float:left; width:237px;}
.col-2{
	float:left;
	width:714px;
	margin:0 0 0 25px;
	line-height: 20px;
}
.col-3{float:left; width:344px;}
.col-4{float:left; width:344px; margin:0 0 0 25px;}

.footer{margin:0 auto; padding:0; background:url(images/footer-bg.png) repeat-x;}
.footer-adjust{margin:-3px auto 0; width:1000px; height:30px; background:#f4f5f6; border:1px solid #fff; border-top:none; border-radius:0  0 5px 5px; box-shadow: 0 1.5px 2px #CCCCCC;}
.footer_resize{margin:0 auto; font-family:Tahoma, Geneva, sans-serif; padding:20px 150px; width:680px; text-align:center; font-size:15px; color:#fff; height:100px;}
.footer_resize a{color:#fff;}
.footer_resize a:hover{ text-decoration:underline;}
imgleft {
	margin: 10px;
	float: left;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3399FF;
	display: inline;
}
.imgleft {
	float: left;
}
.imgright {
	float: right;
}
.yti {
	font-size: large;
	text-transform: capitalize;
	color: #FFF;
}