/* 
Title:		Witchford Screen Stylesheet
Author: 	Emperor Design
*/

/* ======================================
			GLOBAL STYLES
====================================== */
html
{
	font-size: 100.01%;
}
body
{
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	font-family: Arial, Verdana, San-Serif;
	color: #000;
	background-color: #717171;
}
/* HEADERS */
h2
{
	margin: 0.5em 0 0.1em 0;

	color: #0091B0;
	
	font-family: Garamond, "Times New Roman", Serif;
	font-size: 2.5em;	
	text-transform: capitalize
}
h3
{
	margin-top: 0;
	color: #5EA1CC;
	font-size: 1.1em;
}
h4
{
	
}
h5
{
	font-size: 1em;	
	font-weight: normal;
}
/* LINKS */
a
{
}
a:link
{
	color: #999;
	text-decoration: underline;	
}
a:visited
{
	color: #85B9E0;
	text-decoration: none;	
}
a:hover
{
	color: #448DC4;
	text-decoration: underline;	
}
/* OTHER */
table, th, td
{
	margin: 0 0 0 0;
	font-size: 1em;
}
hr
{
	display: none;
}
/* ======================================
			WRAP
====================================== */
#wrap
{
	width: 766px;	
	border-bottom: 3px solid #FFF;
	border-right: 3px solid #FFF;
	position: relative;
	background-color: #FFF;
	float: left;
}
/* ======================================
			WRAP2
====================================== */
#wrap2
{
	margin: 0 0 0 -388px;
	position: relative;
	left: 50%;
	float: left;
	border-left: 5px solid #565656;
	border-right: 5px solid #565656;
	border-bottom: 5px solid #565656;
}
/* ======================================
			HEADER
====================================== */
#header
{
	position: absolute;
	top: 0;
	left: 375px;
	
	width: 390px;
	height: 195px;
	
	background-color: #73AAD1;
	background-repeat: no-repeat;
	background-position: 26px 0px;	
}
div.banner1
{
	background-image: url(../images/banner_1.jpg);	
}
div.banner2
{
	background-image: url(../images/banner_2.jpg);
}
div.banner3
{
	background-image: url(../images/banner_3.jpg);
}
div.banner4
{
	background-image: url(../images/banner_4.jpg);
}
div.banner5
{
	background-image: url(../images/banner_5.jpg);
}

#header h1
{
	height: 195px;
	width: 195px;
	
	float: right;
	margin: 0;
	
	background-color: #448DC2;
	
	text-align: right;
	
	border-left: 1px solid #FFF;
}
#header h1 img
{
	margin: 5px 5px 0 0;
}
/* ======================================
			HEADER-FRONT
====================================== */
#header-front
{
	position: absolute;
	top: 0;
	left: 473px;
	
	width: 293px;
	height: 60px;
	
	background-color: #FFF;
}
#header-front h1
{
	float: right;
	margin: 0;
}
#header h1 img
{
	margin: 5px 5px 0 0;
}
/* ======================================
			SKIP-TO
====================================== */
#skip-to
{
	display: none;
}
/* ======================================
			MAIN-PAGE
====================================== */
#main-page
{
	float: right;
	width: 600px;
	background: transparent url(../images/main_bg.gif) repeat-y left top;
}
/* ======================================
			CONTENT-FRONT
====================================== */
#content-front
{
	padding: 75px 0 1em 16px;
	margin: 0 0 0 12px;
	color: #FFF;
	background: #448DC2 url(../images/front_img.jpg) no-repeat right 60px;
}
#content-front h2
{
	width: 250px;
	color: #FFF;
	font-family: "Times New Roman", Serif;
	font-size: 2em;
	font-weight: normal;
}
#content-front p
{
	width: 250px;
}
#content-front div.clear
{
	clear: both;
}

/* MESSAGE FRONT */
#message-front
{
	float: left;
}

