/* Whitespace CSS Document */


/* --------------- SOLID COLOURS --------------

LIVING		#911E1E		(Red)

PROPERTY	#ECC53E		(Yellow)

SECTORS		#5D87A1		(Blue)

BUSINESS	#8BC53F		(Green)

CORPORATE	#442580		(Purple)


----------------- OPAQUE COLOURS --------------

LIVING		#FCEEE6		(Red)

PROPERTY	#F3ECD7		(Yellow)

SECTORS		#DFE7EC		(Blue)

BUSINESS	#E8F3D9		(Green)

CORPORATE	#******		(Purple)

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

body
{
margin				: 0px;
padding				: 0px;
font-family			: arial, sans-serif;
font-size 			: 100%;
color				: #4D4D4D;
background-image	: url(/images/hold_bg.gif);
background-repeat	: repeat-x;
background-color	: #535353;
}

#hold
{
margin-top			: 10px;
width				: 805px;
margin				: 0px auto;
padding				: 0px 0px 0px 0px;
}

div.topnav
{
width				: 805px;
position			: relative;
float				: left;
background-color	: #33C6F3;
padding				: 0px 0px 0px 0px;
margin				: 0px 0px 0px 0px;
}

div.topnav img
{
display				: block;
float				: left;
}

div.topnav ul
{
float				: left;
list-style-type		: none;
margin				: 30px 0px 0px 0px;
padding				: 0px 0px 0px 0px;
background-color	: #00B8F0;
width				: 744px;
}

div.topnav ul li
{
margin				: 0px;
padding				: 0px;
float				: left;
line-height			: 12px;
}

div.topnav ul li a:link, div.topnav ul li a:visited
{
display				: block;
float				: left;
font-size			: 75%;
font-weight			: bold;
color				: #FFFFFF;
text-decoration		: none;
padding				: 14px 16px 14px 16px;
}

div.topnav ul li a:hover
{
text-decoration		: underline;
}

div.topnav a#on
{
color				: #442580;
}

div.leftside
{
width				: 565px;
position			: relative;
float				: left;
background-color	: #442580;
padding				: 0px 0px 0px 0px;
margin				: 0px 0px 0px 0px;
}

div.homecopy
{
width				: 565px;
height				: 235px;
position			: relative;
float				: left;
padding				: 0px 0px 0px 0px;
margin				: 0px 0px 0px 0px;
background-color	: #442580;
overflow			: auto;
}

div.homecopy p.line1
{
font-size			: 230%;
line-height			: 20px;
color				: #00B8F0;
font-weight			: normal;
margin				: 30px 0px 0px 30px;
padding				: 0px 0px 0px 0px;
}

div.homecopy p.line2
{
font-size			: 150%;
line-height			: 20px;
color				: #FFFFFF;
font-weight			: normal;
margin				: 20px 0px 0px 30px;
padding				: 0px 0px 0px 0px;
}

div.homecopy p
{
font-size			: 70%;
line-height			: 15px;
color				: #FFFFFF;
font-weight			: normal;
margin				: 25px 0px 5px 30px;
padding				: 0px 0px 0px 0px;
}

div.homecopy h2
{
width				: 395px;
font-size			: 70%;
line-height			: 16px;
color				: #FFFFFF;
font-weight			: normal;
margin				: 0px 0px 10px 30px;
padding				: 0px 0px 0px 0px;
}


div.ourstories
{
width				: 565px;
height				: 140px;
position			: relative;
float				: left;
padding				: 0px 0px 0px 0px;
margin				: 0px 0px 0px 0px;
background-color	: #5d378c;
}

div.ourstories #propertysearch
{
/*background-color	: #ff0000;*/
width				: 150px;
float				: left;
height				: 100px;
margin:10px 0px 0px 10px;
border-right:dashed 1px #ffffff;
padding:10px 15px 10px 5px;
}


.ourstories img
{
border:none;
}


