/*
 .M"""bgd `7MM                                         `7MM"""Yp, 
,MI    "Y   MM                                           MM    Yb 
`MMb.       MMpMMMb.   ,6"Yb.  `7Mb,od8 `7MMpdMAo.       MM    dP 
  `YMMNq.   MM    MM  8)   MM    MM' "'   MM   `Wb       MM"""bg. 
.     `MM   MM    MM   ,pm9MM    MM       MM    M8       MM    `Y 
Mb     dM   MM    MM  8M   MM    MM       MM   ,AP       MM    ,9 
P"Ybmmd"  .JMML  JMML.`Moo9^Yo..JMML.     MMbmmd'      .JMMmmmd9  
                                          MM                      
                                        .JMML.    
*/

body {
	font: 12px Arial, Helvetica, sans-serif;
	color: #abd3e3;
	background: #0c2635 url(images/dark-blue-bg.jpg) no-repeat top center;;
}
a, a:visited, a:hover, a:focus, a:active {
	outline: none;
	border: none;
	text-decoration: none;
	color: #2881aa;
}

/*----------------------------------------------------------------
						HEADER STYLING
----------------------------------------------------------------*/

#header {
	width: 940px;
	margin: 20px auto 0;
	position: relative;
	padding-bottom: 10px;
}
#header h1, #header #title {
	font-size: 24px;
	color: #fff;
	padding-top: 50px;
}
#header #title a {color: #fff;}
#header #agentLogo {float: right;}
#header #agentLogo img {display: block;}

/*----------------------------------------------------------------
						UPPER CONTENT
----------------------------------------------------------------*/

#main {
	width: 940px;
	margin: 0 auto;
	clear: both;
	background: #30a0c8 url(images/blue-gradient.jpg) repeat-x top center;
}
#upper, #lower {
	position: relative;
	padding: 20px;
}
#wrapUpper {border-top: 1px solid #68b4cf;}
#upper {padding-bottom: 50px;}
#upper #navigation {
	float: left;
	clear: both;
	font-size: 12px;
	margin-right: 10px;;
	text-align: left;	
	border-bottom: 1px solid #68b4cf;
	background: #156a90 url(images/vertical-nav-gradient.jpg) repeat-x top center;
}
#upper #navigation ul {float: left;}

/*----------MAX WIDTH-----------------------*/
#upper #navigation ul li {max-width: 160px;}
*:first-child+html #upper #navigation ul li {max-width: 160px;}
*:first-child+html #upper #navigation ul li a {width: 120px;}
* html #upper #navigation ul li {width: 160px;}
* html #upper #navigation ul li a {width: 120px;}
/*----------END MAX WIDTH-------------------*/

#upper #navigation ul li a {
	display: block;
	padding: 15px 20px;
	color: #b6d8e7;
	border-top: 1px solid #146f98;
	border-bottom: 1px solid #184461;
}
#upper #navigation ul li a:hover {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #888;
	color: #fff;
	background: #b4b4b4 url(images/hover-nav-gradient.jpg) repeat-x top left;
}
#upper #wrapBanner {
	float: right;
	position: relative;
	padding: 10px;
	background: #1d4f6d;
}
#upper #banner {
	width: 700px;
	height: 350px;
	overflow: hidden;
}
#upper #banner img {
	display: block;
	margin: 0 auto;
}

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

.carouselButton {
	position: absolute;
	top: 400px;
	width: 70px;
	height: 30px;
	right: 95px; 
	text-indent: -9999em;
	background: url(images/prev-textround.png) no-repeat 0% 0%;
}
#carouselNext {
	right: 20px;
	background: url(images/next-textround.png) no-repeat 0% 0%;
}
#carouselPrev:hover {background-position: 0% -30px;}
#carouselNext:hover {background-position: 0% -30px;}

/*----------------------------------------------------------------
						MIDDLE CONTENT
----------------------------------------------------------------*/

#middle {
	position: relative;
	padding: 0 20px 20px;
	border-bottom: 1px solid #144457;
}
#middle #welcomeMessage {
	line-height: 30px;
	color: #abd3e3;
}
#middle #welcomeMessage h1, #middle #welcomeMessage h2,
#middle #welcomeMessage h3, #middle #welcomeMessage h4,
#middle #welcomeMessage h5, #middle #welcomeMessage h6 {color: #fff;}
#middle #welcomeMessage a {color: #fff;}
#middle #welcomeMessage a:hover {text-decoration: underline;}
#middle #welcomeMessage span#firstLine {
	display: block;
	font-size: 30px;
	padding-bottom: 10px;
	line-height: 40px;
	color: #fff;
}

