/*
_______________________________
BASE */

@import url(/css/tripoli/tripoli.base.css);

/*
_______________________________
PLUGINS */

@import url(/css/tripoli/plugins/tripoli.visual.css);
/*@import url(/css/tripoli/plugins/tripoli.type.css);*/

/*
_______________________________
END */


/************************************

#COLOURS:

Metal (nav)		77848B
Lighter (sub)	A8B2B7

Grey lt+	dfdfdf
Grey lt		b3b3b3
Black lt	1a1a1a
Grey			999999
					d0d0d0					

************************************/


/* Global overrides
************************************/
a:link,
a:visited {
	color:#21637e;
	text-decoration: underline;
}
a:hover {
	color:#21637e;
	text-decoration: none;
}
a:active,
a:focus {
	color:#21637e;
}
.content {
	line-height: 1.5em;
	font-size:1.2em;
}

.content p {
	text-align: justify;
}
.content ul, .content ol {
	margin-left: 1.2em;
}

ul.documents-list {display:inline; margin:0 0 0 35px; list-style:none outside none;}
ul.documents-list li {display:inline; }

/* Columns
************************************/
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9 { margin-right: 10px }
.col1 { width: 96px; }
.col2 { width: 202px; }
.col3 { width: 308px; }
.col4 { width: 414px; }
.col5 { width: 520px; }
.col6 { width: 626px; }
.col7 { width: 732px; }
.col8 { width: 838px; }
.ng { margin-right: 0; }


/* Main containers
************************************/

html,
body {
	color: #333;
	background-color: #fff;
	width: 100%;
	text-align: center;
	font-family:sans-serif;
}

#frame {
	width: 944px;
	margin: 0 auto;
	text-align: left;
}

#header {
	position: relative;
}
#main {
}

#footer {
	color: #b3b3b3;
	border-top: 1px solid #dfdfdf;
	padding: 10px 0 30px;
	margin: 30px 0 0;
}
.p0 #footer,
.p3 #footer {
	margin: 10px 0 0;
}
#footer a {
	color: #b3b3b3;
}


/* Header
************************************/
#header h1 { margin: 0; padding: 0; }
#header h1 a {
	margin: 0; padding: 0;
	display: block;
	width: 212px; height: 160px;
	background: url(images/ui/ecp-logo.gif) no-repeat 0 0;
	text-indent: -9999em;
}


/* Navigation
************************************/
#nav, ul.subnav, 
#nav li, ul.subnav li {
	margin: 0; padding: 0;
	list-style: none;
}
ul.subnav li.first, #nav li.first {border:none;}
ul.subnav li.selected a {color:#1A1A1A;}

#nav {
	width: 944px; height: 45px;
	background: #77848B url(images/ui/nav-bg.gif) repeat-x 0 0;
}
#nav li {
	width: 105px; height: 40px;
	float: left;
	border-left: 1px solid #fff;
}
#nav #n0 {
	border: none;
}
#nav a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 5px 8px 10px;
	font-size: 11px;
	/*letter-spacing: -0.5px;*/
}
#nav a:hover {
	color: #ccc;
}

#nav .selected {background-color:#77848B;color:#FFFFFF;}

.p0 #n0,
.p0 #nav,
.p1 #n1,
.p1 #nav,
.p2 #n2,
.p2 #nav,
.p3 #n3,
.p3 #nav,
.p4 #n4,
.p4 #nav,
.p5 #n5,
.p5 #nav,
.p6 #n6,
.p6 #nav { background-color: #77848B; color: #fff; }


/* Banner / subnav
************************************/
.banner {
	height: 220px;
	background: #efefef url(images/ui/banner-bg.gif) no-repeat 0 0;
	position: relative;
	line-height:0;
}
.banner.utl.property {line-height:1.5em;}