div.ourstories p {
	font-size: 70%;
	line-height: 15px;
	color: #ffffff;
	font-weight: normal;
	margin: 15px 0 0 20px;
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #ffffff;
	width: 340px;
	float: left;
}

div.ourstories #propertysearch p {
	color: #ffffff;
	font-weight: normal;
	
	width: auto;
	float: none;
	border: none;
	padding:5px 0 5px 5px;
	margin:0;
}


div.ourstories #propertysearch a {
	color: #ffffff;
	font-weight: bold;
	text-decoration:none;
	
	width: auto;
	float: none;
	padding:0;
	margin:0;
}



div.ourstories #propertysearch a:hover {
	text-decoration:underline;
}



div.ourstories h3 {
	font-size: 90%;
	line-height: 22px;
	color: #ffffff;
	font-weight: normal;
	margin: 10px 0 0 20px;
	padding: 0 0 10px 0;
	width: 340px;
	float: left;
}

div.ourstories h3 a
{
font-size			: 80%;
line-height			: 15px;
color				: #FFFFFF;
font-weight			: bold;
margin				: 0px 0px 0px 0px;
padding				: 0px 0px 0px 0px;
text-decoration		: none;
}


div.rightside
{
width				: 240px;
position			: relative;
float				: left;
background-color	: #FFFFFF;
padding				: 30px 0px 0px 0px;
margin				: 0px 0px 0px 0px;
overflow: hidden;
}

div.rightside h4
{
font-size			: 90%;
line-height			: 20px;
color				: #666666;
font-weight			: bold;
float				: left;
margin				: 0px 0px 5px 0px;
padding				: 0px 0px 0px 0px;
}

div.rightside h4 a:link, div.rightside h4 a:visited {
	color          : #666;
	text-decoration: none;
}

div.rightside h4 a:hover { text-decoration: underline; }

div.rightside p
{
width				: 195px;
display				: inline;
float				: left;
font-size			: 70%;
line-height			: 15px;
color				: #666666;
font-weight			: normal;
margin				: 0px 0px 10px 25px;
padding				: 0px 0px 8px 0px;
border-bottom		: 1px dashed #666666;
}

/* LIVING */
div.rightside span.livingtab
{
display				: block;
float				: left;
width				: 15px;
height				: 3px;
line-height			: 3px;
background-color	: #911E1E;
padding				: 0px 0px 0px 0px;
margin				: 7px 5px 0px 2px;
}

div.rightside h4 span.living
{
color 				: #911E1E;
}

/* PROPERTY */
div.rightside span.propertytab
{
display				: block;
float				: left;
width				: 15px;
height				: 3px;
line-height			: 3px;
background-color	: #ECC53E;
padding				: 0px 0px 0px 0px;
margin				: 7px 5px 0px 2px;
}

div.rightside h4 span.property
{
color 				: #ECC53E;
}

/* SECTORS */
div.rightside span.sectorstab
{
display				: block;
float				: left;
width				: 15px;
height				: 3px;
line-height			: 3px;
background-color	: #5D87A1;
padding				: 0px 0px 0px 0px;
margin				: 7px 5px 0px 2px;
}

div.rightside h4 span.sectors
{
color 				: #5D87A1
}

/* BUSINESS */
div.rightside span.businesstab
{
display				: block;
float				: left;
width				: 15px;
height				: 3px;
line-height			: 3px;
background-color	: #8BC53F;
padding				: 0px 0px 0px 0px;
margin				: 7px 5px 0px 2px;
}

div.rightside h4 span.business
{
color 				: #8BC53F;
}

div.rightside p a:link, div.rightside p a:visited
{
color				: #4D4D4D;
font-weight			: bold;
text-decoration		: none;
}

div.rightside p a:hover
{
text-decoration		: underline;
}


#interactivemap
{
width				: 220px;/* note padding */
font-size			: 100%;
line-height			: 20px;
height:61px;
color				: #FFFFFF;
font-weight			: normal;
margin				: 4px 0px 0px 0px;
padding				: 138px 0px 15px 20px;
border-bottom		: 0px;
background-image	: url(/images/map.gif);
background-repeat	: no-repeat;
background-color	: #9d82b9;
}