/* SHARE PRICE INFORMATION */
#share-price-information
{
	margin: 285px 0 45px 0;
	width: 293px;
	float: right;
	overflow: hidden;
}
#share-price-information div
{
	padding: 0 10px 30px 110px;
	background: transparent url(../images/share-price-information_div_bg.jpg) no-repeat left top;	
}
#share-price-information div h3
{
	color: #FFF;
	margin: 0 0 0.3em 0;
	font-family: Arial, San-Serif;
}
#share-price-information div p
{
	width: 110px;
}
#share-price
{
	color: #DAE8F3;
	font-size: 2.2em;
	font-weight: bold;
	font-family: Verdana, Arial, San-Serif;
	margin: 0;
}
#share-dividends 
{
	margin: 0.2em 0 0 0;
}
#share-dividends span
{
	margin: 0 0.8em 0 0;
}
#feed-delay
{
	margin: 0.2em 0 0 0;
	color: #A3C7E1;
}

/* ======================================
			CONTENT
====================================== */
#content
{
	padding: 196px 0 1em 30px;
	min-height: 500px;
}
/* a class selector will not over-ride properties set in an id applied to the same tag */
div.restricted-width
{
	width: 510px;
}
/* as per the designs, all paragraphs within the restricted width should only be 450px wide */
div.restricted-width p
{
	width: 450px;
}
#map-content
{
	background: #E6F0F9 url(../images/main_bg.gif) repeat-y left top;
	padding: 196px 0 0 12px;
}
#map-content h2, #map-content h3, #map-content p
{
	margin-left: 18px;	
}
h3 span
{
	color: #999;
}	
h3 span.this-page
{
	color: #87B7DB;
}

/* NEWS ITEM */
div.news-item
{
	border-top: 1px solid #DDD;
	padding: 1em 0;
}
div.news-item h4
{
	font-size: 1em;
	font-weight: normal;
	margin: 0.2em 0;
}
div.news-item h4.news-heading, div.news-item h4.news-heading a:link
{
	color: #448DC4;
	text-decoration: none;
}
div.news-item h4.news-heading a:visited
{
	color: #85B9E0;
}
div.news-item h4.news-heading a:hover
{
	text-decoration: underline;	
}
div.news-item p
{
	margin: 0.2em 0;
}
div.news-item a.read-more
{
	padding: 0 0 0 10px;
	background: transparent url(../images/news-item_a_bg.gif) no-repeat left center;
}

/* BOARD MEMBERS */
div.board-member
{
	border-bottom: 1px solid #DDD;
	padding: 2em 0 0.5em 0;
}
div.board-member div
{
	width: 380px;
}
div.board-member div h4
{
	font-size: 1em;
	font-weight: normal;
}
div.board-member div h4, div.board-member div div.biography, div.board-member div p
{
	float: right;
	width: 260px;
	margin: 0 0 0.5em 0;
}
div.board-member div img
{
	float: left;
	border: 1px solid #DDD;
}
div.board-member div div.clear
{
	clear: both;
}
/* PROPERTY LISTING */
#properties
{
	width: 550px;
	float: left;
}
#property-listings
{
	width: 549px;
}
#property-listings th
{
	text-align: left;
	font-weight: normal;
	color: #666;
	padding: 0.8em 0;
}
#property-listings td
{
	border-top: 1px solid #E8E8E8;
	padding: 0.8em 0;
}
#property-listings #property
{
	width: 210px;	
}
#property-listings #location
{
	width: 120px;
}
#property-listings #portfolio
{
	width: 113px;
}
#property-listings #image, #property-listings td.image div
{
	width: 106px;
	overflow: hidden;
}
#property-listings #image span
{
	display: none;	
}
/*
#properties div.property-listing
{
	width: 379px;
	clear: both;
	border-top: 1px solid #E8E8E8;
}
#properties div.last
{
	border-bottom: 1px solid #E8E8E8;
}
#properties div.property-listing h4
{
	margin: 1em 0 1em 0.5em;
	font-size: 1em;
	width: 210px;
}
#properties div.property-listing p
{
	margin: -2.3em 1em 1em 0;
	text-align: left;
	float:right;
}
#properties div.property-listing p span
{
	display: block;
	float: right;
}
#properties div.property-listing p span.summary
{
	width: 100px;	
}
#properties div.property-listing p span.portfolio
{
	width: 40px;	
}
#property-pictures
{
	width: 110px;
	float: right;
	margin: 65px 0 0 0;
}
#property-pictures img
{
	margin: 0 0 10px 0;
}
*/
/* INVESTORS */
#investors-content
{
	padding: 196px 0 0 30px;
	border-top: 1px solid #FFF;
	background: transparent url(../images/investors_faux_column.gif) repeat-y top right;
}
#investors-content #investors-wrap
{
	width: 360px;
	float: left;
	padding: 0 0 1em 0;
}
#downloads
{
	width: 194px;
	float: right;
}
#downloads #download-items
{
	width: auto;
	margin: 48px 10px 0 10px;
}
#downloads div h3
{
	color: #2C7DB5;
}
#downloads div.download-item
{
	margin: 0;
	padding: 3px 0 15px 0;
	width: 170px;
	border-top: 1px solid #D5DBDB;
}
#downloads div.pdf
{
	background: transparent url(../images/pdf.gif) no-repeat 145px 2px;	
}
#downloads div.word
{
	background: transparent url(../images/word.gif) no-repeat 148px 2px;	
}
#downloads div.download-item a:link, #downloads div.download-item a:visited
{
	color: #AAABA5;
	text-decoration: none;
}
#downloads div.download-item a:hover
{
	color: #AAABA5;
	text-decoration: underline;
}
#investors-content .clear
{
	clear: both;
	border-bottom: 1px solid #FFF;
}
table.share-information
{
	width: 99%;
	border-top: 1px solid #E8E8E8;
}
table.share-information tr:first-child
{
	display: none;
}
table.share-information tr td
{
	text-align: center;
	border-bottom: 1px solid #E8E8E8;
	padding: 0.5em 0;
}
table.share-information tr td:first-child
{
	text-align: left;
	width: 70%;
}
table.share-information tr td:last-child
{
	text-align: right;
}

