/*
Layout - Home
*************************/
div#contentHome {
	width:100%;
}

	div#contentHome div#fauxTop {
		font-size:0;
		line-height:0;
		float:left;
		width:100%;
		background:#fff url(../images/fauxEdge.gif) 0 100% repeat-x;
		height:1px;
		margin-top:3px;
	}
	div#contentHome div#fauxBottom {
		font-size:0;
		line-height:0;
		float:left;
		width:100%;
		background:#fff url(../images/fauxEdge.gif) repeat-x;
		height:1px;
	}

	div#contentHome div#homeBoxWrapper {
		float:left;
		width:100%;
		background:#fff url(../images/fauxColumns.gif) repeat-y;
	}
		div#contentHome div#homeBoxWrapper div.homeBox {
			float:left;
			width:181px;
			margin-right:5px;
		}
		div#contentHome div#homeBoxWrapper div#services {
			margin-right:0;
			width:344px;
			padding:10px 12px 5px 12px;
		}

/*
Banners - Home page
***************************/
div#homeBanner {
	position:relative;
	float:left;
	width:745px;
	height:198px;
	margin:5px 0;
}
	div#homeBanner img {
		vertical-align:middle;
	}

	div#homeBanner div {
		position:absolute;
		left:372px;
		top:0;
		height:100%;
		width:376px;
	}

	div#homeBanner p {
		font-weight:100;
		color:#cbb4c8;
		font-size:21px;
		padding:25px 10px 0 20px;
	}

	div#homeBanner p em {	
		font-style:normal;
		font-size:24px;
		color:#fff;
	}
/*
Find a serviced office box
***************************/
div#mapBackground  {
	z-index:1;
	background:url(../images/map.gif) no-repeat right 30px;
	padding: 10px;
}
	div#mapBackground h1 {
		color:#333;
		font-size:130%;
		padding-bottom:7px;
		margin-bottom:0;
	}

/*
Locations + Regions Tabs
*************************/
ul#officeTabs {
	margin:0;
	list-style-type:none;
	float:left;
	width:163px;
}
	ul#officeTabs li {
		text-align:center;
		float:right;
		background-color:#E9E9E9;
		z-index:1;
		padding:0;
		margin:0;
		cursor:hand;
		cursor:pointer;
	}
	ul#officeTabs li.selected {
		background-color:transparent;
	}
		ul#officeTabs li a {
			display:block;
			padding:5px 12px 4px 12px;
			width:56px;
			color:#40263E;
			border:1px solid #E9E9E9;
			border-bottom:1px solid #E0E9D6;
			border-right:0;
			font-size:110%;
			text-decoration:none;
		}
		* html body ul#officeTabs li a {
			width:52px;
		}
		ul#officeTabs li#regionTab a {
			border-left:0;
			border-right:1px solid #E9E9E9;
		}
		ul#officeTabs li.selected a,
		ul#officeTabs li#regionTab.selected a {
			border:1px solid #E0E9D6;
			border-bottom:0;
		}
/*
Location & Region divs
*************************/
.hide {
	display:none;
}
.show {
	display:block;
}
div#searchLocations,
div#searchRegions {
	clear:both;
	margin-bottom:0px;
	overflow:visible;
	position:relative;
}
* html body div#searchRegions {
	padding:10px 15px 0 15px;
}
	div#searchLocations div.locationSearch,
	div#searchRegions div.locationSearch {
		clear:both;
		padding-top:4px;
	}
	div#searchLocations p a,
	div#searchRegions p a {
		text-decoration:underline;
	}
	div#searchLocations p.label  {
		font-weight:bold;
		z-index:1;
		margin: 10px 0;
	}

/*
Location lists
*****************************/
div#searchLocations div.listWrapper {
	position:relative;
	z-index:500;
	width:150px;
	margin-bottom:5px;
	clear:both;
}
	div#searchLocations div#locationClick p,
	div#searchLocations div#stationClick p  {
		padding:2px;
		border:1px solid #E0E9D6;
		background:#fff url(../images/homeDownArrow.gif) right no-repeat;
		display:block;
		width:150px;
		text-decoration:none;
		cursor:default;
	}
	div#searchLocations div#locationListing,
	div#searchLocations div#stationListing {
		position:absolute;
		left:0;
		top:0;
		left:-5px;
		background-color:#fff;
		overflow:scroll;
		height:200px;
		width:156px;
		border:1px solid #ccc;
		z-index:700;
	}
	div#searchLocations div#locationListing h2,
	div#searchLocations div#stationListing h2,
	div#searchLocations div#locationListing h3,
	div#searchLocations div#stationListing h3{
		background-color:#E0E9D6;
		font-weight:bold;
		padding:1px 5px;
		font-size:100%;
		margin-bottom:2px;
		margin-top:2px;
	}
	div#searchLocations div#locationListing ul li,
	div#searchLocations div#stationListing ul li {
		padding:1px 5px;
	}
		div#searchLocations div#locationListing ul li a,
		div#searchLocations div#stationListing ul li a {
			text-decoration:none;
			display:block;
		}


