/*----------------------------------------------------------------------------
Site Style Sheet

details:  Contains tag definitions and controls styling of classes and IDs
					referenced frequently or across every page of a website.

ToC:      1 - Tag Definitions
          2 - Site-wide Layout
          3 - Buttons
          4 - Forms
          5 - Easy Clear
          6 - Irregularly Used Classes and IDs
----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
  ~1 - Tag Definitions
----------------------------------------------------------------------------*/

:focus { outline: 1px dotted invert }

a {
	text-decoration: underline;
	overflow: hidden;
}
	
	a img {	border: 0	}
	
	a:link, a:visited, a:active { color: #000	}
	
	a:hover	{
		color: #3398DF;
		text-decoration: underline;
	}

body {
	background-color: #000;
	color: #333;
	font: 68.75%/1.6364 'Trebuchet MS', Arial, Helvetica, sans-serif; /* 11px/18px */
	min-width: 760px;
	text-align: center;
}

h1, h2, h3, h4, h5, h6 {
	color: #818492;
	font-weight: bold;
	line-height: 1.1em;
	margin-bottom: 12px;
}

h1 { font-size: 2em }
h2 { font-size: 1.54544em }
h3 { font-size: 1.4545em }

h6 { color: #222 }

li { margin-bottom: 2px }

ol, ul {
	list-style: decimal outside;
margin-bottom: 12px;
	padding-left: 25px;
}

	ol ol {
		list-style-type: lower-alpha;
		margin-top: 4px;
	}

p { margin-bottom: 14px }
	
strong { font-weight: bold }

ul { list-style-type: square }



/*----------------------------------------------------------------------------
  ~2 - Site-wide Layout
----------------------------------------------------------------------------*/

#wrapper {
	background: #FFF;
	line-height: 1.6364;
	margin: 40px auto 0;
	padding-bottom: 20px;
	text-align: left;
	width: 760px;
}

#logo {
	background-image: url(../images/logo/logo.gif);
	display: inline;
	float: left;
	height: 58px;
	margin: 35px 0 35px 35px;
	text-indent: -1000em;
	width: 184px;
}

#omsLoginArea {
	background-color: #0071BC;
	color: #FFF;
	display: inline;
	float: right;
	margin: 0 30px 10px 0;
	padding: 10px 10px 10px 10px;
	width: 160px;
}

	#omsLoginArea h4 {
		background-image: url(../images/headings/online-management-system.gif);
		height: 34px;
		margin: 0;
		text-indent: -1000em;
		width: 157px;
	}
	
	#omsLoginArea p {
		clear: both;
		margin: 0;
	}

		#omsLoginArea a:link, #omsLoginArea a:visited { color: #FFF }

	#omsLoginArea .button {
		display: inline;
		float: left;
		margin: 8px 10px 5px 0;
		text-indent: -1000em;
		width: 61px;
	}
	
#secondaryNav {
	display: inline;
	float: right;
	font-size: 1.09091em;
	list-style: none;
	margin: 84px 0px 0 0;
	padding: 0;
}

	#secondaryNav * {
		color: #9395A2;
		margin-right: 5px;
		text-decoration: none;
	}
	
		#secondaryNav a:hover, #secondaryNav a.current {
			color: #65666F;
			text-decoration: underline;
		}

	#secondaryNav li { float: left }

#banner {
	clear: both;
	display: block;
}

#nav, #propertyNav {
	background-color: #000;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0 0 0 23px;
}

	#nav, #nav li, #nav a { height: 23px }

	#nav li, #propertyNav li {
		float: left;
		display: inline;
		margin: 0 20px 0 0;
	}
	
	#nav a, #propertyNav a {
		background-position: top center;
		display: block;
		padding: 0 4px;
		text-indent: -1000em;
		width: 68px;
	}
		
		#nav a:hover, #nav a.current { background-position: bottom center }

	#nav #navRegister { margin: 0 }

	#navHome      a { background-image: url(../images/nav/home.gif); width: 52px }
	#navToLet     a { background-image: url(../images/nav/to-let.gif); width: 54px; }
	#navLandlords a { background-image: url(../images/nav/landlords.gif); width: 82px }
	#navForSale   a { background-image: url(../images/nav/for-sale.gif) }
	#navVendors   a { background-image: url(../images/nav/vendors.gif); width: 72px }
	#navServices  a { background-image: url(../images/nav/services.gif) }
	#navAreas     a { background-image: url(../images/nav/areas.gif); width: 54px; }
	#navRegister  a { background-image: url(../images/nav/register.gif) }

#servicesSubnav {
	background-color: #000;
	display: none;
	height: 120px;
	margin: 0 0 0 -27px;
	position: absolute;
	width: 130px;
	z-index: 100;
}

#servicesSubnav ul, #servicesSubnav li, #servicesSubnav a {
	margin: 0;
	padding: 0;
	width: 130px;
}

#servicesSubnav ul {
	background-color: #000;
	height: 120px;
	list-style: none;
	position: absolute;
	width: 130px;
	z-index: 100;
}

	#servicesSubnav li, #servicesSubnav a { height: 30px }
	
	#servicesSubnav a {
		display: block;
		text-indent: -1000em;
	}
	
		#servicesSubnav a:hover, #servicesSubnav a.current { background-position: bottom }
		