#interactivemap a
{
font-size			: 70%;
color				: #FFFFFF;
font-weight			: normal;
}

div.footer
{
width				: 802px;/* should be 805 but this creates odd chars at bottom of page*/
position			: relative;
float				: left;
padding				: 0px 0px 0px 0px;
margin				: 0px 0px 0px 0px;
}

div.footer p.right
{
float				: right;
display				: inline;
font-size			: 70%;
line-height			: 15px;
color				: #CCCCCC;
font-weight			: normal;
margin				: 10px 20px 0px 0px;
padding				: 0px 0px 0px 0px;
}


div.footer p.left
{
float				: left;
display				: inline;
font-size			: 70%;
line-height			: 15px;
color				: #CCCCCC;
font-weight			: normal;
margin				: 10px 0px 0px 30px;
padding				: 0px 0px 0px 0px;
}


/* INTERNAL PAGE */

div.nav_content_wrapper
{
width				: 805px;
position			: relative;
float				: left;
padding				: 0px 0px 0px 0px;
margin				: 0px 0px 0px 0px;
}

/* backgrounds on pages */

#living_home
{
background-image	: url(/images/bg_living.gif);
background-repeat	: repeat-y;
}

#property_home
{
background-image	: url(/images/bg_property.gif);
background-repeat	: repeat-y;
}

#sectors_home
{
background-image	: url(/images/bg_sectors.gif);
background-repeat	: repeat-y;
}

#business_home
{
background-image	: url(/images/bg_business.gif);
background-repeat	: repeat-y;
}

/* backgrounds on internal pages */

#living_internal
{
background-image	: url(/images/bg_living_internal.gif);
background-repeat	: repeat-y;
}

#property_internal
{
background-image	: url(/images/bg_property_internal.gif);
background-repeat	: repeat-y;
}

#sectors_internal
{
background-image	: url(/images/bg_sectors_internal.gif);
background-repeat	: repeat-y;
}

#business_internal
{
background-image	: url(/images/bg_business_internal.gif);
background-repeat	: repeat-y;
}

#corporate_internal
{
background-image	: url(/images/bg_corporate_internal.jpg);
background-repeat	: repeat-y;
}

div.leftnav
{
width				: 190px;
position			: relative;
float				: left;
padding				: 30px 5px 0px 5px;
margin				: 0px 0px 0px 0px;
}

div.leftnav p
{
font-size			: 70%;
line-height			: 15px;
color				: #4D4D4D;
font-weight			: bold;
margin				: 0px 10px 0px 10px;
padding				: 0px 0px 20px 0px;
border-bottom		: 2px dotted #666666;
}


/* left nav quick link colors */

ul.crosslinks li a span.living
{
color				:#911E1E;
}

ul.crosslinks li a span.property
{
color				:#ECC53E;
}

ul.crosslinks li a span.sectors
{
color				:#5D87A1;
}

ul.crosslinks li a span.business
{
color				:#8BC53F;
}

ul.crosslinks
{
list-style-type		: none;
margin				: 20px 10px 0px 10px;
padding				: 0px 0px 20px 0px;
border-bottom		: 2px dotted #666666;
}

ul.crosslinks li
{
font-size			: 70%;
line-height			: 15px;
color				: #911E1E;
font-weight			: bold;
margin				: 0px 0px 5px 0px;
padding				: 0px 0px 0px 0px;
}

ul.crosslinks li a:link, ul.crosslinks li a:visited
{
margin				: 0px 0px 0px 0px;
padding				: 0px 0px 0px 0px;
color				: #4D4D4D;
text-decoration		: none;
}

ul.crosslinks li a:hover
{
margin				: 0px 0px 0px 0px;
padding				: 0px 0px 0px 0px;
color				: #4D4D4D;
text-decoration		: underline;
}

