* { padding: 0; margin: 0; }
html {
margin:0;
padding:0;
}



body {
 font-family: Tahoma, Helvetica, sans-serif;
 font-size: 13px;
 background-color:#1f1f1f;
 margin:0;
}

a{ color: #4e5b60; }
a:link { color: #4e5b60; }
a:visited { color: #657176; }
a:hover { color: #768f98; }
a:active { color: #657176;outline:none; }

a{
outline:none;
}

a img {
 outline: none;
}

#wrapper { 
 margin: 0 auto;
 width: 922px;
 background-color: #fff;
 /*border:solid 1px #ff0000;*/
}

#header {
margin: -3px 0;
}

h1 {
font-size: 18px;
padding: 5px 5px 7px 0;
color:#7f8250;
}

h2 {
font-size: 14px;
padding: 0 5px 1px 0;
color:#7f8250;
}



h3 {
font-size: 13px;
padding: 1px 5px 1px 0;
color:#7f8250;
}

h4 {
font-size: 11px;
padding: 3px 0 1px 0;
color:#7f8250;
}

p {
padding-bottom: 7px;
}

.icon {
float:left;
width:36px;
padding: 8px 12px 3px 1px;
}

#mainimage {
margin:0;
}




#subnav {
margin:0;
}


#news {
margin: 5px 1px 5px 0;
padding: 3px 3px 5px 3px;
border-bottom: solid 1px #dcdccd;
}


#content {
padding:15px;
background-color: #fff;
margin:0;
background-image:url('bg_content.jpg') ;
background-repeat: no-repeat;

}

#content img {
border:0;
}

 #content ul 
{
/*list-style-image: url('bullet.jpg');
margin: 5px 0 10px 0;*/
list-style-position: inside;

}


#content li {
margin: 0 10px 0 10px;
}


#content p {
margin: 1px 3px 2px 0;
}


#left {
width:414px;
float:left;

margin: 0 0 20px 0;
}




#right {
float:right;
width: 430px;

}



#clearme {
clear:both;
}

#footer {
clear: both;
color: #2d311b;
margin: 0 0 -2px 0;
height: 28px;
background-image:url('main_footer.jpg') ;
background-repeat: no-repeat;
padding:1px 0 1px 20px;
font-size:10px;
}

#kerioth {
height: 83px;
background-color:#536772;
}

#footleft {
float:left;
}
#footright {
float:left;
padding: 40px 0 0 0;
margin: 0 0 0 150px;
font-size: 12px;
}

#footright a:link {
color:#1A2B2F;
}

#footright a:visited {
color:#414F50;
}

#footright a:hover {
color:#414F50;
}

#footright a:active {
color:#414F50;
}


#right h1 {
color:#435152;
font-size: 20px;
font-weight:normal;
margin: 0 0 2px 0;
display:inline;
}

#right h2 {
color:#8c8f5a;
font-size: 20px;
font-weight:normal;
display:inline;
margin: 0 0 4px 0;
}

#right h3 {
color:#8c8f5a;
font-size: 16px;
font-weight:normal;
margin:0;
}


#right p {
padding: 10px;
}

#right ul {
margin: 10px 0 10px 0;
font-size:11px;
}

#right li {
padding: 3px 0 3px 0;
}


#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #036;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #036;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}



#navcontainer ul li a:hover
{
background-color: #369;
color: #fff;
}

.sm {list-style:none; width:920px; height:345px; display:block; overflow:hidden;}
.sm li {float:left; display:inline; overflow:hidden}

#anibox {
margin:0;
padding:0
}

.editable input[type=submit] {
  color: #F00;
  font-weight: bold;
}
.editable input[type=button] {
  color: #0F0;
  font-weight: bold;
}

.imgborder {
border: solid 1px #000;
margin: 3px 2px 10px 0;
}

.shops {
padding:10px;
margin: 12px 15px 1px 0;
border-bottom: solid 1px #EBEAD6;
/*float:left;*/
width: 260px;
}

.lots {
padding:10px;
margin: 12px 15px 1px 0;
border-bottom: solid 1px #EBEAD6;
float:left;
width: 260px;
}

.nop{
margin: 1px 0 1px 0;
padding:0;
}

