/* ****************** Stylesheet defs for Castle Homes portal *********************/ 
*{ 
	 margin:0; 
	 padding:0; 
	 border:0;
	 text-align:center; 
	} 
body {
   height: 100%;
 	background: #fff;
   font: 0.80em "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #666;
	margin: 0 auto;
	} 
a{
	outline: none;
	}
h1 strong, h4 strong {
	display: none;
	}
h3{
	color: #bd2f23;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	text-transform: uppercase;
	padding: 15px 0 10px 0;
}
h4{
	text-align: left;
	color:#C30;
	font-size:18px;
	font-variant:small-caps;
}	
h5{
	font: bold 16px Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	color: #fff;
	margin: 0 auto;
	}
h6{
	font: bold 17px "Times New Roman", Times, serif;
	letter-spacing: .02em;
	color: #73900c;
	padding-bottom: 3px;
	}
br.clear{
	clear: both;
	}
	
#box1{
	background: transparent url(hmtopbg.gif) repeat-x;
	width: 100%;
	height: 100%;
	padding-top: 6px;
	}
#box2{
	background: transparent url(prtopbg.gif) repeat-x;
	width: 100%;
	height: 100%;
	padding-top: 6px;
	}

#mainbox{ 
 	width:950px; 
 	margin: 0 auto;
	}
#topbox{
	width:100%;
	height: 145px;
	text-align: left;
	xbackground-color: #fff;
	} 
	#topl{
	float: left;
	width: 160px;
	height:145px;
	text-align: left;

	}
	#topr{
	float: right;
	width:650px;
	height: 145px;
	}
	#toprt{
	height: 22px;
	margin: 0 auto;
	}
	#toprb{
	width:100%;
	height: 123px;
	text-align:  right;
	}
	#navdiv{
	float: inherit;
	width:647px;
	height: 37px;
	margin: 86px 0 0 11px;
	}
	/*-----ie6hack----------------------------*/
	* html #navdiv{
	margin-top: 82px;
	}
	.allft{
		text-align: left;
	}	
/*-------------------------Home mid----------------------------------*/	
#midboxh{
	width: 100%;
	height: 316px;
	xbackground-color: #73900c;
	}
	#midlh{
	float: left;
	width: 555px;
	padding: 8px 0 0 0;
	text-align: left;
	}
	#slidediv{
	width: 554px;
	height: 288px;
	margin: 0 auto;
	background: transparent url("slidebg.gif") top left no-repeat;
	padding: 17px 0 0 9px;	
	}
	#midrh{
	float: right;
	width:350px;
	padding-left: 30px;
	background:  transparent url("hmtxtbg.gif") top left no-repeat;
	}

/*-------------------------Home content------------------------------------------------*/	
#btmboxh{
	width: 100%;
	}
	#btmboxlh{
	float: left;
	width: 570px;
	text-align: left;
	}
	#desc{
	float: left;
	width: 365px;
	}
	#desc p{
	padding: 4px 7px 10px 0;
	text-align: left;
	line-height: 1.6em;  
	}
	#desc strong{
	font-size: 105%;
	color: #73900c;
	line-height: 1.6em;  
	xfont-weight: normal;
	}	
	#newprj{
	float: right;
	width: 196px;
	height: 290px;
	background-color: #FDFCEE;
	border: 1px solid #F3ED9A;
	text-align: center;
	padding-top: 20px;
	}
	#newprj h5{		
	background: #ba2636 url(nphdrbg.gif) repeat-x;
	border: 1px solid #c0843a;
	width:92%;
	padding: 2px 0 4px 0;
	margin-bottom: 10px;
	}
	#newprj h6{
	padding: 0 0 0 9px;
	}
	#newprj p{
   color: #D2691E;
	font-weight: bold;	 
	line-height: 1.3em;
	padding: 5px 4px 15px 4px; 
	}
	#newprj img{
		padding-bottom: 10px;
	}
	#calldiv{
	clear: both;
	width: 100%;
	height: 127px;
	background: #fff url(hmcallbg.gif) no-repeat;
	xborder-bottom: 1px solid #73900c;
	margin-bottom: 8px;
	text-align: left;
	}
	#calldiv h6{
	text-align: left;	
	padding-top: 5px;
	}
	#calldiv p{
	text-align: left;
	color: #D2691E;
	line-height: 1.4em;
	padding: 2px 5px 10px 7px;		
	}
	#btmboxrh{
	float: right;
	width: 370px;
	text-align: left;
	padding: 20px 0 0 5px;

	}
	#btmboxrh h5{		
	background: #e8a655 url(hdr5bg.gif) repeat-x;
	border: 1px solid #c0843a;
	width:98%;
	padding: 2px 5px 4px 0;
	margin-bottom: 10px;
	text-align: right;
	}

	#btmboxrh p{
   xcolor: #D2691E;
	line-height: 1.3em;
	padding: 7px 4px 5px 4px; 
	}
