/*
Title:      	Ice Cubed stylesheet for screen media
Author:     	Karl Ridley, Happyleaves Ltd, falling@happyleaves.com
Updated:    	3rd March 2009
*/


/* MAIN COMPONENTS */	

body {
	font-family: Arial, Helvetica, "Lucida Grande", sans-serif;
	font-size: small;
	text-align: left;
	line-height: 1.3em;
	color: #2c2c2c;
	margin: 0;
	padding: 0;
	background: #ebebeb url(../jpg/footer-tile.jpg) repeat top left;
	}
	
#html body {
	font-size: x-small; /* IE5/Win */
	font-size: small; /* for other IE versions */
	}
	
h1 {
	font-size: 200%;
	color: #fff;
	padding: 0 0 12px 0;
	border-bottom: #ebebeb 2px solid;
	}
	
h2 {
	font-size: 140%;
	color: #fff;
	}
	
h3 {
	font-size: 120%;
	color: #fff;
	}
	
.clear {
 	clear: both;
 	}
  
.dotteddivline {
	padding: 10px 0 10px 0;
	border-top: #d2d2d2 1px dotted;
	}
	
.divline {
	margin: 10px 0 10px 0;
	padding: 0 0 10px 0;
	border-top: #d2d2d2 1px dotted;
	}
	
.spacer {
	padding: 20px 0 10px 0;
	}
	
.subtitle {
	font-size: 115%;
	font-weight: bold;
	color: #2c2c2c;
	}
	
.smallsubtitle {
	font-size: 115%;
	font-weight: bold;
	color: #2c2c2c;
	}
	
.quote {
	font-size: 115%;
	font-weight: bold;
	font-style: italic;
	color: #858585;
	}
	

				
/* GENERAL COMPONENTS */		

#wrapper {
	width: 100%;
	font-size: 95%;
	margin: 0 auto;
	padding: 0;
	}
	
.largertxt {
	text-align: left;
	color: #2c2c2c;
	font-size: 140%;
	line-height: 1.6em;
	}		
	
.normaltxt {
	text-align: left;
	color: #2c2c2c;
	line-height: 1.3em;
	}	
	
.normaltxt a:link, .normaltxt a:visited {
	color: #56a1d5;
	text-decoration: none;
	font-weight: bold;
	}
	
.normaltxt a:active {
	color: #56a1d5;
	text-decoration: underline;
	font-weight: bold;
	}
	
.normaltxt a:hover {
	color: #56a1d5;
	font-weight: bold;
	text-decoration: underline;
	}
	
.small {
	color: #858585;
	font-size: 90%;
	line-height: 1.2em;
	}
	
.small a:link, .small a:visited {
	color: #56a1d5;
	text-decoration: none;
	font-weight: bold;
	}
	
.small a:active {
	color: #56a1d5;
	text-decoration: underline;
	font-weight: bold;
	}
	
.small a:hover {
	color: #56a1d5;
	font-weight: bold;
	text-decoration: underline;
	}
	
.spacer {
	padding: 10px 0 10px 0;
	}
	
.bulletlist ul {
	list-style: none;
	padding: 0;
	margin: 0;
	border: 0;
	}
	
.bulletlist li {
	font-weight: bold;
	line-height: 1.6em;
	color: #2c2c2c;
	list-style-image: url(../gif/bullet.gif);
	}
	

	

/* LOGO COMPONENTS */	

#logowrapper {
	width: 100%;
	margin: 0;
	padding: 35px 0 0 0;
	background: #2f3b54 url(../jpg/logo-tile.jpg) repeat top left;
	}	

#logocontainer {
	width: 830px;
	height: 100px;
	margin: 0 auto;
	padding: 0;
	background: url(../jpg/logo.jpg) top left no-repeat;
	}
	
#logocontainerresales {
	width: 830px;
	height: 100px;
	margin: 0 auto;
	padding: 0;
	background: url(../jpg/logoresales.jpg) top left no-repeat;
	}
	
#logocontainerpc {
	width: 830px;
	height: 100px;
	margin: 0 auto;
	padding: 0;
	background: url(../jpg/logopc.jpg) top left no-repeat;
	}
	
	
	
	
