/* CSS Document */


/* ====================================================================== STANDARD ELEMENTS */

*
	{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	}

body, html
	{
		color: #333;
		background-color: #29abe2;
		font-family: Helvetica, Arial, Verdana, sans-serif;
		line-height: 1.35em;
		background-image: url(../images/wallpaper.jpg);
	}
	

#container
	{
	position: relative;
	margin: 0 auto;
	width: 1121px;
	}
	
#container2
	{
	width: 974px;
	margin: 0;
	padding: 10px;
	background-color: #000;
	}
	
h1, h2
	{
	font-weight: normal;
	}

h2#westtitle
	{
	margin: 0px;
	line-height: 0px;
	}

a
	{
	text-decoration: none;
	color: #0c7491;
	}
	
table
	{
	font-size: 8pt;
	}
	
td
	{
	vertical-align: top;
	}
	
td *
	{
	margin: 5px;
	vertical-align: top;
	}
	
input[type=submit]
	{
	color: #4d4d4d;
	background-color: #fff;
	border: 1px solid #ccc;
	}
	
input[type=text], textarea
	{
	width: 234px;
	color: #333;
	background-color: #e9f2f3;
	border: 1px solid #0c7491;
	}
	
textarea
	{
	height: 118px;
	}
	
ul ul
	{
	margin-left: 15px;
	}




/* ====================================================================== MAIN CONTENT AREA */

#main
	{
	position: relative;
	width: 974px;
	height: 429px;
	background-color: #fff;
	}

#content
	{
	position: relative;
	width: 100%;
	height: 100%;
	}

#content #col1
	{
	position: absolute;
	top: 11px;
	left: 42px;
	width: 598px;
	height: 360px;
	border: 1px solid #000;
	overflow: hidden;
	}
#content #col1.construction
	{
	position: absolute;
	top: 11px;
	left: 42px;
	width: 709px;
	height: 362px;
	border: none;
	overflow: hidden;
	}
#street_slideshow {
    position:relative;
    float: left;
    border: 1px solid black;
    height:360px;
    width:241px;
    margin-right: 5px;
	}
#aerial_slideshow {
    position:relative;
    float: left;
    border: 1px solid black;
    height:360px;
    width:450px;
	}

#street_slideshow IMG, #aerial_slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	}

#street_slideshow IMG.active, #aerial_slideshow IMG.active {
    z-index:10;
    opacity:1.0;
	}

#street_slideshow IMG.last-active, #aerial_slideshow IMG.last-active {
    z-index:9;
	}
#content #col2
	{
	position: absolute;
	bottom: 56px;
	left: 660px;
	}
#content #col2.construction
	{
	position: absolute;
	bottom: 56px;
	left: 756px;
	}
#content #col2 li
	{
	margin: 0;
	}

#content #col2 li a, #content #col3 li a
	{
	margin: 0 !important;
	color: #000;
	}

#content #col2 #shortlist li, #content #col3 #shortlist li
	{
	height: auto;
	width: 120px;
	margin: 0 0 8px;
	line-height: 13px;
	}

#content #col2 li a:hover, #content #col2 li a.selected, #content #col3 li a:hover, #content #col3 li a.selected
	{
	color: #0c7491;
	}
	
#content #col3
	{
	position: absolute;
	bottom: 63px;
	left: 767px;
	}


#content h1
	{
	position: absolute;
	bottom: 63px;
	left: 13px;
	width: 16px;
	height: 200px;
	text-indent: -9999px;
	background-position: bottom;
	background-repeat: no-repeat;
	}

#content ul
	{
	margin: 0 0 0 8px;
	}

#content li
	{
	list-style: none;
	font-size: 10px;
	line-height: 14px;
	padding: 0px;
	color: #666;
	}



/* ====================================================================== UPPER RIGHT NAV */

#nav
	{
	position: absolute;
	z-index: 100;
	top: 0;
	right: 0;
	width: 104px;
	height: 123px;
	border-left: 3px solid #000;
	border-bottom: 3px solid #000;
	background-color: #fff;
	}
	
#nav li
	{
	list-style: none;
	width: 98px;
	padding: 2px;
	border-bottom: 2px dotted #0c7491;
	}
	
#nav li.last
	{
	border-bottom: none;
	}
	
#nav li a
	{
	display: block;
	width: 100px;
	height: 19px;
	text-indent: -9999px;
	}
	
#bloglink
	{
	background-image: url(../images/bloglink.gif);
	}
	
#bloglink:hover
	{
	background-image: url(../images/bloglinkover.gif);
	}

#ianscyanlink
	{
	background-image: url(../images/ianscyanlink.gif);
	}
	
#ianscyanlink:hover
	{
	background-image: url(../images/ianscyanlinkover.gif);
	}	
	
#contactlink
	{
	background-image: url(../images/contactlink.gif);
	}
	
#contactlink:hover
	{
	background-image: url(../images/contactlinkover.gif);
	}	
	
#floorplanslink
	{
	background-image: url(../images/floorplanslink.gif);
	}
	
#floorplanslink:hover
	{
	background-image: url(../images/floorplanslinkover.gif);
	}	
	
#pricinglink
	{
	background-image: url(../images/pricinglink.gif);
	}
	
#pricinglink:hover
	{
	background-image: url(../images/pricinglinkover.gif);
	}	

#maplink
	{
	background-image: url(../images/maplink.gif);
	}
	
#maplink:hover
	{
	background-image: url(../images/maplinkover.gif);
	}	

#photoslink
	{
	background-image: url(../images/photoslink.gif);
	}
	
#photoslink:hover
	{
	background-image: url(../images/photoslinkover.gif);
	}

	
/* ====================================================================== LOWER LEFT NAV */
	
#nav2
	{
	position: absolute;
	z-index: 100;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 56px;
	background-image: url(../images/navshadow.png);
	background-position: bottom;
	background-repeat: repeat-x;
	}
	
#nav2 li
	{
	display: block;
	float: left;
	list-style: none;
	height: 28px;
	}
	
	
#nav2 li a
	{
	display: block;
	height: 27px;
	font-size: 8pt;
	color: #000;
	text-indent: -9999px;
	overflow: hidden;
	}
	
#urbannaturelink
	{
	width: 138px;
	margin: 28px 4px 0 0;
	background-image: url(../images/urbannature.gif);
	}

#urbannaturelink:hover
	{
	width: 138px;
	margin: 28px 4px 0 0;
	background-image: url(../images/urbannatureover.gif);
	}
	
#heretherelink
	{
	width: 119px;
	margin: 28px 4px 0 0;
	background-image: url(../images/herethere.gif);
	}
	
#heretherelink:hover
	{
	width: 119px;
	margin: 28px 4px 0 0;
	background-image: url(../images/herethereover.gif);
	}
	
#quietloudlink
	{
	width: 119px;
	margin: 28px 4px 0 0;
	background-image: url(../images/quietloud.gif);
	}
	
#quietloudlink:hover
	{
	width: 119px;
	margin: 28px 4px 0 0;
	background-image: url(../images/quietloudover.gif);
	}
	
#smallbiglink
	{
	width: 114px;
	margin: 28px 4px 0 0;
	background-image: url(../images/smallbig.gif);
	}
	
#smallbiglink:hover
	{
	width: 114px;
	margin: 28px 4px 0 0;
	background-image: url(../images/smallbigover.gif);
	}
	
#localgloballink
	{
	width: 136px;
	margin: 28px 4px 0 0;
	background-image: url(../images/localglobal.gif);
	}
	
#localgloballink:hover
	{
	width: 136px;
	margin: 28px 4px 0 0;
	background-image: url(../images/localglobalover.gif);
	}
	
#virtualtraditionallink
	{
	width: 175px;
	margin: 28px 4px 0 0;
	background-image: url(../images/virtualtraditional.gif);
	}
	
#virtualtraditionallink:hover
	{
	width: 175px;
	margin: 28px 4px 0 0;
	background-image: url(../images/virtualtraditionalover.gif);
	}
	
#livinglookinglink
	{
	width: 149px;
	margin: 28px 0 0 0;
	background-image: url(../images/livinglooking.gif);
	}
	
#livinglookinglink:hover
	{
	width: 149px;
	margin: 28px 0 0 0;
	background-image: url(../images/livinglookingover.gif);
	}


/* ====================================================================== LOWER TEXT AREA */

#info
	{
	position: relative;
	width: 974px;
	min-height: 140px;
	padding: 10px 0;
	background-color: #000;
	color: #ccc;
	}
	
#info *
	{
	color: #ccc;
	}

#info strong
	{
	color: #fff;
	font-size: 1.2em;
	}

#logo
	{
	float: left;
	width: 41px;
	height: 134px;
	background: url(../images/logo.png);
	}
	
#logo a
	{
	display: block;
	height: 100%;
	width: 100%;
	text-indent: -9999px;
	overflow: hidden;
	}
	
#infocopy
	{
	margin: 9px 0 0 143px;
	}
	
