/* CSS Document */
/* Global
------------------------------------------------------------------*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin:0;
	padding:0;
}

ul,li {
	list-style-type:none;
}

.clear {
	clear:both;
}

hr {
	clear:both;
	visibility:hidden;
}

img {
	border:0;
}

body {
	background:#fff url("/website/images/body-bg.gif") repeat-x 0 0;
	font:68%/140% Verdana,Arial,Helvetica,sans-serif;
	color:#515151;
}

input.txt {
	font-size:1.1em;
	color:#515151;
}

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

#container-wrap {
	background:url("/website/images/container-wrap-bg.gif");
	position:absolute;
	left:50%;
	width:774px;
	margin:0 0 20px -387px;
}

#container {
	background:url("/website/images/container-bg.gif") no-repeat top;
	width:774px;
	min-height:400px;
		z-index:500;
}

#header h1 {
	background:url("/website/images/opal-logo.gif") no-repeat;
	width:140px;
	height:60px;
	position:relative;
	top:8px;
	left:27px;
}

#header h1 span {
	display:none
}

#header h2 {
	background:url("/website/images/opal-property-group.gif") no-repeat;
	width:248px;
	height:10px;
	position:absolute;
	top:55px;
	left:188px;
}

#header h2 span {
	display:none
}

#content {
	position:relative;
	right:7px;
	margin:57px 0 0 0;
	width:578px;
	float:right;
}

#col-1 {
	position:relative;
	margin-top:32px;
	left:12px;
	width:253px;
	float:left;
}

#col-1-article-no-attachments {
	position:relative;
	margin-top:32px;
	padding:4px 0 0 0;
	left:12px;
	width:546px;
}

#col-2 {
	position:relative;
	left:24px;
	width:301px;
	float:left;
}

#swf-opal-banner {
	position:absolute;
	top:117px;
	left:50%;
	width:578px;
	height:150px;
	margin:0 0 0 -198px;

}

#sidebar-wrap {
	position:relative;
	right:11px;
	margin:57px 0 0 0;
	width:178px;
	float:right;
}

#footer {
	background:url("/website/images/footer-bg.gif") no-repeat top;
	padding:10px 26px 16px 26px;
}



/* Commercial Space Extras 
-------------------------------------------------------------------*/
#available-now {
	float:right;
	width:90px;
	height:90px;
}

#detail-info {
	float:left;
	width:auto;
	height:auto;
}


/* Article Tab menu 
-------------------------------------------------------------------*/
#article-tab-menu {
	background-image:url("/website/images/grey-bar.gif");
	background-position:bottom;
	background-repeat:no-repeat;
	width:546px;
	height:34px;
	margin-left:12px;
	padding-top:10px;
}

#article-tab-menu .centre-text {
	margin-top:9px;
}


#article-tab-menu .centre-text-active {
	margin-top:9px;
	color: #003300;
	font-weight: bold;
	text-decoration:underline;
}

#article-tab-menu .left-side {
	background-image:url("/website/images/inactive-menu-tab-left.gif");
	background-repeat:no-repeat;
	height:28px;
	width:7px;
	float:left;
	position:relative;
}

#article-tab-menu .centre-side {
	background-image:url("/website/images/inactive-menu-tab-centre.gif");
	background-repeat:repeat-x;
	height:28px;
	width:auto;
	float:left;
	position:relative;
}

#article-tab-menu .right-side {
	background-image:url("/website/images/inactive-menu-tab-right.gif");
	background-repeat:no-repeat;
	height:28px;
	width:7px;
	float:left;
	position:relative;
}

#article-tab-menu .left-side-active {
	background-image:url("/website/images/active-menu-tab-left.gif");
	background-repeat:no-repeat;
	height:28px;
	width:7px;
	float:left;
	position:relative;
}

#article-tab-menu .centre-side-active {
	background-image:url("/website/images/active-menu-tab-centre.gif");
	background-repeat:repeat-x;
	height:28px;
	width:auto;
	float:left;
	position:relative;
}

