/**************	 Contents  *********************

		1. Global Styles and Browser Resets
		1a. Default Text Styling
	
	2. Header (#headerGlobal)
		2a. Home Page Header
		2b. Sub Page Header
		2c. Top Navigation
		2d. Quick Search
		 
	3. Content (#mainGlobal)
		3a. Rounded Blue Box
		3b. Spry Hover
		3c. Subscribe
		3d. Social Icons
		3e. Sub Page
		3f. Sliding Panels
		3g. For Sale Navigation
		3h. For Rent Navigation
		3i. Selling Navigation
		3j. Holiday Navigation
		3ja. About Us Navigation
		3k. Property Details
		3l. Large Property Details
		3m. Grid
		3n. Email to a friend
		3o. Property Overview
		3p. Search form
		3q. Office map
		3r. Overlay Lightbox
		
	4. Footer (#footerGlobal)
		4a. Footer Links
		4b. Copyright
		
		
*/


/************* 1. Global Styles and Browser Resets ***************/


html, div, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, img {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	color: #113B74;
}


/** 1a. Default Text Styling **/


p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.75em;
	line-height: 1.6em;
	padding-bottom:12px;
}


h2 { font-family: Verdana, Geneva, sans-serif; font-size: 1.1em; margin-bottom:7px;
}

h3 { font-family: Verdana, Geneva, sans-serif; font-size: 0.85em; margin-bottom:8px;
}

.hidden {
	display: none;
}

.wrapper {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

.pagination {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.75em;
	color: #FFF;
	text-align: right;
}

a {
	color: #DEE9F4;
}
	


/************* 2. Header ***************/

 #headerGlobal.home {
	 background-image: url(../images/headerGradient.jpg);
	background-repeat: repeat-x;
}

 
 /** 2a. Home Page Header **/


#header.home {
	background-image: url(../images/headerImage.jpg);
	background-repeat: no-repeat;
	background-position:center;
	height: 256px;
}

/** 2b. Sub Page Header **/


#headerGlobal.level2 {
	background-image: url(../images/headerGradientSub.jpg);
	background-repeat: repeat-x;
}

#header.level2 {
	height: 188px;
	background-image: url(../images/headerImageSub.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

/** 2c. Top Navigation **/

#topNavigation #topNav li.headlink {
	height: 30px;
	float: left;
	display:block;
	list-style-type: none;
}

#topNavigation #topNav li a {
	text-decoration: none;
}

#topNavigation #topNav li a.headlink {
	float: left; 
	height: 58px; 
	text-indent: 500px;
	overflow: hidden; 
	cursor:pointer;
	background-image: url(../images/topNavigation.png);
	background-repeat: no-repeat;
}

#topNavigation #topNav li a#button1 { background-position: 0 0; width: 167px;}
#topNavigation #topNav li a#button1:hover, #topNavigation #topNav li a#button2.hover { background-position: 0 -58px; }
#topNavigation #topNav li a#button1:active { background-position: 0 -58px; }
#topNavigation #topNav li a#button1.selected { background-position: 0 -116px; cursor: default; }

#topNavigation #topNav li a#button2 { background-position: -167px 0; width: 167px; }
#topNavigation #topNav li a#button2:hover, #topNavigation #topNav li a#button2.hover { background-position: -167px -58px; }
#topNavigation #topNav li a#button2:active { background-position: -167px -58px; }
#topNavigation #topNav li a#button2.selected { background-position: -167px -116px; }


#topNavigation #topNav li a#button3 { background-position: -334px 0; width: 167px; }
#topNavigation #topNav li a#button3:hover, #topNavigation #topNav li a#button3.hover { background-position: -334px -58px; }
#topNavigation #topNav li a#button3:active { background-position: -334px -58px; }
#topNavigation #topNav li a#button3.selected { background-position: -334px -116px }

#topNavigation #topNav li a#button4 { background-position: -501px 0; width: 167px; }
#topNavigation #topNav li a#button4:hover, #topNavigation #topNav li a#button4.hover { background-position: -501px -58px; }
#topNavigation #topNav li a#button4:active { background-position: -501px -58px; }
#topNavigation #topNav li a#button4.selected { background-position: -501px -116px }

