/* ------------------------------------------------------------------
	MAIN STYLESHEET
	
	Project: Williams & McDaniel
	Date: 01.25.10
	Designer: Cindy Dochstader cindy@rkd.ca
	
	COLOURS:	
	Blue Text: #15438a
	Blue Text Hover: #3165b6
	Beige Background: #e8d5af	
	Light Beige Text: #f8eedb

------------------------------------------------------------------- */


/* TABLE OF CONTENTS */
/* ---------------------------------------- HTML, BODY, RESETS */
/* ---------------------------------------- GLOBAL STYLES */
/* ---------------------------------------- STRUCTURE */
/* -------------------------------------------- Header */
/* ----------------------------------------------- Top Nav */
/* -------------------------------------------- Wrappers and Content Area */
/* ----------------------------------------------- Side Bar */
/* ----------------------------------------------- Basic Pages */
/* ----------------------------------------------- Home Page */
/* ----------------------------------------------- City Page */
/* ----------------------------------------------- ListingPages */
/* ----------------------------------------------- SearchPages */
/* ----------------------------------------------- Club Oyster*/
/* -------------------------------------------- Footer */
/* -------------------------------------------- Form */
/* ---------------------------------------- JAVASCRIPT SPECIFIC CSS */
/* -------------------------------------------- GalleryView (on Listing Details Page) */
/* -------------------------------------------- ClueTip */
/* -------------------------------------------- Cycle (on Homepage) */
/* -------------------------------------------- Accordian */


 
/* ----------------------------------------------
	HTML, BODY, RESETS
---------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

html { 
	overflow-y: scroll; /* keeps vertical scroll bar in firefox at all times so page doesn't jump around */
	height: 100%;
	}

body {
	background: #fff; /* background colour should be same as content area background colour to ensure WYSIWYG looks same as website */
	padding:0;
	margin:0;
	top:0;
	left: 0;
	font: 14px/20px Lucida Grande, Lucida Sans Unicode, sans-serif;
	line-height:20px;
	color:#312d27;
	}
	.BodyStyle { /* use this class to set body background colour so that it does not interfere with the WYSIWYG editor */
		background: url(../../images/body-bg.jpg) repeat;		
		}

img, form { /* removes all default formatting on images and forms */
	padding:0;
	margin:0;
	line-height:0;
	}

:focus { outline: none; } /* removes dotted outline from links */

.Clear { clear: both; } /* clears all floats; apply to empty divs */



/* ----------------------------------------------
	GLOBAL STYLES - style as necessary
---------------------------------------------- */

a:link, a:visited {
	color: #15438a;
	text-decoration: none;
	}
	a:hover, a:active {
		color: #3165b6;
		text-decoration: underline;
		}	
		
h3 a:link, h3 a:visited {
	color: #564c3e;
	text-decoration: underline;
	}

		
a:hover img{ 
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	}
	
a.PDF { /* icons for document downloads */
	display: inline-block;
	padding-right: 20px;
	margin-right:6px;
	background: transparent url(../../images/icon_adobe.gif) no-repeat center right;
	}
				
p, td, div { font: 14px/20px Lucida Grande, Lucida Sans Unicode, sans-serif; }
p { padding:0 0 11px 0; }

strong, b { font-weight: bold; }

em, i { font-style: italic; }

h1 {
	color: #15438a;
	font: 22px/24px Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	margin:0 0 11px 0;
	}

h2 {
	color: #15438a;
	font: 18px/20px Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	margin:20px 0 11px 0;
	}
	
h3 {
	color: #564c3e;
	margin:5px 0 2px 0;
	font-size:15px;
	font-weight:bold;
	}
	
h4 {
	color: #564c3e;
	margin:5px 0 2px 0;
	font-size:14px;
	font-weight:bold;
	}
		
ul, ol {
	margin-bottom:11px;
	padding:0;
	list-style-type: none;	}
	
	li {	
		background: url(../../images/li-bullet.png) no-repeat 0 7px;
		padding: 0 0 11px 10px; 
		margin: 0;
		}
		
hr {display: none;}

.ContentHR {
	clear:both;
	margin:10px 0;
	padding:0 0 10px 0;
	height: 2px;
	background: url(../../images/sidebar-hr.png) repeat-x ;
	}

