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

*Project: Britomart

*Commence Date: 14/12/2009

*Author(s): Abdullah Norozi Iranzad, Andrew Ford

*Company: Cucumbersoftware.com
------------------------------------------------------------*/
html {
	width: 100%;
	height: 100%;
}
body, div, td, th, input, textarea
{
	color: #636363;
}
body, form {
	margin: 0;
	text-align: center;
}
body, 
form {
	font: 12px/18px Georgia, "Times New Roman", Times, serif;
	background-color: #BED9ED;
}
/* NO SCRIPT */
.noScript
{
	width:100%;
	border-bottom:solid 1px #FFCC00;
    background-color:#FFFF99;
    color:#000;
    height:28px;
}
.noScript img
{
	float:left;
	margin-top:2px;
	margin-left:2px;
}
.noScript span
{
	display:block;
	padding-top:6px;
}
/* The Residences Content Styles */
h1, 
h2, 
h3, 
h4, 
h5, 
h6
{
	font-family: Baskerville, Times New Roman, Times, serif;
	line-height: 120%;
	color: #231f20;
	padding-bottom: 9px;
}
h1
{
	font-size: 31px;
	font-style: italic;
	font-weight: normal;
	color: #231f20;
	letter-spacing: -3px;
	word-spacing:3px;
	color:#000;
	font-family:Serif;
	padding-bottom:0;
}
h2
{
	font-size: 21px;
	font-weight: normal;
	padding-bottom:0;
}
h3
{
	font-size: 14px;
	font-weight: bold;
	color: #666;
}
h4
{
	font-size: 14px;
	font-weight: bold;
}
p {
	font-size: 12px;
	line-height: 18px;
	color: #636363;
	padding-bottom: 20px;
}
.introText {
	font-size: 12px;
	font-weight: bold;
	line-height: 19px;
	display: block;
	padding-bottom: 20px;
	font-family:Georgia,"Times New Roman",Times,serif;
	width:400px;
	color:#666;
}

.main a
{
	color: #42ABEA;
	text-decoration: none;
	display: inline-block;
	padding-bottom: 2px;
}
.main a:hover
{
	background: url(/web/design/img/bg-a-hover.gif) repeat-x left bottom;
}

.singleLineParagraph
{
	padding-bottom:10px;
	display:inline-block;
}

img.alignImageLeft {
	margin: 0 10px 10px 0;
	float: left;
}
img.alignImageRight {
	margin: 0 0 10px 10px;
	float: right;
}
#col2 ul, #col2 ol, #col2 dl, #col3 ul, #col3 ol, #col3 dl
{
	padding: 0 14px;
}
#col2 ul li, #col3 ul li
{
	list-style:disc;
}
#col2 ol li, #col3 ol li
{
	list-style:decimal;
}
strong
{
	font-weight:bold;
}
em
{
	font-style:italic;
}
table.table1
{
	border-top:solid 1px #000;
	border-left:solid 1px #000;
}
table.table1 td
{
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;
}
a {
	outline: none;
}
/* HANDY STUFF */
.clearFix
{
    line-height:0px;
    clear:both;
    height:0px;
    font-size:0px;
}
.padAbove
{
	padding-top:14px;
}
.padRight
{
	padding-right:14px;
}
.padBelow
{
	padding-bottom:14px;
}
.padLeft
{
	padding-left:14px;
}
/* MASTER LAYOUT */
.canvasWrapper 
{
    width:100%;
	margin:0 auto;
	background: url(/web/design/img/bg-dropshadow-residences.jpg) repeat-y center;

}
.canvas {
	width:960px;
	margin:0 auto;
	overflow:hidden;
	position: relative;
	background:#fff;
}
.main
{	
	width:960px;
	float:left; /* IE 6 NEEDS THIS */
}
.col1_cont, .col2_cont, .col3_cont
{
	float:left;
	overflow:hidden;
	padding:0 0 0 0;
	text-align:left;
}
.col1_cont
{
	width:281px;
}
.col2_cont
{
	width: 515px;
}
.col3_cont
{
	width: 160px;
	float:right;
	overflow: visible;
}
/* TOP CONT */
.krd
{
	height:31px;
	line-height:31px;
	color:#999999;
	font-size:10px;
	overflow:hidden;
	display:block;
}
a.logoLink
{
	display:block;
	float:left;
	width:170px;
	height:90px;
	margin:19px 0 0 22px;
	background-image: url(/web/design/img/logo.gif);
}
.ff3 a.logoLink
{
	margin-top:18px;
}
a.logoLink {
	
}
/* LEFT COL */
.col1
{
	padding: 0 0 0 31px;
	margin: 0 0 0 0;
}
/* CENTER COL */
.col2
{
	padding: 3px 0 0 0;
}
/* RIGHT COL */
.col3
{
	padding: 0 34px 0 0;
}
/* Image Gallery */
.imageGalleryContainerSurr {
	width:100%;
	height: 340px;
	position: relative;
	margin:11px 0 30px;
	text-align:center;
	overflow:hidden;
	float:left;
}
.mac .imageGalleryContainerSurr 
{
	width:960px;	
}

