/* CSS Identification 
	Project: RealLiving
	Author: Pedro Bernardino - Improxy
*/

/* CSS Index 
	@ Reset
	@ Typography	
	@ General Layout
	@ Navigation
	@ Containers
	@ Buttons
*/



/*	@ RESET
	======================================================================================== */

/* reset by Eric Meyer (v1.0 | 2008-02-12) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }
body { line-height: 1.1; }
ol, ul { list-style: none; }
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* common floats */
.fClear { clear:both; }
.fLeft { float:left; }
.fRight { float:right; }

/* common aligns */
.aCenter { text-align:center; }
.aRight { text-align:right; }
.aLeft { text-align:left; }



/*	@ TYPOGRAPHY
	======================================================================================== */
	
body {
	font:normal normal normal 12px/16px Arial, "Sans Serif";
	color:#666666;
}

.ContentMS p { margin-bottom:10px; text-align:justify; }
.ContentMS { padding:5px 15px !important; }

/* links */
a 		{ text-decoration:none; color:#F5940D }
a:hover { text-decoration:underline; }


/* Titles */
h3 {
	color:#CC0000; font-size:18px; margin-bottom:5px;
}

/* inputs */
input,
select,
textarea {
	font:normal normal normal 12px/14px Arial, "Sans Serif";
	color:#666666;
}

/* Header Navigation */
#dMainNav a { color:#FFF;  text-transform:capitalize; text-decoration:none; font-weight:bold; }
#dMainNav a:hover,
#dSecNav a:hover { color:#ffc90e }	

/* Footer Navigation */
#dFooter li a { 
	color:#FFF;  text-transform:capitalize; text-decoration:none; font-weight:bold; line-height:26px;
	background:url(images/general/bullet_footer.png) no-repeat left top; 
	display:block; padding-left:15px;
}
#dFooter li a:hover { color:#cc0000 }

#dFooter #dCopyrights { color:#FFF; font-size:11px; font-weight:bold; line-height:20px}
#dFooter #dCopyrights a.improxy { 
	display:inline-block;
	width:60px;
	height:20px;
	background:url(images/general/improxy.png) no-repeat;
	text-indent:-9999px;
	margin-left:3px;
}





/*	@ GENERAL LAYOUT
	======================================================================================== */
	
body {
	background:#333333;
}
#dStage {
	width:1000px;
	margin:0 auto;
	background:#FFF;
	}
	#dHeader {
		height:224px;
		background:url(images/backgrounds/header.png) repeat-x;
		position:relative;
		}
		#dLogo {
			position:absolute;
			top:0;
			left:45px;
			width:96px;
			height:79px;
			}
			#dLogo a {
				display:block;
				width:96px;
				height:79px;
				background:url(images/general/logo.png) no-repeat;
				text-indent:-9999px;
				}
			#dBanner {
				position:absolute;
				left:0;
				top:94px;
			}
			#dMainNav {
				position:absolute;
				right:0;
				top:70px;
				}
			#dSecNav {
				position:absolute;
				right:30px;
				top:25px;
				}
	#dBody {
		min-height:200px;
		background:#FFF url(images/backgrounds/body.png) no-repeat center bottom;
		padding:15px 15px 35px 15px;
		}
		#dLeftColumn {
			float:left;
			}
		#dRightColumn {
			float:right;
			}
	#dFooter {
		background:#ff8f0e url(images/backgrounds/footer.png) no-repeat center bottom;
		padding:0 30px 10px 0;
		margin-bottom:25px;
		position:relative;
		padding:10px 0 20px 0;
		}
		#dCopyrights {
			position:absolute;
			bottom:-20px;
			width:100%;
		}
	

/*	@ HOMEPAGE BANNER
	======================================================================================== */	

#dBanner {
	position:relative;
	height:130px; width:1000px;
	}
	#dBanner img {
		position:absolute;
		top:0; left:0;
		height:130px; width:1000px;
		}
	#dBanner img 				{ z-index:8;  }
	#dBanner img.last-active 	{ z-index:9;  }
	#dBanner img.active			{ z-index:10; }
	