/*----------------------------------------------------------------
						LOWER CONTENT
----------------------------------------------------------------*/

#wrapLower {
	background: #eeefef url(images/white-gradient.jpg) repeat-x top left;
	border-bottom: 1px solid #677780;
}
#lower h3 {
	font-size: 20px;
	padding-bottom: 20px;
	color: #ababab;
}
#lower #wrapAgentInfo {float: right;}
#lower #agentInfo {
	width: 420px;
	border: 1px solid #a8a8a8;
	background: #f4f4f4 url(images/wrap-info-gradient.jpg) repeat-x top center;
}
#lower #agent1, 
#lower #agent2 {
	position: relative;
	padding: 10px;
	color: #8d8d8d;
	zoom: 1;
}
#lower #agent1 {margin-bottom: 20px;}
#lower #agentImage {
	float: right;
	padding: 10px;
}
#lower #agentImage div {overflow: hidden;}
#lower #agentImage img {display: block;}
#lower .agentName {
	padding-bottom: 10px;
	font-size: 18px;
	color: #1d4f6d;
}
#lower .agentDesignation, #lower .agentContact {
	position: relative;
	width: 100%;
}
#lower .agentContact span {display: block;}
#lower .agentContact a:hover {color: #30a0c8;}

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

#lower #wrapFeaturedItem {
	float: left;
	margin-right: 20px;
}
#lower #featuredItem {
	color: #8d8d8d;
	background: #f4f4f4 url(images/wrap-info-gradient.jpg) repeat-x top center;
	border: 1px solid #a8a8a8;
	padding: 10px;
}
#lower #featuredImage div {
	width: 415px;
	overflow: hidden;
}
#lower #featuredImage img {
	display: block;
	margin: 0 auto;
}
#lower .featuredTitle {
	font-size: 24px;
	padding-top: 22px;
	color: #1d4f6d;
}
#lower .featuredDesc {
	position: relative;
	font-size: 16px;
	color: #1d4f6d;
}
#lower .featuredMeta {
	position: relative;
	padding-top: 33px;
}
#lower .featuredDesc .s2, #lower .featuredMeta .s2 {
	position: absolute;
	right: 0;
}

/*----------------------------------------------------------------
						FOOTER STYLING
----------------------------------------------------------------*/

#footer {
	height: 200px;
	margin: 0 auto;
	width: 940px;
}
#footer div {
	float: left;
	height: 75px;
	width: 100%;
	position: relative;
	overflow: hidden;
	text-align: center;
	margin-top: 20px;
	font-size: 10px;
	border-bottom: 1px solid #08212f;
	border-top: 1px solid #234d65;
	background: #0d2a3b url(images/footer-gradient.jpg) no-repeat top center;
}
#footer div ul {
	float: left;
	position: relative;
	left: 50%;
	margin: 10px auto 0;
	background: url(images/equalhousing-w.gif) no-repeat 60% center;
}
#footer div ul li {
	float: left;
	position: relative;
	right: 50%;
	padding: 10px;
}
#footer .copyright {clear: both;}
#footer .copyright, #footer a, #footer a:visited {color: #b6d8e7;}
#footer a:hover {color: #fff;}

/*
 .M"""bgd                                           `7MM                               
,MI    "Y                                             MM                               
`MMb.      .gP"Ya   ,p6"bo   ,pW"Wq.`7MMpMMMb.   ,M""bMM   ,6"Yb.  `7Mb,od8 `7M'   `MF'
  `YMMNq. ,M'   Yb 6M'  OO  6W'   `Wb MM    MM ,AP    MM  8)   MM    MM' "'   VA   ,V  
.     `MM 8M"""""" 8M       8M     M8 MM    MM 8MI    MM   ,pm9MM    MM        VA ,V   
Mb     dM YM.    , YM.    , YA.   ,A9 MM    MM `Mb    MM  8M   MM    MM         VVV    
P"Ybmmd"   `Mbmmd'  YMbmd'   `Ybmd9'.JMML  JMML.`Wbmd"MML.`Moo9^Yo..JMML.       ,V     
                                                                               ,V      
                                                                            OOb"   
*/
/*IDENTICAL ACROSS FN_SHARP*/
/*----------------------------------------------------------------
						SECONDARY HEADER STYLING
----------------------------------------------------------------*/

