/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

body {
	margin: 0;
	padding: 0;
	background: #e7e8e9;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 75%;}

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	
h1, h2, h3, p {
	margin: 0; }

/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	
input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;
	color:#4e8f30;
	font-size:10px;}
	
	#contact-form fieldset {
	margin: 5px 0 5px 0;
	padding: 0;
	border: none;	
}

#contact-form legend{
	margin-left: 5px;
	padding: 0;
	color: #0072BC;
	font-weight: bold;
	font-size: 18px;
}
#contact-form input, #contact-form textarea { border: 1px solid #CCCCCC;}
#contact-form fieldset ol{
	padding: 0px;
	margin: 10px 0 0 0;
	list-style: none !important;
	/*border: 1px solid #93C3E2;*/
	
}
#contact-form fieldset li{
	padding: 12px 0px !important;
	margin: 0px !important;
	list-style: none !important;
	/*margin-bottom: 1px !important;	*/
}


#contact-form input,
#contact-form textarea{ 
	width:65%;
	padding: 5px;
	border: none;
	background:#e1ecb6;
	color:#000000;
	border: 2px solid #0071bc;
}
#contact-form input:hover,
#contact-form textarea:hover{ border:2px solid #80bc65;}
#contact-form input:focus,
#contact-form textarea:focus{ border:2px solid #80bc65;}
#contact-form fieldset span.notification{ font-size: 11px;}
#contact-form img { display: inline;}
#contact-form label {
	float: left;
	margin-right: 5px;
	text-align: right;
	color:#000000;
}

#contact-form .box img{ border: 3px solid #93C3E2;}
#contact-form label span.required{ font-weight: bold;}
.failure, .success {
	text-align: left;
	padding: 5px 0px 5px 0px;
	color: #CC0000;
	font-weight: bold;
}
.success { color: #006600;}
.dontfillmeout { display:none;}

#contact-form .submit_button {
	height: 20px;
	overflow: hidden;
	display: block;
	border: none;
	background-repeat: no-repeat;
	text-indent: -99999px;
	cursor: pointer;
	width: 81px;
	background:url(../images/submit_button.gif)
}

#contact-form .submit_button:hover, #contact-form .submit_button:focus {
	border: none;
	/*background-position: bottom left;*/
}

.location_title {font-weight:bold; color:#e0cb7b;}

.success {color:#81a9c9;}
.success_white {color:#FFFFFF; font-weight:bold;}



/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	
a:link, a:visited {
	color: #000;
	text-decoration: none;}

a:hover, a:active {
	color: #7c1219;
	text-decoration: none;}


/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	
hr { 
	display: none; }
		
strong {
	font-weight: bold; }
		
em {
	font-style: italic; }
	
abbr, acronym {
	border-bottom: 1px dotted #999; 
	cursor: help;}

img {
	border: none; }

a img{
 vertical-align:middle;}

fieldset br{
    clear:left;}


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;}
	
.clearfix:after { /* clear floats */
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

.imgreplace {
  display:block;
  text-indent:-99999px;}


/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#container{
 margin: 15px auto;
 background:url(../images/bg_shadowtop.gif) no-repeat top left;
 width: 951px;
 padding: 5px 0 0 0;}

/* 3.1 Container
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#container-wrapper{
 background:#FFF url(../images/bg_shadow.gif) repeat-y top left;
 padding: 0 5px 0 7px;}
 
#container-bottom{
 background:url(../images/bg_shadowbottom.gif) no-repeat top left;
 height:6px;}

#wrapper{
 background:url(../images/bg_sidebar_sub.gif) repeat-y top left;
 border:1px solid #3A8FC7;}

#header{
 height: 65px;
 background:#FFF;
 padding: 15px 0 0 13px;
 border-bottom:2px solid #C0DCEE;}

#footer{
 background:#E7E8E9;
 font-size:0.8em;
 clear:both;
 color:#8F9091;
 padding: 27px 12px 5px 20px;}



/* 3.2 Home
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#home #wrapper{
 background:url(../images/bg_home.gif) repeat-x top left;
 height: 620px;
 border:none;
 overflow:hidden;}
 
#home #sidebar{
 width: 247px;
 height:518px;
 background:#FFF;
 float:left;
 border-right:1px solid #bcbec0;
 border-bottom:1px solid #bcbec0;
 padding: 22px 21px 0 21px;}

#home #sidebar p{
 font-size:0.9em;
 font-family:Tahoma,Arial,Verdana;
 line-height:1.4em; 
 margin-bottom:5px;}
 

ul#home-nav{
 border-top:2px solid #eeefef;
 padding: 20px 0 20px 0;
 margin:0;}

ul#home-nav li{
 margin:0;
 list-style-type:none;
 padding: 0 0 15px 0;}

ul#home-nav li a{
 display:block;
 text-indent:-99999px;
 overflow:hidden;
 height:15px;
 width: 170px;}

ul#home-nav li a:hover{
 background-position:0 -15px !important; }
 
ul#home-nav li.selected a{
 background-position:0 -15px !important; }

ul#home-nav li.ept a{
 background:url(../images/home_ept.gif) no-repeat top left;}

ul#home-nav li.aboutus a{
 background:url(../images/home_about.gif) no-repeat top left;}

ul#home-nav li.aboutelpaso a{
 background:url(../images/home_aboutelpaso.gif) no-repeat top left;}
 
 /*
ul#home-nav li.approved a{
 background:url(../images/home_approved.gif) no-repeat top left;}*/
 
ul#home-nav li.current a{
 background:url(../images/home_current.gif) no-repeat top left;}
 
ul#home-nav li.stages a{ background:url(../images/home_dev_stages.gif) no-repeat top left;}

ul#home-nav li.search a{
 background:url(../images/home_searchlistings.gif) no-repeat top left;}