/*	@ NAVIGATION
	======================================================================================== */	

/* Header */

#dMainNav {}
#dMainNav li { 
	float:left;
	margin-right:15px;
	border-right:solid 1px #FFF;
	padding-right:15px;
}

#dSecNav {}
#dSecNav li { 
	float:left;
	margin-right:15px;
	border-right:solid 1px #FFF;
	padding-right:15px;
}

/* Footer */ 

#dFooter ul { min-height:110px; padding-left:60px; }
#dFooter ul li { float:left; border-right:solid 1px #FFF; padding:0 90px 0 30px;  }
#dFooter ul li ul { padding:0; }
#dFooter ul li ul li { clear:both; border:none; padding:0; }




/*	@ CONTAINERS
	======================================================================================== */	

/* Large Gray */
div.ctnLargeGray {
	width:660px;
	background:url(images/containers/large_gray.png) no-repeat left top;
	padding-top:52px;
	position:relative;
	margin:10px 0;
	}
div.ctnLargeGray .content {
	background:url(images/containers/large_gray.png) no-repeat right bottom;
	padding:0 10px 10px 10px;
	}
div.ctnLargeGray .content h2 { 
	position:absolute;
	top:11px;
	left:10px;
	padding-left:10px;
	/**/
	color:#cc0000;
	font-size:16px;
	line-height:34px;
	}	

/* Large Orange */
div.ctnLargeOrange {
	width:660px;
	background:url(images/containers/large_orange.png) no-repeat left top;
	padding-top:52px;
	position:relative;
	margin:10px 0;
	}
div.ctnLargeOrange .content {
	background:url(images/containers/large_orange.png) no-repeat right bottom;
	padding:0 10px 10px 10px;
	}
div.ctnLargeOrange .content h2 { 
	position:absolute;
	top:11px;
	left:10px;
	padding-left:10px;
	/**/
	color:#FFF;
	font-size:16px;
	line-height:34px;
	}	
div.ctnLargeOrange .ContentMS h1 { 
	position:absolute;
	top:11px;
	left:10px;
	padding-left:10px;
	/**/
	color:#FFF;
	font-size:16px;
	line-height:34px;
	}

/* Narrow Gray */
div.ctnNarrowGray {
	width:294px;
	background:url(images/containers/narrow_gray.png) no-repeat left top;
	padding-top:52px;
	position:relative;
	margin:10px 0;
	}
div.ctnNarrowGray .content {
	background:url(images/containers/narrow_gray.png) no-repeat right bottom;
	padding:0 10px 10px 10px;
	}
div.ctnNarrowGray .content h2 { 
	position:absolute;
	top:11px;
	left:10px;
	padding-left:10px;
	/**/
	color:#cc0000;
	font-size:16px;
	line-height:34px;
	}
div.ctnNarrowGray .ContentMS h1 { 
	position:absolute;
	top:11px;
	left:10px;
	padding-left:10px;
	/**/
	color:#cc0000;
	font-size:16px;
	line-height:34px;
	}
div.ctnNarrowGray .content h1 { 
	position:absolute;
	top:11px;
	left:10px;
	padding-left:10px;
	/**/
	color:#cc0000;
	font-size:16px;
	line-height:34px;
	}	
	
/* Narrow Orange */
div.ctnNarrowOrange {
	width:294px;
	background:url(images/containers/narrow_orange.png) no-repeat left top;
	padding-top:52px;
	position:relative;
	margin:10px 0;
	}
div.ctnNarrowOrange .content {
	background:url(images/containers/narrow_orange.png) no-repeat right bottom;
	padding:0 10px 10px 10px;
	}
div.ctnNarrowOrange .content h2 { 
	position:absolute;
	top:11px;
	left:10px;
	padding-left:10px;
	/**/
	color:#FFF;
	font-size:16px;
	line-height:34px;
	}