ul.crossinks li.on a:link, ul.crossinks li.on a:visited
{
color				: #911E1E;
}


ul.level3nav li a:link, ul.level3nav li a:visited
{
margin				: 0px 0px 0px 0px;
padding				: 0px 0px 0px 0px;
color				: #911E1E;
text-decoration		: none;
}

ul.level3nav li a:hover
{
margin				: 0px 0px 0px 0px;
padding				: 0px 0px 0px 0px;
color				: #911E1E;
text-decoration		: underline;
}

/* para at top of nav */

#living div.leftnav p span
{
color				: #911E1E;
}

#property div.leftnav p span
{
color				: #ECC53E;
}

#sectors div.leftnav p span
{
color				: #5D87A1;
}

#business div.leftnav p span
{
color				: #8BC53F;
}

/* homepage content*/

div.content
{
width				: 605px;
position			: relative;
float				: left;
padding				: 0px 0px 0px 0px;
margin				: 0px 0px 0px 0px;
}

div.content h1
{
font-size			: 200%;
line-height			: 20px;
color				: #4D4D4D;
font-weight			: bold;
margin				: 30px 40px 0px 40px;
padding				: 0px 0px 0px 0px;
}

div.content h1 span
{
color				: #FFFFFF;
}

div.content h2
{
font-size			: 140%;
line-height			: 30px;
color				: #FFFFFF;
font-weight			: normal;
margin				: 20px 40px 40px 40px;
padding				: 0px 0px 0px 0px;
}

/* internal content */

div.content_internal
{
width				: 605px;
position			: relative;
float				: left;
padding				: 0px 0px 20px 0px;
margin				: 0px 0px 0px 0px;
}

/* tables of data styles */

div.content_internal table
{
margin-left:28px;
}

div.content_internal td
{
padding:5px;
font-size: 70%;
line-height: 15px;
font-weight: normal;
}

div.content_internal h1
{
font-size			: 150%;
line-height			: 26px;
font-weight			: normal;
margin				: 30px 20px 15px 30px;
padding				: 0px 0px 0px 0px;
}

div.content_internal h2
{
font-size			: 100%;
line-height			: 20px;
font-weight			: bold;
margin				: 20px 40px 15px 30px;
padding				: 0px 0px 0px 0px;
}

div.content_internal h3
{
font-size			: 70%;
line-height			: 15px;
font-weight			: normal;
margin				: 0px 40px 15px 30px;
padding				: 0px 0px 0px 0px;
}

div.content_internal p
{
font-size			: 80%;
line-height			: 15px;
font-weight			: normal;
margin				: 0px 40px 15px 30px;
padding				: 0px 0px 0px 0px;
}

div.content_internal ul
{
list-style-type		: disc;
margin				: 0px 0px 15px 50px;
padding				: 0px 0px 0px 0px;
}

div.content_internal li
{
font-size			: 80%;
line-height			: 15px;
font-weight			: normal;
margin				: 0px 0px 0px 0px;
padding				: 0px 0px 0px 0px;
}

div.content_internal a
{
color				: #4D4D4D;
font-weight			: bold;
}

#living h1, #living h2, #living h3
{
color				: #911E1E;
}

#property h1, #property h2, #property h3
{
color				: #ECC53E;
}

#sectors h1, #sectors h2, #sectors h3
{
color				: #5D87A1;
}

#business h1, #business h2, #business h3
{
color				: #8BC53F;
}

#corporate h1, #corporate h2, #corporate h3
{
color				: #442580;
}



div#navpropertysearch {
	background-color: #5d378c;
	padding:10px;
	margin:20px 0 0 0;
}


div#navpropertysearch p {
	border:none;
	padding:5px 5px;
	margin:0 0 0 0;	
	color:#ffffff;
	font-weight: normal;
}


div#navpropertysearch a {
	color:#ffffff;
	font-weight: bold;
}

div#navpropertysearch img {
	border:none;
}