#topNavigation #topNav li a#button5 { background-position: -668px 0; width: 167px; }
#topNavigation #topNav li a#button5:hover, #topNavigation #topNav li a#button5.hover { background-position: -668px -58px; }
#topNavigation #topNav li a#button5:active { background-position: -668px -58px; }
#topNavigation #topNav li a#button5.selected { background-position: -668px -116px }

#topNavigation #topNav li a#button6 { background-position: -833px 0; width: 165px; }
#topNavigation #topNav li a#button6:hover, #topNavigation #topNav li a#button6.hover { background-position: -833px -58px; }
#topNavigation #topNav li a#button6:active { background-position: -833px -58px; }
#topNavigation #topNav li a#button6.selected { background-position: -833px -116px }


#topNavigation #topNav li ul {
	position: absolute;
	z-index:1000;
	width: 364px;
	list-style-type: none;
	margin-top: 45px;
	padding: 0px;
	display: none; /*hide until hover*/
}

#topNavigation #topNav li ul.dropMenu1, #topNavigation #topNav li ul.dropMenu2, #topNavigation #topNav li ul.dropMenu3, #topNavigation #topNav li ul.dropMenu4 { margin-left: -102px; }
#topNavigation #topNav li ul.dropMenu5 { margin-left: -205px; }

/*#topNavigation #topNav li:hover ul { visibility: visible; }*/

#topNavigation #topNav li ul li {
	width: 167px;
	height: 31px;
	padding-top: 10px;
	padding-left: 10px;
	background-image: url(../images/topNavTransparentBG.png);
	background-repeat: repeat;
	display:block;
	float:left;
}

#topNavigation #topNav li ul li.topButton { padding-top: 0px; }
#topNavigation #topNav li ul li.rightButton { padding-right: 10px; }

#topNavigation #topNav li ul li.transparentTop, 
#topNavigation #topNav li ul li.transparentTop img,
#topNavigation #topNav li ul li.transparentBottom, 
#topNavigation #topNav li ul li.transparentBottom img {
	width: 364px;
	float:left;
	margin: 0px;
	padding: 0px;
	border: none;
	background-image:none;
	height: 10px;
}
#topNavigation #topNav li ul li.transparentTop img.arrow {
	width: 12px;
	clear: both;
}

#topNavigation #topNav li ul.dropMenu1 img.arrow, #topNavigation #topNav li ul.dropMenu2 img.arrow, #topNavigation #topNav li ul.dropMenu3 img.arrow, #topNavigation #topNav li ul.dropMenu4 img.arrow { margin-left: 176px; }
#topNavigation #topNav li ul.dropMenu5 img.arrow { margin-left: 280px; }

#topNavigation #topNav li ul li img {
	border: none;
}

/************* 2d. Quick Search ***************/

#headerGlobal #header #quickSearch {
	background-image: url(../images/quickSearchBackground.png);
	background-repeat: no-repeat;
	height: 39px;
	width: 467px;
	position: relative;
	top: 200px;
	/*margin-top: 150px;*/
	margin-left: 521px;
	margin-right: 10px;
}

#headerGlobal #header #quickSearch form {
	position: absolute;
	top: 0px;
	left: 0px;
}

#headerGlobal #header #quickSearch .input {
	margin-left: 120px;
	width: 202px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	background-color: #DDE9F4;
	padding: 2px;
	color: #03669A;
	
}

/*#headerGlobal #header #quickSearch .button {
	text-align: left;
	
}*/



/************* 3. Content ***************/

.listStaticPage { 
	list-style:disc; 
	list-style-position:inside;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.75em;
	line-height: 1.6em;
	padding-bottom:12px;}

#contentPages p {
	margin-bottom: 7px;
}

#contentPages .rounded ul li {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.75em;
	margin-left: 15px;
}

#mainGlobal {
	background-color: #0078bf;
	background-image: url(../images/waveImage.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 145px;
	padding-top: 10px;
}


