/* CSS Document */

body
{
margin:0px;
padding:0px;
background:url(../images/bg-body.png) top center repeat-x;
background-color:#FFFFFF;
}


/*------------------------------------------maindiv---------------------------------------*/
.maindiv
{
width:969px;

margin:auto;
padding:auto;
}

/*------------------------------------------nav-start---------------------------------------*/

.maindiv .navcontainer
{
width:969px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#565656;
text-align:center;
word-spacing:2px;
float:left;
line-height:51px;
}

.maindiv .navcontainer a
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
text-decoration:none;
}

.maindiv .navcontainer a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
text-decoration:underline;
}

.maindiv .navcontainer a:active
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#565656;
text-decoration:underline;
}
/*------------------------------------------nav-ends---------------------------------------*/


/*------------------------------------------header-starts---------------------------------------*/
.maindiv .header
{
	width:969px;
	height:325px;
	background-image: url(../images/header-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.maindiv .header .arial-white
{
width:430px;
padding:127px 0px 0px 21px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
float:left;
line-height:18px;
}

.maindiv .header .btn-hover
{
float:left;
width:424px;
height:67px;
padding-top:60px;
}
/*------------------------------------------header-ends---------------------------------------*/


/*------------------------------------------body-starts---------------------------------------*/

.maindiv .bodycontainer
{
width:969px;
float:left;

}

/*------------------------------------------left-container-start---------------------------------------*/

.maindiv .bodycontainer .leftcontainer
{
width:637px;
float:left;
}

.maindiv .bodycontainer .leftcontainer .textcontainer
{
float:left;
padding:27px 0px 0px 21px;
}

.maindiv .bodycontainer .leftcontainer .textcontainer .h1
{

font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#0b1302;
}

.maindiv .bodycontainer .leftcontainer .textcontainer .text-small
{
width:590px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0b1302;
padding:15px 20px 0px 0px;
line-height:18px;
}

.maindiv .bodycontainer .leftcontainer .textcontainer .google-txtcontainer
{
width:600px;
}

.maindiv .bodycontainer .leftcontainer .textcontainer .google-txtcontainer .ads
{
width:87px;
height:15px;
padding:24px 0px 0px 0px;
}


/*------------------------------------------google-links---------------------------------------*/
/*

html code-----
<div class="google-txtcontainer">
<div class="googlelinks"><a href="#">Pakistain</a> <a href="#">Hotel Centro</a> <a href="#">Peshawar</a> <a href="#">Freerooms</a></div>
<div class="ads"><img src="images/adds-by-google.png" width="87" height="15" alt=""></div>

</div>
html code-----

.maindiv .bodycontainer .leftcontainer .textcontainer .google-txtcontainer .googlelinks
{
width:300px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#0b1302;
word-spacing:20px;
float:right;
padding:24px 190px 0px 0px;
}

.maindiv .bodycontainer .leftcontainer .textcontainer .google-txtcontainer .googlelinks a
{
width:300px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#0b1302;
word-spacing:3px;
text-decoration:none;
}
.maindiv .bodycontainer .leftcontainer .textcontainer .google-txtcontainer .googlelinks a:hover
{
width:300px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#0b1302;
word-spacing:3px;
text-decoration:underline;
}
/*------------------------------------------google-links---------------------------------------*/

.maindiv .bodycontainer .leftcontainer .textcontainer .h3
{
padding-top:39px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#0b1302;
}

.maindiv .bodycontainer .leftcontainer .textcontainer .line-seperator
{
float:left;
}
.maindiv .bodycontainer .leftcontainer .textcontainer .destinations
{
width:538px;
height:230px;
float:left;
padding-top:21px;
}

.maindiv .bodycontainer .leftcontainer .textcontainer .destinations ul
{
padding:0px 60px 0px 0px;
margin:0px;
text-decoration:none;
display:block;
float:left;
}

.maindiv .bodycontainer .leftcontainer .textcontainer .destinations ul li
{
	line-height:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0b1302;
	background-image: url(../images/arrow-black.png);
	background-repeat: no-repeat;
	background-position: left;
	list-style:none;
	}

.maindiv .bodycontainer .leftcontainer .textcontainer .destinations ul li a
{
	line-height:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0b1302;
	background-image: url(../images/arrow-black.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left:15px;
	list-style:none;
	text-decoration:none;
}

.maindiv .bodycontainer .leftcontainer .textcontainer .destinations ul li a:hover
{
	line-height:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0b1302;
	background-image: url(../images/arrow-black.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left:15px;
	list-style:none;
	text-decoration:underline;
}

/*------------------------------------------left-container-ends---------------------------------------*/






/*------------------------------------------right-container-start---------------------------------------*/

.maindiv .bodycontainer .rightcontainer
{
width:330px;
float:right;
}

.maindiv .bodycontainer .rightcontainer .dulleffect
{
width:330px;
height:204px;
background:url(../images/dull-effect.png) top center no-repeat;
}

.maindiv .bodycontainer .rightcontainer .dulleffect .toptxtcontainer
{
width:290px;
padding:32px 0px 0px 38px;
height:160px;
float:left;
}
.maindiv .bodycontainer .rightcontainer .dulleffect .toptxtcontainer .h2
{
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#0b1302;
padding-bottom:5px;
}

.maindiv .bodycontainer .rightcontainer .dulleffect .toptxtcontainer ul
{
padding:0px;
margin:0px;
text-decoration:none;
display:block;
float:left;
}

.maindiv .bodycontainer .rightcontainer .dulleffect .toptxtcontainer ul li
{
	line-height:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0b1302;
	background-image: url(../images/arro-w-green.png);
	background-repeat: no-repeat;
	background-position: left;
	list-style:none;
}

.maindiv .bodycontainer .rightcontainer .dulleffect .toptxtcontainer ul li a

{
	line-height:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0b1302;
	background-image: url(../images/arro-w-green.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left:15px;
	list-style:none;
	text-decoration:none;
	}
.maindiv .bodycontainer .rightcontainer .dulleffect .toptxtcontainer ul li a:hover

	{
	line-height:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3c9e3c;
	background-image: url(../images/arro-w-green.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left:15px;
	list-style:none;
	text-decoration:none;
	}	
	
.maindiv .bodycontainer .rightcontainer .adds-google
{
width:240px;
height:216px;
padding:77px 0px 0px 38px;
float:left;
}

/*------------------------------------------right-container-end---------------------------------------*/



/*------------------------------------------footer-starts---------------------------------------*/


.footercontainer
{

width:100%;
height:92px;
background:url(../images/footer-bg.png) top center repeat-x;
float:left;
}


.footercontainer .bottom-menus
{
width:969px;
height:92px;
line-height:25px;
margin:auto;
padding-top:25px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#0b1302;
vertical-align:middle;
text-align:center;
word-spacing:2px;
text-decoration:none;
}

.footercontainer .bottom-menus a
{
width:969px;
height:92px;
line-height:25px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#0b1302;
vertical-align:middle;
text-align:center;
word-spacing:2px;
text-decoration:none;

}

.footercontainer .bottom-menus a:hover
{
width:969px;
height:92px;
line-height:25px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#0b1302;
vertical-align:middle;
text-align:center;
word-spacing:2px;
text-decoration:underline;
}

/*------------------------------------------footer-ends---------------------------------------*/
.clear
{
clear:both;
}