.sep {
/* border-bottom: solid 2px #EBEAD6;*/
margin: 25px 0 45px 0;
}

.shops p {
padding:0;
margin: 2px 0 1px 0;
}

.shops h1 {
margin: 10px 0 5px 0;
}

.shops img {
border: solid 1px #bca251;
margin:4px 0 2px 0;
width: 100px;
}

.balloon {
width: 250px;
height:160px;
text-align:center;
padding:8px 0 10px 0;
margin:0;
background-image:
url('/township/images/balloon.gif');
background-repeat: no-repeat;
}

.balloonhigh {
width: 250px;
height:200px;
text-align:center;
padding:8px 0 10px 0;
margin:0;
background-image:
url('/township/images/balloon_high.gif');
background-repeat: no-repeat;
}

.balloontall {
width: 250px;
height:275px;
text-align:center;
padding:8px 0 10px 0;
margin:0;
background-image:
url('/township/images/balloon_tall.gif');
background-repeat: no-repeat;
}

.balloontall h2 {
color: #ffffff;
font-size:10px;
padding: 1px 0 2px 0;
}

.balloontall h3 {
color: #CFD9D7;
font-size:10px;
padding: 1px 0 5px 0;
}

.balloonmed {
width: 250px;
height:325px;
text-align:center;
padding:8px 0 10px 0;
margin:0;
background-image:
url('/township/images/balloon_med.gif');
background-repeat: no-repeat;
}

.balloonmed h2 {
color: #ffffff;
font-size:10px;
padding: 1px 0 2px 0;
}

.balloonmed h3 {
color: #CFD9D7;
font-size:10px;
padding: 1px 0 5px 0;
}

.balloonhigh h2 {
color: #ffffff;
font-size:10px;
padding: 1px 0 2px 0;
}



.balloon h2 {
color: #ffffff;
font-size:10px;
padding: 1px 0 5px 0;
}

.balloonhigh h3 {
color: #CFD9D7;
font-size:10px;
padding: 1px 0 5px 0;
}

.balloon h3 {
color: #CFD9D7;
font-size:10px;
padding: 1px 0 5px 0;
}

.balloon img {

}

#bounce {
width: 920px;
height: 158px;
/*border: solid 1px #ff0000;*/
}

.property {
width: 860px;
padding: 15px;
margin: 10px 0;
}

.property h1 {
margin: 5px 0 1px 0;
padding:0;
}

.property h2 {
margin: 5px 0 1px 0;
color: #000;
}

.propertyleft {
float:left;
padding: 5px;
margin: 0 20px 0 0;

}

.propertyright {
float:left;
padding: 5px;
margin: 0;

}

.property img {
border: solid 1px #000;
/*width: 350px;*/
}

.proplist {
width: 275px;
height: 120px;
/*border: solid 1px #ff0000;*/
float:left;
}

.proplist img {
width: 140px;
float:left;
margin: 0 10px 5px 0;
border: solid 1px #000;
}

.flashheader {
background-color:#7f8250
}

.simpleborder {
border: solid 1px #998970;
}

.uncenter {
text-align:left;
padding: 10px;
}

.uncenter ul {
padding:0;
margin:2px 0 4px 15px;
}


/* ------------------------------------------------------ LANDING PAGE ----------------------*/

#landingwrapper {
width: 340px;
border:solid 1px #ff0000;

}

.landingleft {
margin:0;
padding:0;
float:left;

width: 480px;
}

.landingright {
float:right;

}

.success {
font-size: 14px;
font-weight:bold;
color:#448F2C;
}




/*------------------------------------------------------------------LOT FINDER------------*/
.lotwindow {
width: 200px;
height: 326px;
padding: 30px 15px 15px 25px;
color: #000000;
background-image:
url('/township/images/lot_window.png');
background-repeat: no-repeat;
/* for IE */
  filter:alpha(opacity=95);
  /* CSS3 standard */
  opacity:0.95;
  
}
.lotwindow h4 {
margin: 0;
padding:0;
}

.lotwindow a {
text-decoration:underline;
color:#6F663E;

 }