/** 3a. Rounded Blue Box **/

.rounded {
	background-color:#64a3d3;
	margin-left: 10px;
}



.roundedNoMargin {
	background-color:#64a3d3;
}

.roundedHold {
	margin-right: 10px;
	margin-left: 10px;
}

#mainGlobal .rounded.home {
	float: left;
	width: 320px;
	margin-left: 10px;
}

.top, .bottom {
	background-color: #64a3d3;
}


.TL, .TR, .BL, .BR {
	width: 10px; 
	height: 10px;
	display:block;
}

.TL, .BL {float:left; width:10px; height:10px;}

.TR, .BR {float:right; width:10px; height:10px;}

.propertyTitle {
	padding-top: 1px;
}

.propertyTitle.large {
	background-image: url(../images/lrgBlankTitle.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 530px;
	height: 45px;
	margin-left: 10px;
}

.propertyTitle.large p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	margin-top: 9px;
	text-align: center;
}

.propertyTitle.small {
	background-image: url(../images/gridTitleBlank.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 168px;
	height: 33px;
}

.propertyTitle.small p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	margin-top: 5px;
	text-align: center;
}

.marginTop

{ margin-top:10px;
	
	}

.marginTopButtons

{ margin-top:5px;}

.birds {
	background-repeat:no-repeat;
	background-position:right bottom;
	background-image: url(../images/whiteBirds.jpg);	
}


.blueHold {
	background-color:#64a3d3;
}


/** 3b. Spry Hover **/


.roundedHoldWhite {
	padding: 0px 10px 0px 10px;
	background:transparent url(../images/transparent-pixel.png);
	background-repeat:repeat;
	float:left;
}

.roundedWhite {
	
}

.roundedHoldWhite img.Margin {
		margin-top:10px;

	}
	
.roundedHoldWhite img.rightMargin {
		margin-right: 10px;
}
	
/** 3c. Subscribe **/


#mainGlobal #subscribeBox {
	width:300px;
	margin-top: 10px;
	margin-right: 10px;
	float: right;
}

#mainGlobal #subscribeBox #emailButton {
	float: right;
}

#mainGlobal #subscribeBox textarea {
	width: 202px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #03669A;
	padding: 2px;
	background-color: #DBE9F4;
	margin-top: 5px;
	margin-bottom: 10px;
}


#mainGlobal #subscribeBox .input {
	width: 202px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	background-color: #DDE9F4;
	padding: 2px;
	color: #03669A;
	margin-top: 5px;
	margin-bottom: 10px;
}

#mainGlobal #subscribeBox label {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.75em;
}


/** 3d. Social Icons **/


#mainGlobal #socialIcons{
	margin-left: 10px;
	padding-top: 10px;
	}
	
#mainGlobal #main #mainHold #subsribeHold {
	margin-top: 10px;
	margin-right: 0px;
}


/** 3e. Sub Page **/

#columnLeft {
	width: 198px;

}

#columnRight {
	width: 242px;

}

#columnMiddle p {
	margin-bottom: 10px;

}


#columnMiddle img#agentPhoto {
	float: left;
	margin-right: 20px; 
	margin-bottom: 10px;
}


/** 3f. Sliding Panels **/




#photos, #description, #video, #map_canvas, #street_view {
	padding-top: 5px;
	padding-left: 10px;
	width: 530px;
	height: 503px;
}

#photos, #map_canvas, #street_view {
	padding-top: 0px !important; /* To Overide rule set above*/
}

#map_canvas, #street_view {
	width: 520px;
	height: 353px;
	margin-left: 10px;
}

.street_view {
	display:none;
}

#description img {
	padding: 10px;
	float: left;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 0px;
	border: 1px solid #2874C0;
}

#description h2 {
	margin-top: 10px;
}

#description p {
	margin-left: 10px;
	margin-right: 10px;
}

#columnRight .rounded.marginTop .roundedHold img#agentPhoto {
	float: right;
}

#columnRight .rounded.marginTop .roundedHold h3.agentHeading a {
	color: #113B74;
	}
	