ul#home-nav li.contact a{
 background:url(../images/home_contact.gif) no-repeat top left;}

#home a.logo{
 background:url(../images/logo_big.gif) no-repeat top left;
 width: 129px;
 height:75px;
 position:relative;
 left: -5px;
 margin: 0 0 27px 0;}

#home #content{
 width: 649px !important;
 padding:0 !important;
 margin: 0 !important;
 float:left;}
 
.content{
	padding-right:25px;
}

.sub_docs{
	list-style:none;
}

.sub_docs li{
	padding:5px 0px;
	vertical-align:middle;
}

#flash{
 width: 649px;
 height:369px;
 padding: 0 0 13px 0;}

#tabs{
 width: 636px;
 height:156px;
 background:#FFF;
 border:1px solid #eeefef;
 margin: 0 0 0 6px;
 padding: 0px;}

#tabs h2{
 font-size:1.3em !important;
 margin: 0 0 15px 0 !important;
 color:#0071bc;
 padding: 0px;}

#tabs fieldset{
 border:none;
 padding: 0px 0 0 10px;
 margin: 0px;
 margin-top: 20px;}

#tabs fieldset input.button{
 background:#edeef0;
 font-size:12px;
 color:#000;
 border-top:2px solid #fbfbfc;
 border-left:2px solid #fbfbfc;
 border-right:2px solid #c5c9cc;
 border-bottom:2px solid #8c939a;
 padding: 2px 5px;
 margin: 10px 0 0 0;
 height:24px;}


#tabs input.text{
 border:1px solid #918f8f;
 height:24px;
 vertical-align:middle;
 padding: 2px 0;
 margin: 0 5px 0 0;}
 
#tabs fieldset select{
 border:1px solid #918f8f;
 height:17px;
 vertical-align:middle;
 margin: 0 5px 0 0;}

#tabs label{
 color:#0072BC;
 font-size:0.8em;
}

#tabs .left{
	float:left;
	padding-right:5px;
}
 
#tabs #commercial_search{
	display:none;
}

#tabs #land_search{
	display:none;
}

#search_wrapper{
	margin:0;
	padding:0;
}

ul#menu{
 background:url(../images/bg_tabmenu.gif) repeat-x top left;
 height:16px;
 margin:0;
 padding:0;}

ul#menu li{
 list-style-type:none;
 margin:0;
 padding:0;
 float:left;}

ul#menu li a{
 display:block;
 height: 16px;
 float:left;
 text-indent:-99999px;
 overflow:hidden;}

ul#menu li a:hover,
ul#menu li.selected a{
 background-position: 0 -16px !important;}

ul#menu li.residential a{
 background:url(../images/tab_residential.gif) no-repeat top left;
 width: 92px;}

ul#menu li.commercial a{
 background:url(../images/tab_commercial.gif) no-repeat top left;
 width: 94px;}

ul#menu li.land a{
 background:url(../images/tab_land.gif) no-repeat top left;
 width: 54px;}

#home #footer_home{
 color:#2d6614;
 padding-top: 58px;
 *padding-top: 0px;
 margin: 58px 20px 0px 20px;
 background:none;
 display: block;
 font-size:0.8em;
 clear:both;}

#home #footer_home p{
	padding: 0px;
	margin: 0px;
}

#home #footer_home a{
 color:#2d6614 !important;}

#footer_home span{
 color:#87bf6d;}

#footer_home .copy{
 float:left;}

#footer_home .by{
 float:right;}

#footer span{
 color:#87bf6d;}