/*-------------------------about---------------------------------------------------------------------*/		
	/*-------------------------about mid----------------------------------*/		
#midboxa{
	width: 100%;
	height: 316px;
	xbackground-color: #73900c;
	}
	#midla{
	float: left;
	width: 540px;
	padding: 8px 0 0 0;
	text-align: left;
	}
	#midla p{
	padding:25px 0 0 10px;
	}	
	#midra{
	float: right;
	width:395px;
	height:305px;
	padding-left: 10px;
	background:  transparent url("abttxtbg.gif") top left no-repeat;
	}
	#midra p{
	color: #F0FFF0;
	xfont-size: 12px;
	font-weight: bold;
	padding: 70px 30px 0 30px;
	text-align: left;
	line-height: 1.8em;  
	}
	/*-------------------------About content------------------------------------------------*/	
	#btmboxa{
	width: 100%;
	}
	#btmboxla{
	float: left;
	width: 550px;
	text-align: left;
	border-right: 1px dotted #ccc;
	}
	#btmboxla p{
	xfont-size: 12px;
	padding: 20px 30px 0 20px;
	text-align: left;
	line-height: 1.8em;  
	}
	#btmboxra{
	float: right;
	width:380px;
	height:305px;
	padding-left: 10px;
	margin-bottom: 15px;
	}
	#btmboxra p{
	xcolor: #F0FFF0;
	font-size: 11px;
	padding: 2px 20px 0 30px;
	text-align: left;
	line-height: 1.8em;  
	}
	#btmboxra img{
		padding-bottom: 3px;
	}
/*-------------------------projects---------------------------------------------------------------------*/		
/*-------------------------prjs content----------------------------------*/		
#midboxp{
	width: 100%;
	text-align: left;
	}
	#midboxp h3{
		color: #fff;
	}
	#midboxp p{
		text-align: left;
	}
	.prjbox{
	float: left;
	width: 420px;
	height: 150px;
	background-color: #f7f9f2;
	margin: 0 auto;
	text-align: left;
	margin: 20px 20px 5px 30px;
	border: 1px solid #E8EEDB;
	}
	*html .prjbox{
		margin-left: 20px;
	}
	.prjbox p{
	padding: 10px;
	line-height: 1.7em;
	margin: 0 auto;
	margin-bottom: .5em;
	}
	.prjbox p.hr{
	width: 94%;
	color: #efefef;
	background-color: #efefef;
	height: 1px;
	text-align: left;
	margin: 0 .4em;
	}
	.prjbox strong{
	font-family: "Times New Roman", Times, serif;
	color:#DE6056;
	width: 100%;
	font-size: 16px;
	line-height: 2em;
	border-bottom: 1px solid #eee;
	}
	.prjbox em{
	color: #CC9551;
	font-style: normal;
	font-weight: bold;	 
	}
	.prjbox u{
	 color: #FF4A0D;
	 font-size: 90%;
	 font-style: normal;
	 text-transform: uppercase;
	 text-decoration: none;
 	 margin-top: .2em;
	}
	.prjbox img{
	padding-top: 10px;
	vertical-align: middle;
	}
	#prjbox br{
	clear: both;
	}