#columnRight .rounded.marginTop .roundedHold a:hover {
	text-decoration: none;	
	}
	
#columnRight .rounded.marginTop .roundedHold p.listingOffice {
	margin-top: 20px;
	}

ul#keepIcons {
	list-style:none;
	float:left;
	margin-right: 8px;
}

ul#shareIcons {
	list-style:none;

}


/** 3g. For Sale Navigation **/

#forSaleSideNavigation {
	overflow:hidden;
}
	
#forSaleSideNavigation #forSaleNav { margin: 0; padding: 0; }

#forSaleSideNavigation #forSaleNav li { display: inline; }
#forSaleSideNavigation #forSaleNav li a { float: left; height: 0px; padding-top:40px; overflow: hidden; cursor:pointer; }
#forSaleSideNavigation #forSaleNav li a { background-image: url(../images/forSaleSideNavigation.jpg); background-repeat: no-repeat; }

/* ON STATES first level */
#forSaleSideNavigation #forSaleNav li#button6 a { background-position: 0 0; width: 168px; }
#forSaleSideNavigation #forSaleNav li#button7 a { background-position: 0 -40px; width: 168px; }
#forSaleSideNavigation #forSaleNav li#button8 a { background-position: 0 -80px; width: 168px; }
#forSaleSideNavigation #forSaleNav li#button9 a { background-position: 0 -120px; width: 168px; }
#forSaleSideNavigation #forSaleNav li#button10 a { background-position: 0 -160px; width: 168px; }
#forSaleSideNavigation #forSaleNav li#button11 a { background-position: 0 -200px; width: 168px; }
#forSaleSideNavigation #forSaleNav li#button12 a { background-position: 0 -240px; width: 168px; }

/* OVER STATES first level */
#forSaleSideNavigation #forSaleNav li#button6 a:hover { background-position: -336px 0; }
#forSaleSideNavigation #forSaleNav li#button7 a:hover { background-position: -336px -40px; }
#forSaleSideNavigation #forSaleNav li#button8 a:hover { background-position: -336px -80px; }
#forSaleSideNavigation #forSaleNav li#button9 a:hover { background-position: -336px -120px; }
#forSaleSideNavigation #forSaleNav li#button10 a:hover { background-position: -336px -160px; }
#forSaleSideNavigation #forSaleNav li#button11 a:hover { background-position: -336px -200px; }
#forSaleSideNavigation #forSaleNav li#button12 a:hover { background-position: -336px -240px; }


/* PRESSED STATES first level */
#forSaleSideNavigation #forSaleNav li#button6 a:active { background-position: 0 0; width: 168px; }
#forSaleSideNavigation #forSaleNav li#button7 a:active { background-position: 0 -40px; width: 168px; }
#forSaleSideNavigation #forSaleNav li#button8 a:active { background-position: 0 -80px; width: 168px; }
#forSaleSideNavigation #forSaleNav li#button9 a:active { background-position: 0 -120px; width: 168px; }
#forSaleSideNavigation #forSaleNav li#button10 a:active { background-position: 0 -160px; width: 168px; }
#forSaleSideNavigation #forSaleNav li#button11 a:active { background-position: 0 -200px; width: 168px; }
#forSaleSideNavigation #forSaleNav li#button12 a:active { background-position: 0 -240px; width: 168px; }



/* ON STATES first level */
#forSaleSideNavigation #forSaleNav li#button6 a.selected { background-position: -168px 0px; cursor: default; }
#forSaleSideNavigation #forSaleNav li#button7 a.selected { background-position: -168px -40px; !important }
#forSaleSideNavigation #forSaleNav li#button8 a.selected { background-position: -168px -80px; !important }
#forSaleSideNavigation #forSaleNav li#button9 a.selected { background-position: -168px -120px; !important }
#forSaleSideNavigation #forSaleNav li#button10 a.selected { background-position: -168px -160px; !important }
#forSaleSideNavigation #forSaleNav li#button11 a.selected { background-position: -168px -200px; !important }
#forSaleSideNavigation #forSaleNav li#button12 a.selected { background-position: -168px -240px; !important }


