* {
	margin: 0;
	padding: 0;
}

q:before {
  content: "";
}

q:after {
	content: "";
}

body {
	background: #edf3f7 url(../images/bg-page.jpg) 0 0 repeat-x;
	font: 12px/17px Verdana, Arial, Sans-Serif;
	color: #000;
	margin: 10px 0 20px 0;
}

/* fieldset {
  border: 0;
  margin: 10px 0px 0px 15px;
}  */
table {
	font: 12px/17px Arial, Verdana, Sans-Serif;
	color: #000;
}

#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	background: #fff url(../images/bg-header.jpg) top left no-repeat;
	padding: 0;
}

p {
	color: #444;
	margin: 0 0 1em 0;
}

a {
	color: #36c;
	text-decoration:none;
}

a:hover {
	text-decoration: underline;
}

.clear {
	clear: both;
}

h1 {
	font: 1.7em/1.4em Georgia, "Times New Roman", Serif;
	margin: 1em 0 0em 0;
	padding: 0 0 0 0;
}

h2 {
	font: 1.4em/1.3em Georgia, "Times New Roman", Serif;
	margin: .5em 0 .5em 0;
	padding: 0 0 0 0;
}

h3 {	/* set with an arrow to the left of the headline */
	font: 1.4em/1.3em Georgia, "Times New Roman", Serif;
	margin: .5em 0 .5em 0;
	position: relative;
	left: -15px;
	padding: 0 0 0 15px;
	background: transparent url(../images/arrow-tan.gif) 0 9px no-repeat;
}

h4 {
	position: relative;
	padding: 5px 7px;
	margin: 0 0 0 0;
	background-color: #baa866;
	color: #fff;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: .1em;
}

.alt h4 {	
	/* blue background */
	
	background: #396092 url(../images/bg-blue-gradient.html) top right repeat-y;
}

h5 {
	font: bold 1.1em/1.2em Georgia, "Times New Roman", Serif;
	margin: .5em 0 .2em 0;
	padding: 0 0 0 0;
	color: #669;
}

h6 {
	font: bold 1.4em/1.3em Verdana, Arial, Sans-Serif;
	margin: 0;
	padding: 0 0 0 0;
	color: #000;
}

.q {
	/*background-color: #ffe;*/
}

img {
	border: 0;
}

form {
	margin: 0;
	padding: 0;
}

.section {
	background-color: #f2f2e8;
	padding: 0 0 5px 0;
}

.alt {
	background-color: #fff;
}

.padded {
	padding: 0 10px 10px 30px;
}

.alt .padded {
	padding: 0 10px 10px 20px;
}


#content 
{
	border-top: 1px solid #1d5077;
	padding: 4px 0 8px 8px;
	/*position: relative;*/
	/*width: 740px;*/
}


body.sec #content
{
	border: 5px solid #baa866;
	border-top: 0;
	padding: 10px 0 0 20px;
	position: relative;
	/* width: 760px;*/
}


.contact {
	padding: 10px 0 0 25px;
	/*clear: both;*/
	color: #666;
}

.contact2 {
	margin: 0;
	clear: both;
	color: #666;
	padding: 0 0 0 43px;
	font-size: .9em;
}

body.sec .contact {
	width: 97%;
	padding: 10px 0 0 0px;
	clear: both;
	color: #666;
	border-top: 1px solid #baa866;
}

.contact p {
	width: 250px;
	float: left;
}

body.homePage .contact p {
	float: none;
}

.headercontact {
	float: right;
	width: 230px;
	font-size: .9em;
	line-height: 1.4em;
	padding: 2px 10px 0 0;
	margin: 0 0 20px 0;
}

.headercontact img {
	margin-top: -1px;
}

.contactform {
	width: 350px;
}

.contactform p {
	font-size: .9em;
	margin: 0;
	margin-top: 3px;
}

.contactform textarea {
	width: 275px;
}

.contactinformation {
	float: right;
	width: 315px;
	margin: 0 10px 30px 0;
	padding: 10px 0px 10px 15px;
	border-left: 1px solid #ccc;
}

.contactinformation h5 {
	font: bold 1.1em/1.2em Verdana, Arial, Sans-Serif;
	color: #000;
	margin-top:  1.2em;
}

.contactinformation p {
	font-size: .9em;
}

input.btn {
	width: auto;
}

body.sec #m {
	width: 470px;
}

body.sec #sb {
	position: absolute;
	top: 20px;
	right: 15px;
	width: 245px;
}

.qmark {
	float: left; 
	margin: 0 7px 15px 0;
}

/* ----------------- */
/* Header */