/*-------------------------individual projects---------------------------------------------------------------------*/		
/*-------------------------individual  prjs content----------------------------------*/	
	#midboxp h5 {
	font-family: "Times New Roman", Times, serif;
	font-size: 17px;
	color: #90B70C;
	text-align: left;
	padding-left: 18px;
	margin: 20px 0 8px 0;
	}
	#midboxp h5 strong{
		color:#DE6056
	}
	#midboxpl{
	float: left;
	width: 480px;
	text-align: left;
	}
	.recprjctl{
	height: 242px;
	background: transparent url(topsep.gif) right no-repeat;		
	}
	.newprjctl{
	height: 180px;
	
	}
	#midboxpl p{
	padding: 0 30px 0 20px;
	font-size: 13px;
	color: #333;
	text-align: left;
	line-height: 1.8em;  
	}
	#midboxpr{
	float: right;
	width: 460px;
	}
	#midboxpr p{
	padding: 0 30px 0 100px;
	}
	.newprjctr{
	background: transparent url(topsep1.gif) top left no-repeat;	
	margin: 50px 0 0 10px;
	}
	.tbox{
		float: left;
		background-color: #bd2f23;
		padding: 1px 6px;
		color: #fff;
		font-size: 16px;
		font-weight: bold; 
		margin: 5px 0 5px 20px;
		}
	*html .tbox{
		margin:5px 0 20px 10px;		
	}
	.tbox a{
		color:#fff;
		text-decoration: none;
	}
	.tbox a:hover{
		color:Yellow;
		text-decoration: none;
	}
	.aptspec{
		color: #bd2f23;
		font-size: 12px;
		font-weight: bold;
		float: left; 
		padding: 8px 0 0 2px;	
	}
	.fplistbox{
		float: left;
		width: 430px;
		height: 260px;
		margin: 5px 10px 5px 2px;

	}		
	#viewbtn{
		float: left;
		width: 150px;
		background-color: #bd2f23;
		padding: 1px 0;
		letter-spacing: .05em;
		text-transform: uppercase;
		color: #fff;
		font-size: 12px;
		font-weight: bold; 
		margin:  7px 0 5px 20px;
		}
	*html #viewbtn{
		margin-left: 10px;		
	}
	#viewbtn a{
		color:#fff;
		text-decoration: none;
	}
	#viewbtn a:hover{
		color:Yellow;
		text-decoration: none;
	}				
	#contentbox{
		width: 100%;
	}
	.gmaplnk a{
		background-color: #bd2f23;
		padding: 1px 6px;
		color: #fff;
		font-size: 16px;
		text-decoration:none;
	}
	 .gmaplnk a:hover{
		color:Yellow;
		text-decoration: none;
	}
/*-------------------------tandc ---------------------------------------------------------------------*/		
#midboxtacl{
	float: left;
	width: 650px;
	padding-right: 15px;
   border-right: 1px dotted #DFDFDF;
	}
	#midboxtacr{
	float: right;
	width: 280px;
	}
	#contactdiv{
	xclear: both;
	width: 100%;
	height: 127px;

	text-align: left;
	}
	#contactdiv h6{
	text-align: left;	
	padding-top: 5px;
	}
	#contactdiv p{
	text-align: left;
	color: #D2691E;
	line-height: 1.4em;
	padding: 2px 18px 10px 3px;		
	}
	.bigtext{
	text-align: left;
	font-size: 30px;
	color: #B22222;
	}
/*-------------------------payment ---------------------------------------------------------------------*/		

	#btmboxpay{
		width: 100%;
		min-height: 300px;
		margin-bottom: 20px;
	}
	#btmboxpayl{
		float: left;
		width: 660px;
	   border-right: 1px dotted #DFDFDF;
	}	
	#btmboxpayl p{
	padding: 20px 0;
	line-height: 1.7em;	
	text-align: left;
	}
	#btmboxpayl br{
		clear: both;
	}	
	.paylft{
	float: left;
	width: 315px;
	color: #333;
	font-size: 11px;
	background-color: #F0E68C;
	padding:  2px 0 2px 0 ;
	margin: 0 2px 8px 0;
	text-align: right;
	}
	.payrht{
	color: /*#73900c*/#333;
	xbackground-color: #f7f7f7;
	border: 1px solid #F0E68C;
	float: left;
	font-weight: bold;
	padding:  1px 5px;
	margin-bottom: 8px;	
	}
	#btmboxpayr{
	float: right;
	width:280px;
	padding-bottom: 25px;
	}