div.ctnNarrowOrange .ContentMS h1 {
	position:absolute;
	top:11px;
	left:10px;
	padding-left:10px;
	/**/
	color:#FFF;
	font-size:16px;
	line-height:34px;
}


/*	@ BUTTONS
	======================================================================================== */	

a.styledButton {
	height:29px;
	line-height:29px;
	display:inline-block;
	padding-left:10px;
	background:url(images/general/button.png) no-repeat left top;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	text-shadow:0 1px 0 #000;
	}
	a.styledButton span {
		padding:0 15px 0 5px;
		display:block;
		background:url(images/general/button.png) no-repeat right bottom;
		}
	a.styledButton:hover { color:#ffc90e; }
	
	
/*	@ HOMEPAGE TABS
	======================================================================================== */	
div.homepage .content h2{position:relative;top:0;left:0}
ul.navigationMenu {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	position:absolute;
	top:9px;
	width: 100%;
}
ul.navigationMenu li {
	float: left;
	margin: 0;
	padding: 2px;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background:url("images/containers/tab_gray.png") no-repeat scroll left top !important;
	width:140px;
}
ul.navigationMenu li a {
	text-decoration: none;
	color: #FFF;
	display: block;
	outline: none;
}
ul.navigationMenu li:hover {
	color:#FFF;
}

ul.navigationMenu li.active { background:url("images/containers/tab_orange.png") no-repeat scroll left top !important;}
.tabs {margin-top:-5px;}
.homepage{background:url("images/containers/large_transparent.png") no-repeat scroll left top transparent !important;}

.agencies{padding:10px; height:125px; background:#E4ECEF; position:relative;}
.agencies .iwkAgenciesSearch .searchNote { padding:0; margin:0; margin-bottom:20px; font-weight:bold; background:#E4ECEF; }

.agencies .iwkAgenciesSearch { padding:0;background:#E4ECEF; position:relative; }
.agencies .iwkAgenciesSearch p { margin:6px 0; }
.agencies .iwkAgenciesSearch p label { display:inline-table; text-transform:uppercase; width:100px; } 
.agencies .iwkAgenciesSearch p select { width:200px; }
.agencies .iwkAgenciesSearch .ASActions {margin-top:15px;}

/*	@ AGENCY DETAIL - ABOUT US
	======================================================================================== */
.ownerPhotos	{padding:15px 0;}
.ownerInfo		{padding:10px 20px;}
.ownerInfo .ownerDescription			{line-height:15px;}
.ownerPhotos #slideShow					{position:relative;height:263px;width:350px; margin:auto;}
.ownerPhotos #slideShow img				{position:absolute;top:0;left:0; z-index:8; opacity:0.0; height:263px;width:350px;}
.ownerPhotos #slideShow img.active		{z-index:10;opacity:1.0;}
.ownerPhotos #slideShow img.last-active {z-index:9;}


/*	@ SITE MAP
	======================================================================================== */
	
ul#SiteMap { min-height:250px; line-height:25px; }
ul#SiteMap li { float:left; padding:0px 50px 0px 20px; }
ul#SiteMap li a { background:url(images/general/bullet.png) no-repeat left top; padding:0px 0px 0px 15px; color:#666666; text-decoration:none; }
ul#SiteMap li a:hover { color:#F5940D; text-decoration:underline; }
ul#SiteMap li ul li { clear:both; padding:0px; }

/*	@ FAVORITES
	======================================================================================== */	
.favorites h1{display:none}


/*	@ QUICK SEARCH
	======================================================================================== */	
.iwkQuickSearch {margin-right:30px;}
.iwkQuickSearch .QSearchFieldGroup .QSearchField {background:transparent url(images/backgrounds/searchTxt_bg.png) repeat-x; border:solid 1px #FFC90E; width:180px; color:#CCC;}
.iwkQuickSearch .QSearchAction {display:inline-block;}
.iwkQuickSearch .QSearchAction a{background:transparent url(images/general/search_icon.png)  scroll 0 0; display:block;text-indent:-9999px; height:25px; width:25px; line-height:25px; font-weight:bold}
.favorites h1{display:none}