div.map
{
width				: 190px;
position			: relative;
float				: left;
padding				: 30px 0px 0px 0px;
margin				: 0px 0px 20px 0px;
}

div.map img
{
display				: block;
}

div.map p
{
font-size			: 95%;
line-height			: 18px;
color				: #FFFFFF;
font-weight			: bold;
margin				: 0px 0px 0px 0px;
padding				: 15px 15px 15px 15px;
background-color	: #a387c4;
border-bottom		: 0px;
}

div.map p a:link, div.map p a:visited
{
font-size			: 75%;
color				: #FFFFFF;
text-decoration		: none;
font-weight			: normal;
}

div.map p a:hover
{
text-decoration		: underline;
}

/* Case study */

div.casestudy
{
position			: relative;
float				: right;
width				: 180px;
margin				: 50px 0px 40px 20px;
}

div.casestudy img
{
display				: block;
}

div.casestudy a
{
display				: block;
color				: #4D4D4D;
font-size			: 70%;
font-weight			: bold;
text-decoration		: none;
margin				: 0px 0px 10px 0px
}

#corporate_internal div.casestudy a
{background-color	: #c4b5d4;}

#sectors_internal div.casestudy a
{background-color	: #cedbe3;}

#property_internal div.casestudy a
{background-color	: #f9d4c1;}

#living_internal div.casestudy a
{background-color	: #ede3c2;}

#business_internal div.casestudy a
{background-color	: #dcedc5;}

div.casestudy a img
{
display				: inline;
border				: 0px;
vertical-align		: middle;
margin				: 5px 10px 5px 10px;
}

div.casestudy p
{
font-size			: 70%;
line-height			: 16px;
font-weight			: normal;
margin				: 0px 0px 0px 0px;
padding				: 20px 20px 20px 20px;
color				: #FFFFFF;
}

#corporate_internal div.casestudy p
{background-color	: #442580;}

#living_internal div.casestudy p
{background-color	: #911E1E;}

#sectors_internal div.casestudy p
{background-color	: #5D87A1;}

#property_internal div.casestudy p
{background-color	: #ECC53E;}

#business_internal div.casestudy p
{background-color	: #8BC53F;}

div.casestudy p span.line1
{
display				: block;
font-size			: 200%;
margin				: 0px 0px 20px 0px;
}

div.casestudy p span.line2
{
display				: block;
font-size			: 120%;
color				: #FFFFFF;
font-weight			: bold;
margin				: 0px 0px 10px 0px;
}


/* Contact Form CSS */

div.fieldWithErrors
{
margin				: 0px 0px 0px 30px;
}

div.fieldWithErrors input, div.fieldWithErrors textarea
{
font-family			: arial;
font-size			: 70%;
padding				: 2px;
border				: 1px solid #FF0000;
width				: 180px;/* carefull - this sets ALL the inputs in the wrapper div (overide with style="") */
margin				: 0px 0px 10px 0px;
}

div.genericcontactform
{
width		: 210px;
float		: left;
margin		: 0px 0px 20px 0px;
}

div.genericcontactform label
{
font-size		: 100%;
margin-top		: 0px;
margin-bottom	: 0px;
}

div.genericcontactform p
{
font-size		: 70%;
margin-top		: 0px;
margin-bottom	: 0px;
}

input.form
{
font-family		: Arial;
width			: 180px;
margin-top		: 0px;
margin-bottom	: 10px;
font-size		: 100%;
border			: 1px solid #CCCCCC;
padding			: 2px;
}

#formred
{
background-color: #FFCCCC;
}

textarea.form
{
font-family		: Arial;
height			: 61px;
width			: 180px;
margin-top		: 0px;
margin-bottom	: 10px;
font-size		: 100%;
padding			: 2px;
border			: 1px solid #CCCCCC;
}

input.checkbox
{
}

.button
{
font-size			: 100%;
padding 			: 0px 10px 0px 10px;
font-weight			: bold;
background-color	: #000000;
color				: #FFFFFF;
border				: 3px double #CCCCCC;
margin-top			: 0px;
}

/** IMAGE SEARCH **/
div.search_results
{
position			: relative;
margin				: 0px 0px 0px 30px;
padding				: 20px 0px 0px 0px;
width				: 560px;
border-top			: 1px dotted #666666;
}

div.images
{
position			: relative;
float				: left;
margin				: 0px 0px 8px 8px;
padding				: 5px 5px 5px 5px;
background-color	: #FFFFFF;
}

div.search_results p.result
{
font-size			: 70%;
line-height			: 16px;
margin				: 0px 0px 8px 8px;
padding				: 0px 0px 0px 0px;
background-color	: #DAD3E5;
}

div.search_results p
{
margin				: 0px;
padding				: 0px;
background-color	: #FFFFFF;
}

div.search_results p a
{
color				: #333333;
font-weight			: normal;
}

div.images img
{
margin				: 0px;
padding				: 0px;
}


div.auto_complete
{
width				: 350px;
background			: #fff;
z-index				: 999;
}

div.auto_complete ul
{
border				: 1px solid #888;
margin				: 0px;
padding				: 0px;
width				: 100%;
list-style-type		: none;
}

div.auto_complete ul li
{
margin				: 0px;
padding				: 3px;
}

div.auto_complete ul li.selected
{
background-color	: #ffb;
}

div.auto_complete ul strong.highlight
{
color				: #800;
margin				: 0px;
padding				: 0px;
}

div.content_internal div.sitemap {
	margin: 0 30px;
	padding: 0;
}

div.content_internal div.sitemap ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

div.content_internal div.sitemap li img {
	border: none;
	margin: 0px 10px 0px 0px;
}

div.content_internal div.sitemap li {
	font-size: 75%;
	background-color: #CCC;
	line-height: 26px;
	border-top:2px solid #DAD3E5;
	font-weight: normal;
}

div.content_internal div.sitemap li a {
	font-weight: normal;
	text-decoration: none;
	padding: 0px 0px 0px 15px;
	color: #000;
}

div.content_internal div.sitemap li a:hover {
	color: #eb5922;
}

div.content_internal div.sitemap li li {
	font-size: 100%;
	background-color: #e6e5e5;
}

div.content_internal div.sitemap li li a {
	padding: 0px 0px 0px 30px;
}

div.content_internal div.sitemap li li li {
	background-color: #F9F9F9;
}

div.content_internal div.sitemap li li li a {
	padding: 0px 0px 0px 45px;
}


.clear/*this div make the parent DIV strench to the height of the child - fix for firefox. but the div is 1px high in IE*/
{
clear				: both;
font-size			: 0em;
width				: 0px;
height				: 0px;
line-height			: 0px;
overflow			: hidden;
}

div.news_item {
	padding-top:0px;	
}

div.news_item #newsHeader {
	height:128px;
	width:605px;
	background-image:url(/images/newsitemHeader.gif);
	overflow:hidden;
}

div.news_item #newsHeader h1 {
	color:#FFF;
	margin-top:30px;
	font-size:28px;
	line-height: 36px;
}

div.news_item .newsImage {
	float:left;
	padding:20px 20px 10px 30px;
}

div.news_item h2 {
	color:#7e3e97;
	overflow:hidden;
	text-transform:uppercase;
	font-weight:normal;
	font-size:20px;
}

div.news_item h3 {
	color:#7e3e97;
	overflow:hidden;
	font-weight:normal;
	font-size:80%;
	line-height:15px;
}

div.news_item .newsQuote {
	float:right;
	background-color:#25c3e8;
	width:180px;
	padding:30px 20px 15px 20px;
	margin:0 30px 10px 20px;
	background-image:url(/images/news_widgetquote.gif);
	background-position:top left;
	background-repeat:no-repeat;
}



div.news_item .newsQuote p {
	color:#FFF;
	font-style:italic;
	font-size:90%;
	line-height:18px;
	padding:0px;
	margin:0px;
}