/* MAIN NAV */
	
#navtile {
	width: 100%;
	margin: 0 auto;
	background: url(../jpg/nav-tile.jpg) repeat-x top left;
	}

#navholder {
	width: 830px;
	height: 50px;
	padding: 0;
	margin: 0 auto;
	}

#mainnav {
	margin: 0;
	padding: 0;
	height: 50px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#mainnav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#mainnav a {
	float: left;
	padding: 50px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:50px; /* for IE5/Win only */
	}
	
#mainnav a:hover {
	background-position: 0 -50px;
	}

#mainnav a:active, #mainnav a.selected {
	background-position: 0 -100px;
	}
		
#mnhome a {
	width: 56px;
	background: url(../jpg/mainnav/home.jpg) top left no-repeat;
	}
	
#mnabout a {
	width: 79px;
	background: url(../jpg/mainnav/about.jpg) top left no-repeat;
	}
	
#mncondet a {
	width: 120px;
	background: url(../jpg/mainnav/condet.jpg) top left no-repeat;
	}
	
#mnclients a {
	width: 68px;
	background: url(../jpg/mainnav/clients.jpg) top left no-repeat;
	}	
	
#mnconsulting a {
	width: 90px;
	background: url(../jpg/mainnav/consulting.jpg) top left no-repeat;
	}
		
#mnlinks a {
	width: 57px;
	background: url(../jpg/mainnav/links.jpg) top left no-repeat;
	}		
	
#mnprivateclients a {
	width: 116px;
	background: url(../jpg/mainnav/privateclients.jpg) top left no-repeat;
	}	
		
#mnwealthmgt a {
	width: 155px;
	background: url(../jpg/mainnav/wealthmgt.jpg) top left no-repeat;
	}		
		
#mnmarketing a {
	width: 87px;
	background: url(../jpg/mainnav/marketing.jpg) top left no-repeat;
	}		
	
#mnpr a {
	width: 38px;
	background: url(../jpg/mainnav/pr.jpg) top left no-repeat;
	}		
	
#mnresearch a {
	width: 82px;
	background: url(../jpg/mainnav/research.jpg) top left no-repeat;
	}		
	

	
	
	
/* DEV CHOICE AREA COMPONENTS */	

#devchoicewrapper {
	width: 100%;
	margin: 0;
	color: #ffffff;
	background: url(../jpg/dev-choice-tile.jpg) repeat-x top left;
	}
	
#devchoice {
	width: 830px;
	margin: 0 auto;
	padding: 12px 0 0 0;
	height: 30px;
	}
	
	
	
	
/* FLASH AREA COMPONENTS */	

#flashwrapper {
	width: 100%;
	margin: 0;
	padding: 0;
	border-top: #8b9eb8 1px dotted;
	background: url(../jpg/footer-tile.jpg) repeat top left;
	}
	
#flashcontent {
	width: 830px;
	margin: 0 auto;
	padding: 25px 0 20px 0;
	}
	
	
	
	
/* BODY AREA COMPONENTS */	

#bodywrapper {
	width: 100%;
	margin: 0;
	padding: 0;
	border-top: #bdbdbd 1px dotted;
	border-bottom: #bdbdbd 1px dotted;
	background: #ffffff url(../jpg/body-grad-tile.jpg) repeat-x top left;
	}

#content {
	width: 830px;
	margin: 0 auto;
	padding: 15px 0 30px 0;
	}
	
.bodyleft {
	float: left;
	width: 605px;
	margin: 15px 0 0 0;
	padding: 0;
	}
	
.bodyright {
	float: right;
	width: 195px;
	margin: 15px 0 0 0;
	padding: 0;
	}
	
.bodyright2 {
	float: right;
	width: 195px;
	margin: 60px 0 0 0;
	padding: 0;
	}
	
.bodyright3 {
	float: right;
	width: 195px;
	margin: 0;
	padding: 0;
	}	
	
.main-tns {
	border: #bdbdbd 1px solid;
	}
	
.devlistleft {
	float: left;
	width: 146px;
	margin: 0;
	padding: 20px 0 0 0;
	}
	
.devlistleft a img {
	padding: 0;
	border: #c6c7c9 3px solid;
	}
	