.Note {
	font-size:13px;
	font-style:italic;
	}

/* styles used by WYSIWYG - style as necessary */
pre { }
address { }



/* ----------------------------------------------
	STRUCTURE
---------------------------------------------- */	
			
/* ---------------------------------------- Header */

#PrintHeader { display: none; }

#Header { 
	margin: 0 auto -4px auto;
	height:163px;
	width:960px;
	position:relative;
	overflow:hidden;
	z-index:1000;
 	}
	
.Logo { 
	position:absolute;	
	top:0;
	left:0;
	width:300px;
	height:123px;
	float:left; 
	}		

.TopLinks {
	position:absolute;
	right:0;
	top:27px;
	float:right;
	font-size:12px;
	color:#fff;
	}
	.TopLinks a:link, .TopLinks a:visited { 
		color:#fff; 
		}

.TagLine {	
	position:absolute;
	right:0;
	top:92px;
	float:right;	
	font: 18px Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	color:#e8d5af;
	}

	
/* ---------------------------------------- Top Nav */
	
ul.TopNav {
	position:absolute;
	top:123px;
	right:0;
	width:960px;
	height:40px;
	padding:0;
	margin:0;
	background: url(../../images/nav-bg.png) no-repeat;	
	list-style-type: none;	
	}
	ul.TopNav li {
		float:left;
		list-style-type: none;
		padding: 0 20px; /* 0 32px with no Commercial */
		margin:0;
		background: none;
		}
	
ul.TopNav a:link, ul.TopNav a:visited {
	font: 14px Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	color:#fff;
	line-height:35px;
	}
	ul.TopNav a:hover, ul.TopNav a:active, ul.TopNav li.Selected a{
		color:#e8d5af;
		text-decoration:none;		
		}
	
		
				
/* ---------------------------------------- Wrappers and Content Area */
	
#Wrapper{ 
	margin: 0 auto;
	padding:0;
	width:960px;
	background: #fff url(../../images/sidebar-bg.png) repeat-y 290px 8px;
	overflow:hidden;
	z-index:1;
	}
	#WrapperSearchPages{ 
		margin: 0 auto;
		padding:0;
		width:960px;
		background: #fff;
		position:relative;
		overflow:hidden;
		z-index:1;
		}
			
.Content {
	width:630px;
	float:right;
	display:inline;
	margin:25px 20px 70px 20px;
	}
	
.ContentListings {
	width:669px;
	float:right;
	display:inline;
	}
	
.MainImage {height:254px;}



/* ---------------------------------------- Side Bar */
	
.SideBar {
	float:left;
	width: 249px;		
	margin:25px 0 0 0;
	padding:0 20px 20px 20px;
	display:inline;
	}
		
.ApartmentLocation {
	width:210px;
	font-size:12px;
	line-height:19px;
	padding:15px 20px;
	background-color:#e8d5af;
	}
	.ApartmentLocation .Column {
		width:100px;
		float:left;
		font-size:12px;
		line-height:19px;
		padding-bottom:10px;
		}
		
.ApartmentLocation ul {
	margin-bottom:0;
	padding:0;
	list-style-type: none;
	}		
	.ApartmentLocation li {	
		background: url(../../images/li-bullet.png) no-repeat 0 5px;
		padding: 0 0 1px 10px; 
		margin: 0;
		}

.RentalAppMargins {margin:20px 0; }
	
.SideBar h2 {
	margin:0 0 8px 0;
	color:#15438a;
	}
	
.SideBar a.Email {
	background: url(../../images/arrow-icon.png) no-repeat 0 2px;
	padding-left:18px;
	}

.SideBar .ListingLinks {
		height:26px;
		display:block;
		padding-left:40px;
		padding-top:5px;
		margin-top:10px;
		font: 15px Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
		}

	.SideBar .ApplicationLink {
		background: url(../../images/sidebar-application-icon.png) no-repeat 0 0;
		}
		
	.SideBar .MapsLink {
		background: url(../../images/sidebar-maps-icon.png) no-repeat 0 0;
		}
		
	.SideBar .ShareLink {
		background: url(../../images/sidebar-share-icon.png) no-repeat 0 0;
		}
		
	.SideBar .ShareLink .addthis_button_compact, #at15ptc, .at15t { 
		font: 12px/19px Lucida Grande, Lucida Sans Unicode, sans-serif; 
		}
	
	#at16pf {padding-bottom:10px; }
		