#footer .copy{
 float:left;}

#footer .by{
 float:right;}

/* Sub Page */
.logo{
 text-indent:-99999px;
 overflow:hidden;
 display:block;}
 
#header .logo{
 background:url(../images/logo_small.gif) no-repeat top left;
 width: 90px;
 height:51px;}


ul#menu li.ept a{
 background:url(../images/menu_history.gif) no-repeat top left;
 width:158px;}

ul#menu li.aboutus a{
 background:url(../images/menu_about.gif) no-repeat top left;
 width:66px;}

ul#menu li.aboutelpaso a{
 background:url(../images/menu_aboutelpaso.gif) no-repeat top left;
 width: 104px;}

/* 
ul#menu li.approved a{
 background:url(../images/menu_approved.gif) no-repeat top left;
 width:98px;}*/

ul#menu li.current a{
 background:url(../images/menu_current.gif) no-repeat top left;
 width:138px;}
 
ul#menu li.stages a{
 background:url(../images/menu_dev_stages.gif) no-repeat top left;
 width:118px;}

ul#menu li.search a{
 background:url(../images/menu_searchlistings.gif) no-repeat top left;
 width: 102px;}

#banner{
 background:url(../images/bg_header_sub.gif) repeat-x top left;
 height:49px;}

#sidebar{
 width: 187px;
 float:left;
 border-right:1px solid #DEDFE0;
 padding-bottom: 40px;}

#content {
 width: 718px;
 float:left;
 padding: 22px 10px 45px 21px;}

#content h2.page-title{
 color:#0071BC;
 font-size:2.4em;
 margin: 0 0 15px 0;
 float: left;
 width:50%;}

#content h3{
 color:#0071BC;
 font-size:1.4em;}

#content p{
 padding: 0 0 20px 0;
 line-height:1.5em;}

#footer a{
 color:#8F9091 !important; }

#footer a:hover{
 text-decoration:underline !important;
 color:#579D38 !important;}
 
/*** CONTACT FORM STYLES  ***/

#contact-form fieldset {
	margin: 5px 0 5px 0;
	padding: 0;
	border: none;
	
}
#contact-form legend{
	margin-left: 5px;
	padding: 0;
	color: #0072BC;
	font-weight: bold;
	font-size: 18px;
}
#contact-form fieldset ol{
	padding: 5px 0;
	margin: 10px 0 0 0;
	list-style: none;

}
#contact-form fieldset li{
	line-height: 20px;
	vertical-align: middle;
	padding: 5px 0px;
	
}
#contact-form fieldset span.notification{
	font-size: 11px;
}
#contact-form fieldset.submit{
	float: none;
	width: auto;
	border-style: none;
	
}
#contact-form label {
	float: left;
	width: 20%;
	margin-right: 5px;
	text-align: right;
	color:000000;
}

#contact-form .box img{
	border: 3px solid #93C3E2;
}

#contact-form label span.required{
	font-weight:bolder;
}

.failure, .success {
	text-align: center;
	padding: 5px 0px 5px 0px;
	color: #CC0000;
	font-weight: bold;
}

.success {
	color: #006600;
}

.dontfillmeout {
	display:none;
}

.contact_wrap{
	width:100%;
	float:left;
}
#contact-form fieldset textarea{
	width:50%;
}

/* Search Results Styles
------------------------------------------------------------------------*/
.titles{
	background-color:#0071BC;
	color:#FFFFFF;
	font-size:1.25em;
	font-weight:bolder;
}
.result td{ padding: 10px 0px 10px 10px; border-bottom:1px solid #0071BC;}
.result:hover{
	padding: 10px 0px 10px 10px;
	border-bottom:1px solid #0071BC;
	background-color:#dff4d6;
}
.result a:hover{ text-decoration:underline;}
.table_caption { font-size:10px; color:#666666;}

/* Development Stages Styles
------------------------------------------------------------------------*/
.dev_stages_container{ width:100%;}
#div_stage_nav{ float:right; width:107px; margin:15px 35px 0px 0px; font-size: 75%; font-weight:bolder;}
p.prev{ float:left; clear:none; display:none;}
p.next{ float:right; clear:none;}
.dev_nav{ color:#69B049; font-size:1.3em;}
.dev_nav:hover{text-decoration:underline; cursor:pointer;}
.dev_stage{ width:100%; display:none;}
h3.dev_title{ color:#69B049 !important; margin:15px 0px !important; font-size:1.8em !important; clear:both;}
.dev_stage img{ border:10px solid #506FA2; padding:5px;}
.dev_stage p{ text-align:justify; margin:15px 10px;}
.active{ display:block;}
.stage_img{ text-align:center;}