/* SITEMAP */
#sitemap
{
	margin: 1em 0 2em 5em;
}
#sitemap ul
{
	margin: 0;
	padding: 0;
	
	list-style-type: none;
}
#sitemap ul li
{
	margin: 0.5em 0 0 0;
}
#sitemap ul li a 
{
	display: block;
	height: 1.5em;
	padding: 0 0 0 20px;
	background: transparent url(../images/sitemap_li_bg.gif) no-repeat left top;
	border: none;
}
#sitemap ul li a:hover
{
	text-decoration: underline;
}
#sitemap ul ul
{
	margin: 0 0 0 6px;
	padding: 0;
}
#sitemap ul ul li a
{
	padding: 0 0 0 35px;
	background: transparent url(../images/sitemap_li_li_bg.gif) no-repeat left top;
}
#sitemap ul ul ul
{
	margin: 0 0 0 24px;	
}
/* TABLES */
table.zebra th
{
	font-size: 1.1em;
}
table.zebra td, table.zebra th
{
	border-bottom: 1px solid #DDD;
	padding: 1em;
}
table.zebra td.column-odd
{
	background-color: #F3F8FC;
}
table.max-width
{
	width: 99.9%;	
}
table.default-style th
{
	font-size: 1.1em;
	background-color: #F3F8FC;
}
table.default-style td, table.default-style th
{
	border-bottom: 1px solid #DDD;
	padding: 1em;
}
/* IFRAMES */
.borderless-iframe
{
	border: none;
	padding: 0;
	margin: 1em 0 0 0;	
}

/* IMAGES */
p.image-comment
{
	margin-top: 0;	
}

/* DOWNLOAD ITEMS */
div.download-item
{
	margin: 0.5em 0;
}
div.pdf
{
	padding: 5px 0 5px 25px;
	background: transparent url(../images/pdf.gif) no-repeat left center;	
}
div.word
{
	padding: 5px 0 5px 25px;
	background: transparent url(../images/word.gif) no-repeat left center;	
}