#header {
	position: relative;
	background: transparent url(../images/bg-header-bottom.gif) 0 100% no-repeat;
	height: 105px;
}

body.homePage #header 
{
	background: transparent url(../images/bg-header-bottom2.gif) 0 100% no-repeat;
}

#header h1#logo a {
	position: absolute;
	top: 13px;
	left: 45px;
	width: 102px;
	height: 68px;
	background: #fff url(../images/harbert-logo.gif) 0 0 no-repeat;
	font: 13px/17px Georgia, Serif;
}

#header h1#logo a span {
	display: none;
}

/* --
Primary Navigation */

#nav1 
{
	border-left: 5px solid #baa866;
	border-right: 5px solid #baa866;
	border-bottom: 1px solid #1d5077;
	background-color: #baa866;
	position: relative;
	height: 32px;
	padding: 0;
	margin: 0;
	font: 12px/15px Georgia, "Times New Roman", Serif;
}

#nav1 ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: absolute;
	bottom: -1px;
	left: 3px;
}

html>body #nav1 ul {
	bottom: -1px;
}

#nav1 li {
	float: left;
	padding: 0;
	margin-right: 3px;
	cursor: pointer;
}

#nav1 li a {
	display: block;
	cursor: pointer;
	float: left;
	padding: 0 0 0 5px;
	background: transparent url(../images/bg-pnavl.gif) 0 0 no-repeat;
	color: #fff;
	text-decoration: none;
}

#nav1 li a span {
	display: block;
	cursor: pointer;
	float: left;
	padding: 5px 7px 5px 1px;
	background: transparent url(../images/bg-pnavr.gif) 100% 0 no-repeat;
	margin: 0;
}

#nav1 li a:hover {
	background-position: 0 -40px;
}

#nav1 li a:hover span {
	background-position: 100% -40px;
}

body.tier #nav1 {
	height: 35px;
	border-bottom: 1px solid #826c41;
}

body.tier #nav1 ul {
	bottom: 3px;
}

body.tier #nav1 li a {
	display: block;
	padding: 0 0 0 6px;
	background: transparent url(../images/bg-pnav2l.gif) 0 0 no-repeat;
	color: #fff;
	text-decoration: none;
}

body.tier #nav1 li a span {
	display: block;
	padding: 5px 6px 6px 0px;
	background: transparent url(../images/bg-pnav2r.gif) 100% 0 no-repeat;
	margin: 0;
}

body.tier #nav1 li a:hover {
	background-position: 0 100%;
}

body.tier #nav1 li a:hover span {
	background-position: 100% 100%;
}

body.homePage #nav1 {
	display: none;
}

body.cisPage #nav1 li.cis a,
body.cisPage #nav1 li.cis a:hover,
body.servicesPage #nav1 li.services a,
body.servicesPage #nav1 li.services a:hover,
body.brokeragePage #nav1 li.brokerage a,
body.brokeragePage #nav1 li.brokerage a:hover,
body.propertydetailPage #nav1 li.properties a,
body.propertydetailPage #nav1 li.properties a:hover,
body.managementPage #nav1 li.management a,
body.managementPage #nav1 li.management a:hover,
body.developmentPage #nav1 li.development a,
body.developmentPage #nav1 li.development a:hover,
body.propertiesPage #nav1 li.properties a,
body.propertiesPage #nav1 li.properties a:hover {
	background: transparent url(../images/bg-pnavl.gif) 0 -80px no-repeat;
	color: #1d5077;
}

body.cisPage #nav1 li.cis a span,
body.cisPage #nav1 li.cis a:hover span,
body.servicesPage #nav1 li.services a span,
body.servicesPage #nav1 li.services a:hover span,
body.brokeragePage #nav1 li.brokerage a span,
body.brokeragePage #nav1 li.brokerage a:hover span,
body.propertydetailPage #nav1 li.properties a span,
body.propertydetailPage #nav1 li.properties a:hover span,
body.managementPage #nav1 li.management a span,
body.managementPage #nav1 li.management a:hover span,
body.developmentPage #nav1 li.development a span,
body.developmentPage #nav1 li.development a:hover span,
body.propertiesPage #nav1 li.properties a span,
body.propertiesPage #nav1 li.properties a:hover span {
	background: transparent url(../images/bg-pnavr.gif) 100% -80px no-repeat;
}

#newcislink {visibility: hidden; }
body.cisPage #newcislink {visibility: visible; }

/* --
Secondary Navigation */

#header #nav2 {
	position: absolute;
	bottom: 7px;
	right: 10px;
	margin: 0;
	padding: 0;
}

