/* -------------------------------------
RESET DEFAULT STYLES
------------------------------------- */
@import url("reset.css");

/* -------------------------------------
COLORS
tan: cbc16a
light tan: dcd492
------------------------------------- */

/* -------------------------------------
BODY AND WRAPPER
------------------------------------- */

body {
	margin: 0;
	padding: 0;
	font: small/1.5em Futura, "Segoe UI", Verdana, sans-serif;
	text-align: center;
	color: #ffffff;
	background: #000000;
	}

#wrapper {
	width: 960px;
	text-align: left;
	margin: 0 auto;
	color: #4f2800;
	background: #341b0e url(../images/bg_wrapper.jpg);
	}

/* -------------------------------------
HEADER
------------------------------------- */

#header {
	width: 960px;
	height: 158px;
	background-color: #cbc16a;
	}

body#agents #header,
body#about-us #header,
body#team #header {
	background-color: #b1bfdf;
	}

#logo {
	position: relative;
	width: 366px;
	height: 158px;
	float: left;
	background: #d8cf87 url(../images/bg_logo_cbc16a.png);
	}

#logo img {
	position: absolute;
	top: 29px;
	right: 0;
	}

/* -------------------------------------
LINKS, IMAGES, AND OTHER
------------------------------------- */

a:link {
	color: #3366CC;
	background: transparent;
	}
a:visited {
	color: #993366;
	background: transparent;
	}
a:hover {
	color: #000000;
	background: transparent;
	}
a:active {
	color: #3366CC;
	background: transparent;
	}

img.right {
	float: right;
	display: inline;
	margin: 0 0 0 12px;
	}

img.left {
	float: left;
	display: inline;
	margin: 0 12px 0 0;
	}

/* -------------------------------------
NAV
------------------------------------- */

#nav {
	margin-left: 14px;
	position: relative;
	z-index: 100;
	}

body#agents #nav,
body#clients #nav,
body#history #nav,
body#contact-us #nav,
body#privacy-statement #nav {
	margin-left: 165px;
	}

#primary #nav ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	}

#primary #nav ul li {
 	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	}

#nav ul li a {
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	font-size: 85%;
	letter-spacing: 0.05em;
	padding: 0.1em 0.5em;
	border-right: 4px solid #cbc16a;
	color: #ffffff;
	background-color: transparent;
	}

#nav ul li a:hover {
	text-decoration: underline;
	}

#nav ul li a.last {
	border: none;
	}

#nav ul li.current a {
	color: #cbc16a;
	background-color: transparent;
	}

body#about-us #nav ul li.current a,
body#agents #nav ul li.current a,
body#clients #nav ul li.current a,
body#history #nav ul li.current a,
body#team #nav ul li.current a,
body#executives #nav ul li.current a {
	color: #b1bfdf;
	}

body#about-us #nav ul li a,
body#agents #nav ul li a,
body#clients #nav ul li a,
body#history #nav ul li a,
body#team #nav ul li a,
body#executives #nav ul li a {
	border-color: #b1bfdf;
	}

/* Secondary menu -- rollover */
#nav ul li ul {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #33669b;
  display: none;
}

#nav ul li ul li {
  float: none;
  width: 180px;
}

#nav ul li ul li a {
  display: block;
  float: none;
  border: none;
  color: #666666 !important;
  background-color: #ffffff !important;
}

#nav ul li ul li a:hover {
  background-color: #eeeeee !important;
}

#nav ul li:hover ul {
  display: block;
}

/* -------------------------------------
CONTENT
------------------------------------- */

#content {
	position: relative;
	clear: both;
	margin: 0;
	padding: 0;
	}

#primary {
	width: 443px;
	min-height: 600px;
	float: right;
	background-color: #dcd492;
	}

body#agents #primary,
body#clients #primary,
body#history #primary,
body#contact-us #primary,
body#privacy-statement #primary {
	width: 594px;
	}

body#about-us #primary,
body#agents #primary,
body#clients #primary,
body#history #primary,
body#team #primary,
body#executives #primary {
	background-color: #cdd5ea;
	}

#page_text {
	position: relative;
	clear: both;
	padding: 0 40px;
	margin: 60px 0;
	}

body#team #page_text {
	margin-bottom: 160px;
	}

hr.rule {
	display: none;
	}

hr.clear {
	clear: both;
	visibility: hidden;
	margin: 0;
	padding: 0;
	}

#primary ul {
	margin-bottom: 1em;
	}

#primary ul li {
	list-style: disc;
	margin-left: 1.5em;
	padding-left: 0.1em;
	}

#primary ol {
	margin-bottom: 1em;
	}

#primary ol li {
	list-style: decimal;
	margin-left: 1.5em;
	padding-left: 0.1em;
	}

#primary ol ol {
	margin-bottom: 0;
	}

#primary ol ol li {
	list-style: lower-alpha;
	margin-left: 1.5em;
	padding-left: 0.1em;
	}

img.team_photo {
	position: absolute;
	top: 0;
	left: -517px;
	}

img.services_photo {
	position: absolute;
	top: 0;
	left: -517px;
	}

/* -------------------------------------
TEXT FORMATTING FOR #PAGE_TEXT
------------------------------------- */

#page_text p, #page_text ul, #page_text ol {
	margin-bottom: 1em;
	}

#page_text h1, #page_text h2 {
	margin-bottom: 1em;
	}

#page_text h2 {
	margin-top: 1.5em;
	}

#page_text h1 span {
	font-weight: normal;
	font-style: italic;
	}

h1.hanging {
	float: left;
	width: 300px;
	text-align: right;
	margin-left: -375px;
	color: #dcd492;
	}

body#clients h1.hanging {
	color: #b1bfdf;
	}

/* -------------------------------------
SLIDESHOW STYLES
------------------------------------- */

#slideshow,
#slideshow_object {
	position: absolute;
	top: 58px;
	left: 163px;
	width: 354px;
	height: 322px;
	}

/* -------------------------------------
CLIENT BUTTON STYLES
------------------------------------- */

ul#client_forms {
	list-style: none;
	margin: 24px 0 4px 0;
	padding: 0;
	}

ul#client_forms li {
	display: inline;
	margin: 0;
	padding: 0;
	}

ul#client_forms li img {
	margin: 0 38px 8px 0;
	}

/* -------------------------------------
AGENT STYLES
------------------------------------- */

div.agent_info {
	margin-bottom: 3em;
	}

div.agent_info img {
	float: left;
	margin-left: -226px;
	}

/* -------------------------------------
EXECUTIVE STYLES
------------------------------------- */

div.executive_info {
	margin-bottom: 3em;
	}

div.executive_info img {
	float: left;
	margin-left: -307px;
	}

/* -------------------------------------
TABLE STYLES
------------------------------------- */

table {
	margin-bottom: 1.5em;
	}

table caption {
	text-align: left;
	font-weight: bold;
	}
	
/* -------------------------------------
FOOTER
------------------------------------- */

#footer {
	clear: both;
	text-align: center;
	font-size: 85%;
	margin-bottom: 1em;
	}

#primary ul#footer_nav {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#primary ul#footer_nav li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	}

ul#footer_nav li a {
	display: inline;
	padding: 0 0.5em 0 0.2em;
	border-right: 1px solid #beb37b;
	text-decoration: none;
	color: #432c1a;
	background-color: transparent;
	}

ul#footer_nav li.current a {
	font-weight: bold;
	}

ul#footer_nav li a.last {
	padding-right: 0;
	border-right: none;;
	}

/* -------------------------------------
CLEAR STYLES
Clears floats without extra markup.
------------------------------------- */

#wrapper:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
}