/*
Regions List
*****************************/
div#regionToggle ul.regions {
	float:left;
	width:345px;
	border-top:1px solid #E0E9D6;
	border-bottom:1px solid #E0E9D6;
	background-color:#fff;
	margin:0;
	list-style-type:none;
	margin-top:10px;
}
* html body div#regionToggle ul.regions {
	width:345px;
	w\idth:335px;
}
	div#regionToggle ul.regions li {
		width:171px;
		float:left;
		padding:3px 0;
		background-color:#fff;
		border-left:1px solid #E0E9D6;
	}
	* html body div#regionToggle ul.regions li {
		width:172px;
		w\idth:166px;
	}
	div#regionToggle ul.regions li.topBorder {
		border-top:1px solid #E0E9D6;
	}
	div#regionToggle ul.regions li.rightBorder {
		border-right:1px solid #E0E9D6;
	}
		div#regionToggle ul.regions li a {
			padding-right:15px;
			padding-left:5px;
			display:block;
			width:85%;
			background:url(../images/regionsArrow.gif) right no-repeat;
			color:#525446;
			text-decoration:none;
			font-size:100%;
		}
/*
Region box
***************************/
div#regionBox{
	width: 181px;
	float: left;
	margin-right:10px;
	padding-bottom:10px;
}
	div#regionBox h2{
		color: #333;
		font-size: 130%;
		padding: 10px 10px 7px;
	}
	div#regionBox ul{
		list-style: none;
		margin: 10px;
		border: 1px solid #E0E9D6;
		border-top: 0;
	}
		div#regionBox ul ul{
			margin: 0;
			border: 0;
		}
	div#regionBox ul li{
		background: #fff url(/images/arrow_right.gif) no-repeat right 0.6em;
		border-top: 1px solid #E0E9D6;
		font-size: 110%;
	}
	div#regionBox ul li.first{
		background: #fff url(/images/arrow_down.gif) no-repeat right 0.6em;
	}
		div#regionBox ul ul li{
			font-size: 100%;
			background: #E9E7DB url(/images/arrow_right_dark.gif) no-repeat right 0.6em;
			border-top-color: #ccc;
			font-weight: 400;
		}
		div#regionBox ul ul li.first{
			border: 0;
		}
		div#regionBox ul li a{
			display: block;
			padding: 4px;
			position: relative;
			zoom: 1;
			color: 333;
		}
			div#regionBox ul ul li a{
				padding: 4px 4px 4px 16px;
				color: #525446;
			}
/*
Promo box
***************************/
div#promoBox{
	width: 161px;
	float: left;
	margin-right:5px;
	padding: 10px;
	overflow:auto;
	overflow-x:hidden;
}
	div#promoBox h2 {
		margin-bottom:10px;
		font-size: 130%;
	}
	div#promoBox p {
		font-size:100%;
		margin-bottom:15px;
	}
	div#promoBox p a {
		text-decoration:underline;
	}
	div#promoBox img{
		margin-left: -10px;
	}
/*
Featured box
***************************/
div#featuredBox{
	padding-bottom:10px;
	width: 181px;
	float: left;
}
	div#featuredBox h2{
		color: #333;
		font-size: 130%;
		padding: 10px 10px 7px;
	}
	div#featuredBox ul{
		list-style: none;
		margin: 10px 10px 0;
	}
	div#featuredBox ul li{
		border-bottom: 1px solid #ccc;
		clear: both;
		padding-bottom: 7px;
		margin-bottom: 7px;
		overflow: hidden;
		zoom: 1;
	}
	div#featuredBox ul li.last{
		border-bottom: 0;
		clear: both;
		margin-bottom: 0;
		padding-bottom: 0;
		overflow: hidden;
	}
	div#featuredBox ul li img{
		border: 1px solid #000;
		float: left;
		margin: 0 5px 5px 0;
		width:52px;
	}
	div#featuredBox ul li h2{
		font-size: 110%;
		font-weight: 400;
		margin-bottom: 5px;
		padding: 0;
	}
		div#featuredBox ul li h2 a{
			text-decoration: underline;
		}
	div#featuredBox ul li div{
		float: left;
		width: 100px;
	}
/*
Agent box
***************************/
div#agentBox {
	width:366px;
	height:131px;
	float:left;
}
* html body div#agentBox {
	height:129px;
}
	div#agentBox div.first {
		margin:10px;
		margin-bottom:0px;
	}
	* html body div#agentBox div.first {
		margin:7px;
	}
	div#agentBox div.first h2 {
		font-weight:normal;
		margin-bottom:10px;
	}
	div#agentBox div.first p {
		font-size:135%;
		margin-bottom:15px;
		padding-right:120px;
	}
	* html body div#agentBox div.first p {
		font-size:130%;
	}
	div#agentBox div.first p a {
		text-decoration:underline;
	}


/*
office search box
***************************/
	div#searchLocations form fieldset {
		float:left;
		width:156px;
		border:none;
		margin-bottom:5px;
		}

	div#searchLocations form input {height:18px; border:1px solid #e0e9d6; padding:0 3px !important; vertical-align:top;}

	div#searchLocations form input.text,
	div#searchLocations form input.focus {float:left; width:124px;}

	div#searchLocations form input.text {color:#999;}
	div#searchLocations form input.focus {color:#000;}

	div#searchLocations form input.submit {float:right; height:20px; width:18px; background:#f0f0f0 url(/images/submitArrow.gif) 50% 50% no-repeat;}