/** 3h. For Rent Navigation **/

#forRentSideNavigation {
	overflow:hidden;
}
	
#forRentSideNavigation #forRentNav { margin: 0; padding: 0; }

#forRentSideNavigation #forRentNav li { display: inline; }
#forRentSideNavigation #forRentNav li a { float: left; height: 0px; padding-top:40px; overflow: hidden; cursor:pointer; }
#forRentSideNavigation #forRentNav li a { background-image: url(../images/forRentSideNavigation.jpg); background-repeat: no-repeat; }

/* ON STATES first level */
#forRentSideNavigation #forRentNav li#button13 a { background-position: 0 0; width: 168px; }
#forRentSideNavigation #forRentNav li#button14 a { background-position: 0 -40px; width: 168px; }
#forRentSideNavigation #forRentNav li#button15 a { background-position: 0 -80px; width: 168px; }
#forRentSideNavigation #forRentNav li#button16 a { background-position: 0 -120px; width: 168px; }
#forRentSideNavigation #forRentNav li#button17 a { background-position: 0 -160px; width: 168px; }
#forRentSideNavigation #forRentNav li#button18 a { background-position: 0 -200px; width: 168px; }


/* OVER STATES first level */
#forRentSideNavigation #forRentNav li#button13 a:hover { background-position: -336px 0; }
#forRentSideNavigation #forRentNav li#button14 a:hover { background-position: -336px -40px; }
#forRentSideNavigation #forRentNav li#button15 a:hover { background-position: -336px -80px; }
#forRentSideNavigation #forRentNav li#button16 a:hover { background-position: -336px -120px; }
#forRentSideNavigation #forRentNav li#button17 a:hover { background-position: -336px -160px; }
#forRentSideNavigation #forRentNav li#button18 a:hover { background-position: -336px -200px; }



/* PRESSED STATES first level */
#forRentSideNavigation #forRentNav li#button13 a:active { background-position: 0 0; width: 168px; }
#forRentSideNavigation #forRentNav li#button14 a:active { background-position: 0 -40px; width: 168px; }
#forRentSideNavigation #forRentNav li#button15 a:active { background-position: 0 -80px; width: 168px; }
#forRentSideNavigation #forRentNav li#button16 a:active { background-position: 0 -120px; width: 168px; }
#forRentSideNavigation #forRentNav li#button17 a:active { background-position: 0 -160px; width: 168px; }
#forRentSideNavigation #forRentNav li#button18 a:active { background-position: 0 -200px; width: 168px; }


/* ON STATES first level */
#forRentSideNavigation #forRentNav li#button13 a.selected { background-position: -168px 0px; cursor: default; }
#forRentSideNavigation #forRentNav li#button14 a.selected { background-position: -168px -40px; }
#forRentSideNavigation #forRentNav li#button15 a.selected { background-position: -168px -80px !important; }
#forRentSideNavigation #forRentNav li#button16 a.selected { background-position: -168px -120px !important; }
#forRentSideNavigation #forRentNav li#button17 a.selected { background-position: -168px -160px !important; }
#forRentSideNavigation #forRentNav li#button18 a.selected { background-position: -168px -200px !important; }


/** 3i. Selling Navigation **/

#sellingSideNavigation {
	overflow:hidden;
}
	
#sellingSideNavigation #sellingNav { margin: 0; padding: 0; }

#sellingSideNavigation #sellingNav li { display: inline; }
#sellingSideNavigation #sellingNav li a { float: left; height: 0px; padding-top:40px; overflow: hidden; cursor:pointer; }
#sellingSideNavigation #sellingNav li a { background-image: url(../images/sellingSideNavigation.jpg); background-repeat: no-repeat; }

/* ON STATES first level */
#sellingSideNavigation #sellingNav li#button19 a { background-position: 0 0; width: 168px; }
#sellingSideNavigation #sellingNav li#button20 a { background-position: 0 -40px; width: 168px; }
#sellingSideNavigation #sellingNav li#button21 a { background-position: 0 -80px; width: 168px; }
#sellingSideNavigation #sellingNav li#button22 a { background-position: 0 -120px; width: 168px; }