.lotwindowsmall {
width: 120px;
height: 20px;
background-color: #EEEDDB;
border: solid 1px #EDEEDE;
padding: 6px;
color: #ededed;
/* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
}

.lotwindow h2{
margin-bottom: 10px;
display:block;
font-size: 16px;

}

.lotwindow h3{
margin: 1px 0 1px 0;
padding: 1px 0 0 0;
color: #6F6037;
display:block;
}

.lotwindow h4{
margin: 1px 0 1px 0;
padding: 1px 0 0 0;
display:inline;

}

.lotwindow ul {
margin: 9px 0 8px 10px;

}

.lotwindow li { 
  list-style-type:none; 
  margin: 1px 0 1px 0;
  } 

.viewbutton {
margin: 10px 0 4px 0;
padding: 0;
border:0;
}

.viewmore {
background-color:#EEEDDB;
margin: 8px 0 10px 1px;
text-align:center;
padding: 4px;
border: solid 1px #000000;
width: 80px;
display:block;
color: #000000;
font-weight: bold;
}

.viewmore a{
color: #000000;
font-weight: bold;
text-decoration: none;
}

.lotwindowbtm {
width:200px;
height: 30px;
background-color: #dddddd;
padding: 5px 0 2px 0;
margin:0;
text-align:center;
}

select {
padding:1px 1px 1px 1px;
margin: 1px 0 1px 0;
}



.lotfooter {
height: 20px;
background-color: #bdbdbd;
text-align:center;
padding: 5px;
}


	
	#plansearch {
font-size: 10px;
}

	
.showlot {
/*background-color: #eeeeee;*/
padding: 2px;
}

.borderit { margin:5px 0 3px 0; }

.showlot h2 {
color: #5d5637;
margin: 1px 0 1px 0;
padding: 4px 0 1px 0;
font-size: 14px;
}

.borderit h2 {  font-size: 14px; }
.borderit  h3 { margin:4px; }
.borderit  h4 { margin:1px; padding:0; color:#AEAF62; font-weight: normal;}

.warning {
color: #ff0000;
}

.compplans {
display:block;

padding: 2px;
}



/*------------------------------------------------LIVE GUIDE ----------------------------------*/
.headerspace {
margin: 10px 0 0 0;
border-bottom: solid 1px #EFEFEF;
padding:2px 0 6px 0;
width: 70%;
}





/* ----------------------------------------------------- THE LOTS and PLANS--------*/

#thelot {
display:block;
 overflow-y: hidden; 
}

#theplans {
display:block;
 overflow-x: hidden; 
}

#theplans ul {
list-style-type: none;
	list-style-image: none;
	list-style-position: inside;
	padding: 2px;
	margin:0;
	}
	
	#theplans h3 {
margin: 0;
padding:0;
color:#000000;
	}


.maintain {
height: 800px
}

form li {
list-style-type: none;
	list-style-image: none;
	list-style-position: inside;
	padding: 2px;
	margin:0;
}


.planleft {
width: 480px;
float:left;
border-right: solid 1px #dedede;
border-bottom: solid 1px #dedede;

margin: 4px 2px 20px 0;

}

.planleft img {
border: solid 1px #000000; margin: 0 0 7px 0;
}



.plansample {
width: 160px;
height: 160px;
background-color: #cccccc;
padding: 30px 0 30px 30px;
margin:1px;
}

.planphototh {
width: 140px;
height: 65px;
background-color: #bdbdbd;
text-align:center;
}

.planphoto {
width: 300px;
height: 200px;
background-color: #bdbdbd;
text-align:center;
float:left;
margin: 5px 30px 1px 1px;
}

.plansample li {
  list-style-type:none; 
	}
	
.plansmall {
font-size: 10px;
color: #bbbbbb;
margin: 0;
padding: 0;
}

.downloadbutton {
margin: 20px 0 0 0;
}
	
	
.planfloat{
float:left;
width: 205px;
margin: 0 15px 0 0;

}

.plandesc {
float:left;

margin:-12px 0 0 0;
padding:0;
}

.frameme {
padding: 0;
margin:0;
border-width:solid 1px #ff0000;
background-color: #ffffff;
}

.justsmall {
font-size: 11px;
}

.importance {
border-top: solid 1px #f4f4ea;
border-left: solid 1px #f4f4ea;
border-bottom: solid 1px #e7e5c9;

background-image:
url('importance.jpg');
background-repeat: no-repeat;
}