.SideBar .HR {
	clear:both;
	margin:9px 0;
	padding:0;
	height: 2px;
	background: url(../../images/sidebar-hr.png) repeat-x ;
	}
	
	
/* WalkScore */
	
.WalkScore {
	border:1px solid #ccc;
	margin:12px 0 20px 0;
	width:246px;
	}
	
	#ws-walkscore-tile{position:relative;text-align:left;}
	#ws-walkscore-tile *{float:none;}
	#ws-footer a, #ws-footer a:link{font:11px Verdana,Arial,Helvetica,sans-serif;margin-right:6px;white-space:nowrap;padding:0;color:#000;font-weight:bold;text-decoration:none}
	#ws-footer a:hover{color:#777;text-decoration:none}
	#ws-footer a:active{color:#b14900}

.PaddingTop5px { padding-top:5px; }
.PaddingTop10px { padding-top:10px; }



/* ---------------------------------------- Basic Pages */


/* ---------------------------------------- Home Page */

h2.HomeVideo {margin-bottom:18px;}

.ClueTipIcon {padding:0 3px; }

.RentNowButton {
	vertical-align:middle;
	margin-left:20px;
	}	

.NewsYouCanUse {
	width:267px;
	margin:20px 0 0 0;
	float:left;
	display:inline;
	}	
	.NewsDate { 
		font-size:12px;
		line-height:19px;
		}



/* ---------------------------------------- City Page */
	
.CityIntoText {
	margin:10px 20px 0 0;
	width:340px;
	float:left;
	display:inline;
	}
	
.Video {
	margin:20px 20px 0 0;
	width:340px;
	float:left;
	display:inline;
	}
	
.ViewListingsCallout {
	margin:10px 0 0 0;
	float:left;
	width:267px;
	}	
	
.ViewListingsCallout .Top {	
	display:block;
	background:#0e3c82 url(../../images/view-guelph-listings-callout-top-bg.png) no-repeat 0 0;
	font: 20px/24px Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	text-align:right;
	padding:13px 53px 10px 0;
	cursor:pointer;
	text-transform:uppercase;
	}		
	 .ViewListingsCallout a:link .Top, .ViewListingsCallout a:visited .Top  {
		text-decoration:none;
		color:#fff;
		}
		.ViewListingsCallout a:hover .Top, .ViewListingsCallout a:active .Top {
			background:#244f90 url(../../images/view-guelph-listings-callout-top-bg.png) no-repeat -267px 0;
			text-decoration:none;
			}
			.ViewListingsCallout a:hover, .ViewListingsCallout a:active {
				text-decoration:none;
				}
			.ViewListingsCallout a img {cursor:pointer;}



/* ---------------------------------------- ListingPages */

.ListingMainArea {
	padding:22px 20px;
	background: #e8d5af url(../../images/search-listing-pricehr.png) repeat-x 0 bottom;
	}
	
.BacktoSearch {		
	font-size:12px;
	background: url(../../images/back-icon.png) no-repeat left 4px;
	padding-left:18px;
	margin-bottom:12px;
	}
	
.BacktoSearch img {vertical-align:text-top;}
.ListingMainArea h1, .FloorplansH1 {font: 22px/24px Times, Times New Roman, serif; }
	
.ListingInfo {
	width:210px;
	float:right;
	display:inline;
	margin-left:15px;
	}
	
.ListingMainArea .HR {
	clear:both;
	margin:9px 0;
	padding:0;
	height: 2px;
	background: url(../../images/search-listing-pricehr.png) repeat-x ;
	}
	
.ListingMainArea .FloorplansLink {
	height:40px;
	display:block;
	padding-left:45px;
	padding-top:5px;
	margin:15px 0;
	font: 15px Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	background: url(../../images/floorplans-icon.png) no-repeat 0 10px;
	}
	
.Features {
	padding:0 20px 60px 20px;
	overflow:hidden;
	}
	
