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

* { margin: 0; padding: 0; }
body  {
	font-family: Tahoma,Verdana,Arial;
	background: url(http://www.hamsafar-travel.com/com/img/backGround.jpg) repeat-x #FF8B2E;
}

img { border: 0; } ul,li { list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

h1 { }
h2 { }
h3 { }
h4 { }

#main { width: 960px; }
#top { float: left; width: 100%; height: 100px; }
	#topMenu { float: left; width: 100%; height: 40px; }
		.topMenu { float: left; margin-left: 5px; }
			.topMenuLeftGrey { float: left; width: 7px; height: 50px; background: url(http://www.hamsafar-travel.com/com/img/topMenuLeftGrey.png) no-repeat; }
			.topMenuCenterGrey { 
				float: left; height: 40px; padding: 10px 5px 0 5px; background: url(http://www.hamsafar-travel.com/com/img/topMenuCenterGrey.png) repeat-x; color: #A1342A; 
				font-size: 15px;  
			}
			.topMenuRightGrey { float: left; width: 7px; height: 50px; background: url(http://www.hamsafar-travel.com/com/img/topMenuRightGrey.png) no-repeat; }
			
			.topMenuLeftBlack { float: left; width: 7px; height: 50px; background: url(http://www.hamsafar-travel.com/com/img/topMenuLeftBlack.png) no-repeat; }
			.topMenuCenterBlack { 
				float: left; height: 40px; padding: 10px 5px 0 5px; background: url(http://www.hamsafar-travel.com/com/img/topMenuCenterBlack.png) repeat-x; color: #FFF; 
				font-size: 15px;
			}
			.topMenuRightBlack { float: left; width: 7px; height: 50px; background: url(http://www.hamsafar-travel.com/com/img/topMenuRightBlack.png) no-repeat; }
			
	#topBox { float: left; width: 100%; }
		.topBoxLeft { float: left; width: 1%; height: 304px; background: url(http://www.hamsafar-travel.com/com/img/topBoxLeft.PNG) no-repeat; }
		.topBoxCenter { float: left; width: 98%; height: 304px; background: url(http://www.hamsafar-travel.com/com/img/topBoxCenter.png) repeat-x; }
			.topBoxCenterMenu { float: left; width: 100%; height: 20px; margin: 10px 0; }
				.topBoxCenterMenuStep { float: left; background: #E1E0DE; margin-right: 5px; padding: 3px; color: #C17168; font-size: 12px; }
				.topBoxCenterMenuStepWhite { float: left; background: #FFF; margin-right: 5px; padding: 3px; color: #C17168; font-size: 12px; }
			
			.topBoxBaner { float: left; width: 100%; }
		.topBoxRight { float: left; width: 1%; height: 304px; background: url(http://www.hamsafar-travel.com/com/img/topBoxRight.png) no-repeat top left; }
	
#header { float: left; width: 100%; text-align: left; }
	#float { float: left; width: 100%; }
		#float a { color: #FFF; text-decoration: none; }
		#float a:hover { color: #FFF; text-decoration: underline; }
		#floatSubmitEnquiry { float: left; width: 33%; margin: 5px 4.5px 0 0; }
			.floatSubmitEnquiryLeft { float: left; width: 20%; height: 56px; background: url(http://www.hamsafar-travel.com/com/img/subLeft.png) no-repeat; }
			.floatSubmitEnquiryCenter { float: left; width: 73%; height: 56px; background: url(http://www.hamsafar-travel.com/com/img/subCenter.png) repeat-x; }
				.floatSubmitEnquiryCenter h1 { font-size: 16px; color: #FFF; margin: 10px 0 2px 0px; }
				.floatSubmitEnquiryCenter p { font-size: 10px; color: #333; margin-left: 0px; }
				.floatSubmitEnquiryCenter a { color: #FFF; }
			.floatSubmitEnquiryRight { float: left; width: 7%; height: 56px; background: url(http://www.hamsafar-travel.com/com/img/subRight.png) no-repeat; }
		
		#floatFeedback { float: left; width: 33%; margin: 5px 0; margin: 5px 5px 0 0; }
			.floatFeedbackLeft { float: left; width: 20%; height: 55px; background: url(http://www.hamsafar-travel.com/com/img/fedLeft.png) no-repeat; }
			.floatFeedbackCenter { float: left; width: 73%; height: 55px; background: url(http://www.hamsafar-travel.com/com/img/fedCenter.png) repeat-x; }
				.floatFeedbackCenter h1 { font-size: 16px; color: #FFF; margin: 10px 0 2px 0px; }
				.floatFeedbackCenter p { font-size: 10px; color: #333; margin-left: 0px; }
				.floatFeedbackCenter a { color: #FFF; }
			.floatFeedbackRight { float: left; width: 7%; height: 55px; background: url(http://www.hamsafar-travel.com/com/img/fedRight.png) no-repeat; }
			
		#floatPhotoGalary { float: left; width: 33%; margin: 5px 0; }
			.floatPhotoGalaryLeft { float: left; width: 20%; height: 55px; background: url(http://www.hamsafar-travel.com/com/img/phoLeft.png) no-repeat; }
			.floatPhotoGalaryCenter { float: left; width: 73%; height: 55px; background: url(http://www.hamsafar-travel.com/com/img/phoCenter.png) repeat-x; }
				.floatPhotoGalaryCenter h1 { font-size: 16px; color: #FFF; margin: 10px 0 2px 0px; }
				.floatPhotoGalaryCenter p { font-size: 10px; color: #CCC; margin-left: 0px; }
				.floatPhotoGalaryCenter a { color: #FFF; }
			.floatPhotoGalaryRight { float: left; width: 7%; height: 55px; background: url(http://www.hamsafar-travel.com/com/img/phoRight.png) no-repeat; }
	
	#headerBox { float: left; width: 100%; }
		.mainBox { float: left; width: 100%; }
			.mainBox img{ margin: 7px; padding: 3px; background: #FFF; }
			.mainBoxLeft { float: left; width: 1%; height: 15px; background: url(http://www.hamsafar-travel.com/com/img/mainBoxLeft.png) no-repeat; }
			.mainBoxCenter { float: left; width: 97%; height: 15px; background: url(http://www.hamsafar-travel.com/com/img/mainBoxCenter.png) repeat-x; }
			.mainBoxRight { float: left; width: 2%; height: 15px; background: url(http://www.hamsafar-travel.com/com/img/mainBoxRight.png) no-repeat; }
		
		.contentBox { float: left; width: 99.1%; background: #FFAB76; padding-bottom: 10px; }
			.contentBox h1 { color: #556F12; font-weight: 600; font-size: 16px; margin: 0 20px 10px 20px;  }
			.contentBox p { color: #333; font-size: 13px; margin: 0 20px 8px 20px;  }

#footer { float: left; width: 100%; height: 50px; margin: 20px 0 0 0; }
	.footerLeft { float: left; width: 50%; color: #FFF; font-weight: 600; font-size: 12px; text-align: left; }
	.footerRight { float: right; width: 50%; color: #FFF; font-weight: 600; font-size: 12px; text-align: right; }
	
	#footer a { color: #FFF; }
	
.randBanerStyle { float: left; margin-top: 0px; text-align: left; } 
	.randBanerStyle p { font-size: 12px; margin: 7px 0; text-align: justify; color: #033; }
/*	.randBanerStyleBox { float: left; z-index: 10; display: none; }
	.randBanerStyleBoxLeft { float: left; width: 430px; background:  red; }
	.randBanerStyleBoxRight { float: right; background:  white; margin-left: 5px; }*/
	.randBanerStyleImg { float: left; border: 1px #666 double; padding: 4px; background: #FFF; }
	.topBoxBanerText { float: left; width: 420px; text-align: left; font-size: 13px; color: #333; }
		.topBoxBanerText p { margin: 7px 0; }
	
.help { float:left; width: 100%; padding: 0; margin: 0 0 0 2px; font-size: 14px; overflow: hidden; display: none; }