.imageGalleryContainer {
	background: url(/web/design/img/ajax-loader.gif) no-repeat center 150px;
}



.imageGalleryContainer ul li div {
	display:none;
	text-align: left;
	display: block;
	height: 70px;
	width:100%;
	padding: 32px 0 0 30px;
	position: absolute;
	top: 260px;
	left: 0;
	color:#fff;		
}
.captionHover
{
	background:url(/web/design/img/caption-bg.png);	
}
span.galleryCaption
{
	font-size:14px;
	line-height:150%;
	font-style:italic;
	font-weight:bold;
	font-family:Baskerville, Times New Roman, Times New Roman, Serif;
}
.imageGalleryContainerSurr span.prevBtn {	
	
	left:834px;
}
.imageGalleryContainerSurr span.prevBtn a {
	
	background: url(/web/design/img/prevNextButtons.png) no-repeat;
}
.imageGalleryContainerSurr span.prevBtn a:hover {
	background: url(/web/design/img/prevNextButtons.png) no-repeat 0 -31px;
}
.imageGalleryContainerSurr span.nextBtn {
	left:868px;
}
.imageGalleryContainerSurr span.nextBtn a {
	background: url(/web/design/img/prevNextButtons.png) no-repeat -31px 0;	
}
.imageGalleryContainerSurr span.nextBtn a:hover {
	background: url(/web/design/img/prevNextButtons.png) no-repeat -31px -31px;
}
.imageGalleryContainerSurr span.nextBtn,
.imageGalleryContainerSurr span.prevBtn
{
	position: absolute;
	display: block;
	width: 31px;
	height: 31px;	
	top:286px;
	float:left;
}
.imageGalleryContainerSurr span.nextBtn a,
.imageGalleryContainerSurr span.prevBtn a
{
	cursor:pointer;
	text-indent: -9999px;
	display: block;
	width: 31px;
	height: 31px;
	padding: 0;
}
/* FOOTER */
a.footerLink
{
	color:#fff;
	text-decoration:none;
}
a.footerLink:hover
{
	text-decoration:underline;
}
.topPage {
	text-align: left;
	width: 960px;
	margin: 0 auto;
	padding: 25px 0 10px 10px;
}
.topPageWrapper
{
	background-repeat: no-repeat;
	background-position: center top;
	width:100%;
}
.topPageWrapper
{
	background-image:url(/web/design/img/bg-bot-dropshadow-residences.jpg);
}
.win.webkit .topPageWrapper
{
   margin-left:-1px;
}
.topPage a {
	color:#42ABEA;
	display:inline-block;
	padding-bottom:2px;
	text-decoration:none;
	font-family:Verdana,Geneva,sans-serif;
	font-size:10px;
}
.topPage a:hover {
	text-decoration: underline;
}
.flashMapCont {
	display: none;
	width: 960px;
	height: 600px;
	position: absolute;
	top: 0;
	left: 0;
}
a.locationMapLink {
	text-indent: -9999px;
	display: block;
	width: 124px;
	height: 31px;
	background: url(/web/design/img/locationMap.gif) 0 0 no-repeat;
	float:right;
	padding:0;
	position: relative;
	left: -78px;
	cursor: pointer;
	cursor: hand;
}
a.locationMapLink:hover {
	background: url(/web/design/img/locationMap.gif) no-repeat;
	background-position:0 -31px
}
/* TOP / LEFT MENU */
.menuAndLinks
{
	float:right;
	width:720px;
	height:22px;
	margin:87px 0 0 0;
}
.topMenu_cont
{
	width:500px;
	float:left;
}
ul.topMenu {
	
}
ul.topMenu li.topMenuItem {
	margin: 0;
	padding: 0;
	float: left;
}