#infocopy.short
	{
	margin: 9px 330px 0 143px;
	}
	
#info h1, #info h2, #info p
	{
	color: #ccc;
	}	
	
#info h1
	{
	margin: 0 0 3px 0;
	font-family: Times, serif;
	font-size: 13pt;
	font-style: italic;
	font-weight: normal;
	color: #fff;
	}
	
#info p
	{
	font-family: Verdana, Arial, sans-serif;
	font-size: 8.5pt;
	font-weight: normal;
	line-height: 12pt;
	margin-bottom: 5px;
	color: #ccc;
	}
	
#info .right
	{
	float: right;
	margin: 0 0 0 95px;
	width: 177px;
	}
	
#info .right.long
	{
	float: right;
	margin: 0 0 0 49px;
	width: 332px;
	}

.infobuttontitle
	{
	position: relative;
	height: 21px;
	width: 167px;
	margin: 0 0 5px 0;
	text-align: center;
	}
	
.infobuttontitlevertical
	{
	float: left;
	margin: 0 32px 0 0;
	}
	
.infobutton
	{
	float: left;
	margin: 0 10px 10px 0;
	width: 78px;
	height: 53px;
	}
	
.infobuttonvertical
	{
	float: left;
	margin: 9px 19px 10px 0;
	width: 53px;
	height: 132px;
	}	
	
.infobutton a, .infobuttonvertical a
	{
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	overflow: hidden;	
	}

/* ====================================================================== LPI AND READERBOARD */	
	
#lpi
	{
	position: absolute;
	top: 0px;
	left: 984px;
	width: 117px;
	background-color: #000;
	border: 10px solid #000;
	}	
	
#lpi img {
	display: block;
}

#lpilinks
	{
	line-height: 10px;
	height: 47px;
	margin: 0;
	padding: 7px 9px 2px 9px;
	background-color: #fff;
	}
	
#learnmorelink
	{
	display: block;
	padding: 0;
	width: 77px;
	height: 7px;
	background-image: url(../images/learnmorelink.gif);
	text-indent: -9999px;
	}
	
#learnmorelink:hover
	{
	background-image: url(../images/learnmorelinkover.gif);
	}
	
#developmentlink
	{
	display: block;
	padding: 0;
	width: 87px;
	height: 19px;
	background-image: url(../images/developmentlink.gif);
	text-indent: -9999px;
	}
	
#developmentlink:hover
	{
	background-image: url(../images/developmentlinkover.gif);
	}
	
#lpilinks hr
	{
	width: 101px;
	height: 1px;
	margin: 7px 0 9px 0;
	border: none;
	border-bottom: 1px solid #000;
	}

#addedlinks
	{
	height: 47px;
	margin: 10px 0 0 0;
	padding: 7px 9px 4px 9px;
	background-color: #fff;
	}
	
#locationmaplink
	{
	display: block;
	padding: 0;
	width: 88px;
	height: 7px;
	background-image: url(../images/locationmaplink.gif);
	text-indent: -9999px;
	}
	
#locationmaplink:hover
	{
	background-image: url(../images/locationmaplinkover.gif);
	}
	
#downloadphotoslink
	{
	display: block;
	padding: 0;
	width: 87px;
	height: 19px;
	background-image: url(../images/downloadphotoslink.gif);
	text-indent: -9999px;
	}
	
#downloadphotoslink:hover
	{
	background-image: url(../images/downloadphotoslinkover.gif);
	}

#readerboardcontainer
	{
	width: 994px;
	height: 34px;
	margin: 0;
	background-color: #000;
	}

#readerboard
	{
	position: relative; 
	height: 23px;
	margin: 0 10px 10px 10px;
	background-color: #fff;
	overflow: hidden;
	}
	
#marquee
	{
	position: absolute;
	left: -9999px;
	height: 20px;
	}
	
