* {margin: 0; /*padding: 0;*/ outline: none;}
a {color: #11a6db; font-weight: bold;}
fieldset {padding: 0px 10px 10px 10px;}
h1, h2, h3, h4, h5, h6 {margin: 0 0 10px 0; font-weight: bold;}
h1 {font-size: 1.4em; color: #4b5457;}
h2 {font-size: 1.1em; color: #4b5457;}
#centreColumn h2{margin:20px 0 5px 0;}
img {border: none;}
input, select, textarea {font-size: 11px;}
legend {color: #f9a03a;}
p {margin: 0 0 10px 0;}
ul, ol {margin: 5px 5px 5px 20px; padding: 0;}
ul {list-style-image: url(images/list_image.gif);}
ul li{margin-bottom:5px;}
#quickSearchBox ul {list-style-image: none;}
#textContent {padding:15px 15px 0px 0px; text-align:justify;}
.grey {color:#545d62;}
.flashMissing {border:1px solid #a8b3b1; padding:10px;}
/*Page - contains everything, used to be body.*/
.page {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #4a5457;
	width: 980px;
	margin: 0 auto;
}
/*Element Redefinition*/
a {/* Prevents dotted borders around the last clicked link in Firefox. */ outline: none;}
input::-moz-focus-inner {/* Prevents dotted borders around clicked inputs in Firefox. */ border: none;}
/*Nav*/
#nav {
	width: 980px;
	height: 67px;
	background: #4A545A url(images/br_grey.gif) no-repeat bottom right;
	padding:0;
	margin:0;
	font-size: 12px;
}
#nav .logo {
	float: right;
	width: 180px; /*230*/
	height: 67px;
	text-decoration: none;
	color: #4b5457;
	background: url(images/ImperialWharfLogo.png) no-repeat 0px 32px; /* 45px 32px*/
}
#nav .tr .bl {background: url(images/bl_grey.gif) no-repeat bottom left; height: 67px; padding-left: 3px;}
#subnav {
	width: 980px;
	height: 32px;
	padding:0;
	margin-top: 18px;
	margin-bottom: 10px;
	float:left;
	border-bottom: 1px solid #bcc6c2;
}
#subnav h1 {
	height: 25px;
	padding: 0px 20px 0 0;
	float:right;
	text-align:right;
	color: #a8b3b1;
	text-decoration: none;
	font-size: 16px;
	font-weight:bold;
	margin-top: 6px;
}
#sectionTitle.bold {font-size: 20px;}
#nav ul, #subnav ul, subsubnav ul {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#nav li {
	float:left;
	list-style-image: none;
	list-style: none;
	margin: 0;
}
#nav li a {
	float:left;
	color: #d9d9d9;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	padding: 40px 10px 12px 10px;
}
#nav li.selected a, #nav li.selected a:hover {background: #262b2e;}
#nav li a:hover {background: #424a4d;}
#nav li.selected a, #nav li a:hover {color: white;}
#subnav li {
	float: left;
	display: block;
	list-style-image: none;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 8px;
}
#subnav li a {color: #a8b3b1; text-decoration: none; font-size: 11px;}
#subnav li.selected {background: #dee2df;}
#subnav li a.selected {color: #343835; text-decoration: none; font-weight: bold;}
/* subsubnav */
#subsubnav {float: left; width: 185px; margin: 0 0 10px 0;}
#subsubnav li a {
	color: #545D62;
	text-decoration: none;
	font-size: 11px;
	padding-left:10px;
}
#subsubnav li a.selected {color: #0ea6db;}
#subsubnav li {
	background: url("images/subsubnav_off.gif") right center no-repeat #e9e9ea;
	list-style-image: none;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	border-top:1px solid #ffffff;
}
#subsubnav li.selected {background: url("images/subsubnav_bg_selected.gif") top repeat-x #e9e9ea;}
#subsubnav li ul li {padding: 4px 0 4px 20px;}
#subsubnav li ul li a {padding: 0px 0 0px 0px;}
#subsubnav li ul li ul {display: none;}
#subsubnav li ul li.selected {background: url("images/subsubnav_on.gif") center right no-repeat;}
#subsubnav li ul {margin:5px 0 0 0; padding:0; background: #e9e9e1;}
/*news menu */
#newsMenu {float:left; width: 285px; margin: 0 0 10px 0;}
#newsMenu li a {
	display: block;
	color: #545D62;
	width: 250px;
	overflow: hidden;
	text-decoration: none; 
	font-size: 11px; 
	white-space: nowrap;
}
#newsMenu li a.selected {color: #0ea6db;}
#newsMenu li {
	background: url("images/subsubnav_off.gif") right center no-repeat #e9e9ea;
	list-style-image: none;
	list-style: none;
	margin: 0px 0px 1px 0px;
	padding: 5px 0px 5px 10px;
}
#newsMenu li.selected {background: url("images/subsubnav_bg_selected.gif") top repeat-x #e9e9ea;}
#newsMenu li ul li {padding: 0 0 0 20px;}
#newsMenu li ul li.selected {background: url("images/subsubnav_on.gif") center right no-repeat;}
#newsMenu li ul {margin:10px 0 0 0; padding:0; background: none;}
/*Content*/
.box, #box {width: 185px; margin: 0 0 10px 0;}
#flashIntro {float:left; margin-bottom: 5px;}
#flashIntro .noFlash {
	padding:0;
	text-align: center;
	background-color: #343835;
	vertical-align:middle;
}
#flashIntro .noFlash p {padding:10px; background-color:#ffffff;}
.home #flashIntro .noFlash {padding-top: 1px;}
.home #flashIntro .noFlash {background: url(images/homeNoFlash.jpg) no-repeat;}
.home #flashIntro .noFlash p {margin: 50px 200px;}
/*General Features*/
.feature {float: left; position: relative; overflow: hidden;}
.feature .tr, .feature .br, .feature .bl {position: relative;}
.feature .featureLink {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1000px;
	padding-left: 1000px;
	display: inline-block;
}
/*Home Features*/
.home .feature1, .home .feature3 {margin: 0;}
.home .feature2 {margin: 1px 0;}
.home .feature1 .inner, .home .feature2 .inner, .home .feature3 .inner {padding: 7px; height: 119px; overflow: hidden;}
.home .feature1 .inner {height: 120px;}
.home .feature1, .home .feature1 .tr .bl, .home .feature1 .tr .bl .br, .home .feature2, .home .feature2 .tr, .home .feature2 .tr .bl, .home .feature2 .tr .bl .br, .home .feature3, .home .feature3 .tr, .home .feature3 .tr .bl {background-image: none;}
.home .feature3 {margin-bottom: 20px;}
.home .feature1 .inner h2, .home .feature2 .inner h2, .home .feature3 .inner h2 {
	color: #D9D9D9;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 5px;
}
.home .feature1 .inner, .home .feature2 .inner, .home .feature3 .inner {font-size: 11px; color: #D9D9D9; font-weight: normal;}
.buttonContainer {text-align: right; padding-right:10px;}
.buttonContainer input {padding: 0 10px 0 10px; display:inline;}
#pageContent {float: left; width: 980px; padding: 0px;}	
#leftColumn {float:left; margin: 0; text-align: center;}
#leftColumnTour {float: left; padding-top: 15px;}
.home #leftColumn img {float: none; margin: 0; clear: none;}
#leftColumn img {margin-bottom: 10px; float:left; clear:both;}
#outerLeftColumn {float: left; width: 793px; padding: 0px;}
#leftColumnHeader {
	float:left;
	width: 795px;
	margin: 0;
	padding: 0px;
}
#newsLeftColumn {
	float:left;
	width: 650px;
	margin: 0;
	padding: 0px;
}
#newsLeftColumn #bodyContent {padding-top: 0; width: auto;}
#newsRightColumn {float:right; width: 285px; margin: 0;}
.headerMedia {margin: 0 0 15px 0;}
#centreColumn {float:left; width: 748px; padding: 0;}
.home #centreColumn {padding-left: 20px; width: 533px;}
.centreColumnTour {float: left; width: 350px; padding: 15px;}
#rightColumn {
	float: right;
	width: 185px;
	margin: 0;
	font-size: 0.8em;
}
#rightColumn a {text-decoration: none;}
#bodyContent {float: left; padding: 10px 0 10px 0; width: 780px;}
.movie  h1 {padding-top:20px;}
#inlineFlashVideo {float: right; padding:10px 0 0 25px; margin-right: 10px;}
#plots {position: absolute;}
#features {
	position: relative;
	min-height: 96px;
	height: auto !important; /* IE6 min height hack */
	height: 96px;
	margin-bottom:5px;
}
.featureImage { /* when there is text plus image */ width: 60px; position:absolute; left:1px;}
.featureText { /*when there is only text */
	width: 170px;
	position: absolute;
	top: 25px;
	left: 8px;
	text-indent: -6px !important;
	text-indent: 0;
}
.featureTextMixed { /* when there is text plus an image */
	width: 124px;
	position: relative;
	top: 2px;
	left: 60px !important;
	left: 53px;
	text-indent: -6px !important;
	text-indent: 0;
	float:left;
}
#features a {font-size: 10px; text-decoration: none; color: #262b2e;}
.featureTextMixed a, .featureText a {padding: 0 5px 5px 5px !important; padding: 0 5px 5px 0; /* Fix for IE6 alignment */}
#quickSearchBox {background: #343d65; text-align: left;}
#quickSearchBar {background: #343d65 url(images/tl.gif) no-repeat top left; margin: 3px 0 5px 0; width: 780px;}
#quickSearchBox h1 {
	color: white;
	font-size: 1.4em;
	font-weight: normal;
	padding: 5px 0 0 5px;
}
#quickSearchBar h1 {
	color: white;
	font-size: 1.9em;
	font-weight: normal;
	display: inline;
	padding-right: 30px;
}
#quickSearchBox select {margin:0px 0px 5px -10px; width: 154px;}
.quicksearch {display: inline;}
#quickSearchBar select {width: 140px; margin: 0 10px 0 20px;}
#quickSearchBox li {list-style: none; margin: 5px 0 5px 0; padding: 0;}
#quickSearchBar li {
	list-style: none;
	margin: 5px 0 5px 0;
	padding: 0;
	display: inline;
}
#latestRelease {
	float:left;
	width: 100%;
	background: #f0eff0;
	margin: 10px 0 2px 0;
}
#latestRelease .latestReleaseImage {padding:10px; float:left; width:200px;}
#latestRelease .latestReleaseText {padding:10px; float:left; width:530px;}
.Accordion {margin: 20px 0 0;}
.AccordionPanelContent h2 {margin-bottom: 0;}
/*Rounded Box Grey*/
.roundedBoxGrey {
	float: left;
	width: 185px;
	margin: 0 0 5px 0;
	background: #4e5250 url(images/tl.gif) no-repeat top left;
	color: white;
	font-size: 12px;
	font-weight: bold;
}
.roundedBoxGrey .inner {padding: 10px 10px 0 10px;}
.roundedBoxGrey h2 {
	color: #838A90;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.roundedBoxGrey .tr, .addressBoxHome .tr, #quickSearchBox .tr, #quickSearchBar .tr {background: url(images/tr.gif) no-repeat top right;}
.roundedBoxGrey .tr .bl, .addressBoxHome .tr .bl, #quickSearchBox .tr .bl, #quickSearchBar .tr .bl {background: transparent url(images/bl.gif) no-repeat bottom left;}
.roundedBoxGrey .tr .bl .br, .addressBoxHome .tr .bl .br, #quickSearchBox .tr .bl .br, #quickSearchBar .tr .bl .br {
	background: transparent url(images/br.gif) no-repeat bottom right;
	padding: 3px;
}
/*Rounded Box Light Grey*/
.roundedBoxLightGrey {
	float: left;
	width: 185px;
	background: #f0eff0 url(images/tl_grey.gif) no-repeat top left;
	margin-bottom: 5px;
}
.roundedBoxLightGrey .inner {padding: 0 2px;}
.roundedBoxLightGrey h2 {
	font-size: 12px;
	font-weight: bold;
	padding: 7px 7px 3px 7px;
	margin-bottom: 0;
}
.roundedBoxLightGrey a {color: #262B2E;}
.roundedBoxLightGrey .tr {background: url(images/tr_grey.gif) no-repeat top right;}
.roundedBoxLightGrey .tr .bl {background: transparent url(images/bl_grey.gif) no-repeat bottom left;}
.roundedBoxLightGrey .tr .bl .br {background: transparent url(images/br_grey.gif) no-repeat bottom right; padding: 3px;}
/*Rounded Box Dark Grey*/
.roundedBoxDarkGrey {
	float: left;
	color: #D9D9D9;
	width: 185px;
	background: #343835 url(images/tl_grey.gif) no-repeat top left;
	margin-bottom: 5px;
}
.roundedBoxDarkGrey .inner {padding: 0 2px;}
.roundedBoxDarkGrey h2 {
	color: #838A90;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.roundedBoxDarkGrey a {color: #4A5457;}
.roundedBoxDarkGrey .tr {background: url(images/tr_grey.gif) no-repeat top right;}
.roundedBoxDarkGrey .tr .bl {background: transparent url(images/bl_grey.gif) no-repeat bottom left;}
.roundedBoxDarkGrey .tr .bl .br {background: transparent url(images/br_grey.gif) no-repeat bottom right; padding: 3px;}
#quickSearchBox {
	width: 185px;
	background: #3a426c url(images/tl.gif) no-repeat top left;
	margin-bottom: 5px;
	clear: both;
}
#quickSearchBar .tr .bl .br {padding: 20px 5px 20px 20px !important; padding: 20px 5px 10px 20px;}
.floorPlateBox {padding-top:10px; text-align:center; float:left;}
#bodyContentAwards {float: left; width: 582px; padding: 25px 0 0 10px;}
#awardBanners {float: left; width: 188px; padding-top: 25px;}
.alertBox {color: #f00;}
.flvInfoBox, .mp3player {
	width: 376px;
	background: #343d65;
	padding: 13px;
	color: white;
	border-right: 4px solid #fff;
	border-left: 4px solid #fff;
}
.mp3player {height: 46px; background: #343d65 url(images/mp3_icon.gif) 13px 13px no-repeat;}
.mp3player p, .mp3player div {margin-left: 52px;}
#plotResults {background: white; width: 760px;}
#plotResults th {
	color: #0ea6db;
	font-weight: bold;
	padding: 4px;
	border-bottom: thin solid #e6eef2;
}
#plotResults .plotData td {border-bottom: thin solid #e6eef2; padding: 4px;}
#plotResults td.phase {padding: 4px 0 4px 0; border-bottom: thin solid #e6eef2;}
.currentPage {color:black; font-weight:bold;}
.newsContactsBox {
	width:235px;
	float:left;
	padding:10px 0 10px 10px;
	margin:20px;
}
.newsContactsBox #features p {
	left: 0;
	top: 0;
	position: static;
	text-indent: 0px !important;
	width: 100%;
}
.newsContactsBox #features p a {
	color: #11A6DB;
	font-weight: bold;
	font-size: 1em;
}
.statusLinks {padding: 10px 33px 0 0; text-align: right;}
/*Floorplans*/
.floorplans {margin-top: 20px;}
.floorplans table {background-color: #f0eff0; border-collapse: collapse;}
.floorplans table tr td {padding: 8px 12px; border-bottom: 1px solid #fff; border-right: 1px solid #fff;}
.floorplans table tr td.col_1 {text-align: center; font-weight: bold;}
.floorplans table tr td.col_1 a {font-weight: bold;}
.floorplans table tr td.col_2 {padding-right: 20px;}
.floorplans table tr td a {font-weight: normal; padding-left: 5px;}
.floorplans table tr td a:hover {text-decoration: underline;}
.floorplans .exchanged {color: #db2e2e;}
.floorplans .reserved {color: #82ACDF;}
.floorplans .available, #floorplans .under_offer {color: #32CD32;}
.floorplans .unreleased {color: #A6A6A6;}
.floorplans p {padding: 10px 2px;}
/*Footer*/
#footer {
	width: 980px;
	float:left;
	font-size: 11px;
	margin-top: 15px;
}
.crumbTrail {
	background: #e0e0e2 url(images/tl_grey.gif) no-repeat top left;
	color: #545D62;
	float:left;
	width: 980px;
}
.crumbTrail .tr {background: url(images/tr_grey.gif) no-repeat top right; padding: 5px;}
.crumbTrail a {color: #545D62; font-weight: normal;}
.crumbTrail a:hover {text-decoration: underline;}
#contactDetails {width: 980px; background: #323736; float:left;}
.contactPhone {float:left; color:#b9b9b9;}
.contactPhone h4, .contactAddress h4 {
	color: #CCCDCF;
	padding: 0;
	margin: 0;
	display: inline;
	font-size: 11px;
}
.contactAddress {
	color: #b9b9b9;
	text-align:right;
}
#contactDetails .bl {background: transparent url(images/bl.gif) no-repeat bottom left;}
#contactDetails .bl .br {background: transparent url(images/br.gif) no-repeat bottom right; padding: 5px;}
.copyright {
	color: #545D62;
	text-align: left;
	float:left;
	width: 510px;
	padding: 5px;
}
.footerLinks {
	text-align: right;
	float:left;
	padding: 5px;
	width: 450px;
}
a.babelFish {background: url("images/home-translate.jpg") left no-repeat; padding-left: 91px; cursor: pointer;}
#babelFishDiv {
	float:left;
	width: 970px;
	color: white;
	padding: 5px;
	background: #323736;
	border-bottom: thin solid #e0e0e2;
	text-align: center;
	display:none;
}
#babelFishDiv select {width: 180px;}
/*compare table*/
table.compared {border: 1px solid #CFCFCF; font-size:12px;}
.compared td {border:1px solid #EEEEEE; width:130px; text-align:center;}
td.phaseBG {background-color:#b6c7d1;}
.compared th {
	text-align:left;
	width:80px;
	background-color:#EDEDEF;
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	border-right:1px solid #CFCFCF;
	padding:8px;
	font-weight:normal;
}
#backbtn {padding-top:20px;}
/*Sortable Table*/
table.pricing {
	border:1px solid #D1D1C9;
	line-height:20px;
	width: 780px;
	cursor:pointer;
}
.pricing th {
	background-color: #b6c7d1;
	text-align: center;
	border: 1px solid #D1D1C9;
	padding: 5px 10px;
}
.pricing td {border-bottom:1px solid #EEEEEE; padding-left:10px; text-align:center;}
th.checked {width:10px;}
.impt {color:red;}
#paging {padding-left:300px; padding-top:20px; width:400px;}
#paging .pagination {padding-left:50px;}
#comparebtn {margin-top:20px; width:744px;}
.pricing th.tglebg {background-color:#E9F2FB;}
.pricing th.tglebg1 {background-color:#EBEBED;}
.SpryHiddenRegion {visibility: hidden;}
/* 360 Template */
#vtourchild .childtours {
	width:325px;
	float:left;
	padding:0px 40px 10px 0;
	margin:0;
}
#vtourchild h1 {padding:20px 0 10px 0;}
#vtourchild .childtours h2 {
	margin: 5px 0 0 0;
	color:#7D8285;
	font-size:12px;
	font-weight:bold;
}
#vtourchild .childtours p {color:#323637; font-size:11px; font-weight:bold;}
#vtourchild p {padding: 5px 0 10px 0;}
#vtourchild .tour360 {font-size:14px; font-weight:bold; padding:30px 0 20px 22px;}
#vtourchild .flashMissing {padding:27px 0 27px 22px; border:1px solid;}
.vtourlink {color:#A4ACAE; text-decoration:underline;}
/* Map Template */
#map_canvas {width: 760px; height: 240px; margin: 0 0 15px 0;}
/*Image Gallery*/
#myImageGalleryList a.selected {color: #11a6db;}
#myImageGalleryList a.normal {color: #545d62;}
#myImageGalleryList {padding:0 0 0 20px;}
.interactiveBrochure {text-align:center;}
.alignRight{text-align:right;}

/*
	Accordion
*/
.Accordion {
	border-bottom: solid 1px #f0eff0;
	overflow: hidden;
	width: 740px;
}
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}
.AccordionPanelTab {
	border-top: solid 1px #f0eff0;
	border-bottom: solid 1px #ffffff;
	margin: 0;
	padding: 5px 0px 5px 15px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	background: #f0eff0 url(../images/i_plus.gif) no-repeat 718px;
}
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 15px 15px 1px 15px;
	background: #e1e1e2;
}
.AccordionPanelContent table{
	border: solid #c5c8c9;
	border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
	width: 100%;

}
.AccordionPanelContent table td{
	border: solid #c5c8c9;    
	border-width: 1px 1px 0 0;
	padding: 10px;
	width:50%;
	vertical-align: top;
}
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #EEEEEE;
	background: #f0eff0 url(../images/i_minus.gif) no-repeat 718px;
}
.AccordionPanelTabHover {
	color: #4b5457;
	font-weight:bold;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #4b5457;
	font-weight:bold;
}
.AccordionFocused .AccordionPanelTab {
	background-color: #f0eff0;
}
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #f0eff0;
	font-weight:bold;
}

/*
	User Tools
*/
#usertools {
	background-color: #3b426e;
	width: 185px;
	float: left;
}
#usertools input.required {
	border: 1px solid red;
}
#usertools h1 {
	color: #0ea6db;
}
#usertools h2 {
	color: #ffffff;
	margin-bottom: 0;
	font-size: 12px;
	font-weight: bold;
	padding: 7px 7px 3px;
}
#usertoolsAccordionFeature {
	width:185px;
	float:left;
	padding:0;
	margin:0;
}
#usertoolsAccordionFeature .AccordionPanelTab {
	color: #ffffff;
	font-size: 10px;
	font-weight: normal;
	padding-left: 40px;
	background-color: #3b426e;
}
#usertoolsAccordionFeature .AccordionPanelTabHover {
	font-weight: normal;
	text-decoration: underline;
}
#usertoolsAccordionFeature .UTregister .AccordionPanelTab {
	background: url(images/ut_register_icon.gif) 15px center no-repeat;
}
#usertoolsAccordionFeature .UTemail .AccordionPanelTab {
	background: url(images/ut_email_icon.gif) 15px center no-repeat;
}
#usertoolsAccordionFeature .UTcall .AccordionPanelTab {
	background: url(images/ut_call_icon.gif) 15px center no-repeat;
}
#usertoolsAccordionFeature .UTcontact .AccordionPanelTab {
	background: url(images/ut_register_icon.gif) 15px center no-repeat;
}
#usertoolsAccordionFeature .UTcontact .AccordionPanelContent h2 {
	margin: 0;
	padding: 0;
	font-size: 9px;
	font-weight: normal;
	color: #4A5457;
}