#nav2 a {
	float: left;
	display: block;
	color: #fff;
	padding: 4px 6px;
}

#nav2 a:hover {
	border: 1px solid #fff;
	background-color: #9e8d51;
	padding: 3px 5px;
	text-decoration: none;
}


body.aboutPage #nav2 a.lnkabout,
body.aboutPage #nav2 a.lnkabout:hover,
body.contactPage #nav2 a.lnkcontact,
body.contactPage #nav2 a.lnkcontact:hover,
body.storiesPage #nav2 a.lnkstories,
body.storiesPage #nav2 a.lnkstories:hover,
body.newsPage #nav2 a.lnknews,
body.newsPage #nav2 a.lnknews:hover {
	color: #3e2d01;
	text-decoration: none;
	background: transparent;
	border: 0;
	padding: 4px 6px;
}

/* --
Tertiary Navigation */

#header #nav3 {
	position: absolute;
	bottom: 50px;
	right: 17px;
	font-size: .9em;
}

#nav3 a {
	color: #fff;
}

#nav3 a:hover {
	color: #fff;
}

/* --
Peer Navigation */


.peernav {
	font: 1.1em/1.3em Georgia, "Times New Roman", Serif;
	margin: 0 0 15px 0;
	color: #a85;
}
.peernav strong {
	color: #000;
	font-weight: normal;
}




/* ----------------- */
/* buttons for the home page links to the four main sections */

#mainlinks {
	/*float: right;
	width: 380px;
	height: 354px;*/
}

#mainlinks {list-style-type: none; margin: 0; }
#mainlinks li {
	background: #135 url(../images/bg-buttons.jpg) 0 0 no-repeat;
	display: block;
	float: left; 
	height: 134px; 
	margin: 0 5px 5px 0; 
	padding: 0;
	width: 183px; 
}
#mainlinks a {
	background: transparent url(../images/bg-buttons.jpg) 0 0 no-repeat;
	color: #fff;
	display: block;
	height: 134px;
	margin: 0;
	padding: 0;
	position: relative;
	text-decoration: none;
	width: 183px;
}
#mainlinks a:hover {background-position: 0 100%; }

#mainlinks a strong {
	bottom: 90px;
	display: block;
	font-family: Georgia, Serif;
	left: 10px;
	position: absolute;
	width: 170px;
}

#mainlinks a span {
	display: block;
	font-size: 11px;
	line-height: 1.18em;
	left: 10px;
	position: absolute;
	top: 50px;
	width: 167px;
}

#cislnk li {
  background: #135 url(../images/bg-buttons_2wide.jpg) 0 0 no-repeat !important;
  width: 371px !important;
}
#cislnk a {
  background: transparent url(../images/bg-buttons_2wide.jpg) 0 0 no-repeat !important;
  width: 371px !important;
}
#cislnk a:hover {background-position: 0 100% !important; }
#cislnk a strong {
  width: 355px !important;
}
#cislnk a span {
  width: 350px !important;
}

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

#headline {
	width: 196px;
	height: 204px;
	background: #c7d3db url(../images/man-behind-globe.jpg) 0 0 no-repeat;
	padding: 70px 10px 0px 170px;
	font-size: .9em;
}

#headline h1 {
	font: normal 1.7em/1.2em Georgia, "Times New Roman", Serif;
	margin: 0 0 7px 0;
}


#headline h2 {
	font: normal 1em/1.4em Verdana, Arial, Sans-Serif;
	margin: 0;
}

#FeatureStory {
	/*width: 375px;*/
	/*float: left;*/
	margin-right: 8px;
/*	position: relative; */
}

/* ----------------- */
/* Footer */

#footer {
	border-top: 3px solid #115077;
	padding: 10px;
	background: #baa866 url(../images/bg-footer.jpg) 0 100% no-repeat;
	color: #fff;
}

#footer p {
	margin: 0 0 5px 0;
	font-size: .9em;
	line-height: 1.2em;
}

#footer a {
	color: #e8e8d2;
	text-decoration: none;
}

#footer a:hover {
	color: #fff;
	text-decoration: underline;
}

.copywright {
	text-align: center;
	margin: 7px 0 20px 0;
	padding: 0 10px 0 0;
	font-size: 10px;
	color: #999;
	text-decoration: none;
}

/* -- 
lists */

ul.clean {
	list-style-type: none;
	margin-left: 15px;
	padding-left: 0;
}

ul.clean li {
	margin-bottom: .7em;
}

ul.svclist {
	list-style-type: none;
	font-size: .9em;
	margin-top: 1em;
	margin-bottom: 2em;
}