.Features .HR {
	clear:both;
	margin:9px 0 0 0;
	padding:0;
	height: 2px;
	background: url(../../images/sidebar-hr.png) repeat-x ;
	}
	
.FeaturesColumn {
	width:300px;
	padding-right:20px;
	display:inline;
	float:left;
	}
	.NoPaddingRight { padding-right:0; }
	
.FeaturesColumn ul {padding-bottom:11px; }
	.FeaturesColumn li {padding-bottom:0; }
	




/* ---------------------------------------- SearchPages */

/* Regional Search Pages */

.RegionalMap {
	width:960px;
	height:455px;
	}
	
.RegionalBar {
	overflow:hidden;
	width:960px;
	background: #0e3c81 url(../../images/searchresults-bar-bg.png) repeat-x;
	padding-bottom:7px;
	}
	
.RegionalBar h1 {
	color:#fff;
	text-transform:uppercase;
	font-size:16px;
	padding:5px 0 0 20px;
	margin-bottom:0;
	}
		
.RegionalBar ul.Cities  {
	color:#fff;
	font-size:12px;
	padding:7px 0 0 20px;	
	margin-bottom:10px;	
	list-style-type: none;
	font-size:12px;
	line-height:19px;
	}		
	.RegionalBar ul.Cities li {	
		background: url(../../images/regional-bar-li-bullet.png) no-repeat 0 5px;
		width:120px;
		float:left;
		padding: 0 0 0 10px; 
		}
	
	
/* City Search Pages Results Bar*/
	
.SearchResultsBar {
	overflow:hidden;
	width:960px;
	height:35px;
	background: #0e3c81 url(../../images/searchresults-bar-bg.png) repeat-x;
	}
	
.SearchResultsBar h1 {
	color:#fff;
	text-transform:uppercase;
	font-size:16px;
	padding:5px 450px 0 20px;
	float:left;
	}
		
.SearchResultsBar .Sort {
	color:#fff;
	float:left;
	font-size:12px;
	padding:7px;
	}
	
.SearchResultsBar img {vertical-align:text-top;}
	
.SearchResultsBar .Pagination {
	color:#fff;
	float:right;
	font-size:12px;
	padding:7px;
	}
	.SearchResultsBar .Pagination img {padding:0 5px;}

.RegionalBar ul.Cities a:link, .RegionalBar ul.Cities a:visited, 
.SearchResultsBar .Pagination a:link, .SearchResultsBar .Pagination a:visited {
	color:#fff;
	}
		
		
/* City Search Pages Content */
			
.SearchMap {
	width:479px;
	height:455px;
	float:left;
	display:inline;
	position:relative;
	}
	.ListingOverview {
		position:absolute;
		width:459px;
		z-index:500;
		padding:12px 10px 15px 10px;
		background: url(../../images/search-listingoverview-bg.png) no-repeat 0 bottom;
		}

.SearchListings {
	width:479px;
	height:455px;
	float:left;
	display:inline;
	background: #e8d5af url(../../images/sidebar-bg.png) repeat-y left 8px;
	overflow:auto;
	}	
	.Listing { 
		margin:12px 10px; 
		overflow:hidden;
		}
		
.Listing .ImageColumn, .ListingOverview .ImageColumn {
	width:162px;
	float:left;
	display:inline;
	margin-right:10px;
    }
	
