/* ----------------------------------------------------

	Headings 

	----------------------------------------------------*/

h1, h2, h3, h4, h5, h6, input, textarea, select, option {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: normal;

	display: inline;

}

h2.mainhead {

	background: transparent url(../images/heads.gif) no-repeat;

	float: left;

	margin: 25px 0 10px 0;

	height: 20px;

	width: 200px; 

	text-indent: -9999px;

}



/* ----------------------------------------------------

	Matter Cons

	----------------------------------------------------*/

	#MatterMainCon {

		float: left;

		position: relative;

		width: 687px;

		border: solid #e7e7e7;

		border-width: 1px 1px;

		background-color: #f4f3f4;

	}

		#MatterMainCon.welcome {

			background-color: #fff;

		}

		#MatterMainCon .topShadow {

			position: absolute;

			top: 0px;

			left: 0px;

			width: 100%;

			height: 13px;

			z-index: 9998;

			background: url(../images/top-shadow-bg.png) no-repeat center top;

		}

		#MatterMainCon .btmShadow {

			position: absolute;

			bottom: 0px;

			_bottom: -6px;

			left: 0px;

			width: 100%;

			height: 13px;

			z-index: 9999;

			background: url(../images/bottom-shadow-bg.png) no-repeat left bottom;

		}

	#MatterMainCon p {

		/*float: none;

		clear: right;*/

		margin: 5px 20px 4px 20px !important;

		/*_margin: 5px 10px 4px 10px;*/

		/*width: 930px;*/

		/*width: 100%;*/

		text-align: justify;

	}

		#MatterMainCon p.gallery {

			float: left;

			width: 687px;

			margin-top: 15px;

			margin-bottom: 20px;

			overflow: hidden;

		}

		#MatterMainCon p.gallery span {

			float: left;

			width: 200px;

			height: 133px;

			margin: 0 48px 0 48px;

			_margin: 0 24px 0 24px;

			padding: 5px;

			background-color: #cfcfcf;

			border: 1px solid #bbbaba;

		}

		#MatterMainCon span {

			float: right;

			clear: right;

			width: auto;

			margin: 6px 10px 6px 8px;

			border: 1px solid #ccc;

		}		

		#MatterMainCon span img {

			float: left;

		}

	#MatterMainCon h4 {

		float: left;

		clear: both;

		margin: 15px 20px 4px 20px;

		_margin: 15px 10px 4px 20px;

		width: 687px;

		font-size: 18px;

		font-weight: normal;

	}

	ul.course {

		float: left;

		clear: both;

		width: 687px;

		margin: 5px 20px 4px 20px;

		_margin: 5px 10px 4px 10px;		

	}

		ul.course li {

			float: left;

			width: 687px;

			background: url(../images/bullet-1.gif) no-repeat left center;

			padding: 0 0 0 20px;

		}

		

	#MatterMainCon #welcomeCon {

		float: left;

		clear: left;

		width: 650px;

		height: auto;

		background: #f2f1f1 url(../images/bg-art-2.jpg) no-repeat right bottom;

		border: solid #e7e7e7;

		border-width: 0 1px 0 0px;

	}

		#MatterMainCon #welcomeCon .head, 

		#MatterMainCon #MainRightPackageNav .head {

			float: left;

			clear: both;

			width: 650px;

			padding: 18px 0 0 18px;

			background: url(../images/head-bg.gif) no-repeat right top;

		}

		#MatterMainCon #welcomeCon ul.welcome {

			float: left;

			clear: left;

			width: 650px;

			padding: 0 0 15px 20px;

			margin: 8px 0 0px 0;

		}

			#MatterMainCon #welcomeCon ul.welcome li {

				float: left;

				clear: left;

				width: 650px;

				margin: 0px 0 10px 0;

				padding: 0 0 0 28px;

				background: url(../images/bullet-1.gif) no-repeat left 6px;

			}

			

	#MatterMainCon #MainRightPackageNav {

		float: right;

		clear: right;

		width: 315px;

		height: 100%;

		background: #f2f1f1 url(../images/bg-art-3.jpg) no-repeat right bottom;

		border: solid #e7e7e7;

		border-width: 0 0px 0 1px;

	}	

		#MatterMainCon #MainRightPackageNav .head {

			width: 297px;

		}

		#MatterMainCon #MainRightPackageNav ul.package {

			float: left;

			clear: both;

			width: 295px;

			padding: 0 0 23px 20px;

			_padding: 0 0 14px 20px;

		}

			#MatterMainCon #MainRightPackageNav ul.package li {

				float: left;

				width: 275px;

				padding: 0 0 0 20px;

				background: url(../images/bullet-2.gif) no-repeat left 13px;

			}

				#MatterMainCon #MainRightPackageNav ul.package li a {

					float: left;

					width: 245px;

					display: inline;

					padding: 11px 10px 10px 10px;

					color: #097cc1;

					background: url(../images/line-1.gif) repeat-x left bottom;

				}

					#MatterMainCon #MainRightPackageNav ul.package li a strong {

						color: #097cc1;

						float: left;

						font-size: 16px;

						font-weight: normal;

						cursor: pointer;

					}

					#MatterMainCon #MainRightPackageNav ul.package li a:hover {

						background-color: #e5e6f6;

					}

					

	#MatterMainCon ul.PackageIndex {

		float: left;

		width: 650px;

		margin: 15px 0 0 15px;

		_margin: 15px 0 0 7px;

	}

		#MatterMainCon ul.PackageIndex li {

			float: left;

			width: 100%;

			margin: 0 0 12px 0;

		}

		#MatterMainCon ul.PackageIndex li div.packageDetails {

			float: left;

			position: relative;

			width: 687px;

			min-height: 130px;

			background-color: #fff;

			border: 1px solid #dedcdd;

		}

			#MatterMainCon ul.PackageIndex li div.packageDetails p {

				float: left;

				clear: both;

				width: 540px;

				padding: 6px 0 0px 14px;

				margin: 5px 0 4px 0 !important;

			}

			#MatterMainCon ul.PackageIndex li div.packageDetails p.head {

				font-size: 18px;

			}

			#MatterMainCon ul.PackageIndex li div.packageDetails p.destinations {

				font-size: 17px;

			}

			#MatterMainCon ul.PackageIndex li div.packageDetails p.Rate {

				font-size: 14px;

			}

			#MatterMainCon ul.PackageIndex li div.packageDetails p.More {

				font-size: 11px;

			}

		#MatterMainCon ul.PackageIndex li div.packagePic {

			float: left;

			width: 229px;

			height: 113px;

			padding: 0px 0 0 0px;

			margin: 14px 0 0 0px;

			text-align: left;

			background: url(../images/packages-pic-bg.jpg) no-repeat left top;

		}

			#MatterMainCon ul.PackageIndex li div.packagePic img {

				float: left;

				border: solid #e0dedf;

				border-width: 1px 1px 1px 0;

			}

				#MatterMainCon ul.PackageIndex li.blue p {

					color: #0d93da;

				}

				#MatterMainCon ul.PackageIndex li.red p {

					color: #8c0000;

				}

				#MatterMainCon ul.PackageIndex li.green p {

					color: #af8000;

				}

				#MatterMainCon ul.PackageIndex li.green2 p {

					color: #038257;

				}

				

	#MatterMainCon ul.PackageIndex li div.button {

		position: absolute;

		top: 50px;

		right: 20px;

		height: 30px;

		width: 130px;

		background: url(../images/book-trip.jpg) no-repeat left top;

	}

		#MatterMainCon ul.PackageIndex li div.button a {
		padding-left:20px;
			font-family:Arial, Helvetica, sans-serif;
			color:#fff;
			font-size:13px;
			font-weight:bold;

		}

		#MatterMainCon ul.PackageIndex li div.button a:hover {

			text-decoration:underline;

		}

	

	.PackageDetailsNav {

		float: left;

		clear: left;

		width: 510px;

		padding: 0 0 0 30px;

	}	

	.expandable {

		float: left;

		clear: left;

		width: 93px !important;

		height: 19px !important;

		line-height: 0px;

		font-size: 11px;

		cursor: pointer;

		overflow: hidden;

		border: 0;

		outline: none;	

		color: #fff !important;

		padding: 9px 0 0 25px !important;

		background: url(../images/plus.gif) no-repeat 14px top !important;

	}

	.openheader {

		background:url(../images/minus.gif)no-repeat 14px top !important;

	}

		