#article-tab-menu .right-side-active {
	background-image:url("/website/images/active-menu-tab-right.gif");
	background-repeat:no-repeat;
	height:28px;
	width:7px;
	float:left;
	position:relative;
}


#article-tab-menu ul {
	padding-left:13px;
}

#article-tab-menu ul li {
	display:block;
	float:left;
	padding: 6px 0px 0 0;
	color: #888888;
	font-weight: bold;
}

#article-tab-menu ul li a {
	color: #888888;
	font-weight: bold;
	text-decoration: none;
}

#article-tab-menu ul li a:hover, #article-tab-menu ul li a:focus {
	color:#003300;
}



/* main Article
------------------------------------------------------------------*/
#content-title {
	position:relative;
	margin-top:20px;
	margin-bottom:5px;
	left:12px;
	width:546px;
	height:1.5em;
	border-bottom:2px solid #e9ebf1;
}

#content-title h3 {
	background:url("/website/images/ico-home.gif") no-repeat 0px 3px;
	font-size:1.2em;
	color:#003300;
	padding:0 0 0 16px;
	display:inline;
	float:left;
}

#content-body-home {
	position:relative;
	margin: 10px 0 0 0;
	width:253px;
	height:auto;
	float:left;
}

#content-body-home p {
	margin:0 0 1em 0;
}

#content-body-full {
	position:relative;
	margin: 15px 0 0 0;
	left:12px;
	width:546px;
	height:auto;
	float:left;
}

#content-body-short {
	position:relative;
	margin: 15px 0 0 0;
	left:12px;
	width:400px;
	height:auto;
	float:left;
}

#content-body-full ul, #content-body-short ul {
	margin:10px 0 10px 20px;
}

#content-body-full li, #content-body-short li {
	list-style-image:url("/website/images/list-grey-bullet.gif");
}

#content-body-full h2, #content-body-short h2 {
	font-size: 1.2em;
}

#content-body-full h3, #content-body-short h3 {
	font-size: 1.1em;
}


#content-attachments {
	margin:17px 0 0 0;
	position:relative;
	height:auto;
	float: right;
	width: 150px;
}

#content-attachments li {
	margin-right: 22px;
	padding: 0 0 7px 0;
	color:#003300;
	font-weight:bold;
}

#content-attachments img {
	margin: 5 5 5 5;
	border-style: solid;
	border-color:#e9ebf1;
	border-width:1px;
}

div.BookingLink {
	/*width:170px;*/
	padding-left:28px;
	height:19px;
	background:url('/website/images/booking-btn-bg.gif') no-repeat;
	background-position: top right;
	margin:4px 0px;
}

div.BookingLink a {
	font-weight:bold;
	color:#fff;
	line-height:17px;
	text-decoration:none;
}

div.BookingLink a:hover, a.BookingLink a:focus {
	color:#e1f6e6;
}


/* Parts
------------------------------------------------------------------*/
div.part {
	margin:16px 0 0 0;
}

div.part p {
	height:1%;
}


/* Opal Group link list
------------------------------------------------------------------*/

#part-link-collection h3 {
	display:none;
}

#part-link-collection ul {
	width:178px;
	height:auto;
}


#part-link-collection ul li {
	padding:0;
	margin:0;
	display:block;
	float:left;
	text-indent:20px;
}

#part-link-collection ul li.first {
	background-image:url("/website/images/location-list.gif");
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:178px;
	height:23px;
	color:#003300;
	font-weight:bold;
	line-height:2em;
}

#part-link-collection ul li.first a {
	background-image:url("/website/images/location-list.gif");
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:178px;
	height:23px;
}

#part-link-collection ul li a {
	background-image:url("/website/images/location-list.gif");
	background-repeat:no-repeat;
	background-position:0px -23px;
	width:178px;
	height:23px;
	border:0;
	display:block;
	text-decoration:none;
}

#part-link-collection ul li.last a {
	background-image:url("/website/images/location-list.gif");
	background-repeat:no-repeat;
	background-position:0px -46px;
	width:178px;
	height:23px;
}