.Listing img, .ListingOverview img {border:1px solid #8d8066; }

.Listing a img, .ListingOverview a img {
	margin-top:10px;
	border:none; 
	}
		
.Listing .TextColumn, .ListingOverview .TextColumn {
	width:270px;
	float:left;
	display:inline;
	font-size:12px;
	}	
	.ListingOverview .TextColumn a.Close {
		background: url(../../images/arrow-icon.png) no-repeat 0 0;
		padding-left:18px;
		}

.Listing h2, .ListingOverview h2 {
	margin:0 0 8px 0;
	color:#15438a;
	font-size:15px;
	line-height:18px;
	}

.Listing ul {
	margin-bottom:0;
	padding:0;
	list-style-type: none;
	font-size:12px;
	line-height:16px;
	}		
	.Listing li {	
		background: url(../../images/li-bullet.png) no-repeat 0 4px;
		padding: 0 0 6px 10px; 
		margin: 0;
		}

.Listing p, .ListingOverview p {
		font-size:12px;
		line-height:19px;
		padding:0;
		}	
		
.Listing .PriceHR {
	clear:both;
	margin:9px 0;
	padding:0;
	height: 2px;
	background: url(../../images/search-listing-pricehr.png) repeat-x ;
	}
	
.SearchListings .MainHR {
	clear:both;
	margin:9px 10px 17px 10px;
	padding:0;
	height: 2px;
	background: url(../../images/search-listing-mainhr.png) repeat-x ;
	}





/* ---------------------------------------- Club Oyster*/

@font-face {
	font-family: 'BlackJackRegular';
	src: url('../Fonts/black_jack-webfont.eot');
	src: local('BlackJackRegular'), url('../Fonts/black_jack-webfont.woff') format('woff'), url('../Fonts/black_jack-webfont.ttf') format('truetype'), url('../Fonts/black_jack-webfont.svg#webfontdjuKBxbY') format('svg');

}

ul.ClubOysterNav {
	width:960px;
	height:39px;
	padding:0;
	margin:0;
	background: url(../../images/cluboyster-nav-bg.jpg) no-repeat;	
	list-style-type: none;	
	}
	ul.ClubOysterNav li {
		float:left;
		list-style-type: none;
		padding: 0 31px;
		margin:0;
		background: none;
		}
		ul.ClubOysterNav li.First {margin-left:305px;}

ul.ClubOysterNav a:link, ul.ClubOysterNav a:visited {
	font: 20px/37px 'BlackJackRegular', Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	color:#fff;
	}
	ul.ClubOysterNav a:hover, ul.ClubOysterNav a:active, ul.ClubOysterNav li.Selected a{
		color:#efdbe2;
		text-decoration:none;		
		}
		
		
.ClubOyster .MainImage {height:270px;}

.ImageOysterRight {float:right; padding:10px 50px 0 0;}

.ClubOyster h1 {color: #4c5d55}
.ClubOyster h2 {color: #4c5d55;}

.ClubOyster a:link, .ClubOyster a:visited {
	color: #a21043;
	text-decoration: none;
	}
	.ClubOyster a:hover, .ClubOyster a:active {
		color: #bf124e;
		text-decoration: underline;
		}	
		
	.ClubOyster a.ArrowLink {
		background: url(../../images/sidebar-citylife-li-bullet.png) no-repeat 0 2px;
		padding-left:18px;
		}
	
.ClubOyster .HR { margin: 0 20px;}


.ClubOyster .Content {margin-bottom:65px;}

	.ClubOyster #accordion .ui-icon-plus {background:url(../../images/sidebar-citylife-li-bullet.png) no-repeat left 3px; width: 13px; height:20px;}
	.ClubOyster #accordion .ui-icon-minus {background: url(../../images/sidebar-citylife-li-bullet-open.png) no-repeat left 3px; width: 13px; height:20px;}

	.ClubOyster .RSSArea { 
		background: url(../../images/sidebar-hr.png) repeat-x left bottom;
		margin-top:5px;
		padding-bottom:10px;
		}
		.ClubOyster .RSSArea .Header {
			background: url(../../images/rss-header-bg.png) no-repeat;
			font: bold 15px/18px Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
			color:#fff;
			height:25px;
			padding:5px 0 0 10px;
			margin-bottom:15px;
			}


.ClubOyster .SideBar {	
	width: 290px;
	margin:0;
	padding:0;
	}
	
	.ClubOyster .CityLife {	
		/*height:366px;*/
		height:400px;
		/*background: url(../../images/sidebar-citylife-bg.jpg) no-repeat left top;*/
		background: url(../../images/sidebar-citylife-bg-long.jpg) no-repeat left top;
		margin:0;
		padding:0;
		}	
		.ClubOyster .CityLife ul {
			text-align:right;
			margin: 0 15px 0 0;
			padding:75px 0 0 0;
			list-style-type: none;	
			}	
			.ClubOyster .CityLife li {	
				background: url(../../images/sidebar-citylife-li-bullet.png) no-repeat right 5px;
				padding: 0 20px 5px 0; 
				margin: 0;
				}
				
	.ClubOyster .Poll {
		width:250px;
		margin:25px 20px 30px 20px;
		font-size:12px;
		line-height:19px;
		padding:0;
		background-color:#e8d5af;
		}
		.ClubOyster .Poll .PollText { padding:15px 20px 20px 20px;}
		
	.ClubOyster .CityResources {
		width:250px;
		margin:25px 20px;
		}
		

		

		

/* ---------------------------------------- Footer*/

#Footer { 
	margin: -3px auto 0 auto;
	padding:20px 0 5px 0;
	width:960px;
	height:272px;
	position:relative;
	overflow:hidden;
	background: url(../../images/footer-bg.png) repeat-x;
	z-index:2000;
	font-size:12px;
	color:#fff;
	}
	
#Footer a:link, #Footer a:visited { 
	color:#fff; 
	}
	
#Footer .HR {
	clear:both;
	margin:9px 0 9px 0;
	padding:0;
	height: 2px;
	background: url(../../images/footer-hr.png) repeat-x ;
	}
	