.column {
	width: 220px;
	margin-left: 20px;
	float: left;
}

ul.svclist li {
	margin-bottom: .2em;
}

ul.smlist {
	list-style-type: none;
	margin: 1.2em 0 0 0;
	padding: 0;
	font-size: 1.2em;
}

ul.smlist li {
	margin: 0 0 .2em 0;
}

ul.flist {
	list-style-image: url(../images/bullet.gif);
	padding-left: 20px;
	margin-left: 25px;
}



/* --
Harbert Advantage block */

.adv {
	border: 1px solid #a85;
	position: relative;
	width: 720px;
	height: 300px;
	overflow: hidden;
	background: #f2f2e8;
	padding: 2px;
	clear: both;
}

.advhead {
	height: 20px;
	padding: 5px 7px;
	background: #baa866 url(../images/bg-tan-gradient.html) top right repeat-y;
	text-transform: uppercase;
	color: #fff;
}

.advlist {
	position: absolute;
	top: 37px;
	left: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.advitem {
	width: 268px;
	height: 40px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #f2f2e8;
	padding: 10px 7px 15px 15px;
	cursor: pointer;
}

.advitem h3,
.advitemhover h3,
.advitemselected h3 {
	color: #133961;
	font: 20px/14px Georgia, "Times New Roman", Serif;
	margin: 5px 0 8px 0;
	background: transparent;
}

.advitem p,
.advitemhover p,
.advitemselected p {
	margin: 5px 0 0 0;
	font: 16px/14px Georgia, "Times New Roman", Serif;
}

.advitemhover {
	width: 268px;
	height: 40px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #f2f2e8;
	padding: 10px 7px 15px 15px;
	background-image: url(../images/arrow-tan.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
	cursor: pointer;
}

.advitemhover h3 {
	color: #36c;
}

.advitemselected {
	width: 268px;
	height: 40px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #fff;
	padding: 10px 7px 15px 15px;
}

.advdesc {
	position: absolute;
	display: none;
	top: 35px;
	right: 2px;
	width: 400px;
	height: 240px;
	background: #fff url(../images/bg-gradient-2.jpg) 100% 0 repeat-y;
	padding: 15px 15px 15px 15px;
}

.advdesc p {
	font-size: 1.1em;
	line-height: 1.3em;
}

/* ---
Success Stories */

.quote, q {
	background-color: #feffcc;
}

.ss {
	border-top: 1px solid #baa866;
	width: 730px;
	position: relative;
}

.s {
	float: left;
	width: 480px;
	margin-left: 20px;
}

.s2 {
	width: 80%;
}

.sm {
	float: left;
	width: 205px;
	padding: 0px 10px 0px 10px;
	background: #edede3;
}

.sm2 {
	background: #fff;
}

.sm div {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d4c99f;
}

.sm2 div {
	position: relative;
	padding: 5px 10px 5px 75px;
	width: 80%;
	border-bottom: 1px solid #e4e9ef;
}

.sm2 .spacer {
	position: absolute;
	top: 5px;
	left: 0px;
	width: 70px;
	color: #999;
	display: block;
	text-align: right;
}



.sm a {
	display: block;
	padding: 10px 10px 10px 17px;
	font: 1.1em/1.3em Georgia, "Times New Roman", Serif;
}

.sm a.cur,
.sm a.cur:hover {
	background-image: url(../images/arrow-tan.gif);
	background-position: 0 16px;
	background-repeat: no-repeat;
	color: #000;
	text-decoration: none;
}

.publishdate {
	display: block;
	font-size: 10px;
	color: #999;
	letter-spacing: .1em;
}

a.rss-feed {
	background: url(/images/feed-icon-16x16.gif) no-repeat 10px 50%;
	padding-left: 35px;
}
a.rss-feed2 {padding-left: 35px; }

#dialog {
  height: 300px;
  margin-left: 35px;
  padding-top: 40px;
}

/*   billboard   */
#bb_listing {
	text-align: left;
}
#bb_listing th, td {
	padding: 0px 5px;
}
#photo_text {
	width: 370px;
	float: left;
}
#photo_text ul, table, p {
	padding-left: 15px;
}
#photo_text th {
	padding: 0px 5px;
	font: 1.5em;
}
#photo_text td {
	padding: 0px 5px;
	text-align: right;
	font: 1.5em;
}
#photos {
  width: 355px;
  float: right;
  padding: 0px;
}
#photos img {
  margin-top: 30px;
  width: 320px;
  border: 1px solid black;
}
#photos ul, #photos ul li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.pagination {
  margin: 15px;
}