/* ======================================
			LATEST-NEWS
====================================== */
#latest-news
{
	float: left;
	width: 100%;

	padding: 1px 0 1em 0;
	
	color: #FFF;
	background-color: #ABABA1;
}
#latest-news h3
{
	color: #FFF;
	margin: 1em 0 1em 12px;
}
#latest-news div.latest-news-item
{
	float: left;
	/* to combat IE double margin float bug */
	display: inline;
	width: 285px;
	margin: 0 0 0 12px;
	padding: 0;
}
#latest-news div.latest-news-item h4
{
	margin: 0;
	padding: 0;
	float: right;
	width: 200px;
	font-size: 1.1em;
}
#latest-news div.latest-news-item h4 span.date
{
	display: block;
	font-weight: normal;
}
#latest-news div.latest-news-item p
{
	margin: 0;
	float: right;
	width: 200px;
}
#latest-news div.latest-news-item img
{
	float: left;
	width: 77px;
	margin: 0;
}
#latest-news div.latest-news-item a.read-more
{
	display: block;
	width: 190px;
	float: right;
	margin: 0.5em 0 0 0;
	padding: 0 0 0 10px;
	color: #FFF;
	background: transparent url(../images/latest-news-item_a_bg.gif) no-repeat left center;	
}
#latest-news div.latest-news-item a.read-more:link
{
	text-decoration: none;
}
#latest-news div.latest-news-item a.read-more:visited
{
	text-decoration: none;
}
#latest-news div.latest-news-item a.read-more:hover
{
	text-decoration: underline;
}
/* ======================================
			NAV
====================================== */
#navigation
{
	float: left;
	width: 163px;
	overflow: hidden;
	margin: 75px 0 0 0;
}
#navigation h3
{
	display: none;
}
/* First level */
#navigation ul
{
	margin: 0 5px;
	padding: 0;
	list-style-type: none;
}
#navigation li
{
	border-bottom: 1px solid #DDDED9;
}
#navigation li a
{
	display: block;
	margin: 0;
	padding: 0.3em 0 0.3em 0.2em;
	color: #999;
	font-family: Garamond, "Times New Roman", Serif;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: capitalize;
	text-decoration: none;
	background-color: transparent;
	border: none;
}
#navigation li a:link, #navigation li a:visited
{
	
}
#navigation li a:hover
{
	background-color: #F6F5F5;
}
#navigation li a.selected, #navigation li a.selected:hover
{
	color: #0091B0;
}
/* Second level */
#navigation ul ul
{
	margin: 0;
	border-top: 1px solid #DDDED9;
}
#navigation ul ul li
{
	border: none;
}
#navigation ul ul li a
{
	font-family: Arial, Verdana, San-Serif;
	font-size: 1em;
	font-weight: normal;
}
#navigation ul ul li a.selected, #navigation ul ul li a.selected:hover
{
	color: #FFF;
	background-color: #448DC4;
}
/* Third level level */
#navigation ul ul ul
{
	border: none;
}
#navigation ul ul ul li
{
	
}
#navigation ul ul ul li a
{
	margin: 1px 0 0 0;
	padding: 0.3em 0 0.3em 1em;
	color: #88BADD;
}
#navigation ul ul ul li a.selected, #navigation ul ul ul li a.selected:hover
{
	color: #FFF;
	background-color: #85B9E0;
}
/* ======================================
			FOOTER
====================================== */
#footer
{
	float: right;
	width: 600px;
	clear: both;
	color: #FFF;
	background-color: #919191;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #919191;
	margin: 0;
}
#footer span
{
	float: right;
	padding: 1.3em;
}
#footer span a
{
	color: #FFF;
	padding: 0 0.5em 0 0.8em;
	border: none;
}
#footer span a:link, a:visited
{
	text-decoration: none;
}
#footer span a:hover
{
	text-decoration: underline;
}
#footer #disclaimer
{
	padding: 0 0 0 0.8em;
	border-left: 1px solid #FFF;
}	
#footer p
{
	margin: 0;
	padding: 1.3em;
}
/* ======================================
			CMS STYLES
====================================== */
.wideinput{
	width:100%;

}
.textinput{
	width:200px;
}
div.input{
	position:relative;
	width:100%;
	clear:both;
}
div.input div.caption{
	float:left;
	width:33%;
	margin-bottom:0.6em;
	background-color: #EEE;
}
div.input div.element{
	float:right;
	width:63%;
	margin-bottom:0.6em;
	margin-right: 5px;
	display: inline;
}
div.input .val{
	padding-top:2px;
	position:absolute;
	color:#f00;
	left:-1em;
}

/* ======================================================================================
-----------------------------------------------------------------------------------------
										ADMIN
-----------------------------------------------------------------------------------------
====================================================================================== */

/* ======================================
			ELEMENT CONTROLS
====================================== */
table.element-controls, div.element-controls
{
	border-bottom: 1px solid #DDD;
	float: none;
	clear: both;	
	display: inline;
}
table.element-controls th, table.element-controls td
{
	border: none;	
}