#Footer .Col1 {
	width:252px;
	height:230px;
	padding:0 20px;
	float:left;
	display:inline;
	background: url(../../images/footer-col-bg.png) repeat-y right top;
	}
	
	#Footer h2 {
		margin:1px 0 3px 0;
		color:#f8eedb;
		font: 15px Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
		}
		
	#Footer ul {
		margin-bottom:0;
		padding:0;
		list-style-type: none;
		font-size:12px;
		}		
		#Footer li {	
			background: url(../../images/footer-li-bullet.png) no-repeat 0 7px;
			padding: 0 0 1px 10px; 
			margin: 0;
			}
	
#Footer .Col2 {
	width:315px;
	padding:4px 30px 0 30px;
	float:left;
	display:inline;
	}
	
	#Footer .Col2Links {
		height:26px;
		display:block;
		padding-left:40px;
		padding-top:5px;
		font: 15px Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
		}

	#Footer .ApplicationLink {
		background: url(../../images/footer-dowload-icon.png) no-repeat 0 0;
		}
		
	#Footer .RewardLink {
		background: url(../../images/footer-reward-icon.png) no-repeat 6px 0;
		}
		
	#Footer .PreferredLink {
		background: url(../../images/footer-preferred-icon.png) no-repeat 3px 0;
		}
		
	#Footer .MembersOf {
		text-align:center;
		margin-top:20px;
		}
		#Footer .MembersOf img {margin:0 6px; vertical-align:middle;}
	
#Footer .Col3 {
	width:252px;
	height:230px;
	padding:0 20px;
	float:right;
	display:inline;
	background: url(../../images/footer-col-bg.png) repeat-y left top;
	}
	
	#Footer .TextSize { 
		float:left;
		display:inline;
		font-size:12px;
		margin-left:30px;
		}
		#Footer .TextSize .Larger { font-size:15px; line-height:0; }
		
	#Footer .Top {		
		display:inline;
		color:#fff;
		float:right;
		font-size:12px;
		background: url(../../images/footer-top-icon.png) no-repeat right 4px;
		padding-right:18px;
		}
		
	#Footer .Top img {vertical-align:text-top;}
				
	#Footer .Copyright { 
		background: url(../../images/footer-building_new.png) no-repeat right 0;
		margin-top:71px;
		padding-top:105px;
		font-size:11px;
		line-height:15px;
		text-align:right;
		}
	


/* ---------------------------------------- Form */

.Error, .Required {
	color: #bb0000;
	font: 12px/19px Arial, Helvetica, sans-serif;
	}
	
.FormCol {
	width:250px;
	float:left;
	margin-right:50px;
	display:inline;
	}
	
.FormCol table{
	border-collapse:collapse;
	border-spacing: 0;
	}
	.FormCol td {
		padding: 5px 0;
		vertical-align: top;
		}
	
label {  
	display:block;
	margin:15px 0 2px 0;
	}
	label.Checkbox {  
		display:block;
		margin:0 0 2px 0;
		}    
	