/* ----------------------------------------------------

	Bottom Cons

	----------------------------------------------------*/

	#BottomMainCon {

		float: left;

		width: 100%;

		height: 110px;

		background: #f0f0f0 url(../images/bottom-bg.jpg) repeat-x top;

	}

		#BottomMainCon #btmCon {

			position: relative;

			margin: 10px auto 0;

			width: 960px;

			height: 100px;

		}

			#BottomMainCon #btmCon p.address {

				float: left;

				width: 330px;

				color: #aaacae;

				margin: 3px 0 0 0;

			}

			#BottomMainCon #btmCon p.link {

				position: absolute;

				bottom:10px;

				right: 0px;

				width: 600px;

				text-align: right;

				color: #aaacae;

				font-size: 11px;

			}

			#BottomMainCon #btmCon p.link a {

				color: #aaacae;

				margin: 0 3px 0 3px;

			}

			#BottomMainCon #btmCon p.link a:hover {

				border-bottom: 1px dotted #aaacae;

			}

			

/* ----------------------------------------------------

	Common

	----------------------------------------------------*/

	p.form {

		float: right;

		width: 350px !important;

		margin-top: 30px !important;

	}

	ul.form {

		float: left;

		clear: left;

		margin: 0 0 15px 0;

		width: 500px;

		border-right: 1px dashed #ccc;

		padding: 10px 0 10px 25px;

		margin: 10px 0 0 0;

	}

		ul.form li {

			float: left;

			width: 100%;

			margin: 0 0 10px 0;

		}

		ul.form li label {

			float: left;

			width: 150px;

			font-size: 13px;

		}

		ul.form li textarea {

			float: left;

			width: 280px;

			padding: 5px 0 0 6px;

			height: 115px;

			overflow-y: auto;

			border: 1px solid #d0d0d0;

			background: url(../images/form-bg.jpg) no-repeat left top;

		}

		ul.form li input {

			float: left;

			padding: 5px 0 0 6px;

			width: 280px;

			height: 23px;

			border: 1px solid #d0d0d0;

			background: url(../images/form-bg.jpg) no-repeat left top;

		}

			ul.form li select {

				width: 50px;

			}

			ul.form li select option {

				width: 50px;

				float: left;

				clear: left;

			}

		ul.form li textarea:focus, 

		ul.form li input:focus {

			border: 1px solid #929292;

		}

		ul.form li input.button {

			float: left;

			padding: 0px 0 0 0px;

			margin: 0 10px 0 0;

			width: 80px;

			height: 26px;

			border: 1px solid #d0d0d0;

			background: url(../images/form-bg.jpg) no-repeat left top;

		}
		.h1style {

		text-decoration: none;
	
		margin-top: 0;

		margin-bottom: 0;
	
		font-size: 14px;
		} 

		.h2style {

		text-decoration: none;
	
		margin-top: 0;

		margin-bottom: 0;
	
		font-size: 14px;
		}