/* OVER STATES first level */
#sellingSideNavigation #sellingNav li#button19 a:hover { background-position: -336px 0; }
#sellingSideNavigation #sellingNav li#button20 a:hover { background-position: -336px -40px; }
#sellingSideNavigation #sellingNav li#button21 a:hover { background-position: -336px -80px; }
#sellingSideNavigation #sellingNav li#button22 a:hover { background-position: -336px -120px; }


/* PRESSED STATES first level */
#sellingSideNavigation #sellingNav li#button19 a:active { background-position: 0 0; width: 168px; }
#sellingSideNavigation #sellingNav li#button20 a:active { background-position: 0 -40px; width: 168px; }
#sellingSideNavigation #sellingNav li#button21 a:active { background-position: 0 -80px; width: 168px; }
#sellingSideNavigation #sellingNav li#button22 a:active { background-position: 0 -120px; width: 168px; }


/* ON STATES first level */
#sellingSideNavigation #sellingNav li#button19 a.selected { background-position: -168px 0px; cursor: default; }
#sellingSideNavigation #sellingNav li#button20 a.selected { background-position: -168px -40px; }
#sellingSideNavigation #sellingNav li#button21 a.selected { background-position: -168px -80px !important; }
#sellingSideNavigation #sellingNav li#button22 a.selected { background-position: -168px -120px !important; }

/** 3j. Holiday Navigation **/

#holidaySideNavigation {
	overflow:hidden;
}
	
#holidaySideNavigation #holidayNav { margin: 0; padding: 0; }

#holidaySideNavigation #holidayNav li { display: inline; }
#holidaySideNavigation #holidayNav li a { float: left; height: 0px; padding-top:40px; overflow: hidden; cursor:pointer; }
#holidaySideNavigation #holidayNav li a { background-image: url(../images/holidaySideNavigation.jpg); background-repeat: no-repeat; }

/* ON STATES first level */
#holidaySideNavigation #holidayNav li#button28 a { background-position: 0 0; width: 168px; }
#holidaySideNavigation #holidayNav li#button29 a { background-position: 0 -40px; width: 168px; }


/* OVER STATES first level */
#holidaySideNavigation #holidayNav li#button28 a:hover { background-position: -336px 0; }
#holidaySideNavigation #holidayNav li#button29 a:hover { background-position: -0 -40px; width: 168px; }


#holidaySideNavigation #holidayNav li#button28 a:hover { background-position: -336px 0; }
#holidaySideNavigation #holidayNav li#button29 a:hover { background-position: -336px -40px; }


/* PRESSED STATES first level */
#holidaySideNavigation #holidayNav li#button28 a:active { background-position: 0 0; width: 168px; }
#holidaySideNavigation #holidayNav li#button29 a:active { background-position: 0 -40px; width: 168px; }


/* ON STATES first level */
#holidaySideNavigation #holidayNav li#button28 a.selected { background-position: -168px 0; cursor: default; }
#holidaySideNavigation #holidayNav li#button29 a.selected { background-position: -168px -40px; }


/** 3ja. About Us Navigation **/

#aboutUsSideNavigation {
	overflow:hidden;
}
	
#aboutUsSideNavigation #aboutUsNav { margin: 0; padding: 0; }

#aboutUsSideNavigation #aboutUsNav li { display: inline; }
#aboutUsSideNavigation #aboutUsNav li a { float: left; height: 0px; padding-top:40px; overflow: hidden; cursor:pointer; }
#aboutUsSideNavigation #aboutUsNav li a { background-image: url(../images/aboutUsSideNavigation.jpg); background-repeat: no-repeat; }