.yourMenu,
.resMenu,
.actMenu,
.locMenu,
.conMenu,
.homeMenu
{
	background:url(/web/design/img/residences-top-menu-sprite.gif) no-repeat;
	text-indent:-9999px;
	display:block;
	float:left;
	height:20px;
	margin:0 10px 0 0;
}
.yourMenu
{
	background-position:-15px -19px;
	width:63px;
	
}
.yourMenu:hover
{
	background-position:-15px -49px;
}
.yourMenuActive,
.yourMenuActive:hover
{
	background-position:-15px -79px;
}
.resMenu
{
	background-position:-97px -19px;
	width:92px;
}
.resMenu:hover
{
	background-position:-97px -49px;
}
.resMenuActive,
.resMenuActive:hover
{
	background-position:-97px -79px;
}
.actMenu
{
	background-position:-219px -19px;
	width:62px;
}
.actMenu:hover
{
	background-position:-219px -49px;
}
.actMenuActive,
.actMenuActive:hover
{
	background-position:-219px -79px;
}
.locMenu
{
	background-position:-313px -19px;
	width:59px;
}
.locMenu:hover
{
	background-position:-313px -49px;
}
.locMenuActive,
.locMenuActive:hover
{
	background-position:-313px -79px;
}
.homeMenu
{
	background-position:-407px -19px;
	width:34px;
}
.homeMenu:hover
{
	background-position:-407px -49px;
}
.conMenu
{
	background-position:-488px -19px;
	width:72px;
}
.conMenu:hover
{
	background-position:-488px -49px;	
}
.conMenuActive,
.conMenuActive:hover
{
	background-position:-488px -79px;
}

.topRightLinks {
	float:right;
	margin:0 10px 0 0;
}

/* SUB MENU */
.subMenu_cont {
	padding: 0;
}
.subMenu_cont li.subMenuItem {
	padding: 0;
	margin: 0;
	text-transform:uppercase;
}
.subMenu_cont li.subMenuItem a {
	font-family: Gill Sans, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	color: #6CADDF;
	text-decoration: none;
	display: block;
	width: 142px;
	padding: 0 20px 8px 0;
	background: url(/web/design/img/bg-leftNav-a.gif) no-repeat -8px -49px;
}
.subMenu_cont li.subMenuItem a 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}
.subMenu_cont li.subMenuItem a span {
	padding-right: 3px;
	background: #FFF;
}
.subMenu_cont li.subMenuItem a.active {
	color: #231F20;
	background-position: -8px 2px;
}
.subMenu_cont li.subMenuItem a:hover {
	color: #4E84C4;
	background: url(/web/design/img/bg-leftNav-a.gif) no-repeat -8px -100px;
}
.subMenu_cont li.subActivity a
{
	color:#000;
	font-weight:normal;
	text-transform:none;
}
.subMenu_cont li.subActivity a:hover
{
	color: #4E84C4;
	background: url(/web/design/img/bg-leftNav-a.gif) no-repeat -8px -100px;
}
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
div.centerColSiteMap .sIFR-flash {
	height: 40px !important;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {
	visibility: hidden;
}
.sIFR-hasFlash h2 {
	visibility: hidden;
}
.sIFR-hasFlash .galleryCaption {
	visibility: hidden;
	font-size:16px;
}
/*Error*/
.errorWrapper
{
	border:1px solid #BED9ED;
	width:80%;
	text-align:center;
	margin:30px auto;
	float:none;
}
.errorSuggestions
{
	width:70%;
}
.errorSuggestions ul
{
	margin-left:150px;
}
.errorSuggestions ul li
{
	text-align:left;
}