.devlistleft a:hover img {
	padding: 0;
	border: #a7a9ac 3px solid;
	}
	
.devlistright {
	float: right;
	width: 410px;
	margin: 0;
	padding: 0;
	}
	
.devfeature {
	width: 605px;
	height: 115px;
	margin: 0;
	padding: 0;
	background: url(../gif/dev-titles/feature.gif) no-repeat top left;
	}
	
.jumpmenu {
	width: 175px;
	margin: 0;
	padding: 0;
	}	
	
	
	
	
	
/* FEATURED PROPERTY COMPONENTS */			
	
.featurepropicecubprop {
	width: 605px;
	margin: 0;
	padding: 40px 0 0 0;
	}
	
.rhbullet {
	width: 170px;
	margin: 0;
	padding: 3px 5px 0 10px;
	list-style: none;
	color: #2c2c2c;
	}
	
.rhbullet a {
	font-weight: bold;
	text-decoration: none;
	color: #59615a;
	}
	
.rhbullet a:link, .rhbullet a:visited {
	color: #56a1d5;
	font-weight: bold;
	}
	
.rhbullet a:active, .rhbullet a:hover {
	color: #56a1d5;
	font-weight: bold;
	text-decoration: underline;
	}

.rhbullet li {
	margin: 0; 
	padding: 0 0 5px 0;
	line-height: 1.2em;
	list-style: none;
	list-style-image: url(../gif/rhbullet.gif);
	}	
	
#propthumbsimg a img {
	padding: 0;
	border: #c6c7c9 3px solid;
	}
	
#propthumbsimg a:hover img {
	padding: 0;
	border: #a7a9ac 3px solid;
	}
	
.propthumbstablerow {
	text-align:left;
	padding-bottom: 15px;
	}
		
	
	
	
	

/* LINKS COMPONENTS */		
	
.linksleft {
	float: left;
	width: 147px;
	margin: 0;
	padding: 20px 0 15px 0;
	}	
	
.linksright {
	float: right;
	width: 410px;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	}
	
.links-title {
	width: 585px;
	color: #939393;
	font-size: 120%;
	padding: 10px;
	background: url(../jpg/rh-body-bg.jpg) repeat top left;
	}	
	
	
	
	
	
/* PRIVATE CLIENTS COMPONENTS */		
	
.pcleft {
	float: left;
	width: 147px;
	margin: 0;
	padding: 20px 0 15px 0;
	}	
	
.pcright {
	float: right;
	width: 410px;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	}	

.visitdedicated {
	margin: 0;
	padding: 40px 0 0 0;
	list-style: none;
	display: inline;
	overflow: hidden;
	text-align: left;
	}

.visitdedicated li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

.visitdedicated a {
	float: left;
	padding: 40px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/: 40px; /* for IE5/Win only */
	}
	
.visitdedicated a:hover {
	background-position: 0 -40px;
	}

.visitdedicated a:active, .visitdedicated a.selected {
	background-position: 0 -40px;
	}
	
.visitdedicatedimg a {
	width: 390px;
	background: url(../jpg/but-icecubedpc.jpg) top left no-repeat;
	}				
	
	
	
	
	

/* TITLE COMPONENTS */	

.title-holder {
	float: left;
	width: 605px;
	color: #ffffff;
	padding: 0;
	}
	
.title-holder-properties {
	float: left;
	width: 605px;
	color: #ffffff;
	padding: 0;
	margin: 20px 0 0 0;
	}	
	
.rh-holder {
	width: 195px;
	padding: 0;
	margin: 0 0 20px 0;
	background: url(../jpg/rh-body-bg.jpg) repeat top left;
	}		
	
.rh-title {
	width: 175px;
	color: #ffffff;
	font-size: 120%;
	padding: 10px;
	background: url(../jpg/rh-title-bg.jpg) repeat top left;
	border-bottom: #ebebeb 1px dotted;
	}	
	
.rh-body {
	width: 175px;
	padding: 5px 10px 10px 10px;
	}		
		
.flaxby-banner {
	width: 605px;
	padding: 20px 0 20px 0;
	border-top: #ebebeb 1px solid;
	}
	
	
	
	
	