/* ON STATES first level */
#aboutUsSideNavigation #aboutUsNav li#button23 a { background-position: 0 0; width: 168px; }
#aboutUsSideNavigation #aboutUsNav li#button24 a { background-position: 0 -40px; width: 168px; }
#aboutUsSideNavigation #aboutUsNav li#button25 a { background-position: 0 -80px; width: 168px; }
#aboutUsSideNavigation #aboutUsNav li#button26 a { background-position: 0 -120px; width: 168px; }
#aboutUsSideNavigation #aboutUsNav li#button27 a { background-position: 0 -160px; width: 168px; }


/* OVER STATES first level */
#aboutUsSideNavigation #aboutUsNav li#button23 a:hover { background-position: -336px 0; }
#aboutUsSideNavigation #aboutUsNav li#button24 a:hover { background-position: -336px -40px; }
#aboutUsSideNavigation #aboutUsNav li#button25 a:hover { background-position: -336px -80px; }
#aboutUsSideNavigation #aboutUsNav li#button26 a:hover { background-position: -336px -120px; }
#aboutUsSideNavigation #aboutUsNav li#button27 a:hover { background-position: -336px -160px; }



/* PRESSED STATES first level */
#aboutUsSideNavigation #aboutUsNav li#button23 a:active { background-position: 0 0; width: 168px; }
#aboutUsSideNavigation #aboutUsNav li#button24 a:active { background-position: 0 -40px; width: 168px; }
#aboutUsSideNavigation #aboutUsNav li#button25 a:active { background-position: 0 -80px; width: 168px; }
#aboutUsSideNavigation #aboutUsNav li#button26 a:active { background-position: 0 -120px; width: 168px; }
#aboutUsSideNavigation #aboutUsNav li#button27 a:active { background-position: 0 -160px; width: 168px; }

/* ON STATES first level */
#aboutUsSideNavigation #aboutUsNav li#button23 a.selected { background-position: -168px 0px; cursor: default; }
#aboutUsSideNavigation #aboutUsNav li#button24 a.selected { background-position: -168px -40px; }
#aboutUsSideNavigation #aboutUsNav li#button25 a.selected { background-position: -168px -80px !important; }
#aboutUsSideNavigation #aboutUsNav li#button26 a.selected { background-position: -168px -120px !important; }
#aboutUsSideNavigation #aboutUsNav li#button27 a.selected { background-position: -168px -160px !important; }


/** 3k. Property Details **/

ul.propertyDetails li { 
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.85em;
	list-style:none;
	padding-top: 10px;
	height: 27px;
 }
 
ul.propertyDetails li#streetView { 
	display:none;
}

 ul.propertyDetails li a {
	color: #97C3E0;
	text-decoration: none;
	margin-left: 100px;
	outline: none;
 }
 
  ul.propertyDetails li a:hover {
	color: #DBE9F4;
 }
 

li.selectedDescription { 
background:url(../images/descriptionSelected.png);
background-repeat:no-repeat;
 }
 
 li.linkDescription { 
background:url(../images/linkDescription.png);
background-repeat:no-repeat;

 }
 
/* Property description > content scroller */
#columnMiddle #main {
	position:relative;
	overflow:hidden;
	height: 353px;
}

#columnMiddle #pages {
	position:absolute;
	height:20000em;
}


/** 3l. Large Property Details **/


.photoFooter.small  {
	background:url(../images/gridBlueBlank.png);
	background-repeat:no-repeat;
	background-position: bottom;
	height: 33px;
	width: 168px;
	}

.photoFooter.small p {
	font-size: 0.75em;
	color: #DDE8F4;
	text-align: center;	
	line-height:32px;
}

.photoFooter.large  {
background:url(../images/suburbBg.png);
background-repeat:no-repeat;
background-position: bottom;
height:49px;
width: 530px;
margin-left: 10px;
}


.photoFooter.large ul {
	float: right;
	margin-top: 9px;
	margin-right: 1px;
}


.photoFooter.large ul li {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color:#FFF;
	display: block;
	float: left;
	width: 58px;
	height: 31px;
	list-style-type: none;
	padding-left: 10px;
	padding-top: 5px;
}

.photoFooter.large ul li.carIcon {
	background-repeat:no-repeat;
	background-position: center top;
	background-image: url(../images/carIcon.png);
 }
 