.banner.tall {
	height: 480px;
	background: #efefef;
	border-bottom: 15px solid #A8B2B7;
}
.banner.tall2 {
	height: 460px;
	background: #efefef;
	border-bottom: 15px solid #A8B2B7;
}
.banner.nonav {
	height: 190px;
	border-bottom: 15px solid #A8B2B7;
}
.banner.utl {
	height: 190px;
}
.p3 .banner.tall { border-color: #A8B2B7; }
/*.banner h2 {
	margin: 0; padding: 0;
	height: 190px;
	text-indent: -9999em;
}*/
.banner.property { background: transparent url(images/banner/property.jpg) no-repeat 0 0; }
/*.banner h2.test { background: transparent url(images/ui/bhd-test.gif) no-repeat 0 0; }
.banner h2.services { background: transparent url(images/bannertext/bhd-services.gif) no-repeat 0 0; }
.banner h2.team { background: transparent url(images/bannertext/bhd-team.gif) no-repeat 0 0; }
.banner h2.team1 { background: transparent url(images/bannertext/bhd-team1.gif) no-repeat 0 0; }
.banner h2.news { background: transparent url(images/bannertext/bhd-news.gif) no-repeat 0 0; }
.banner h2.contact { background: transparent url(images/bannertext/bhd-contact.gif) no-repeat 0 0; }*/


/* Subnav
************************************/
.content ul.subnav {
	margin: 0;
	width: 944px; height: 30px;
	background-color: #A8B2B7;
	color: #1a1a1a;
}

ul.subnav li {
	display: inline;
	line-height: 30px;
	font-size: 11px;
	padding: 0 3px 0 7px;
	border-left: 1px solid #fff;
}
ul.subnav #s0 {
	border: none;
	margin-left: 5px;
}
ul.subnav .nobrdr {	border: none; }
ul.subnav a,
.content ul.subnav a,
.content #main ul.subnav a {
	color: #fff;
	text-decoration: none;
}
.content ul.subnav a:hover,
.content #main ul.subnav a:hover {
	color: #fff;
	text-decoration: underline;
}
ul.subnav a.selected {
	color: #1a1a1a;
}
.p2.s0 ul.subnav #s0 a,
.p2.s1 ul.subnav #s1 a,
.p2.s2 ul.subnav #s2 a,
.p2.s3 ul.subnav #s3 a,
.p2.s4 ul.subnav #s4 a,
.p2.s5 ul.subnav #s5 a,
.p2.s6 ul.subnav #s6 a,
.p2.s7 ul.subnav #s7 a,
.p2.s8 ul.subnav #s8 a,
.p2.s9 ul.subnav #s9 a,
.p2.s10 ul.subnav #s10 a,
.p2.s11 ul.subnav #s11 a,
.p2.s12 ul.subnav #s12 a {
	color: #1a1a1a;
}
img.overlay {
	position: absolute;
	right: 0;
	top: -20px;
}
/*img.overlay2 {
	position: absolute;
	right: 0;
	top: 0;
}
.p1 img.overlay {
	right: -70px;
	top: 45px;
}
.p1 img.overlay2 {
	right: 10px;
	top: -15px;
}*/
.p2 img.overlay {
	right: 0px;
	top: -20px;
}
/*.p4 img.overlay {
	right: 20px;
	top: 75px;
}
.p4.s1 img.overlay {
	right: 30px;
	top: 10px;
}
.p5 img.overlay {
	right: -40px;
	top: -5px;
}
.p6 img.overlay {
	right: 0px;
	top: -10px;
}*/