/*-------------------------contact ---------------------------------------------------------------------*/		
	#midboxconl{
	float: left;
	width: 350px;
	padding-right: 15px;
	}
	#midboxconl p{
	padding: 10px;
	line-height: 1.7em;
	margin: 0 auto;
	margin-bottom: .5em;
	}
	#midboxconl img{
		padding-bottom: 10px;
	}
	#midboxconr{
	float: right;
	width:580px;
	margin-top: 30px;
	text-align: left;
	}
	#form{
	float: left;
	width:345px;
	height:383px;
	background: transparent url(http://www.castlehomes.in/formbg.gif) no-repeat;
	}
	#form p{
		padding: 20px 40px 0 45px;
		color: #CD5C5C;
		line-height: 1.8em;
		font-weight: bold;
	}
	#addr{
	float: right;
	width:230px;
	}
	#addr	 p{
	padding: 10px 0 0 10px;
	font: 11px bold Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	text-align: left;
	color: #333;
	}
	#addr strong{
		color: #DAA520;
		text-transform: uppercase;
	}
	/*-------------------------site Tours------------------------------------------------*/		

	#stour h4 {
			font-size: 18px;
			padding: 5px 3px;
			border-bottom:  1px solid #A4BB68;
			border-top: 1px solid #A4BB68;
			margin: 20px 5px;
		}
	#stour #thmbswrap{
		margin: 0 auto;
		width: 83%;
	}	
	#stour .thmbs{
		width: 160px;
		height: 120px;
		float: left;
		padding: 5px;
		background-color: #fff;
		border: 1px solid #ccc;
		margin: 10px 15px 5px 5px; 
	}	
	
	/*-------------------------Footer------------------------------------------------*/	
	#ftrbox{
	clear: both;
	width:100%;
	height: 46px;
	margin-top: 20px;
 	background: #bd2f23 url(ftrbg.gif) repeat-x;
	}
	#ftrboxl{
	float: left;
	width:500px;
	margin-left: 20px;
	}
	#ftrboxl p{
	text-align: left;
	padding:4px 0 4px 0px;
	color: #EEE8AA;
	font-size: 80%;
	}
	#ftrboxl a {
	color: #DAA520;
	text-decoration: none;
	}
	#ftrboxl a:hover {
	color: #EEE8AA; 
	}
	#ftrboxr{
	float: right;
	xwidth:450px;
	height: 46px;
	xmargin-right: 20px;
	}
	#ftrboxr p{
	text-align: right;
	font-size: 85%;
	color: #fff;
	padding: 0;
	}	
	
/*---------------------------------lists-----------------------------------------*/
ul#tac
{
list-style-type: none;
font-size: 13px;
padding: 9px 0 20px 15px;
}
ul#tac li
{
background-image: url(starblt.gif) ;
background-repeat: no-repeat;
background-position: 0 .4em;
background-color: transparent;
border-bottom: 1px solid #EDF5DD;
margin-bottom: 5px;
padding-left: 1.3em;
padding: 4px 5px 3px 25px;
padding-bottom: .2em;
text-align: justify;
color: #666;
}	
/*---------------------------------image floats-----------------------------------*/			
 .imgfll{
	float: left;
	margin-right: 10px;
	}	
 .imgflr{
	float: right;
	margin-left: 10px;
	}	
/*---------------------------------image replace-----------------------------------*/	
#mainttl{
	width: 140px;
	height: 145px;
	background: transparent url("mtitle.gif") left top no-repeat;
	}
