/*=======================================================
I-Land CSS
A lot of the css for this site is in with the main
Crosby site, so look there for most styles.
This file just overides some of those.
Created by Ripe Design (UK) Ltd. (http://www.ripe.co.uk)
=======================================================*/

/*===============================================
override main background, main link colours etc 
================================================*/
body {
background-image:none;
background-position:top;
background-repeat:repeat-x;
background-color:#484749;
color:#c4c4c4;
padding:0px!important}
	
a {color:#d8d956}
a:hover,a:active,a:focus {background:#d8d956;color:#000} 
/*END override default styles*/


a img {
	display:block;border:3px solid #DDD}
a:hover img,.item a:active img,.item a:focus img {
	border:3px solid #2172C3}

img {border:2px solid #231f20}

.divider {
	background-color:#CCC}

p {
	font-size:1.1em}


h3 {color:#FFF;
	background-image:url(../images/iland/blt_iland.gif)}

.usegrass {
	padding-bottom:100px!important;
	background:#FFF url(../images/iland/gq_close.jpg) repeat-x bottom!important}

.intro {
	font-size:1.4em;
	font-weight:bold}

#bgcontainer {
	background:url(../images/iland/bg_iland.png) repeat-y center!important;
	margin-bottom:0px!important;
	padding-bottom:20px}


div#loginbox {
	border:0px;
	background:#35a1c6!important;
	padding:7px 8px 8px 8px}
	
#mpintroempty {
	border-color:#3596b8!important;
	background-color:#43a5c8!important}
#mpintroemptyLogin {
	border-color:#b64256!important;
	background-color:#cd5368!important}
	
.item {
	background:url(../images/iland/mpsection.png) no-repeat!important}
.item_close {
	background:url(../images/iland/mpsection_end.png) no-repeat!important}
.item a {
	color:#000}
.item .options a {
	background-image:url(../images/iland/blt_iland.gif)}
	

#mpnum01 {background-image:url(../images/iland/num01.gif)}
#mpnum02 {background-image:url(../images/iland/num02.gif)}
#mpnum03 {background-image:url(../images/iland/num03.gif)}
#mpnum04 {background-image:url(../images/iland/num04.gif)}

h1 {font-weight:bold;font-size:1.8em;color:#FFF}
h1,h2,h4,h4,h5 {color:#FFF}


h1#welcome {
	background:url(../images/iland/text_welcomeToIland.png) no-repeat;
	display:block;
	width:214px;
	height:19px}
h1#welcome span {
	display:none}
	
#contactform span {
	color:#fbb163}
	
#searchcriteria .info {
	background:url(../images/iland/icon_i.png) no-repeat}

/*===============================================
add a secondary header/banner for the site 
================================================*/
#subsiteheader {
	width:758px;
	background:#FFF url(../images/iland/header_iland.png) no-repeat center;
	height:156px;
	margin-bottom:11px}
a#subsitehomelink {
	top:20px;
	left:23px;
	width:130px;
	height:103px}





/*==========================================
override default breadcrumb styles
===========================================*/
#breadcrumb {
	color:#FFF;
	margin:0px;
	position:absolute;
	left:28px;
	top:135px}
#breadcrumb a {
	color:#FFF;
	background-image:url(../images/iland/blt_iland.gif)}
#breadcrumb a:hover,#breadcrumb a:active,#breadcrumb a:focus {
	background:#d8d956!important;
	color:#000!important;
	text-decoration:none}



/*======================================================
override default styles for the various column elements
========================================================*/
#colM h2.tile {background-image:none;}
#colL h2.tile,#colR h2.tile {background-image:none;}
#colR2 h2.tile {background-image:none;}
#colFull h2.tile {background-image:none;}

.threecol {background:url(../images/iland/3colaligned.png) repeat-y}
.twocol {background:url(../images/iland/2colaligned.png) repeat-y}

.threecol .closealignends {
	background-image:none;
	height:0px}
.twocol .closealignends {
	background-image:none;
	height:0px}
	
.tile {
	border-color:#231f20!important;
	background-color:#231f20!important}

h2.tile {
	color:#FFF;
	background:#231f20;
	border-top-color:#373436!important;
	border-bottom:2px solid #343133!important}

/*===============================================
override subsite submenu styling
================================================*/
#subsitenav {
	background:#282425}
	
#subsitenav a {
	color:#CCC;
	background:url(../images/iland/submenu_bg.gif) no-repeat}	
#subsitenav a:hover,#subsitenav a:active,#subsitenav a:focus {
	color:#d8d956}
#subsitenav .active a {
	background:none!important}
#menuimage {
	margin:5px 5px 1px 5px;
	border:none!important}