#marquee a
	{
	color: #0c7491;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	}


/* ====================================================================== INCLUDED PAGES*/



/* HOME */

	
#homeicons
	{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 853px;
	height: 100%;
	}
	
.homeicon
	{
	position: relative;
	display: block;
	width: 94px;
	height: 119px;
	float: left;
	margin: 11px 2px 2px 10.5px;
	opacity: 0;
	cursor: pointer;
	}

#homecopy
	{
	background-image: url(../images/homecopy.png);
	text-indent: -9999px;
	margin-top: 10px;
	width: 548px;
	height: 99px;
	}



/* URBAN > NATURE */

#urbannature h1
	{
	background-image: url(../images/urbannaturetitle.gif);
	}

.greendetails
	{
	position: absolute;
	z-index: 100;
	width: 205px;
	padding: 3px 7px 5px;
	background-color: #fff;
	border: 2px solid #000;
	display: none;
	}
	
.greendetails h2
	{
	font-size: 8pt;
	font-weight: bold;
	}
	
.greendetails p
	{
	font-size: 8pt;
	line-height: 10pt;
	}

	
.energyicon
	{
	position: absolute;
	width: 16px;
	height: 16px;
	background-image: url(../images/energyicon.gif);
	cursor: pointer;
	}

#climatecontrol { bottom: 209px; left: 157px; } 
.climatecontrol { bottom: 193px; left: 380px; }	 
#glass { bottom: 194px; left: 36px; } 
.glass { bottom: 278px; left: 259px; } 
#lighting { bottom: 154px; left: 243px; } 
.lighting { bottom: 138px; left: 227px; } 
#refrigerators { bottom: 78px; left: 169px; } 	
.refrigerators { bottom: 62px; left: 153px; }


.airicon {
	position: absolute;
	width: 16px;
	height: 16px;
	background-image: url(../images/airicon.gif);
	cursor: pointer;
	}

#carpets { bottom: 136px; left: 113px; } 
.carpets { bottom: 120px; left: 336px; }	 
#materials { bottom: 244px; left: 25px; width: 206px; } 
.materials { bottom: 228px; left: 249px; } 
#vocs { bottom: 154px; left: 243px; } 
.vocs { bottom: 138px; left: 227px; } 
#cleaning { bottom: 78px; left: 169px; } 	
.cleaning { bottom: 62px; left: 153px; }


.landicon
	{
	position: absolute;
	width: 16px;
	height: 16px;
	background-image: url(../images/landicon.gif);
	cursor: pointer;
	}
	
#recycled { bottom: 198px; left: 112px; } 
.recycled { bottom: 179px; left: 335px; }	 
#renewable { bottom: 108px; left: 160px; } 
.renewable { bottom: 92px; left: 383px; } 
#wastemanagement { bottom: 68px; left: 263px; } 
.wastemanagement { bottom: 52px; left: 247px; }

	
.watericon
	{
	position: absolute;
	width: 16px;
	height: 16px;
	background-image: url(../images/watericon.gif);
	cursor: pointer;
	}

#roof { bottom: 229px; left: 154px; } 
.roof { bottom: 213px; left: 377px; }	 
#harvesting { bottom: 294px; left: 265px; } 
.harvesting { bottom: 278px; left: 249px; } 
#conservation { bottom: 124px; left: 99px; } 
.conservation { bottom: 108px; left: 322px; }


#energy
	{
	background-image: url(../images/energy.gif);
	}
	
#energy:hover, #energy.selected
	{
	background-image: url(../images/energyover.gif);
	}
	
#air
	{
	background-image: url(../images/air.gif);
	}

#air:hover, #air.selected
	{
	background-image: url(../images/airover.gif);
	}
	
#land
	{
	background-image: url(../images/land.gif);
	}
	
#land:hover, #land.selected
	{
	background-image: url(../images/landover.gif);
	}
	
#water
	{
	background-image: url(../images/water.gif);
	}

#water:hover, #water.selected
	{
	background-image: url(../images/waterover.gif);
	}


/* HERE > THERE */



#imagegrid .image
	{
	position: relative;
	float: left;
	width: 149px;
	height: 90px;
	background-color: #ccc;
	overflow: hidden;
	}
	
#imagegrid .image.long
	{
	width: 150px;
	}

.imagemask
	{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
	
.imagemask:hover
	{
	background-image: url(../images/imagemask.png);
	}
	
#herethere h1
	{
	background-image: url(../images/heretheretitle.gif);
	}
	
#herethereimage
	{
	cursor: pointer;
	}

#heretherecaption h2
	{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	height: 15px;
	margin-bottom: 5px;
	text-transform: uppercase;
	}
	
#heretherecaption p
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 11pt;
	}
	
#here
	{
	background-image: url(../images/here.gif);
	}
	
#here:hover, #here.selected
	{
	background-image: url(../images/hereover.gif);
	}
	
#walk
	{
	background-image: url(../images/walk.gif);
	}

#walk:hover, #walk.selected
	{
	background-image: url(../images/walkover.gif);
	}
	
#bike
	{
	background-image: url(../images/bike.gif);
	}
	
#bike:hover, #bike.selected
	{
	background-image: url(../images/bikeover.gif);
	}
	
#ride
	{
	background-image: url(../images/ride.gif);
	}

#ride:hover, #ride.selected
	{
	background-image: url(../images/rideover.gif);
	}
	
.mapicondetails
	{
	position: absolute;
	z-index: 100;
	width: 140px;
	height: 8px;
	padding: 1px 5px 3px 5px;
	background-color: #fff;
	border: 2px solid #000;
	font-size: 7pt;
	line-height: 8px;
	color: #fff;
	background-color: #000;
	display: none;
	}
	
	
.mapicon
	{
	position: absolute;
	width: 16px;
	height: 16px;
	background-image: url(../images/mapicon.gif);
	cursor: pointer;
	}
	

#pettygroveparkpoint { bottom: 162px; left: 303px; }
.pettygrovepark	{ bottom: 162px; left: 457px; }
#walkingstreetspoint { bottom: 224px; left: 303px; }
.walkingstreets	{ bottom: 224px; left: 457px; }
#streetcarstoppoint { bottom: 173px; left: 175px; }
.streetcarstop	{ bottom: 173px; left: 159px; }
#streetcarstop2point { bottom: 17px; left: 253px; }
.streetcarstop2 { bottom: 17px; left: 407px; }
#streetcarstop3point { bottom: 243px; left: 64px; }
.streetcarstop3 { bottom: 243px; left: 48px; }
#privateplazapoint { bottom: 191px; left: 245px; }
.privateplaza { bottom: 191px; left: 399px; }
#zipcarpoint { bottom: 71px; left: 195px; }
.zipcar { bottom: 71px; left: 179px; }
#zipcar2point { bottom: 17px; left: 107px; }
.zipcar2 { bottom: 17px; left: 91px; }
#zipcar3point { bottom: 17px; left: 287px; }
.zipcar3 { bottom: 17px; left: 271px; }
#iconicdesignpoint { bottom: 182px; left: 178px; }
.iconicdesign	{ bottom: 182px; left: 332px; }
#shippingpoint { bottom: 182px; left: 178px; }
.shipping	{ bottom: 182px; left: 332px; }
#groundfloorretailpoint { bottom: 182px; left: 178px; }
.groundfloorretail	{ bottom: 182px; left: 332px; }
#lobbypoint { bottom: 182px; left: 178px; }
.lobby	{ bottom: 182px; left: 332px; }
#screeningroompoint { bottom: 182px; left: 178px; }
.screeningroom	{ bottom: 182px; left: 332px; }
#sittingpoint { bottom: 182px; left: 178px; }
.sitting	{ bottom: 182px; left: 332px; }
#bikeparkingpoint { bottom: 182px; left: 178px; }
.bikeparking	{ bottom: 182px; left: 332px; }

#portlandsequence2point { bottom: 133px; left: 251px; }
.portlandsequence2	{ bottom: 133px; left: 235px; }
#marketpoint { bottom: 116px; left: 143px; }
.market	{ bottom: 116px; left: 127px; }
#southparkpoint { bottom: 89px; left: 105px; }
.southpark	{ bottom: 89px; left: 89px; }
#kellerauditoriumpoint { bottom: 110px; left: 285px; }
.kellerauditorium { bottom: 110px; left: 269px; }
#fifthavecinemapoint { bottom: 48px; left: 185px; }
.fifthavecinema { bottom: 48px; left: 169px; }
#broadwaypoint { bottom: 52px; left: 125px; }
.broadway { bottom: 52px; left: 109px; }
#higginspoint { bottom: 240px; left: 203px; }
.higgins { bottom: 240px; left: 187px; }
#carafepoint { bottom: 117px; left: 269px; }
.carafe { bottom: 117px; left: 253px; }
#muratapoint { bottom: 102px; left: 301px; }
.murata { bottom: 102px; left: 285px; }
#hotlipspizzapoint { bottom: 43px; left: 148px; }
.hotlipspizza	{ bottom: 43px; left: 132px; }
#twentyfourhrfitnesspoint { bottom: 171px; left: 256px; }
.twentyfourhrfitness	{ bottom: 171px; left: 240px; }
#lovejoypoint { bottom: 50px; left: 224px; }
.lovejoy	{ bottom: 50px; left: 208px; }
#hotelpoint { bottom: 175px; left: 232px; }
.hotel	{ bottom: 175px; left: 216px; }

.waterfront { bottom: 165px; left: 275px; }
#waterfrontpoint	{ bottom: 165px; left: 291px; }
.artmuseum { bottom: 185px; left: 99px; }
#artmuseumpoint	{ bottom: 185px; left: 115px; }
.schnitz { bottom: 221px; left: 147px; }
#schnitzpoint	{ bottom: 221px; left: 163px; width: 200px; }
.stumptown { bottom: 328px; left: 276px; }
#stumptownpoint { bottom: 328px; left: 292px; }
.clydecommon { bottom: 338px; left: 134px; }
#clydecommonpoint { bottom: 338px; left: 150px; }
.paddysbarandgrill { bottom: 201px; left: 268px; }
#paddysbarandgrillpoint { bottom: 201px; left: 284px; }
.greatharvest { bottom: 288px; left: 166px; }
#greatharvestpoint { bottom: 288px; left: 182px; }
.veritablequandary { bottom: 131px; left: 250px; }
#veritablequandarypoint { bottom: 131px; left: 265px; }
.fox { bottom: 245px; left: 147px; }
#foxpoint { bottom: 245px; left: 163px; }
.fuego { bottom: 256px; left: 56px; }
#fuegopoint	{ bottom: 256px; left: 72px; }


/* QUIET > LOUD */

#quietloud h1
	{
	background-image: url(../images/quietloudtitle.gif);
	left: 863px;
	bottom: 41px;
	}
	
#icons
	{
	margin: 0;
	width: 853px;
	height: 100%;
	}
	
.icon
	{
	position: relative;
	display: block;
	width: 90px;
	height: 115px;
	float: left;
	margin: 11px 6px 6px 10.5px;
	}
	
.iconrollover
	{
	position: absolute;
	top: -7px;
	left: -7px;
	z-index: 151;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0;
	}
	
.iconrollover:hover
	{
	opacity: 1;
	}
	
.iconlabel
	{
	position: absolute;
	left: -6px;
	bottom: -28px;
	z-index: 150;
	height: 19px;
	text-align: center;
	}
	
.iconlabel span
	{
	display: block;
	width: 100px;
	height: 20px;
	padding: 0 8px;
	color: #fff;
	background-color: #0c7491;
	font-size: 9pt;
	line-height: 20px;
	text-align: center;
	border: 2px solid #000;
	}
	
.iconrolloverborder
	{
	width: 94px;
	height: 119px;
	border: 7px solid #0c7491;
	}

.iconhighlight
	{
	position: absolute;
	top: 0;
	left: 0;
	background-color: #ccc;
	height: 100%;
	width: 100%;
	display: none;
	}
	


#detail, #iansdetail
	{
	position: absolute;
	top: 64px;
	left: 50%;
	margin-left: -258px;
	z-index: 500;
	width: 368px;
	height: 408px;
	color: #4d4d4d;
	background-color: #fff;
	border: 10px solid black;
	display: none;
	}
	
#detail
	{
	height: auto;
	min-height: 408px;
	}

#detailicon, #iansdetailicon
	{
	float: left;
	margin: 24px 0 0 27px;
	width: 90px;
	height: 115px;
	}
	
#detailtitle
	{
	margin: 24px 27px 0 138px;
	min-height: 120px;
	}
	
#detailtitle h2
	{
	margin: 0 0 5px 0;
	}
	
#detailtitle p
	{
	font-size: 11pt;
	}
	
#detailcopy, #iansdetailcopy
	{
	margin: 22px 30px 74px 17px;
	padding: 29px 27px 0 27px;
	font-size: 9pt;
	border-top: 2px dotted #4d4d4d;
	}
	
#detailcopy
	{
	line-height: 10pt;
	}
	
#detailcopy li
	{
	line-height: 11pt;
	margin-bottom: 10px;
	}
	
#detailcopy li.sponsor-simple
	{
	list-style: none;
	}

#detail a
	{
	text-decoration: none;
	color: #0c7491;
	font-weight: bold;	
	}
	
#detailfooter
	{
	position: absolute;
	bottom: 17px;
	right: 30px;
	left: 30px;
	font-size: 7pt;
	line-height: 8pt;
	}
	
#detailclose, #iansdetailclose
	{
	position: absolute;
	top: 12px;
	right: 13px;
	width: 13px;
	height: 13px;
	background-image: url(../images/closebutton.gif);
	cursor: pointer;	
	}

#live
	{
	background-image: url(../images/live.gif);
	}
	
#live:hover, #live.selected
	{
	background-image: url(../images/liveover.gif);
	}
	
#work
	{
	background-image: url(../images/work.gif);
	}

#work:hover, #work.selected
	{
	background-image: url(../images/workover.gif);
	}
	
#play
	{
	background-image: url(../images/play.gif);
	}
	
#play:hover, #play.selected
	{
	background-image: url(../images/playover.gif);
	}
	
#connect
	{
	background-image: url(../images/connect.gif);
	}

#connect:hover, #connect.selected
	{
	background-image: url(../images/connectover.gif);
	}
	
a.sponsor, 
img.sponsor
	{
	display: block;
	}
	
img.sponsor
	{
	line-height: 1px;
	padding: 4px 0 0 0;
	}

/* SMALL > BIG */
	
#smallbig h1
	{
	background-image: url(../images/smallbigtitle.gif);
	}
	

#threeboxes
	{
	margin: 10;	
	}

#westbox
	{
	position: absolute;
	top: 130px;
	left: 40px;
	width: 142px;
	height: 79px;
	background-image: url(../images/westbox.gif);
	cursor: pointer;
	}

#westboxlabel
	{
	position: absolute;
	top: -55px;
	left: 20px;
	width: 13px;
	height: 56px;
	display: none;
	}


#eastbox
	{
	position: absolute;
	top: 130px;
	left: 222px;
	width: 149px;
	height: 79px;
	background-image: url(../images/eastbox.gif);
	cursor: pointer;
	}

#eastboxlabel
	{
	position: absolute;
	top: -55px;
	left: 20px;
	width: 13px;
	height: 56px;
	display: none;
	}

	
	
#ltdbox
	{
	position: absolute;
	top: 130px;
	left: 400px;
	width: 160px;
	height: 79px;
	background-image: url(../images/ltdbox.gif);
	cursor: pointer;
	}

#ltdboxlabel
	{
	position: absolute;
	top: -55px;
	left: 20px;
	width: 25px;
	height: 56px;
	display: none;
	}

.boxsublabel
	{
	position: absolute;
	display: none;
	top: -55px;
	left: 45px;
	height: 20px;
	display: none;
	font-size: 7pt;
	line-height: 8pt;
	color: #4d4d4d;
	}
	
#ltdboxsublabel
	{
	left: 58px;
	}

#instructions
	{
	margin: 250px 0 0 100px;
	}

#smallbig p, #smallbig li
	{
	font-size: 8pt;
	}
	
#smallbig li
	{
	margin: 2px 8px;
	}
	
#westtitle
	{
	display: block;
	width: 89px;
	height: 362px;
	float: left;
	background-image: url(../images/westtitle.gif);
	text-indent: -9999px;
	}
	
#west
	{
	background-image: url(../images/westbutton.gif);
	}
	
#west:hover, #west.selected
	{
	background-image: url(../images/westbuttonover.gif);
	}

#easttitle
	{
	display: block;
	width: 89px;
	height: 362px;
	float: left;
	background-image: url(../images/easttitle.gif);
	text-indent: -9999px;
	}

#east
	{
	background-image: url(../images/eastbutton.gif);
	}

#east:hover, #east.selected
	{
	background-image: url(../images/eastbuttonover.gif);
	}
	
#ltdtitle
	{
	display: block;
	width: 89px;
	height: 362px;
	float: left;
	background-image: url(../images/ltdtitle.gif);
	text-indent: -9999px;
	}

#ltd
	{
	background-image: url(../images/ltdbutton.gif);
	}


#ltd:hover, #ltd.selected
	{
	background-image: url(../images/ltdbuttonover.gif);
	}
	
#floorplanholder
	{
	position: absolute;
	top: -3000px;
	left: -3000px;
	width: 6000px;
	height: 6000px;
	}	
	
#floorplan
	{
	position: absolute;
	top: 3000px;
	left: 3000px;
	width: 598px;
	height: 360px;
	background-color: #ccc;
	cursor: move;
	}

#zoom
	{
	position: absolute;
	z-index: 500;
	bottom: 10px;
	right: 10px;
	}

#zoomin, #zoomout
	{
	display: block;
	width: 47px;
	height: 18px;
	margin: 0 0 6px 0;
	padding: 0 6px 3px 6px;
	border: 1px solid #ccc;
	font-size: 11px;
	color: #4d4d4d;
	background-color: #fff;
	text-align: center;
	cursor: pointer;
	}
	
#zoomin:hover, #zoomout:hover
	{
	color: #000;
	border: 1px solid #29abe2;
	}

#loadingmessage
	{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 600;
	height: 20px;
	width: 80px;
	margin: -15px 0 0 -40px;
	font-size: 8pt;
	line-height: 15pt;
	text-align: center;
	color: #fff;
	background-color: #0c7491;
	display: none;
	}
	
#specs
	{
	position: absolute;
	bottom: 10px;
	left: 18px;
	color: #fff;
	font-size: 10px;
	line-height: 14pt;
	font-weight: bold;
	}
	
#specs *
	{
	color: #fff;
	}
	
	
#floorfinder
	{
	position: relative;
	float: right;
	width: 250px;
	min-height: 150px;
	}
	
#floorselector
	{
	position: absolute;
	top: 0;
	right: 15px;
	z-index: 100;
	width: 80px;
	height: 100px;
	}
	
#floorselector span
	{
	float: right;
	width: 15px;
	height: 15px;
	margin: 0 3px 3px 0;
	color: #fff;
	font-size: 9pt;
	text-align: center;
	cursor: pointer;
	}
	
#floorselector span:hover, #floorselector span.selected
	{
	color: #0c7491;
	}
	
#floorselector span#floor0
	{
	width: 69px;
	height: 30px;
	background: url('/images/commonspaceslink.gif') 100% 0% no-repeat;
	text-indent: -9999px;
	text-transform: uppercase;
	letter-spacing: 1px;
	}

#floorselector span#floor0:hover, 
#floorselector span#floor0.selected
	{
	background: url('/images/commonspaceslinkover.gif') 100% 0% no-repeat;
	}

#floorselectorbuilding, #floorselectoroverlay
	{
	position: absolute;
	top: 0;
	left: 35px;
	width: 184px;
	height: 164px;
	}
	
#floorselectoroverlay
	{
	top: 0;
	left: 0;
	background-image: url(../images/floorplans/floorfinder1.png);
	}

		
#unitselector
	{
	float: right;	
	width: 250px;
	}
	
#floornav
	{
	position: relative;
	width: 207px;
	height: 164px;
	margin-left: 50px;
	}
	
#unitselector.west #floornav
	{
	background-image: url(../images/floorplans/floor1west.gif);
	}
	
#unitselector.east #floornav
	{
	background-image: url(../images/floorplans/floor1east.gif);
	}
	
#unitselector.ltd #floornav
	{
	background-image: url(../images/floorplans/floor1ltd.gif);
	}
	
#unithighlight, #selectedunithighlight
	{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	}
	
.unitselector
	{
	position: absolute;
	z-index: 200;
	border: 1px solid #cc4;
	overflow: hidden;
	cursor: pointer;
	opacity: 0;
	}
	
.unitselector:hover
	{
	border: 1px solid #fff;
	}
	

/* UNIT SELECTOR - COMMON AREAS */

#unit001 { top: 60px; left: 82px; width: 95px; height: 89px; }
#unit003 { top: 49px; left: 55px; width: 14px; height: 16px; }
#unit004 { top: 45px; left: 32px; width: 23px; height: 20px; }


/* UNIT SELECTOR - WEST */

#unit114 { top: 34px; left: 32px; width: 25px; height: 10px; }

#unit205 { top: 123px; left: 32px; width: 25px; height: 10px; }
#unit206 { top: 112px; left: 32px; width: 26px; height: 10px; }
#unit207 { top: 103px; left: 32px; width: 26px; height: 7px; }
#unit208 { top: 93px; left: 32px; width: 26px; height: 10px; }
#unit209 { top: 84px; left: 32px; width: 26px; height: 10px; }
#unit210 { top: 74px; left: 32px; width: 26px; height: 10px; }
#unit211 { top: 64px; left: 32px; width: 26px; height: 10px; }
#unit212 { top: 54px; left: 32px; width: 26px; height: 10px; }
#unit213 { top: 44px; left: 32px; width: 26px; height: 10px; }
#unit214 { top: 34px; left: 32px; width: 25px; height: 10px; }
#unit215 { top: 24px; left: 32px; width: 26px; height: 10px; }

#unit305 { top: 122px; left: 32px; width: 26px; height: 10px; }
#unit306 { top: 112px; left: 32px; width: 26px; height: 10px; }
#unit307 { top: 103px; left: 32px; width: 26px; height: 7px; }
#unit308 { top: 93px; left: 32px; width: 26px; height: 10px; }
#unit309 { top: 84px; left: 32px; width: 26px; height: 10px; }
#unit310 { top: 74px; left: 32px; width: 26px; height: 10px; }
#unit311 { top: 64px; left: 32px; width: 26px; height: 10px; }
#unit312 { top: 54px; left: 32px; width: 26px; height: 10px; }
#unit313 { top: 44px; left: 32px; width: 26px; height: 10px; }
#unit314 { top: 34px; left: 32px; width: 25px; height: 10px; }
#unit315 { top: 24px; left: 32px; width: 26px; height: 10px; }

#unit405 { top: 123px; left: 32px; width: 25px; height: 10px; }
#unit406 { top: 112px; left: 32px; width: 26px; height: 10px; }
#unit407 { top: 103px; left: 32px; width: 26px; height: 7px; }
#unit408 { top: 93px; left: 32px; width: 26px; height: 10px; }
#unit409 { top: 84px; left: 32px; width: 26px; height: 10px; }
#unit410 { top: 74px; left: 32px; width: 26px; height: 10px; }
#unit411 { top: 64px; left: 32px; width: 26px; height: 10px; }
#unit412 { top: 54px; left: 32px; width: 26px; height: 10px; }
#unit413 { top: 44px; left: 32px; width: 25px; height: 10px; }
#unit414 { top: 34px; left: 32px; width: 25px; height: 10px; }
#unit415 { top: 24px; left: 32px; width: 26px; height: 10px; }

#unit505 { top: 123px; left: 32px; width: 25px; height: 10px; }
#unit506 { top: 112px; left: 32px; width: 26px; height: 10px; }
#unit507 { top: 103px; left: 32px; width: 26px; height: 7px; }
#unit508 { top: 93px; left: 32px; width: 26px; height: 10px; }
#unit509 { top: 84px; left: 32px; width: 26px; height: 10px; }
#unit510 { top: 74px; left: 32px; width: 26px; height: 10px; }
#unit511 { top: 64px; left: 32px; width: 26px; height: 10px; }
#unit512 { top: 54px; left: 32px; width: 26px; height: 10px; }
#unit513 { top: 44px; left: 32px; width: 26px; height: 10px; }
#unit514 { top: 34px; left: 32px; width: 25px; height: 10px; }
#unit515 { top: 24px; left: 32px; width: 26px; height: 10px; }

#unit605 { top: 123px; left: 32px; width: 25px; height: 10px; }
#unit606 { top: 112px; left: 32px; width: 26px; height: 10px; }
#unit607 { top: 103px; left: 32px; width: 26px; height: 7px; }
#unit608 { top: 93px; left: 32px; width: 26px; height: 10px; }
#unit609 { top: 84px; left: 32px; width: 26px; height: 10px; }
#unit610 { top: 74px; left: 32px; width: 26px; height: 10px; }
#unit611 { top: 64px; left: 32px; width: 26px; height: 10px; }
#unit612 { top: 54px; left: 32px; width: 25px; height: 10px; }
#unit613 { top: 44px; left: 32px; width: 25px; height: 10px; }
#unit614 { top: 34px; left: 32px; width: 25px; height: 10px; }
#unit615 { top: 24px; left: 32px; width: 26px; height: 10px; }

#unit705 { top: 123px; left: 32px; width: 25px; height: 10px; }
#unit706 { top: 112px; left: 32px; width: 26px; height: 10px; }
#unit707 { top: 103px; left: 32px; width: 26px; height: 7px; }
#unit708 { top: 93px; left: 32px; width: 26px; height: 10px; }
#unit709 { top: 84px; left: 32px; width: 26px; height: 10px; }
#unit710 { top: 74px; left: 32px; width: 26px; height: 10px; }
#unit711 { top: 64px; left: 32px; width: 26px; height: 10px; }
#unit712 { top: 54px; left: 32px; width: 26px; height: 10px; }
#unit713 { top: 44px; left: 32px; width: 26px; height: 10px; }
#unit714 { top: 34px; left: 32px; width: 25px; height: 10px; }
#unit715 { top: 24px; left: 32px; width: 26px; height: 10px; }

#unit805 { top: 123px; left: 32px; width: 25px; height: 10px; }
#unit806 { top: 112px; left: 32px; width: 26px; height: 10px; }
#unit807 { top: 103px; left: 32px; width: 26px; height: 7px; }
#unit808 { top: 93px; left: 32px; width: 26px; height: 10px; }
#unit809 { top: 84px; left: 32px; width: 26px; height: 10px; }
#unit810 { top: 74px; left: 32px; width: 26px; height: 10px; }
#unit811 { top: 64px; left: 32px; width: 26px; height: 10px; }
#unit812 { top: 54px; left: 32px; width: 26px; height: 10px; }
#unit813 { top: 44px; left: 32px; width: 26px; height: 10px; }
#unit814 { top: 34px; left: 32px; width: 25px; height: 10px; }
#unit815 { top: 24px; left: 32px; width: 25px; height: 10px; }

#unit905 { top: 123px; left: 32px; width: 25px; height: 10px; }
#unit906 { top: 112px; left: 32px; width: 26px; height: 10px; }
#unit907 { top: 103px; left: 32px; width: 26px; height: 7px; }
#unit908 { top: 93px; left: 32px; width: 26px; height: 10px; }
#unit909 { top: 84px; left: 32px; width: 26px; height: 10px; }
#unit910 { top: 74px; left: 32px; width: 26px; height: 10px; }
#unit911 { top: 64px; left: 32px; width: 26px; height: 10px; }
#unit912 { top: 54px; left: 32px; width: 26px; height: 10px; }
#unit913 { top: 44px; left: 32px; width: 26px; height: 10px; }
#unit914 { top: 34px; left: 32px; width: 25px; height: 10px; }
#unit915 { top: 24px; left: 32px; width: 26px; height: 10px; }

#unit1005 { top: 123px; left: 32px; width: 25px; height: 10px; }
#unit1006 { top: 112px; left: 32px; width: 26px; height: 10px; }
#unit1007 { top: 103px; left: 32px; width: 26px; height: 7px; }
#unit1008 { top: 93px; left: 32px; width: 26px; height: 10px; }
#unit1009 { top: 84px; left: 32px; width: 26px; height: 10px; }
#unit1010 { top: 74px; left: 32px; width: 26px; height: 10px; }
#unit1011 { top: 64px; left: 32px; width: 26px; height: 10px; }
#unit1012 { top: 54px; left: 32px; width: 26px; height: 10px; }
#unit1013 { top: 44px; left: 32px; width: 26px; height: 10px; }
#unit1014 { top: 34px; left: 32px; width: 25px; height: 10px; }
#unit1015 { top: 24px; left: 32px; width: 25px; height: 10px; }

#unit1105 { top: 123px; left: 32px; width: 25px; height: 10px; }
#unit1106 { top: 112px; left: 32px; width: 26px; height: 10px; }
#unit1107 { top: 103px; left: 32px; width: 26px; height: 7px; }
#unit1108 { top: 93px; left: 32px; width: 26px; height: 10px; }
#unit1109 { top: 84px; left: 32px; width: 26px; height: 10px; }
#unit1110 { top: 74px; left: 32px; width: 26px; height: 10px; }
#unit1111 { top: 64px; left: 32px; width: 26px; height: 10px; }
#unit1112 { top: 54px; left: 32px; width: 26px; height: 10px; }
#unit1113 { top: 44px; left: 32px; width: 26px; height: 10px; }
#unit1114 { top: 34px; left: 32px; width: 25px; height: 10px; }
#unit1115 { top: 24px; left: 32px; width: 26px; height: 10px; }

#unit1205 { top: 123px; left: 32px; width: 25px; height: 10px; }
#unit1206 { top: 112px; left: 32px; width: 26px; height: 10px; }
#unit1207 { top: 103px; left: 32px; width: 26px; height: 7px; }
#unit1208 { top: 93px; left: 32px; width: 26px; height: 10px; }
#unit1209 { top: 84px; left: 32px; width: 26px; height: 10px; }
#unit1210 { top: 74px; left: 32px; width: 26px; height: 10px; }
#unit1211 { top: 64px; left: 32px; width: 26px; height: 10px; }
#unit1212 { top: 54px; left: 32px; width: 26px; height: 10px; }
#unit1213 { top: 44px; left: 32px; width: 26px; height: 10px; }
#unit1214 { top: 34px; left: 32px; width: 25px; height: 10px; }
#unit1215 { top: 24px; left: 32px; width: 26px; height: 10px; }

#unit1305 { top: 123px; left: 32px; width: 25px; height: 10px; }
#unit1306 { top: 112px; left: 32px; width: 26px; height: 10px; }
#unit1307 { top: 103px; left: 32px; width: 26px; height: 7px; }
#unit1308 { top: 93px; left: 32px; width: 26px; height: 10px; }
#unit1309 { top: 84px; left: 32px; width: 26px; height: 10px; }
#unit1310 { top: 74px; left: 32px; width: 26px; height: 10px; }
#unit1311 { top: 64px; left: 32px; width: 26px; height: 10px; }
#unit1312 { top: 54px; left: 32px; width: 26px; height: 10px; }
#unit1313 { top: 44px; left: 32px; width: 26px; height: 10px; }
#unit1314 { top: 34px; left: 32px; width: 25px; height: 10px; }
#unit1315 { top: 24px; left: 32px; width: 26px; height: 10px; }

#unit1405 { top: 123px; left: 32px; width: 25px; height: 10px; }
#unit1406 { top: 112px; left: 32px; width: 26px; height: 10px; }
#unit1407 { top: 103px; left: 32px; width: 26px; height: 7px; }
#unit1408 { top: 93px; left: 32px; width: 26px; height: 10px; }
#unit1409 { top: 84px; left: 32px; width: 26px; height: 10px; }
#unit1410 { top: 74px; left: 32px; width: 26px; height: 10px; }
#unit1411 { top: 64px; left: 32px; width: 26px; height: 10px; }
#unit1412 { top: 54px; left: 32px; width: 26px; height: 10px; }
#unit1413 { top: 44px; left: 32px; width: 26px; height: 10px; }
#unit1414 { top: 34px; left: 32px; width: 25px; height: 10px; }
#unit1415 { top: 24px; left: 32px; width: 26px; height: 10px; }

#unit1505 { top: 123px; left: 32px; width: 25px; height: 10px; }
#unit1506 { top: 112px; left: 32px; width: 26px; height: 10px; }
#unit1507 { top: 103px; left: 32px; width: 26px; height: 7px; }
#unit1508 { top: 93px; left: 32px; width: 26px; height: 10px; }
#unit1509 { top: 84px; left: 32px; width: 26px; height: 10px; }
#unit1510 { top: 74px; left: 32px; width: 26px; height: 10px; }
#unit1511 { top: 64px; left: 32px; width: 26px; height: 10px; }
#unit1512 { top: 54px; left: 32px; width: 26px; height: 10px; }
#unit1513 { top: 44px; left: 32px; width: 26px; height: 10px; }
#unit1514 { top: 34px; left: 32px; width: 25px; height: 10px; }
#unit1515 { top: 24px; left: 32px; width: 26px; height: 10px; }

#unit1611 { top: 64px; left: 32px; width: 26px; height: 10px; }


/* UNIT SELECTOR - EAST */

#unit102 { top: 111px; left: 62px; width: 18px; height: 13px; }

#unit201 { top: 97px; left: 62px; width: 18px; height: 13px; }
#unit202 { top: 111px; left: 62px; width: 18px; height: 13px; }

#unit301 { top: 97px; left: 62px; width: 18px; height: 13px; }
#unit302 { top: 111px; left: 62px; width: 18px; height: 13px; }

#unit401 { top: 97px; left: 62px; width: 18px; height: 13px; }
#unit402 { top: 111px; left: 62px; width: 18px; height: 13px; }
#unit419 { top: 44px; left: 62px; width: 18px; height: 13px; }
#unit420 { top: 59px; left: 62px; width: 18px; height: 13px; }

#unit401 { top: 97px; left: 62px; width: 18px; height: 13px; }
#unit402 { top: 111px; left: 62px; width: 18px; height: 13px; }
#unit419 { top: 44px; left: 62px; width: 18px; height: 13px; }
#unit420 { top: 59px; left: 62px; width: 18px; height: 13px; }

#unit501 { top: 97px; left: 62px; width: 18px; height: 13px; }
#unit502 { top: 111px; left: 62px; width: 18px; height: 13px; }
#unit519 { top: 44px; left: 62px; width: 18px; height: 13px; }
#unit520 { top: 59px; left: 62px; width: 18px; height: 13px; }

#unit601 { top: 97px; left: 62px; width: 18px; height: 13px; }
#unit602 { top: 111px; left: 62px; width: 18px; height: 13px; }
#unit619 { top: 44px; left: 62px; width: 18px; height: 13px; }
#unit620 { top: 59px; left: 62px; width: 18px; height: 13px; }

#unit701 { top: 97px; left: 62px; width: 18px; height: 13px; }
#unit702 { top: 111px; left: 62px; width: 18px; height: 13px; }
#unit719 { top: 44px; left: 62px; width: 18px; height: 13px; }
#unit720 { top: 59px; left: 62px; width: 18px; height: 13px; }

#unit801 { top: 97px; left: 62px; width: 18px; height: 13px; }
#unit802 { top: 111px; left: 62px; width: 18px; height: 13px; }
#unit819 { top: 44px; left: 62px; width: 18px; height: 13px; }
#unit820 { top: 59px; left: 62px; width: 18px; height: 13px; }

#unit901 { top: 97px; left: 62px; width: 18px; height: 13px; }
#unit902 { top: 111px; left: 62px; width: 18px; height: 13px; }
#unit919 { top: 44px; left: 62px; width: 18px; height: 13px; }
#unit920 { top: 59px; left: 62px; width: 18px; height: 13px; }

#unit1001 { top: 97px; left: 62px; width: 18px; height: 13px; }
#unit1002 { top: 111px; left: 62px; width: 18px; height: 13px; }
#unit1019 { top: 44px; left: 62px; width: 18px; height: 13px; }
#unit1020 { top: 59px; left: 62px; width: 18px; height: 13px; }

#unit1101 { top: 97px; left: 62px; width: 18px; height: 13px; }
#unit1102 { top: 111px; left: 62px; width: 18px; height: 13px; }
#unit1119 { top: 44px; left: 62px; width: 18px; height: 13px; }
#unit1120 { top: 59px; left: 62px; width: 18px; height: 13px; }

#unit1201 { top: 97px; left: 62px; width: 18px; height: 13px; }
#unit1202 { top: 111px; left: 62px; width: 18px; height: 13px; }
#unit1219 { top: 44px; left: 62px; width: 18px; height: 13px; }
#unit1220 { top: 59px; left: 62px; width: 18px; height: 13px; }

#unit1301 { top: 97px; left: 62px; width: 18px; height: 13px; }
#unit1302 { top: 111px; left: 62px; width: 18px; height: 13px; }
#unit1319 { top: 44px; left: 62px; width: 18px; height: 13px; }
#unit1320 { top: 59px; left: 62px; width: 18px; height: 13px; }

#unit1401 { top: 97px; left: 62px; width: 18px; height: 13px; }
#unit1402 { top: 111px; left: 62px; width: 18px; height: 13px; }
#unit1419 { top: 44px; left: 62px; width: 18px; height: 13px; }
#unit1420 { top: 59px; left: 62px; width: 18px; height: 13px; }

#unit1501 { top: 97px; left: 62px; width: 18px; height: 13px; }
#unit1502 { top: 111px; left: 62px; width: 18px; height: 13px; }
#unit1519 { top: 44px; left: 62px; width: 18px; height: 13px; }
#unit1520 { top: 59px; left: 62px; width: 18px; height: 13px; }

#unit1620 { top: 59px; left: 62px; width: 18px; height: 13px; }


/* UNIT SELECTOR - LTD */

#unit101 { top: 96px; left: 63px; width: 17px; height: 15px; }
#unit112 { top: 54px; left: 32px; width: 23px; height: 8px; }
#unit113 { top: 45px; left: 32px; width: 18px; height: 8px; }
#unit116 { top: 10px; left: 32px; width: 25px; height: 23px; }
#unit117 { top: 10px; left: 57px; width: 23px; height: 12px; }
#unit121 { top: 14px; left: 82px; width: 13px; height: 16px; }
#unit122 { top: 14px; left: 96px; width: 13px; height: 16px; }
#unit123 { top: 14px; left: 111px; width: 13px; height: 16px; }
#unit124 { top: 14px; left: 125px; width: 13px; height: 16px; }
#unit125 { top: 14px; left: 140px; width: 13px; height: 16px; }
#unit126 { top: 14px; left: 153px; width: 13px; height: 16px; }
#unit127 { top: 34px; left: 158px; width: 8px; height: 24px; }
#unit128 { top: 34px; left: 148px; width: 8px; height: 24px; }
#unit129 { top: 34px; left: 138px; width: 8px; height: 24px; }
#unit130 { top: 34px; left: 128px; width: 8px; height: 24px; }
#unit131 { top: 34px; left: 118px; width: 8px; height: 24px; }
#unit132 { top: 34px; left: 108px; width: 8px; height: 24px; }
#unit133 { top: 34px; left: 98px; width: 8px; height: 24px; }
#unit134 { top: 34px; left: 88px; width: 8px; height: 24px; }
#unit135 { top: 33px; left: 72px; width: 17px; height: 25px; }


#unit200 { top: 74px; left: 63px; width: 17px; height: 23px; }
#unit201 { top: 96px; left: 63px; width: 17px; height: 15px; }
#unit203 { top: 131px; left: 62px; width: 18px; height: 15px; }
#unit204 { top: 131px; left: 32px; width: 28px; height: 15px; }
#unit212 { top: 54px; left: 32px; width: 23px; height: 8px; }
#unit212 { top: 45px; left: 32px; width: 18px; height: 8px; }
#unit216 { top: 10px; left: 32px; width: 25px; height: 23px; }
#unit217 { top: 10px; left: 57px; width: 23px; height: 12px; }
#unit220 { top: 55px; left: 62px; width: 17px; height: 17px; }
#unit221 { top: 14px; left: 82px; width: 13px; height: 16px; }
#unit222 { top: 14px; left: 96px; width: 13px; height: 16px; }
#unit223 { top: 14px; left: 111px; width: 13px; height: 16px; }
#unit224 { top: 14px; left: 125px; width: 13px; height: 16px; }
#unit225 { top: 14px; left: 140px; width: 13px; height: 16px; }
#unit226 { top: 14px; left: 155px; width: 13px; height: 16px; }
#unit227 { top: 34px; left: 148px; width: 17px; height: 24px; }
#unit229 { top: 34px; left: 138px; width: 8px; height: 24px; }
#unit230 { top: 34px; left: 128px; width: 8px; height: 24px; }
#unit231 { top: 34px; left: 118px; width: 8px; height: 24px; }
#unit232 { top: 34px; left: 108px; width: 8px; height: 24px; }
#unit233 { top: 34px; left: 98px; width: 8px; height: 24px; }
#unit234 { top: 34px; left: 88px; width: 8px; height: 24px; }
#unit235 { top: 33px; left: 72px; width: 17px; height: 25px; }

#unit300 { top: 74px; left: 63px; width: 17px; height: 23px; }
#unit301 { top: 96px; left: 63px; width: 17px; height: 15px; }
#unit303 { top: 131px; left: 62px; width: 18px; height: 15px; }
#unit304 { top: 131px; left: 32px; width: 28px; height: 15px; }
#unit312 { top: 54px; left: 32px; width: 23px; height: 8px; }
#unit312 { top: 45px; left: 32px; width: 18px; height: 8px; }
#unit316 { top: 10px; left: 32px; width: 25px; height: 23px; }
#unit317 { top: 10px; left: 57px; width: 23px; height: 12px; }
#unit320 { top: 55px; left: 62px; width: 17px; height: 17px; }
#unit321 { top: 14px; left: 82px; width: 13px; height: 16px; }
#unit322 { top: 14px; left: 96px; width: 13px; height: 16px; }
#unit323 { top: 14px; left: 111px; width: 13px; height: 16px; }
#unit324 { top: 14px; left: 125px; width: 13px; height: 16px; }
#unit325 { top: 14px; left: 140px; width: 13px; height: 16px; }
#unit326 { top: 14px; left: 155px; width: 13px; height: 16px; }
#unit327 { top: 34px; left: 148px; width: 17px; height: 24px; }
#unit329 { top: 34px; left: 138px; width: 8px; height: 24px; }
#unit330 { top: 34px; left: 128px; width: 8px; height: 24px; }
#unit331 { top: 34px; left: 118px; width: 8px; height: 24px; }
#unit332 { top: 34px; left: 108px; width: 8px; height: 24px; }
#unit333 { top: 34px; left: 98px; width: 8px; height: 24px; }
#unit334 { top: 34px; left: 88px; width: 8px; height: 24px; }
#unit335 { top: 33px; left: 72px; width: 17px; height: 25px; }

#unit400 { top: 74px; left: 63px; width: 17px; height: 23px; }
#unit403 { top: 131px; left: 62px; width: 18px; height: 15px; }
#unit404 { top: 131px; left: 32px; width: 28px; height: 15px; }
#unit416 { top: 10px; left: 32px; width: 25px; height: 14px; }
#unit417 { top: 10px; left: 57px; width: 23px; height: 12px; }
#unit418 { top: 30px; left: 63px; width: 17px; height: 13px; }

#unit500 { top: 74px; left: 63px; width: 17px; height: 23px; }
#unit503 { top: 131px; left: 62px; width: 18px; height: 15px; }
#unit504 { top: 131px; left: 32px; width: 28px; height: 15px; }
#unit516 { top: 10px; left: 32px; width: 25px; height: 14px; }
#unit517 { top: 10px; left: 57px; width: 23px; height: 12px; }
#unit518 { top: 30px; left: 63px; width: 17px; height: 13px; }

#unit600 { top: 74px; left: 63px; width: 17px; height: 23px; }
#unit603 { top: 131px; left: 62px; width: 18px; height: 15px; }
#unit604 { top: 131px; left: 32px; width: 28px; height: 15px; }
#unit616 { top: 10px; left: 32px; width: 25px; height: 14px; }
#unit617 { top: 10px; left: 57px; width: 23px; height: 12px; }
#unit618 { top: 30px; left: 63px; width: 17px; height: 13px; }

#unit700 { top: 74px; left: 63px; width: 17px; height: 23px; }
#unit703 { top: 131px; left: 62px; width: 18px; height: 15px; }
#unit704 { top: 131px; left: 32px; width: 28px; height: 15px; }
#unit716 { top: 10px; left: 32px; width: 25px; height: 14px; }
#unit717 { top: 10px; left: 57px; width: 23px; height: 12px; }
#unit718 { top: 30px; left: 63px; width: 17px; height: 13px; }

#unit800 { top: 74px; left: 63px; width: 17px; height: 23px; }
#unit803 { top: 131px; left: 62px; width: 18px; height: 15px; }
#unit804 { top: 131px; left: 32px; width: 28px; height: 15px; }
#unit816 { top: 10px; left: 32px; width: 25px; height: 14px; }
#unit817 { top: 10px; left: 57px; width: 23px; height: 12px; }
#unit818 { top: 30px; left: 63px; width: 17px; height: 13px; }

#unit900 { top: 74px; left: 63px; width: 17px; height: 23px; }
#unit903 { top: 131px; left: 62px; width: 18px; height: 15px; }
#unit904 { top: 131px; left: 32px; width: 28px; height: 15px; }
#unit916 { top: 10px; left: 32px; width: 25px; height: 14px; }
#unit917 { top: 10px; left: 57px; width: 23px; height: 12px; }
#unit918 { top: 30px; left: 63px; width: 17px; height: 13px; }

#unit1000 { top: 74px; left: 63px; width: 17px; height: 23px; }
#unit1003 { top: 131px; left: 62px; width: 18px; height: 15px; }
#unit1004 { top: 131px; left: 32px; width: 28px; height: 15px; }
#unit1016 { top: 10px; left: 32px; width: 25px; height: 14px; }
#unit1017 { top: 10px; left: 57px; width: 23px; height: 12px; }
#unit1018 { top: 30px; left: 63px; width: 17px; height: 13px; }

#unit1100 { top: 74px; left: 63px; width: 17px; height: 23px; }
#unit1103 { top: 131px; left: 62px; width: 18px; height: 15px; }
#unit1104 { top: 131px; left: 32px; width: 28px; height: 15px; }
#unit1116 { top: 10px; left: 32px; width: 25px; height: 14px; }
#unit1117 { top: 10px; left: 57px; width: 23px; height: 12px; }
#unit1118 { top: 30px; left: 63px; width: 17px; height: 13px; }

#unit1200 { top: 74px; left: 63px; width: 17px; height: 23px; }
#unit1203 { top: 131px; left: 62px; width: 18px; height: 15px; }
#unit1204 { top: 131px; left: 32px; width: 28px; height: 15px; }
#unit1216 { top: 10px; left: 32px; width: 25px; height: 14px; }
#unit1217 { top: 10px; left: 57px; width: 23px; height: 12px; }
#unit1218 { top: 30px; left: 63px; width: 17px; height: 13px; }

#unit1300 { top: 74px; left: 63px; width: 17px; height: 23px; }
#unit1303 { top: 131px; left: 62px; width: 18px; height: 15px; }
#unit1304 { top: 131px; left: 32px; width: 28px; height: 15px; }
#unit1316 { top: 10px; left: 32px; width: 25px; height: 14px; }
#unit1317 { top: 10px; left: 57px; width: 23px; height: 12px; }
#unit1318 { top: 30px; left: 63px; width: 17px; height: 13px; }

#unit1400 { top: 74px; left: 63px; width: 17px; height: 23px; }
#unit1403 { top: 131px; left: 62px; width: 18px; height: 15px; }
#unit1404 { top: 131px; left: 32px; width: 28px; height: 15px; }
#unit1416 { top: 10px; left: 32px; width: 25px; height: 14px; }
#unit1417 { top: 10px; left: 57px; width: 23px; height: 12px; }
#unit1418 { top: 30px; left: 63px; width: 17px; height: 13px; }

#unit1500 { top: 74px; left: 63px; width: 17px; height: 23px; }
#unit1503 { top: 131px; left: 62px; width: 18px; height: 15px; }
#unit1504 { top: 131px; left: 32px; width: 28px; height: 15px; }
#unit1516 { top: 10px; left: 32px; width: 25px; height: 14px; }
#unit1517 { top: 10px; left: 57px; width: 23px; height: 12px; }
#unit1518 { top: 30px; left: 63px; width: 17px; height: 13px; }

#unit1600 { top: 74px; left: 63px; width: 17px; height: 23px; }
#unit1601 { top: 98px; left: 63px; width: 17px; height: 26px; }
#unit1603 { top: 131px; left: 62px; width: 18px; height: 15px; }
#unit1604 { top: 131px; left: 32px; width: 28px; height: 15px; }
#unit1608 { top: 111px; left: 32px; width: 25px; height: 18px; }
#unit1609 { top: 91px; left: 32px; width: 25px; height: 18px; }
#unit1610 { top: 72px; left: 32px; width: 25px; height: 17px; }
#unit1612 { top: 44px; left: 32px; width: 25px; height: 18px; }
#unit1613 { top: 25px; left: 32px; width: 25px; height: 18px; }
#unit1616 { top: 10px; left: 32px; width: 25px; height: 14px; }
#unit1617 { top: 10px; left: 57px; width: 23px; height: 12px; }
#unit1618 { top: 30px; left: 62px; width: 17px; height: 26px; }

	
/* LOCAL > GLOBAL */	
	
#localglobal h1
	{
	background-image: url(../images/localglobaltitle.gif);
	}

/* VIRTUAL > TRADITIONAL */
	
#virtualtraditional h1
	{
	background-image: url(../images/virtualtraditionaltitle.gif);
	}
	
#virtualtraditional #col2
	{
	top: 11px;
	bottom: auto;
	}
	
#virtualtraditional #col2 .list
	{
	margin: 10px 0;
	}
	
#virtualtraditional #col2 .list .button
	{
	position: relative;
	}
	
.connector
	{
	position: absolute;
	top: 9px;
	left: 123px;
	display: none;
	width: 25px;
	height: 1px;
	border-bottom: 1px solid #29abe2;
	}
	
#virtualtraditional #col2 .list .button.selected .connector
	{
	display: block;
	}
	
#virtualtraditional #col3
	{
	top: 145px;
	bottom: 300px;
	left: 800px;
	}

#virtualtraditional #col3 ul
	{
	border-left: 1px solid #29abe2;
	}

#virtualtraditional #col3 li
	{
	position: relative;
	display: block;
	height: auto;
	font-size: 7pt;
	line-height: 8pt;
	margin: 0px 8px;
	padding: 3px;
	text-transform: uppercase;
	}


/* CONTACT */
	
#contact h1
	{
	background-image: url(../images/contactus.gif);
	}

.contact div
	{
	display: block;
	float: left;
	margin: 25px 25px 10px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	}
	
.submit
	{
	height: 18px;
	margin: 0 0 6px 3px;
	padding: 3px;
	border: 1px solid #ccc;
	font-size: 11px;
	color: #4d4d4d;
	cursor: pointer;
	}

.submit:hover
	{
	color: #000;
	border: 1px solid #29abe2;
	}
		

/* IAN'S CYAN */	


#ianscyan img
	{
	background-image: url(../images/wallpaper.jpg);
	}


#questions
	{
	width: 853px;
	height: 100%;
	}
	
.question
	{
	position: relative;
	display: block;
	width: 94px;
	height: 119px;
	float: left;
	margin: 12px 0 0 12px;
	}
	
.questionrollover
	{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 94px;
	height: 119px;
	}
	
.question:hover
	{
	background-image: none;
	background-color: #fff;
	}
	

#question1 { background-image: url(../images/ianscyan/1.gif); }
#question1:hover { background-image: url(../images/ianscyan/1over.gif); }
#question2 { background-image: url(../images/ianscyan/2.gif); }
#question2:hover { background-image: url(../images/ianscyan/2over.gif); }
#question3 { background-image: url(../images/ianscyan/3.gif); }
#question3:hover { background-image: url(../images/ianscyan/3over.gif); }
#question4 { background-image: url(../images/ianscyan/4.gif); }
#question4:hover { background-image: url(../images/ianscyan/4over.gif); }
#question5 { background-image: url(../images/ianscyan/5.gif); }
#question5:hover { background-image: url(../images/ianscyan/5over.gif); }
#question6 { background-image: url(../images/ianscyan/6.gif); }
#question6:hover { background-image: url(../images/ianscyan/6over.gif); }
#question7 { background-image: url(../images/ianscyan/7.gif); }
#question7:hover { background-image: url(../images/ianscyan/7over.gif); }
#question8 { background-image: url(../images/ianscyan/8.gif); }
#question8:hover { background-image: url(../images/ianscyan/8over.gif); }	
#question9 { background-image: url(../images/ianscyan/9.gif); }
#question9:hover { background-image: url(../images/ianscyan/9over.gif); }	
#question10 { background-image: url(../images/ianscyan/10.gif); }
#question10:hover { background-image: url(../images/ianscyan/10over.gif); }	
#question11 { background-image: url(../images/ianscyan/11.gif); }
#question11:hover { background-image: url(../images/ianscyan/11over.gif); }	
#question12 { background-image: url(../images/ianscyan/12.gif); }
#question12:hover { background-image: url(../images/ianscyan/12over.gif); }	
#question13 { background-image: url(../images/ianscyan/13.gif); }
#question13:hover { background-image: url(../images/ianscyan/13over.gif); }	
#question14 { background-image: url(../images/ianscyan/14.gif); }
#question14:hover { background-image: url(../images/ianscyan/14over.gif); }	
#question15 { background-image: url(../images/ianscyan/15.gif); }
#question15:hover { background-image: url(../images/ianscyan/15over.gif); }	
#question16 { background-image: url(../images/ianscyan/16.gif); }
#question16:hover { background-image: url(../images/ianscyan/16over.gif); }	
#question17 { background-image: url(../images/ianscyan/17.gif); }
#question17:hover { background-image: url(../images/ianscyan/17over.gif); }	
#question18 { background-image: url(../images/ianscyan/18.gif); }
#question18:hover { background-image: url(../images/ianscyan/18over.gif); }	
#question19 { background-image: url(../images/ianscyan/19.gif); }
#question19:hover { background-image: url(../images/ianscyan/19over.gif); }	
#question20 { background-image: url(../images/ianscyan/20.gif); }
#question20:hover { background-image: url(../images/ianscyan/20over.gif); }	
#question21 { background-image: url(../images/ianscyan/21.gif); }
#question21:hover { background-image: url(../images/ianscyan/21over.gif); }	
#question22 { background-image: url(../images/ianscyan/22.gif); }
#question22:hover { background-image: url(../images/ianscyan/22over.gif); }	
#question23 { background-image: url(../images/ianscyan/23.gif); }
#question23:hover { background-image: url(../images/ianscyan/23over.gif); }	
#question24 { background-image: url(../images/ianscyan/24.gif); }
#question24:hover { background-image: url(../images/ianscyan/24over.gif); }




.pullout
	{
	position: absolute;
	display: none;
	top: 0;
	left: 94px;
	z-index: 200;
	width: 204px;
	height: 119px;
	background-image: url(../images/question.gif);
	color: #fff;
	vertical-align: middle;
	}
	
.pullout *
	{
	color: #fff;
	}

.pullout .center
	{
	position: static;
	top: 50%;
	display: table-cell;
	vertical-align: middle;
	}

.pullout p
	{
	position: relative;
	top: -50%;
	margin-left: 16px;
	width: 160px;
	font-size: 9pt;
	line-height: 11pt;
	text-transform: uppercase;
	}
	
#iansquestiontitle
	{
	margin: 24px 27px 0 138px;
	width: 180px;
	min-height: 120px;
	color: #0c7491;
	font-size: 10pt;
	line-height: 12pt;
	text-transform: uppercase;
	}



/* ====================================================================== MISC */

.button, .fakebutton
	{
	display: block;
	min-width: 111px;
	height: 18px;
	margin: 0 0 6px 0;
	padding: 0 6px 2px 6px;
	border: 1px solid #ccc;
	font-size: 11px;
	color: #4d4d4d;
	cursor: pointer;
	}

.button:hover, .button.selected
	{
	color: #000;
	border: 1px solid #29abe2;
	}
	
.fakebutton
	{
	cursor: default;
	color: #000;
	border: 1px solid #29abe2;
	}
	
.cyan
	{
	color: #0c7491;
	}

.verdana
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
.smallcaps
	{
	font-size: .9em;
	text-transform: uppercase;
	}
	
.clear
	{
	height: 1px;
	text-indent: -9999px;
	clear: both;
	}

.mask
	{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 400;
	display: none;
	background-image: url(../images/mask.png);
	}
	
	
	

/* ====================================================================== ACCESIBILITY */

#skip{
	position:absolute;
	left:-9999px;
	top:5px;
	font-size:0.9em;
	font-weight:bold;
	color:#6D8E7B;
	background-color:#fff;
	padding:0 0.2em;
	text-decoration:none;
	text-transform:lowercase;
	border:solid 1px #fff;
}
#skip:active, #skip:focus{
	left:auto;
	right:5px;
}

/* Display inline, so this does nothing visually, but it's needed for an bug with the skip link in IE. */
/* See: http://www.jimthatcher.com/skipnav.htm#simple for details. */
#skiptarget{
	position:absolute;
	left:-9999px;
	width:1px;
}

#copyright {
	margin-top: 10px;
	font-size: 10px;
	color: #fff;
	
}