/*
_______________________________
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;
}

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


/* 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;
}

#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(/img/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;
}
#nav {
	width: 944px; height: 45px;
	background: #77848B url(/img/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;
}

.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(/img/ui/banner-bg.gif) no-repeat 0 0;
	position: relative;
}
.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(/img/banner/property.jpg) no-repeat 0 0; }
/*.banner h2.test { background: transparent url(/img/ui/bhd-test.gif) no-repeat 0 0; }
.banner h2.services { background: transparent url(/img/bannertext/bhd-services.gif) no-repeat 0 0; }
.banner h2.team { background: transparent url(/img/bannertext/bhd-team.gif) no-repeat 0 0; }
.banner h2.team1 { background: transparent url(/img/bannertext/bhd-team1.gif) no-repeat 0 0; }
.banner h2.news { background: transparent url(/img/bannertext/bhd-news.gif) no-repeat 0 0; }
.banner h2.contact { background: transparent url(/img/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: 0;
}
/*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(/img/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(/img/ui/email-box-bg.gif) no-repeat bottom right;
}
/*.contact-box.blue { background: #cfd7de url(/img/ui/email-box-bl-bg.gif) no-repeat bottom right; }
.contact-box.beige { background: #e2dbcf url(/img/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; }


/* 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;
}*/

/* 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*/ 
.stripViewer {  
	position: relative; 
	overflow: hidden;  
	margin: 20px 0 0; 
	border: 1px solid #A8B2B7;
} 
.content .stripViewer ul { /* this is your UL of images */ 
	margin: 0; 
	padding: 0; 
	position: relative; 
	left: 0; 
	top: 0; 
	width: 1%; 
	list-style-type: none; 
} 
.stripViewer ul li { float:left; cursor: pointer; }
.stripTransmitter { 
	overflow: auto; 
	width: 1%;
	background: #A8B2B7; 
	border-top: 1px solid #fff;
} 
.content .stripTransmitter ul { 
	margin: 0; 
	padding: 0; 
	position: relative; 
	list-style-type: none; 
} 
.stripTransmitter ul li { 
	width: 25px; 
	float:left; 
	border-right: 1px solid #fff;
	margin: 0; 
	cursor: pointer;
} 
#main .stripTransmitter ul li img { margin: 0; }
#main .stripTransmitter a { border: none; }
#main .stripTransmitter a { 
	font-size: 11px; 
	text-align: center; 
	line-height: 28px; 
	background: #A8B2B7; 
	color: #fff; 
	text-decoration: none; 
	display: block; 
} 
#main .stripTransmitter a:hover { 
	background: #6F7A7F; 
	color: #fff; 
} 
#main .stripTransmitter a.current { 
	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 */