#wrapSecondHeader {margin-top: 20px;}
#secondHeader h1, #secondHeader #title {
	font-size: 24px;
	margin-bottom: 10px;
	padding: 0 10px;
	color: #fff;
}
#secondHeader #title a {color: #fff;}
#secondHeader #headerInfo {
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 10px;
}
#secondHeader #headerInfo #agentThumb {
	float: left;
	margin-right: 10px;
	padding-left: 10px;
}
#secondHeader #headerInfo #agentThumb img {display: block;}
#secondHeader #headerInfo #agent1, 
#secondHeader #headerInfo #agent2 {
	float: left;
	color: #2881aa;
}
#secondHeader #headerInfo #agent1 {margin-right: 40px;}
#secondHeader #headerInfo .agentName {
	font-size: 16px;
	margin-bottom: 10px;
	color: #fff;
}
#secondHeader #headerInfo .agentContact span {display: block;}
#secondHeader #headerInfo .agentContact a {color: #abd3e3;}
#secondHeader #headerInfo .agentContact a:hover {color: #fff;}
#secondHeader #headerInfo #logoThumb {
	float: right;
	padding-right: 10px;
}
#secondHeader #headerInfo #logoThumb img {display: block;}
#primaryNav {
	clear: both;
	text-align: center;
	border-bottom: 1px solid #68b4cf;
	background: #156a90 url(images/vertical-nav-gradient.jpg) repeat-x top center;
}
#primaryNav #navigation {float: left;}
#primaryNav #navigation ul {float: left;}
#primaryNav #navigation ul li {
	float: left;
	border-top: 1px solid transparent;
}
/*----------MAX WIDTH(js disabled)-----------------*/
#primaryNav #navigation ul li {max-width: 154px;}
*:first-child+html #primaryNav #navigation ul li {max-width: 154px;}
* html #primaryNav #navigation ul li {width: 154px;}
/*----------END MAX WIDTH--------------------------*/

#primaryNav #navigation ul li a {
	display: inline-block;
	padding: 15px;
	color: #b6d8e7;
}
#primaryNav #navigation ul li:hover{
	border-top: 1px solid #78dbff;
	background: #2881aa url(images/active-nav-gradient.jpg) repeat-x top left;
}
#primaryNav #navigation ul li:hover a, #primaryNav #navigation ul li a:hover {color: #fff;}

/* CENTER THE PRIMARY NAV - KEEP AS COMMENT
#primaryNav div {
	margin: 10px 0;
	float: none;
}
#primaryNav ul li {
	float: none;
	display: inline;
	padding: 10px 0;
	margin: 0;
}
#primaryNav ul li a {
	display: inline;
	padding: 10px;
	margin: 0;
}
PUT IE6/7 FILTER HERE #primaryNav div {margin: 0;} 
PUT IE6/7 FILTER HERE body #primaryNav ul li {
	display: inline-block;
	padding: 10px 0;
	margin-right: 5px;
}
*/

/*----------------------------------------------------------------
						FORM BUTTON STYLING
----------------------------------------------------------------*/

#wrapContent input.submit {
	width: 70px;
	height: 35px;
	border: none;
	cursor: pointer;
	background: url(images/submit-btn.png) no-repeat 0 0;
}
#wrapContent input.submit:hover {background-position: 0 -35px;}
#wrapContent input.submit:active {background-position: 0 -70px;}
#wrapContent input.continue {
	width: 80px;
	height: 35px;
	border: none;
	cursor: pointer;
	background: url(images/continue-btn.png) no-repeat 0 0;
}
#wrapContent input.continue:hover {background-position: 0 -35px;}
#wrapContent input.continue:active {background-position: 0 -70px;} 
#wrapContent input.submitMyInfo {
	width: 170px;
	height: 35px;
	border: none;
	cursor: pointer;
	background: url(images/submit-info-btn.png) no-repeat 0 0;
}
#wrapContent input.submitMyInfo:hover {background-position: 0 -35px;}
#wrapContent input.submitMyInfo:active {background-position: 0 -70px;} 
#wrapContent input.contactMe {
	width: 100px;
	height: 35px;
	border: none;
	cursor: pointer;
	background: url(images/contact-me-btn.png) no-repeat 0 0;
}
#wrapContent input.contactMe:hover {background-position: 0 -35px;}
#wrapContent input.contactMe:active {background-position: 0 -70px;}
#wrapContent input.prequalifyNow {
	width: 120px;
	height: 35px;
	border: none;
	cursor: pointer;
	background: url(images/prequalify-now-btn.png) no-repeat 0 0;
}
#wrapContent input.prequalifyNow:hover {background-position: 0 -35px;}
#wrapContent input.prequalifyNow:active {background-position: 0 -70px;}
#wrapContent input.requestPropertyInfo {
	width: 160px;
	height: 35px;
	border: none;
	cursor: pointer;
	background: url(images/request-property-info-btn.png) no-repeat 0 0;
}
#wrapContent input.requestPropertyInfo:hover {background-position: 0 -35px;}
#wrapContent input.requestPropertyInfo:active {background-position: 0 -70px;}