/*----------------------------------------------------------- SEARCH ----------------------- */
	
	

.searchwrapper {
/* border-left: solid 1px #bdbdbd; */

padding: 1px 4px 2px 15px;
}

.searchwrapper select {
background-color: #F7F7EF;
padding: 4px;
border:solid 1px #AFB47C;
margin: 2px;

}

.searchyourown select {
background-color: #F7F7EF;
padding: 4px;
border:solid 1px #AFB47C;
margin: 2px;
}

.searchyourown {
width: 450px;
padding: 10px 0 7px 0;

}

.searchyourown submit {
background-color: #F7F7EF;
padding: 4px;
margin: 2px;
border:0;
}

.searchyourown input {
background-color: #F7F7EF;
padding: 5px 10px 5px 10px;
margin: 2px 2px 2px 0;
border:solid 1px #CFCC9B;
}

.formsubmit {
background-color: #EAEAD6;
width: 75px;
font-size: 12px;
margin:2px 2px 2px 30px;
color: #AFAA57;;
}

.info_fieldset submit {

padding: 4px;
margin: 2px;
border:0;
}

.info_fieldset input,textarea {

padding: 5px 2px 5px 0;
margin: 2px 2px 2px 0;
border:solid 1px #CFCC9B;
}




	
	
	fieldset { border:0; padding: .3em; font-size:12px; }

legend {
  padding: 0.2em 0.5em;
  color:#7F8250;
  font-size:14px;
  text-align:right;
  }
	
	.underline {
	
	margin:0 0 1px 0;
	padding:4px 0 2px 20px;
	height: 33px;
	background-image:url('underline.png') ;
	background-repeat: no-repeat;
	color:#3d3c2d;
	}
  
  .tensize {
  font-size: 12px;
  }
  
  .intro {
  width: 430px;
  }
	
	#fields {
	margin:0;
	}
	
	label {
  float:left;
  width:35%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:normal;
  font-size: 11px;
  }
	fieldset select {
	font-size: 10px;
	}
	
	#iconpromo {

width: 411px;
float:right;text-align:center;padding: 0x; margin: 0 0 15px 0;

}

.iconbox {
	display:none;

padding: 1px;
margin: 0 25px 0 10px;
float:left;
}


	
	/*----------------------------- BUTTONS ----------------------- */
	

	
	
.simplebutton {
position: relative;
background-color: #DFDFB5;
white-space: nowrap;
display: block;
height: 30px;
margin: 4px;


}

.simplebutton a {
display: block;
color: #fdfdfd;
width: 140px;
height: 20px;
display: block;
float: left;
text-decoration: none;

}

.simplebutton a:link, #sidelist a:visited {

text-decoration: none;
}


/* ---- ---------------------------SIMPLE BUTTON -----------------------------*/