/* CLIENT LIST COMPONENTS */		

.tablecell12 {
	width: 200px;
	padding: 10px 0 10px 0;
	margin: 0;
	vertical-align: middle;
	text-align: center;
	border-right: #f1f1f1 1px solid;
	border-bottom: #f1f1f1 1px solid;
	}	
	
.tablecell3 {
	width: 200px;
	padding: 10px 0 10px 0;
	margin: 0;
	vertical-align: middle;
	text-align: center;
	border-bottom: #f1f1f1 1px solid;
	}	
	
.tablecell45 {
	width: 200px;
	padding: 10px 0 10px 0;
	margin: 0;
	vertical-align: middle;
	text-align: center;
	border-right: #f1f1f1 1px solid;
	}	
	
.tablecell6 {
	width: 200px;
	padding: 10px 0 10px 0;
	margin: 0;
	vertical-align: middle;
	text-align: center;
	}					
			
		
	
	

/* CLIENT REG COMPONENTS */	

.bookingtable {
	width: 830px;
	border-collapse: collapse;
	}
	
.bookingtableleft {
	width: 160px;
	color: #2c2c2c;
	text-align: left;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	border-bottom: #ffffff 1px solid;
	background: #f6f6f6 url(../gif/clientregformleft.gif) repeat top left;
	}
	
.bookingtableright {
	width: 405px;
	color: #2c2c2c;
	text-align: left;
	padding: 5px 10px 5px 10px;
	border-bottom: #ffffff 1px solid;
	background: #e6e6e6 url(../gif/clientregformright.gif) repeat top left;
	}
	
.bookingfieldstiny {
	font-family: Arial, Helvetica, "Lucida Grande", sans-serif;
	padding: 3px;
	color: #2c2c2c;
	font-size: 105%;
	width: 120px;
	background-color: #ffffff;
	border: 2px solid #e0e0e0;
	}
	
.bookingfieldsshort {
	font-family: Arial, Helvetica, "Lucida Grande", sans-serif;
	padding: 3px;
	color: #2c2c2c;
	font-size: 105%;
	width: 260px;
	background-color: #ffffff;
	border: 2px solid #e0e0e0;
	}
	
.bookingfieldslong {
	font-family: Arial, Helvetica, "Lucida Grande", sans-serif;
	padding: 3px;
	color: #2c2c2c;
	font-size: 105%;
	width: 340px;
	background-color: #ffffff;
	border: 2px solid #e0e0e0;
	}
	
.bookingfieldsxtralong {
	font-family: Arial, Helvetica, "Lucida Grande", sans-serif;
	padding: 3px;
	color: #2c2c2c;
	font-size: 105%;
	width: 400px;
	background-color: #ffffff;
	border: 2px solid #e0e0e0;
	}
	
.thanks {
	font-weight: bold;
	font-size: 130%;
	line-height: 1.3em;
	color: #b1c224;
	}
	
	
	
	

	
/* FOOTER AREA COMPONENTS */	

#footerwrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: #ebebeb url(../jpg/footer-tile.jpg) repeat top left;
	}	
	
#footercontainer {
	width: 830px;
	color: #bdbdbd;
	margin: 0 auto;
	font-size: 90%;
	padding: 20px 0 20px 0;
	}
	
#footercontainer a:link, #footercontainer a:visited {
	color: #a1a1a1;
	text-decoration: none;
	}
	
#footercontainer a:active {
	color: #a1a1a1;
	text-decoration: none;
	}
	
#footercontainer a:hover {
	color: #a1a1a1;
	text-decoration: underline;
	}
	
.happylink {
	margin: 0;
	padding: 15px 0 0 0;
	list-style: none;
	display: inline;
	overflow: hidden;
	text-align: left;
	}

.happylink li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

.happylink a {
	float: left;
	padding: 15px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/: 15px; /* for IE5/Win only */
	}
	
.happylink a:hover {
	background-position: 0 -15px;
	}

.happylink a:active, .happylink a.selected {
	background-position: 0 -15px;
	}
	
.happylinkimg a {
	width: 145px;
	background: url(../jpg/happyleaf.jpg) top left no-repeat;
	}