#ttllavmed{
	width: 240px;
	height: 100px;
	text-align: left;
	background: transparent url("ttllavm.gif") left top no-repeat;
}
#ttlmgordf{
	width: 267px;
	height: 100px;
	text-align: left;
	background: transparent url("ttldfdl.gif") left top no-repeat;
}
#ttltulips{
	width: 267px;
	height: 100px;
	text-align: left;
	background: transparent url("ttltlip.gif") left top no-repeat;
}
#ttlasterd{
	width: 240px;
	height: 100px;
	text-align: left;
	background: transparent url("ttlastd.gif") left top no-repeat;
}
#ttllvista{
	width: 241px;
	height: 100px;
	text-align: left;
	background: transparent url("ttlvsta.gif") left top no-repeat;
}
#ttlirisav{
	width: 317px;
	height: 100px;
	text-align: left;
	background: transparent url("ttliris.gif") left top no-repeat;
}
#ttlfernencl{
	width: 267px;
	height: 100px;
	text-align: left;
	background: transparent url("ttlfern.jpg") left top no-repeat;
}
/*-----------------------------------Navigation---------------------------------*/
/*-----------------------------------main nav------------------------------------*/

.mainnav {
	list-style-type: none;
	width: 647px;
	}
.mainnav li {
  	float: left;
	display: inline;
	}
.mainnav li a {
	display:  block;
	height: 37px;
	background-position: 0 0 ;
	background-repeat: no-repeat;
	}
.hom { background-image: url(homnav.gif); width: 60px; }
.abt { background-image: url(abtnav.gif); width: 89px; }
.prj { background-image: url(prjnav.gif); width: 85px; }
.tac { background-image: url(tacnav.gif); width: 152px; }
.pay { background-image: url(paynav.gif); width: 81px; }
.con { background-image: url(connav.gif); width: 92px; }
.str { background-image: url(strnav.gif); width: 88px; }
	
}

.mainnav li a:hover, .mainnav li.selected a, .mainnav li a:focus, .mainnav li a:active {
	background-position: 0 -37px ;
	}
.mainnav a span { display: none; }
:focus{
	-moz-outline-style: none;
	}
/*----------------------------------------Forms--------------------------------------*/
form#contact { 
	width:300px; 
	font-size: 14px;
	padding: 0 0 0 35px;
	margin: 0 auto;
	margin-bottom: 20px;
	}
form#contact fieldset {
	line-height:1.5em; 
	text-align: left;
	}
form#contact legend{
	color: #b22222;
	width: 250px;
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
	text-align: left;
} 	
form#contact label {
	color:#B22222;
	font-style: italic;
	font-weight: bold;
	}
form#contact input {
	border:1px solid #C3D29C;
	padding: 2px 1px; 
	margin: 0 0 8px 2px;
	background-color: #fff;
	color: #333;
	text-align: left;
	width: 18em;
	}
form#contact select {
	margin-left:0.5em;
	float: left;
	clear: right;
	}
form#contact textarea {
	float: left;
	width:18em; 
	height:8em; 
	color: #333;
	border:1px solid #C3D29C;
	padding-left:0.4em ; 
	overflow:auto;  
	margin:2px 0 10px 2px;
	background-color: #fff;
	text-align: left;
	}
form#contact input:focus, form#contact textarea:focus {
		background-color: #FFFFF0;
		border:1px solid #A4BB68;
}
.formcapt{
	color: #C3D29C;
	font-size: 85%;
	text-align: left;
	} 
form#contact #button1 {
	color:#fff ; 
	font-size: 12px;
	font-weight: bold;
	cursor: auto; 
	width:245px; 
	height: 26px;
	margin:15px 0 10px 0; 
	background:#fff url(btnbg.gif); 
	border:1px solid #679800;
	text-align: center;
	}
form#contact #button1:hover {
	background-position:1px 2px;
	color: #ffc; 
	border: 1px solid #7A5B12;
	}
form#contact br{
   clear: both;
}
form#contact .addr{
	width:5px;
	visibility:hidden;
}