#part-link-collection ul li a {
	color:#003300;
	font-weight:bold;
	line-height:2em;
}

#part-link-collection ul li.first a:link,
li.first a:visited {
	background-position:0px 0px;
	line-height:2em;
}

#part-link-collection ul li.first a:hover,
li.first a:focus {
	background-position:-178px 0px;
	line-height:2em;
}

#part-link-collection ul li a:link,
li a:visited {
	background-position:0px -23px;
}

#part-link-collection ul li a:hover,
li a:focus {
	background-position:-178px -23px;
}

#part-link-collection ul li.last a:link,
li.last a:visited {
	background-position:0px -46px;
	line-height:2em;
}

#part-link-collection ul li.last a:hover,
li.last a:focus {
	background-position:-178px -46px;
	line-height:2em;
}


/* Part Heading
------------------------------------------------------------------*/
#part-heading {
	padding:8px 0 0 0;
}

#part-heading h3 {
	font-family:Geneva,Arial,Helvetica,sans-serif;
	font-size:1.9em;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:-0.1em;
	line-height:1em;
	color:#6c6c6c;
}

#part-heading h3 span {
	color:#a6a6a6;
}

#part-heading h4 {
	font-family:Geneva,Arial,Helvetica,sans-serif;
	font-size:1em;
	text-transform:uppercase;
	letter-spacing:-0.008em;
	color:#515151;
}


/* Secondary Navigation
------------------------------------------------------------------*/


#nav-secondary {
	top:-30px;
	width:178px;
	height:150px;
	background:url("/website/images/nav-secondary.gif") no-repeat 0 0;
}

#nav-secondary ul{ 
	float:left;
	text-indent: 18px;
}

#nav-secondary ul li a {
	border:0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color:#4d5b4d;
	font-weight:bold;
	text-decoration:none;
	list-style-image: url("/images/dot-icon.gif");
	list-style-position: inside;
}

li#first, li#first a {
	margin-top:30px;
	width:165px;
}

li#second, li#second a {
	margin-top:16px;
	width:170px;
}

li#third, li#third a {
	padding-top:16px;
	width:165px;
}

li#forth, li#forth a {
	padding-top:16px;
	width:165px;
}


li#first a:hover, li#first a:focus {
	text-indent:20px;
	font-weight:bold;
	color:#063706;
}

li#first a:link, li#first a:visited {
}

li#second a:hover, li#second a:focus {
	text-indent:20px;
	font-weight:bold;
	color:#063706;
}

li#second a:link, li#second a:visited {
}

li#third a:hover, li#third a:focus {
	text-indent:20px;
	font-weight:bold;
	color:#063706;
}

li#third a:link, li#third a:visited {
}

li#forth a:hover, li#forth a:focus {
	text-indent:20px;
	color:#063706;
	font-weight:bold;
}

li#forth a:link, li#forth a:visited {

}


/* Part Menu navigation flyout List
------------------------------------------------------------------*/
#part-location-list h3 {
	display:none;
}

#part-location-list ul {
	width:178px;
	height:auto;
}

#part-location-list ul li.first {
	background-image:url("/website/images/location-list.gif");
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:178px;
	height:23px;
	color:#003300;
	font-weight:bold;
	line-height:2em;
}

#part-location-list ul li.first a {
	background-image:url("/website/images/location-list.gif");
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:178px;
	height:23px;
}

#part-location-list ul li {
	padding:0;
	margin:0;
	display:block;
	float:left;
	text-indent:20px;
}

#part-location-list ul li a {
	background-image:url("/website/images/location-list.gif");
	background-repeat:no-repeat;
	background-position:0px -23px;
	width:178px;
	height:23px;
	border:0;
	display:block;
	text-decoration:none;
	color:#003300;
	font-weight:bold;
	line-height:2em;
}

#part-location-list ul li.last a {
	background-image:url("/website/images/location-list.gif");
	background-repeat:no-repeat;
	background-position:0px -46px;
	width:178px;
	height:23px;
}


#part-location-list ul li.first a:link,
li.first a:visited {
	background-position:0px 0px;
	line-height:2em;
}