/*=======================================================
common styles for the quick search areas of the subsites
=======================================================*/
div#quicksearch {
	font:bold 0.9em Tahoma, Arial, Helvetica, sans-serif;
	color:#FFF;
	background:#231f20;
	border:2px solid #231f20;
	border-top:1px solid #E0E0E0;
	padding:7px 8px 5px 8px}
div#quicksearch select {
	float:left;
	width:96px;
	margin:0px -10px 4px 0px}
div#quicksearch label {
	float:left;
	margin:4px 0px 4px 0px;
	width:60px}
div#quicksearch input {
	float:left;
	margin:3px -10px 0px 0px}
#showallapts {
	float:left;
	margin:4px -10px 0px 1px;
	background:url(../images/iland/btn_showallapts.png) no-repeat}
#showallapts a {
	display:block;
	width:157px;
	height:46px;
	background:url(../images/iland/btn_showallapts.png) no-repeat}
#showallapts a:hover,#showallapts a:active,#showallapts a:focus {
	background:url(../images/iland/btn_showallapts_over.png) no-repeat}
#showallapts a span {
	display:none}







/*=================================================================
Styles for the blue City Living/Location link that's on some pages
===================================================================*/
#citylivinglink {
	margin:0px;
	background:#3994BD url(../images/iland/btn_iland_location.png)}
#citylivinglink span {
	display:none}
#citylivinglink a {
	display:block;
	width:175px;
	height:97px;
	background:none}
#citylivinglink a:hover,#citylivinglink a:active,#citylivinglink a:focus {
	background-image:url(../images/iland/btn_iland_location_over.png)}




/*=================================================
override My Properties stuff from main crosby.css
==================================================*/
.item .apartment {
	border-color:#CCC}
.item a:hover img,.item a:active img,.item a:focus img {
	border:1px solid #94cb54!important}


#mplink {
	background:#3994BD url(../images/iland/btn_MyProperties.gif);
	border-right:2px solid #024b74;
	border-left:2px solid #024b74;
	border-bottom:2px solid #024b74}
#mplink a {
	background:none}
#mplink a:hover,#mplink a:active,#mplink a:focus {
	background:url(../images/iland/btn_MyProperties_over.gif)}








/*===============================================
search page stuff common accros all subsites 
================================================*/
#searchresults {
	background:#CCC}
#searchresults .item {
	background:url(../images/iland/gq_searchresult.png) no-repeat}
#searchresults .item a {
	text-transform:uppercase}
#searchresults .item p {
	float:left;
	width:auto}
#searchresults .item_close {
	background:url(../images/iland/gq_searchresult_end.png) no-repeat}
#searchresults .item .details,#apartdetails .details {
	text-transform:uppercase;
	font:bold 1.4em Arial, Helvetica, sans-serif;
	color:#6f818d;
	float:right;
	width:150px;
	text-align:right;
	padding-right:15px}
#searchresults .item .details strong,#apartdetails .details strong {
	color:#484749}
#apartdetails {
	background:#FFF!important;
	color:#484749!important}
#apartdetails h1 {
	color:#484749!important}
#apartdetails h1 {
	color:#484749!important}
#searchresults ul.resultoptions {
	float:right;
	margin:5px 0px 0px 0px;
	padding:0px 5px 0px 0px;
	list-style:none;
	clear:right;
	width:200px}
#searchresults ul.resultoptions li {
	float:left}
#searchresults ul.resultoptions li a strong {
	display:none}
#searchresults ul.resultoptions li a {
	display:block;
	height:22px;
	float:left}
	
	
p.gotomp {
	background:url(../images/iland/btn_gotomp.png) no-repeat;
	float:right;
	width:199px;
	margin-right:18px}
	
/*IE5 mac hack\*/
* html p.gotomp {
	margin-right:9px}
/*END IE5 mac hack*/

p.gotomp a {
	background:url(../images/iland/btn_gotomp.png) no-repeat;
	display:block;
	width:199px;
	height:44px;
	float:right}
p.gotomp a:hover,p.gotomp a:active,p.gotomp a:focus {
	background:url(../images/iland/btn_gotomp_over.png) no-repeat!important}








/*=================================================
override search page stuff from main crosby.css
=================================================*/
#searchcriteria {	
	background:#FFF url(../images/iland/plan01.png) no-repeat 15px -40px}
#searchcriteria p {
	margin:0px 0px 0px 320px}
	
.searchresultsintro {
	color:#FFF}


#searchresults {
	background:#8ac863}
#searchresults .item_close {
	background:url(../images/iland/gq_searchresult_end.png) no-repeat}





/*==========================================
override default footer styles
===========================================*/
#footer,#footer a {
	color:#FFF}
#footer a:hover,#footer a:active,#footer a:focus {
	background:#94cb54}



#explore img{
_width:320px!important;
}
#explore ul {
	margin:10px 10px 10px 20px;
	padding:0}

#explore h3 {
	font-size:1em;
	margin-bottom:5px}

#explore li {
	font-size:1.1em}