/* Content
************************************/
#main h3 {
	font-size: 24px;
	font-weight: normal;
	color: #444B4F;
}
.content h3.clients {
	margin: 0; padding: 20px 0 0 20px;
	font-weight: normal;
}
#main h4.jobTitle {
	font-size: 24px;
	font-weight: normal;
	color: #aaa;
	margin-top: -10px;
}
p.quote {
	padding: 50px 0 0 70px;
	margin: 0;
	font-size: 22px;
	font-style: italic;
	line-height: 25px;
	background: #fff url(images/ui/quote-grey.gif) no-repeat 20px 30px;
	color: #A8B2B7;
}
.quote-inline {
	font-style: italic;
	color: #7a8185;
	padding: 0 5px;
}
.contact-box span {
	color: #fff;
	text-transform: uppercase;
	padding-right: 3px;
}
.contact-box {
	margin: 20px 0 0;
	padding: 5px 15px 15px;
	clear: both;
	background: #d9e1e4 url(images/ui/email-box-bg.gif) no-repeat bottom right;
}
/*.contact-box.blue { background: #cfd7de url(images/ui/email-box-bl-bg.gif) no-repeat bottom right; }
.contact-box.beige { background: #e2dbcf url(images/ui/email-box-br-bg.gif) no-repeat bottom right; }*/
.contact-box h5 {
	font-weight: normal;
	font-size: 18px;
	margin-top: 15px;
}
.contact-box.blue h5 {color: #63839c; }
.contact-box.beige h5 {	color: #998675; }
#main .contact-box.blue a {	color:#21637e; }
#main .contact-box.beige a { color:#333; }

.map-contact {margin-top:20px;}
.contacts-list {font-size:11px;}


/* Services
************************************/
/*.p1 #main h3,
.p1 #main a {
	color: #91838a;
}*/


/* Team
************************************/
/*.p2 #main h3,
.p2 #main a {
	color: #8d909f;
}*/


/* Property search
************************************/
/*.p4 #main h3,
.p4 #main h4,
.p4 #main a {
	color: #998675;
}*/
p.result-no {
	margin: 0; padding: 0;
	float: right;
	margin: -25px 15px 0 0;
}
.content ul.property-list {
	margin: 10px 0 0; padding: 0;
	list-style: none;
}
.property-list li {
	margin: 0;
	padding: 15px 0 15px;
	border-top: 1px solid #d0d0d0;
}
.property-list li:first-child {
	border: 0;
}
.property-list .thumb {
	width: 202px;
	margin-right: 10px;
	float: left;
}
.property-list .desc {
	width: 385px;
	margin-right: 30px;
	float: left;
}
.property-list .info {
	width: 202px;
	float: left;
}
.property-list h4,
.property-list h4 a {
	color: #6F7A7F;
	font-size: 14px;
	margin: 5px 0 10px;
	text-decoration: none;
}
.property-list h5 {
	font-size: 12px;
	margin: 0 0 5px;
}
.property-list li .desc p {
	margin: 0 0 3px;
}
.property-list .status {
	margin: 0;
	font-weight: bold;
}
.property-list .info dt,
.property-list .info dd {
	display: block;
	float: left;
	height: 20px; line-height: 20px;
	margin: 0;
	width: 70px;
}
.property-list .info dt {
	clear: left;
	color: #444B4F;
	font-weight: normal;
}
.property-list .info dd {
	width: 130px;
}
table.prop-misc {
	width: 520px;
	margin: 10px 0 0;
	border: none;
}
.prop-misc td {
	vertical-align: top;
	text-align: left;
	padding: 0;
	border: none;
}
.prop-misc .c1 {
	width: 106px;
	color: #444B4F;
}
.prop-misc .c2 {
	width: 414px;
	padding: 0 0 10px;
}
table.prop-schedule {
	width: 308px;
	margin: 20px 0;
	border: none;
	background-color: #eee;
}
table.prop-schedule td,
table.prop-schedule th {
	vertical-align: middle;
	text-align: left;
	padding: 2px 10px; 
	border: none;
	border-top: 1px solid #ddd;
}
table.prop-schedule th {
	border: none;
	color: #fff;
	background-color: #A8B2B7;
	padding: 5px 10px;
}
table.prop-schedule thead {
	padding: 0; border: 0;
	background-color: #A8B2B7;
	border: 0;
}
table.prop-schedule tfoot td {
	font-weight: bold;
	padding: 5px 10px;
}
.prop-schedule .c1 {
	width: 202px;
}
.prop-schedule .c2 {
	width: 106px;
}
/*.prop-misc dt {
	clear: left;
	float: left;
	margin: 0;
	width: 110px;
	height: 20px;
	color: #998675;
	font-weight: normal;
}
.prop-misc dd {
	display: block;
	float: left;
	margin: 0;
	clear: right;
	width: 410px;
}*/

.property-list .icon {height: 120px; width: 180px; border-width: 0px;}

/* Search box */
.search-box {
	margin: 0 0 0 20px;
	padding-top: 120px;
}
label {
	display: block;
	width: 90px; height: 30px;
	clear: left;
	float: left;
}
input.short,
input.wide {
	height: 20px; line-height: 20px;
	float: left;
	font-family: Arial, Helvetica, sans-serif; 
}
input.short {
	width: 96px;
}
input.wide {
	width: 202px;
}
.search-submit {
	margin-top: 30px;
}
a.officeSearch {
			display: block;
			position: absolute;
			font-weight: bold;
			color: #fff;
			right: 20px; bottom: 20px;
		}


/* Slideviewer styles
************************************/

/*preload classes*/ 
.svw { width: 50px; height: 20px; background: #fff; } 
.svw ul { position: relative; left: -999em; } 
 
/*core classes*/ 
.media.gallery {  
	position: relative; 
	overflow: hidden;  
	margin: 20px 0 0; 
	border: 1px solid #A8B2B7;
} 
.content .media.gallery ul { /* this is your UL of images */ 
	margin: 0; 
	padding: 0; 
	position: relative; 
	left: 0; 
	top: 0; 
	width: 1%; 
	list-style-type: none; 
} 
.media.gallery ul li { float:left; cursor: pointer; }
.gallery_pager { 
	overflow: auto; 
	width: 1%;
	background: #A8B2B7; 
	border-top: 1px solid #fff;
	width:308px;
} 
.content .gallery_pagerul { 
	margin: 0; 
	padding: 0; 
	position: relative; 
	list-style-type: none; 
} 
.gallery_pager ul li { 
	width: 25px; 
	float:left; 
	border-right: 1px solid #fff;
	margin: 0; 
	cursor: pointer;
} 
#main .gallery_pager ul li img { margin: 0; }
#main .gallery_pager a { 
	font-size: 11px; 
	text-align: center; 
	line-height: 28px; 
	background: #A8B2B7; 
	color: #fff; 
	text-decoration: none; 
	display: block; 
	width: 25px; 
	float:left; 
	border-right: 1px solid #fff;
	margin: 0; 
} 
#main .gallery_pager a:hover { 
	background: #6F7A7F; 
	color: #fff; 
} 
#main .gallery_pager a.activeSlide{ 
	background: #444B4F; 
	color: #fff; 
} 