#part-location-list ul li.first a:hover,
li.first a:focus {
	background-position:-178px 0px;
	line-height:2em;
}

#part-location-list ul li a:link,
li a:visited {
	background-position:0px -23px;
}

#part-location-list ul li a:hover,
li a:focus {
	background-position:-178px -23px;
}

#part-location-list ul li.last a:link,
li.last a:visited {
	background-position:0px -46px;
	line-height:2em;
}

#part-location-list ul li.last a:hover,
li.last a:focus {
	background-position:-178px -46px;
	line-height:2em;
}


/* Part Location List Suckerfish Dropdowns
------------------------------------------------------------------*/
#part-location-list li ul {
	position:absolute;
	background:transparent;
	margin-left:89px;
	width:156px;
	height:auto;
	left:-999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#part-location-list li:hover ul,
#part-location-list li.sfhover ul,
#part-location-list li.sfhover2 ul { /* lists nested under hovered list items */
	left:0em;
}

#part-location-list li li,
#part-location-list li.first li,
#part-location-list li.last li {
	width:156px;
	background:#489b67;
	text-indent:0;
	height:23px;
}

#part-location-list li li a,
#part-location-list li.first li a,
#part-location-list li.last li a {
	width:156px;
	height:23px;
	line-height:2em;
}

#part-location-list li li a:link,
#part-location-list li li a:visited,
#part-location-list li.first li a:link,
#part-location-list li.first li a:visited,
#part-location-list li.last li a:link,
#part-location-list li.last li a:visited {
	width:156px;
	height:23px;
	line-height:2em;
	text-indent:8px;
	background:none;
	color:#fff;
}

#part-location-list li li a:hover,
#part-location-list li li a:focus,
#part-location-list li.first li a:hover,
#part-location-list li.first li a:focus,
#part-location-list li.last li a:hover,
#part-location-list li.last li a:focus {
	width:156px;
	height:23px;
	line-height:2em;
	color:#003300;
	background:#e1f6e6;
}


/* Global Navigation
------------------------------------------------------------------*/
#nav-global {
	position:absolute;
	top:0;
	left:50%;
	margin:0 0 0 235px;
	width:148px;
	height:26px;
	background:url("/website/images/nav-global.gif") no-repeat 0 0;
}

#nav-global ul li {
	padding:0;
	margin:0;
	display:block;
	float:left;
	text-indent:-9999px;
}

#nav-global ul li a {
	border:0;
	display:block;
	text-decoration:none;
	background:url("/website/images/nav-global.gif") no-repeat;
}

li#home a {
	width:42px;
	height:26px;
}

li#contact a {
	width:41px;
	height:26px;
}

li#sitemap a {
	width:42px;
	height:26px;
}

li#home a:hover, li#home a:focus {
	background-position:0px -26px;
}

li#contact a:link, li#contact a:visited {
	background-position:-42px 0px;
}


li#contact a:hover, li#contact a:focus {
	background-position:-42px -26px;
}

li#sitemap a:link, li#sitemap a:visited {
	background-position:-83px 0px;
}

li#sitemap a:hover, li#sitemap a:focus {
	background-position:-83px -26px;
}

/* Global Navigation "active tabs"
------------------------------------------------------------------*/
body.home #nav-global ul li#home a {
	background-position:0px -26px;
}

body.contact #nav-global ul li#contact a {
	background-position:-42px -26px;
}

body.sitemap #nav-global ul li#sitemap a {
	background-position:-83px -26px;
}

/* Footer
------------------------------------------------------------------*/
#footer,
#footer a:link,
#footer a:visited {
	font-size:0.9em;
	color:#acacac;
	text-decoration:none;
}

#footer a:hover,
#footer a:focus {
	text-decoration:underline;
}

/* Home
------------------------------------------------------------------*/
body.home #col-banner {
	width:578px;
	height:119px;
	padding: 0 0 8px 0;
}
body.home #col-banner2 {
	width:578px;
	height:119px;
	padding: 0 0 15px 0;
}