/*----------------------------------------------------------------
						SECONDARY CONTENT STYLING
----------------------------------------------------------------*/

/*2 COL FIXED-FLUID*/
#subNav {
	width: 140px;
	float: left;
	margin-right: -100%;
	background: #0c2635;
}
#subNav ul {padding: 20px;}
#subNav ul li {margin-bottom: 10px;}
#subNav ul li a {color: #b6d8e7;}
#subNav ul li a:hover {text-decoration: underline;}
#wrapContent #content {
	margin-left: 140px; /*must match width of 'subNav'*/
	padding: 20px;
	color: #000;
	background: #fff;
	min-height: 400px;
}
#wrapContent #content h1 {
	font-size: 18px;
	margin-bottom: 10px;
}
/*EQUAL HEIGHT ALTERNATIVE - KEEP AS COMMENT
#secondMainOuter {
	width: 100%;
	float: left;
	clear: left;
	overflow: hidden;
	background: #fff;
}
#secondMainInner {
	width: 100%;
	float: left;
	position: relative;
	right: 90%;
	background: #27150a;
}
#subNav {
	width: 10%;
	float: left;
	position: relative;
	left: 90%;
}
#subNav ul li {margin-bottom: 10px;}
#wrapContent {
	width: 86%;
	float: left;
	position: relative;
	left: 92%;
	color: #000;
}
*/

/*----------------------------------------------------------------
						IDX COLORS
----------------------------------------------------------------*/

#search_page .asmSelect, #property, #citiesAddr, #SearchDistance, #sort_options, .ui-slider-range,
#areaSearch1, #areaSearch2, #areaSearch3,
#tooltiptext_bedrooms, 
#tooltiptext_bathrooms,
#search_page #example ul li a:hover,
#search_page #example .ui-tabs-selected a:link,
#result_page #organizer_col1 ul li a:hover,
#result_page #example ul li a:hover,
#result_page #organizer_col1  .ui-tabs-selected a:link,
#result_page #example  .ui-tabs-selected a:link,
.formPrimaryColor {
 background: #0c2635;
}

.idx_form_input, .idx_form_textarea, .idx_form_button, .idx_form_label,
#search_page #example ul li a:link {
 color: #0c2635;
}

#search_page #example  .ui-tabs-selected a:link,
#search_page #example ul li a:hover,
#result_page #example ul li a:hover,
#result_page #organizer_col1  .ui-tabs-selected a:link,
#result_page #example  .ui-tabs-selected a:link,
.formPrimaryColor {
 color: #FFFFFF;
}

/*----------------------------------------------------------------
						SECONDARY FOOTER STYLING
----------------------------------------------------------------*/

#secondFooter {
	width: 100%;
	margin: 0 auto;
}
#secondFooter div {
	width: 100%;
	float: left;
	height: 75px;
	position: relative;
	overflow: hidden;
	text-align: center;
	font-size: 10px;
}
#secondFooter div ul {
	float: left;
	margin: 0 auto;
	position: relative;
	left: 50%;
	background: url(images/equalhousing-w.gif) no-repeat 60% center;
}
#secondFooter div ul li {
	float: left;
	position: relative;
	right: 50%;
	padding: 10px;
}
#secondFooter .copyright {
	clear: both;
	color: #2881aa;
}
#secondFooter a {color: #abd3e3;}
#secondFooter a:hover {text-decoration: underline;}