.simplebutton { width: 120px;  margin:7px 6px 10px 0; float:left; font-size:11px; font-weight:bold;border-bottom: solid 1px #DFDCA7; }

.simplebutton ul
{

padding-left: 0;
list-style-type: none;
color:#AFAA57;
 margin:1px 0 10px 0;
}



.simplebutton a
{
display: block;
padding: 5px 8px 4px 13px;
color:#AFAA57;
width: 100px;
background-color: #f9f8e0;
border-bottom: 1px solid #eee;


}

.simplebutton a:link, .simplebutton a:visited
{
color:#8F7B47;
text-decoration: none;
}


.simplebutton a:hover
{
background-color: #EDF4F9;
color: #2f2e09;
border-bottom: solid 1px #A7D6DF;


}

.architectwrapper {
width: 480px;
border: solid 1px #ff0000;
}

.architects ul {
list-style-type: none;
	list-style-image: none;
	list-style-position: inside;
	padding: 2px;
	margin:0;
	}
.architects {
width: 230px;
height: 140px;
float:left;
border-right: solid 1px #dedede;
border-bottom: solid 1px #dedede;
padding: 10px;
margin: 10px 5px 5px 0;

}


/*-----------------------------------------VIEW SAMPLE PLAN */
.viewsampleplan {
	background-image:url('view_sample_plans.png') ;
	background-repeat: no-repeat;
    width:220px;
    height: 44px;
    font-size: 11px;
    margin: 4px 0 8px 0;
    padding: 13px 0 0 40px;
    font-weight:bold;
    cursor:pointer;
    text-decoration:none
}


.viewsampleplan a:hover{
    text-decoration:none
    background-image:url('view_sample_plans.png') ;
	background-repeat: no-repeat;
}


/* ------------------------------------------ SIDEBAR RIGHT NAVIGATION ----------------------------- */

#sidebarcontainer { width: 300px; margin:1px 0 10px 0; }

#sidebarcontainer ul
{

padding-left: 0;
list-style-type: none;
color:#2f2e09;
 margin:1px 0 10px 0;
}



#sidebarcontainer a
{
display: block;
padding: 8px 8px 8px 20px;
color:#2f2e09;
width: 270px;
background-color: #f9f8e0;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;

}

#sidebarcontainer a:link, #sidelist a:visited
{

text-decoration: none;
}


#sidebarcontainer a:hover
{
background-color: #EAEAD6;
color: #2f2e09;
border-bottom: solid 1px #B1B67E;
background-image:url('sidebarover.png') ;
	background-repeat: no-repeat;

}
/* END SIDEBAR  NAVIGATION */

.viewlotmap{


}

.btn a:link {
color: #ffffff;
}


.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(/township/images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }


.btn.brown { background: #ECEBD7; }
.btn:hover { background-color: #ffffff; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(/township/images/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.brown { background: #ECEBD7; }



.imgL {
margin: 0 0 8px 0;
padding: 14px 5px 6px 16px;

}

.infoL ul {
margin:10px 0 15px 0;
padding:0;
}

.singleplanwrapper {
float:left;
width: 520px;
border-bottom: solid 1px #DFDCA7;
padding: 1px;
margin: 0 0 15px 0;
}

.singleplan {
float:left;
margin: 0 8px 10px 5px;
border-right: solid 1px #ededed;
padding: 8px;
}


.singledetail {
float:right;
margin:0;
padding: 0;
width: 260px;
}

.singledetail ul {
margin: 5px  0 15px 0;
padding:0;
}

.small{
margin: 20px 10px 4px 20px;
font-size: 10px;
text-align:center;
font-decoration: italic;
color:#9F9F9F;
}

.phone{
color:#5F5F5F;
font-size: 11px;
padding: 0 0 0 10px;
}

/* Overlay */
#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:400px; width:580px; color:#bbb; background-color:#fff; border:4px solid #444; padding:12px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(/township/images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px; text-align:center;}




/* -------------------------------------------------------- COST ESTIMATOR ----------------------------- */


.costleft {
float:left;
width: 130px;
border: solid 2px #ff0000;
}








/*------------------------------------------------- FORMS ----------------------------------------------*/
#jsddm
{	margin: 0;
	padding: 0;
	height: 40px;
	}
	
	#jsddm li
	{	float: block;
		list-style: none;
		margin:0;
				
	}

	#jsddm li a
	{	display: block;

		padding: 5px 20px 5px 15px;
		text-decoration: none;
       background-image: url(/township/images/dropdown.png);
       background-repeat: no-repeat;
		width: 150px;


		color: #5F5B1D;
		white-space: nowrap}

	#jsddm li a:hover
	{	background: #ECEBD7;
	background-image: url(/township/images/dropdown_over.png);
       background-repeat: no-repeat;}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			}
		
		#jsddm li ul li
		{	float: none;
			display: inline}
		
		#jsddm li ul li a
		{	width: auto;
			background:#CFCDA8 }
		
		#jsddm li ul li a:hover
		{	background:#DFDFB5 }



/*------------------------------------------- PLANTAINER ------------------------------------------ */
#plantainer
{
width: 19em;
margin: 0 0 20px 0;
color: #333;
font-size:11px;
}

#plantainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#plantainer li
{
border-bottom: 1px solid #c4d5e2;
margin: 0;
}

#plantainer  li a
{
display: block;
padding: 8px 5px 9px .3em;
/* border-left: 1px solid #1958b7;
border-right: 1px solid #508fc4;*/

border-bottom: 1px solid #f2f7fa;
color: #2a455a;
text-decoration: none;
width: 100%;
}

html>body #plantainer li a { width: auto; }

#plantainer  li a:hover
{


background-color: #f2f7fa;
color: #4a6f8b;
}