.photoFooter.large ul li.showerIcon { 
background:url(../images/showerIcon.png);
background-repeat:no-repeat;
background-position: center top;
 }
 
.photoFooter.large ul li.bedroomIcon {
	background-repeat:no-repeat;
	background-position: center top;
	background-image: url(../images/bedroomIcon.png);
}

/** 3m. Grid **/

.grid {
	float: left;
	width: 188px;
	margin-left: 10px;
	margin-bottom:10px;
	
	}
	
	.priceTag {
	line-height:46px;
	padding-left:10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	color:#DDE8F4;
		}
		
		
/** 3n. Email a friend **/

#referFriend {
	margin-top: 10px;
}

#referFriend #emailButton {
	float: right;
}

#columnRight textarea {
	width: 202px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #03669A;
	padding: 2px;
	background-color: #DBE9F4;
	margin-top: 0px;
	margin-bottom: 5px;
}

#columnRight .input {
	width: 202px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	background-color: #DDE9F4;
	padding: 2px;
	color: #03669A;
	margin-top: 0px;
	margin-bottom: 5px;
}

#columnRight label {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.75em;
}

#columnRight form select {
	width: 60px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}


/** 3o. Property Overview **/

#propertyOverview h3 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0C78BF;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

#propertyOverview ul#propertyDetails {
	float: left;
	list-style-type: none;

}

#propertyOverview ul#propertyFeatures {
	float: left;
	margin-left: 80px;

}

#propertyOverview ul li {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.75em;
	line-height: 2em;
}

#propertyOverview ul li .superscript {
	font-size: xx-small;
	vertical-align: top;
	}

#propertyOverview ul li label {
	text-align: right;
	width: 10em;
	float: left;
	margin-right: 5px;
	color: #DDE8F4;
}


	
/** 3p. Search form **/


#columnLeft form .input {
	width: 148px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	background-color: #DDE9F4;
	padding: 2px;
	color: #03669A;
}

#columnLeft form select {
	width: 85px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

#columnLeft form label {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.75em;
	width: 4em;;
	float: left;
	text-align: right;
	margin-right: 5px;
}


/*** 3q ***********/

.officeMap {
	float:left;
	margin-right: 20px;
	margin-bottom: 20px;
}

label.office {
	width: 4em;
	float: left;
	margin-right: 5px;
	font-weight: bold;
	text-align: right;	
}


/*** 3r ***********/

/* use a semi-transparent image for the overlay */
	#overlay {
		background-image:url(http://static.flowplayer.org/img/overlay/transparent.png);
		color:#efefef;
		height:450px;
	}
	
	/* container for external content. uses vertical scrollbar, if needed */
	div.contentWrap {
		height:441px;
		overflow-y:auto;
	}

/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../img/overlay/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(../img/overlay/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}





/************* 4. Footer ***************/


#footerGlobal {
	background-color: #003E74;
	
}

#footer {
	width:1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 30px;
}


/** 4a. Footer Links **/

ul.footerLinks {
	float:left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.75em;
	margin-left: 20px;
	width:178px;
	line-height:1.9em;
	list-style:none;
}

ul.footerLinks .columnTitle {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.1em;
	margin-bottom:5px;
	color: #FFF;
	font-weight: bold;
}

#footer a {
color:#FFF;
text-decoration:none;
}

#footer a:hover {
color:#69bfe0;
text-decoration:none;
}

/** 4b. Copyright **/


#copyrightGlobal {
	background-color: #FFF;
	padding-bottom: 80px;
}

#copyrightGlobal #copyright {
	font-family: Verdana, Geneva, sans-serif; 
	font-size: 12px;
	color:#0078bf;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px 0px 10px 0px;
}

#copyrightGlobal #copyright a {
	color:#0078bf;
	text-decoration:none;
	margin: 0px 10px 0px 10px;
}

#copyrightGlobal #copyright a:hover {
	color:#69bfe0;
}

#copyrightGlobal #copyright img {
	margin: 0px 10px 0px 10px;
}

#copyrightGlobal #copyright span {
	margin-left: 150px;
}