.Field, select { width:250px; }
	select { margin-bottom:2px; }
	
	input.Checkbox { 
		float:left; 
		margin-bottom:2px;
		}
	
textarea {width:246px;}

.InputControl {width:200px;}

.CalendarTable td {
	padding:0 3px;
	text-align:center;
	}
	
.Submit {
	width:96px;
	height:31px;
	float:right;
	margin-top:25px;
	}
	
.FloorplanControls {
	margin-top:15px;
	width:627px;
	}

.FloorplanDD {
	height:26px;
	float:left;
	padding:5px 10px 0 10px;
	background-color:#15438A;
	width:435px;
	text-align:center;
	}
	.FloorplanDD imput{margin-top:5px;}
	
.FloorplanButton {
	width:86px;
	height:31px;
	float:left;
	}
	
	
/* ----------------------------------------------
	JAVASCRIPT SPECIFIC CSS
---------------------------------------------- */


/* -------------------------------------------- GalleryView (on Listing Details Page) */

/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#gallery { visibility:hidden; float:left; margin:10px 0;}

/* GALLERY CONTAINER */
.gallery { background: #5c5244; border: 1px solid #5c5244; padding: 1px; height:372px; width:400px; overflow:hidden; }
	.gallery li {background: none;}

/* LOADING BOX */
.loader { height:379px; visibility:hidden; overflow:hidden;}

/* GALLERY PANELS */
.panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding: 0 1em; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 0.7em; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #5c5244; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #fff; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #fff;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}



/* -------------------------------------------- ClueTip */

.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #645849;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 7px 5px 0 8px;
  font-size: 12px;
  line-height:19px;
  font-weight: normal;
  background-color: #645849;
  color: #fff;
}

.cluetip-default #cluetip-inner {
  padding: 1px;
}



/* -------------------------------------------- Cycle (on Homepage) */

.HomeMainImages {
	overflow:hidden;
	height:254px;
	background:url(../../images/home-slideshow-bg.png) no-repeat;
	}

#HomeMainSlideshow {width:670px; float:left;}
#HomeMainSlideshow img{ width:670px; height:250px;}

#HomeMainNav { width: 290px; float:left; height:250px; overflow:hidden; }
#HomeMainNav ul {padding:0; margin:0; }
#HomeMainNav li { width: 290px; list-style: none; background:none; padding:0; margin:0; }
#HomeMainNav a {display: block; text-indent:-9000px; width: 290px; background:url(../../images/home-slideshow-buttons.png) no-repeat;}

#HomeMainNav li.Find a  {
	background-position:0 0;
	height:63px;
	}
	#HomeMainNav li.Find a:hover, #HomeMainNav li.Find a.activeSlide  {
		background-position:-290px 0;
		}
		
#HomeMainNav li.Consulting a {
	background-position:0 -63px;
	height:63px;
	}
	#HomeMainNav li.Consulting a:hover, #HomeMainNav li.Consulting a.activeSlide  {
		background-position:-290px -63px;
		}

#HomeMainNav li.Inquiry a {
	background-position:0 -126px;
	height:63px;
	}
	#HomeMainNav li.Inquiry a:hover, #HomeMainNav li.Inquiry a.activeSlide  {
		background-position:-290px -126px;
		}
		
#HomeMainNav li.ClubOyster a {
	background-position:0 -189px;
	height:61px;
	}
	#HomeMainNav li.ClubOyster a:hover, #HomeMainNav li.ClubOyster a.activeSlide  {
		background-position:-290px -189px;
		}

#HomeMainNav a:focus { outline: none; }



/* -------------------------------------------- Accordian */

.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 0; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; padding: 10px 0 0 22px; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left:0; margin-top: 11px; }
.ui-accordion .ui-accordion-content { margin:0 0 5px 23px; border-top: 0; position: relative; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block;}

#accordion .ui-icon-plus {background:url(../../images/arrow-icon.png) no-repeat left 3px; width: 13px; height:20px;}
#accordion .ui-icon-minus {background: url(../../images/accoridian-open-icon.png) no-repeat left 3px; width: 13px; height:20px;}

#accordion ul.ShortBulletsList li {	
	padding: 0 0 2px 10px; 
	}