/* News
************************************/
.content ul.news-list {
	margin: 10px 0 0; padding: 0;
	list-style: none;
}
.news-list li {
	margin: 0;
	padding: 10px 0 0px 106px;
	border-top: 1px solid #d0d0d0;
}
.news-list li:first-child {
	border: 0;
}
.news-list .date {
	margin-left: -100px;
	color: #6F7A7F;
	font-size: 12px;
	font-weight: bold;
}
.news-list h4 {
	margin-top: -18px;
	font-size: 13px;
	line-height: 16px;
}


/* Contact
************************************/
/*.p6 #main h3,
.p6 #main a {
	color: #a1b3c2;
}*/
.contact-box ul,
.contact-box li {
	margin: 0; padding: 0;
	list-style: none;
	text-indent: 0;
}
.content .contact-box ul {
	margin: 0 5px;
}


/* Misc
************************************/
.hide { display:none; }
.hidden { visibility: hidden; }
.left { float: left; }
.right { float: right; }
.outline { outline: 1px dotted red; }
/*.grey { color: #808080; }
.blue { color: #21637e; }*/
.clearfix {
	width: 100%;
	height: 0.01em;
	clear: both;
}

/* ASP LOGIN START */
.login-box {
	margin: 20px 0 0;
	padding: 5px 15px 15px;
	clear: both;
	background: #d9e1e4 none no-repeat bottom right;
}
.login-box span {
	color: #fff;
	/*text-transform: uppercase;*/
	padding-right: 3px;
}
.login-box h5 {
	font-weight: normal;
	font-size: 18px;
	margin-top: 15px;
}
.login-box.blue h5 {color: #63839c; }
.login-box.beige h5 {	color: #998675; }
#main .login-box.blue a {	color:#21637e; }
#main .login-box.beige a { color:#333; }

.login-box ul,
.login-box li {
	margin: 0; padding: 0;
	list-style: none;
}
.login-box ul {
	margin: 0 5px;
}
/* ASP LOGIN END */






























/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */