/* CSS Document */

#wrapper img, #content, #wrapper, div, div img, img
{
    behavior: url(includes/iepngfix.htc);
}
*
{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a
{
	outline: none;
	color:#666666;
}
a img
{
	outline: none;
	border: none;
}
html, body
{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;
	background:#9b9b9b url(images/bodyBG.gif) repeat-x top;
}
h1{ font-size:17px; text-align:right;}
.innermostContainer h1
{
    text-align: left;
}
h3{ font-size:15px;}
h1.left{ font-size:17px; text-align:left;}
p{
	font-size:11px;
	color:#666;
	padding:10px 0 10px 0;
	margin:0px;
}
td
{
    color: #666;
}
textarea, input
{
    font-size: 11px;
	color:#676767;
}

tr, td
{
    vertical-align: top;
}
.morInfoTab td
{
    padding: 3px;
    vertical-align: middle;
    font-size: 13px;
}
.textBox
{
    border: 1px solid #676767;
    width: 210px;
	color:#676767;
}

.textBoxSmall
{
    border: 1px solid #676767;
    width: 55px;
	color:#676767;
}

.dropDown
{
    border: 1px solid #676767;
    width: 212px;
    font-size: 11px;
	color:#676767;
}

.dropDownSmall
{
    border: 1px solid #676767;
    width: 75px;
    font-size: 11px;
	color:#676767;
}

.dropDownSmallish
{
    border: 1px solid #676767;
    width: 90px;
    font-size: 11px;
	color:#676767;
}
.updateProgress
{
    float: left; font-weight:normal;
    padding-top:2px;
}

#form
{
    background-color: #fff;
    margin: 7px 0 0 0;
    padding: 7px;
}

#form td
{
    color: #676767;
}

.form-submit-iframe
{
    border: 0;
    width: 0;
    height: 0;
}

.leftAlign
{
    text-align: left;
    padding: 0;
    margin: 0;
}
.style1
{
    width: 100%;
    border-style: solid;
    border-width: 0;
    vertical-align: top;
}
.style2
{
    text-align: right;
    font-size: 11px;
    width: 180px;
    vertical-align: middle;
    font-weight: normal;
    text-transform: uppercase;
}
.style4
{
    text-align: left;
    font-size: 11px;
    vertical-align: middle;
}
.style10
{
    font-weight: bold;
}
.button
{
    background: url(images/button.gif) top left no-repeat;
    margin: 1px 0 1px 0;
    padding: 10px 10px 15px 34px;
    font-size: 14px;
    color: #fff;
    line-height: 1.3em;
    font-weight: normal;
    text-transform: uppercase;
    text-align: left;
    width: 69px;
    display:block;
    text-decoration:none;
}

.content ul
{
    margin-left: 15px;
}

#wrapper
{
	margin: auto;
	width: 980px;
}
#container
{
	float:left;
	height: auto !important;
	height: 980px;
	background:url(images/wrapperBG.png) repeat center;
}
#header
{
	margin: auto;
	width: 899px;
	height: 119px;
	padding:60px 41px 0 40px;
	background:url(images/headerBG.jpg) no-repeat top center;
}
.navigation{
	float:left;
	width:898px;
	margin:0 41px 0 40px !important;
	margin:0 21px 0 20px;
	height:40px;
	background:#3f3f3f;
	border-bottom:#6f6f6f solid 1px;
}
.navigation ul{
	margin:0px;
	padding:0px;
}
.navigation ul li{
	list-style:none;
	display:inline;
	height:40px;
	line-height:40px;
	background:url(images/navArrow.gif) no-repeat right;
	padding:0 25px  0 25px;
	color:#ff7f00; font-weight:bold;
}
.navigation ul li.last{ 
	background:none;
}
.navigation ul li a{
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}
.navigation ul li a:hover{ 
	color:#ff7f00; 
}
.content{
	float:left; 
	width:878px;
	min-height:600px; 
	height:auto !important;
	margin:0 41px !important; 
	margin:0 21px 0 20px; 
	padding:0 10px 0 10px;
	background:url(images/contentImg.jpg) no-repeat center 190px;
}
.gallary{ 
	float:left;
	width:878px !important; 
	width:872px;
	height:auto; 
	margin:0 11px 0 11px !important;
	margin:0 5px 0 5px; 
	padding:26px 0 20px 0;
}
.contentContainer1{
	float:left;
	width:555px;
}
.contentContainer2{
	float:left;
	width:440px;
}
.contentContainer3{
	float:left;
	width:760px;
}
.morInfoTab{
}
.morInfoTab td{
	height:50px;
}
.morInfoTab td a{
	text-decoration:none;
}
.morInfoTab td a:hover{
	text-decoration:underline;
}
/*Page middle background*/
.hillsBG .content{ 
	background:url(images/hillsBG.jpg) no-repeat center 190px;
}
.riverBG .content{ 
	background:url(images/riverBG.jpg) no-repeat center 190px;
}
.paddingTerms{
	float:left;
	margin:40px 0 0 30px;
}
.content .colorBox .textFillBox
{
    text-align: justify;
    line-height: 1.6em;
}
/*bottom boxes content area*/

.bottomContent{
	float:left;
	height:auto; 
	margin:200px 0 0 0 !important;
	margin:180px 0 0 0;
}
.botBigCont{
	float:left; 
	height:auto; 
	width:898px !important;
	width:878px;
	margin:60px 0 0 0 !important;
	margin:20px 0 0 0;
	padding:0px;
}
.bottomContent .rgtBotpan, .botBigCont .rgtBotpan{
	float:left; 
	width:420px; 
	height:auto;
}
.bottomContent .rgtBotpan1, .botBigCont .rgtBotpan1{
	float:left; 
	width:355px !important; 
	width:345px;
	height:auto;
}
.bottomContent img.durian{ 
	float:left; 
	border:0px; 
	padding:20px 5px 0 0;
}
.bottomContent .rgtcontent{ 
	float:left; 
	width:285px;
}
.botBigCont img.contactusTower{ 
	float:left; 
	margin:20px 5px 10px 20px !important;
	margin:20px 12px 10px 10px;
	padding:0px;
}
.botBigCont .rgtcontent1{ 
	float:left; 
	width:370px !important;
	width:360px;
	height:auto;
}
.bottomContent h1, .botBigCont h1{
    text-transform: uppercase;
	padding:15px 5px 10px 0;
}
.bottomContent h1 span, .botBigCont h1 span{ 
	color:#ff7f00;
}
.bottomContent .colorBox, .botBigCont .colorBox{ 
	float:left; 
	min-height:150px;
	height:auto !important; 
	height:150px;
	padding:5px 3px 5px 3px;  
	background:#ff7f00; 
}
.bottomContent .colorBox p, .botBigCont .colorBox p{ 
	color:#fff; 
	line-height:13px; 
	font-size:11px;
	margin:0;
	padding:10px 5px 10px 5px;
}
/*Footer css*/
#footer{ 
	float:left; 
	width:980px; 
	height:49px;
	padding:44px 0 0 0; 
	background:url(images/footerBG.png) no-repeat center top; 
}
#footer ul{ 
	list-style:none; 
	margin:0 auto; 
	text-align:center;
}
#footer ul li{ 
	list-style:none;	
	display:inline;	
	background:url(images/footerArrow.gif) no-repeat right 3px; 
	padding:0 20px  0 20px;
}
#footer ul li.last{ 
	background:none;
}
#footer ul li a{ 
	font-weight:bold; 
	color:#3f3f3f; 
	text-decoration:none;
}

#footer ul li a:hover{ 
	color:#ffffff; 
}

/************* SOLID Grey BACKGROUND WITH CURVED CORNERS ***********/
.greyBG
{
	margin:0px !important;
	margin:3px;
}
.greyBG .ContainerContent
{
	background: url(images/greyR.png) repeat-y right top !important;
	background:#3f3f3f;
	padding-right: 5px;
}
.greyBG .ContainerContent .mainContentBox
{
	background: url(images/greyL.png) repeat-y left top !important;
	background:#3f3f3f;
	padding-left: 6px;
}
.greyBG .ContainerContent .mainContentBox .innermostContainer
{
	background:#3f3f3f;
	padding:6px !important;
	padding:0px;
}
.greyBG .ContainerContent .mainContentBox .innermostContainer h3
{
	color:#FFFFFF;
	text-transform:uppercase;
	background:#3f3f3f;
}
.greyBGTopL
{
	background:url(images/greyTL.png) no-repeat left top !important;
	background:#3f3f3f;
	padding-left: 6px;
}
.greyBGTopL .greyBGTopR
{
	background: transparent url(images/greyTR.png) no-repeat right top !important;
	background:#3f3f3f;
	padding-right: 6px;
}
.greyBGTopL .greyBGTopR .greyT
{
	height: 6px;
	background: url(images/greyT.png) repeat left top !important;
	background:#3f3f3f;
}
.greyBGBottomL
{
	background: url(images/greyBL.png) no-repeat left top !important;
	background:#3f3f3f;
	padding-left: 6px;
}
.greyBGBottomL .greyBGBottomR
{
	background: transparent url(images/greyBR.png) no-repeat right top !important;
	background:#3f3f3f;
	padding-right: 6px;
}
.greyBGBottomL .greyBGBottomR .greyB
{
	height: 5px;
	background: url(images/greyB.png) repeat left top !important;
	background:#3f3f3f;
}


/************* SOLID White BACKGROUND WITH CURVED CORNERS ***********/
.whiteBG
{
	margin:0px !important;
	margin:3px;
	border:none !important;
	border:#3f3f3f solid 1px;
}
.whiteBG .ContainerContent
{
	margin: 0px;
	padding: 0px;
	background: url(images/whiteR.png) repeat-y right top !important;
	background:#ffffff;
	padding-right: 7px;
}
.whiteBG .ContainerContent .mainContentBox
{
	background: url(images/whiteL.png) repeat-y left top !important;
	background:#ffffff;
	padding-left: 7px;
}
.whiteBG .ContainerContent .mainContentBox .innermostContainer
{
	background:#ffffff;
	padding:5px;
}
.whiteBGTopL
{
	background: transparent url(images/whiteTL.png) no-repeat left top !important;
	background:#ffffff;
	padding-left: 7px;
}
.whiteBGTopL .whiteBGTopR
{
	background: transparent url(images/whiteTR.png) no-repeat right top !important;
	background:#ffffff;
	padding-right: 7px;
}
.whiteBGTopL .whiteBGTopR .whiteT
{
	height: 7px;
	background: url(images/whiteT.png) repeat left top !important;
	background:#ffffff;
}
.whiteBGBottomL
{
	background: url(images/whiteBL.png) no-repeat left top !important;
	background:#ffffff;
	padding-left: 7px;
}
.whiteBGBottomL .whiteBGBottomR
{
	background:url(images/whiteBR.png) no-repeat right bottom !important;
	background:#ffffff;
	padding-right: 7px;
}
.whiteBGBottomL .whiteBGBottomR .whiteB
{
	height: 7px;
	background: url(images/whiteB.png) repeat left bottom !important;
	background:#ffffff;
}