#subnavRelocation         a { background-image: url(../images/nav/relocation.gif) }
#subnavRefurbishments     a { background-image: url(../images/nav/refurbishments.gif) }
#subnavRemovals           a { background-image: url(../images/nav/removals.gif) }
#subnavPropertyManagement a { background-image: url(../images/nav/property-management.gif) }
		
#primaryContent {
	clear: both;
	margin: 0;
	padding: 0 40px 0;
}

.contentArea {
	background: #E3E3E7 url(../images/logo/icon.gif) no-repeat 618px 37px;
	border: 15px solid #F2F2F4;
	clear: both;
	margin-top: 20px;
	padding: 30px 30px 15px;
	width: 590px;
}

#search {
	background-position: 619px 20px;
	padding: 10px;
	width: 630px;
	margin-bottom:21px;
}
		
	#search h2 {
		background: url(../images/headings/search.gif) no-repeat;
		height: 25px;
		margin: 0;
		overflow: hidden;
		text-indent: -1000em;
	}
	
	#search label {
		float: none;
		font-weight: normal;
		margin: 0;
		width: auto;
	}
	
	#search ol { margin: 15px 0 0 20px }
	
		#search ol li {
			clear: none;
			float: left;
			margin-right: 10px;
		}
	
	 #search ol.sub { margin: 0 }
	
		#search ol.sub li {
			float: none;
			margin: 0 0 10px;
			width: 100%;
		}
		
	#search select { font: 1em 'Trebuchet MS', Arial, Helvetica, sans-serif }

	#search .iWantTo   { width: 58px  }
	#search .buyOrRent { width: 72px  }
	#search .price     { width: 154px }
	#search .property  { width: 206px }
	#search .buttons   { width: 57px  }
	
#footer {
	margin: 12px auto 0;
	list-style: none;
	padding: 0 0 22px;
	text-align: left;
	width: 760px;
}

#footer, #footer a { color: #AAA }
	
	#footer a:hover { color: #FFF }

	#footer li { float: left }

	#footer li, #footer a { margin-right: 8px }
		


/*----------------------------------------------------------------------------
  ~3 - Buttons
----------------------------------------------------------------------------*/

.button {
	border: 0;
	display: block;
	text-indent: -1000em;
	height: 20px;
}

.bLogin, .bRegister {
	background-image: url(../images/buttons/login.gif);
	height: 21px;
	width: 62px;
}

.bRegister { background-image: url(../images/buttons/register.gif) }

.bSearch {
	background-image: url(../images/buttons/search.gif);
	width: 52px;
}

.bViewAll {
	background-image: url(../images/buttons/view-all.gif);
	width: 57px;
}



/*----------------------------------------------------------------------------
  ~4 - Forms
----------------------------------------------------------------------------*/

	form em { color: red }

	form li {
		clear: both;
		margin-bottom: 10px;
	}

	form ol {
		list-style: none;
		padding: 0;
		margin: 0;
	}

input.text { width: 150px }
input.iS { width: 70px }
input.iML { width: 180px }
input.iL { width: 225px }

	input:focus, select:focus, textarea:focus { outline: 0 }
	
	input.text, textarea, select {
		color: #333;
		font: 1.18182em Arial, Helvetica, sans-serif; /*13px*/
	}


	
legend {
	color: #818492;
	font-size: 1.54544em;
	font-weight: bold;
	line-height: 1.1em;
	padding: 0 0 20px;
}

		form li.controlLi { margin: 20px 0 15px 104px }

textarea { overflow-y: auto }



/*----------------------------------------------------------------------------
  ~5 - Easy Clear Technique
----------------------------------------------------------------------------*/

.clear, #navigation, #primaryContent, .twoCol, .threeCol, form ol,
#footer, #areasList, #propertyInfo ol, .propertyListing, .propertyInfo, fieldset,
#pageInfo, #propertySummary, #propertyFinerInfo { display: inline-block }

.clear, #navigation, #primaryContent, .twoCol, .threeCol, form ol,
#footer, #areasList, #propertyInfo ol, .propertyListing, .propertyInfo, fieldset,
#pageInfo, #propertySummary, #propertyFinerInfo { display: block }

.clear:after, #navigation:after, #primaryContent:after, .twoCol:after, .threeCol:after,
 form ol:after, #footer:after, #areasList:after, #propertyInfo ol:after, #pageInfo:after,
.propertyListing:after, .propertyInfo:after, fieldset:after, #propertySummary:after,
#propertyFinerInfo:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

* html .clear, * html #navigation, * html #primaryContent, * html .twoCol, * html .threeCol,
* html form ol, * html #footer, * html #areasList, * html #propertyInfo ol, * html #pageInfo,
* html .propertyListing, * html .propertyInfo, * html fieldset, * html #propertySummary,
* html #propertyFinerInfo{ height: 1% }



/*----------------------------------------------------------------------------
  ~6 - Irregularly Used Classes and IDs
----------------------------------------------------------------------------*/

.hr {
	border-top: 1px solid #000;
	display: block;
	height: 0;
	overflow: hidden;
	margin-bottom: 20px;
	text-indent: -1000em;
}