body {
	margin: 0px;
	padding: 0px;
	background: #000000;
	text-align: justify;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
}

h1, h2, h3 {
	margin-top: 0px;
	font-weight: normal;
	color: #FFFFFF;
	border-bottom: 5px solid #ef583b;
}

h1 {
	font-size: 2.4em;
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.4em;
}

h4 {
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 10px 0;
}

ol, ul {
	margin-bottom: 1.8em;
	line-height: 150%;
}

p {
	margin-bottom: 1.5em;
	line-height: 140%;
}

a {
	color: #AA0000;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #ef583b;
}

a img {
	border: none;
}

.margin_20px_top {
	margin-top: 20px;
}

.margin_20px_bottom {
	margin-bottom: 20px;
}

.margin_10px_bottom {
	margin-bottom: 10px;
}

.smalltext {
	font: 11px Arial, Helvetica, sans-serif;
}

.smalltext2 {
	font-size: 0.9em;
}

.bold_text {
	font-weight: bold;
}

.italic_text {
	font-style: italic;
}

.center_text {
	text-align: center;
}

.aligned_middle {
	vertical-align: middle;
}

.aligned_right {
	text-align: right;
}

.no_bottom {
	margin-bottom: 0;
}

.no_bullet {				/* Forget where I used this, so I didn't want to change it, hence adding the next one below */
	list-style-type: none;
}

.bulletless {
	margin: 0 0 20px 0;
	padding: 1px 0;
	list-style-type: none;
}

#container {
	width: 900px;
	margin: 0 auto;
	border: 10px solid #FFFFFF;
}

/* Header */

#header {
	width: 900px;
	height: 130px;
	margin: 0px auto;
	border-bottom: 5px solid #ef583b;
}

#header a {
	text-decoration: none;
	color: #FFFFFF;
}

/* Logo */

#kclogo {
	float: left;
	width: 119px;
	height: 120px;
	margin-left: 10px;
	margin-top: 4px;
}
	
#kctext {
	background: url(../images/site/kctext.gif) no-repeat left top;
	float: left;
	width: 525px;
	height: 97px;
	margin-left: 59px;
}

/* Page */

#page {
	width: 900px;
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
	background: #FFFFFF;
}

#header-pic {
	position: relative;
	width: 900px;
	height: 200px;
	margin-bottom: 10px;
}

#header-pic .header1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 403px;
	height: 200px;
	z-index: 50;
}

#header-pic .header2 {
	position: absolute;
	top: 0;
	left: 403px;
	width: 175px;
	height: 200px;
	z-index: 50;
}

/* Content */

#fullcontent {		/* Use when you don't need a sidebar */
	width: 900px;
	float: left;
}

#topcontent {		/* Use when you don't need a sidebar ; content at top*/
	width: 900px;
	float: left;
	border-bottom: 5px solid #ef583b;
}

#fulltext {			/* For use with fullcontent */
	width: 870px;
	margin: 0px auto 20px auto;
}

#content {
	float: right;
	width: 570px;
}

#content2 {			/* Used for Office Locations/ */
	float: right;
	width: 670px;
}

.navbuttons {
	margin-bottom: 50px;
	height: 125px;
	padding: 0;
	width: 475px; 
	margin-left: auto; 
	margin-right: auto;
}

.listings {
	position: relative;
	background: #000000;
	padding: 5px 17px 10px 17px;
	width: 240px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	float: left;
	border-bottom: 5px solid #ef583b;
}

.listings .listings_title {
	width: 240px;
}

.sale {
	width: 96px;
	height: 107px;
	float: left;
}

.sale a, .sale a:link, .sale a:visited{
	text-decoration: none; 
	color: #000;
	display: block;
	width: 96px;
	height: 107px;
	background: url(../images/site/index_sale.jpg) 0 0 no-repeat;
}

.sale a:hover, .sale a:active {
	background-position: -96px 0;
}

.lease {
	width: 96px;
	height: 107px;
	float: right;
}

.lease a, .lease a:link, .lease a:visited{
	text-decoration: none; 
	color: #000;
	display: block;
	width: 96px;
	height: 107px;
	background: url(../images/site/index_lease.jpg) 0 0 no-repeat;
}

.lease a:hover, .lease a:active {
	background-position: -96px 0;
}


.contactus {
	background: #000000;
	padding: 5px 17px 10px 17px;
	width: 96px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	float: right;
	border-bottom: 5px solid #ef583b;
}

.contact {
	width: 96px;
	height: 107px;
	float: right;
}

.contact a, .contact a:link, .contact a:visited{
	text-decoration: none; 
	color: #000;
	display: block;
	width: 96px;
	height: 107px;
	background: url(../images/site/index_contact_us.jpg) 0 0 no-repeat;
}

.contact a:hover, .contact a:active {
	background-position: -96px 0;
}

.newsbox {
	margin: 0px auto 30px auto;
	width: 475px;
	border: 1px solid #000000;
}

.newsbox .title {
	background: #000000;
	padding: 3px 20px;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 0px;
}

.newsbox ul {
	text-align: left;
	padding: 10px 0;
	width: 455px;
	margin: 0 auto;
	list-style-type: none;
}

.labelfield{ /*CSS for label field in general*/
	color:brown;
	font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
	color:gray;
	font-size: 90%;
}

#newsrss ul{
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#pagerss ul{
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#pagerss li {
	margin-bottom: 5px;
}

.feed {
  float: right;
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url("http://www.keegancoppin.com/images/site/feed-icon-14x14.png") no-repeat 0 50%;
} 

.strategy {
	margin: 0px 0px 30px 0px;
	padding: 0 20px;
}

.gallery {				/* This is for a 3 column gallery */
	width: 90%;			/*  This was created for Property Management, and will be used for the Builders Photo Gallery */
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	display: block
}

.gallery li {
	margin: 0;
	padding: 15px 2%;
	float: left;
	width: 27%;
	margin-right: 2%;
	margin-bottom: 20px;
	text-align: center;
}

.gallery li .caption {
	font-size: 11px;
	text-align: left;
	margin-left: 30px;
}

.gallery2 {				/* This is for a 2 column gallery */
	width: 100%;		/* Created for the Agent Roster */
	margin: 0 auto 30px auto;
	padding: 0;
	list-style-type: none;
}

.gallery2 li {
	margin: 0;
	padding: 0px 2% 10px 2%;
	float: left;
	width: 44%;
	margin-right: 2%;
	margin-bottom: 5px;
	text-align: center;
}

.gallery2 li a img {
	float: left;
	margin-right: 10px;
	border: none;
}

.gallery2 li .caption {
	height: 80px;
	font-size: 11px;
	text-align: left;
	line-height: 130%;
}

.gallery3 {			/* 4 column gallery */
	list-style-type: none;
	padding: 0;
	width: 100%;
}

.gallery3 li {
	margin: 10px 0 20px 0;
	width: 24%;
	float: left;
	text-align: center;
}

.two_columns {	
	margin-bottom: 10px;
	padding: 1px 0;
	float: left;
	width: 50%;
	text-align: left;
}


	
/* Sidebar */

#sidebar {
	float: left;
	width: 300px;
}

#sidebar h2 {
	background: #000000;
	padding: 7px 25px;
	font-size: 1.4em;
	font-weight: bold;
	border-bottom: 5px solid #ef583b;
}

#sidebar h2 a {
	color: #FFFFFF;
	text-decoration: none;
}

#sidebar h2 a:hover {
	text-decoration: none;
}

#sidebar ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#sidebar ul li {
	width: 295px;
	float: left;
	margin-bottom: 10px;
}

#sidebar .fp_pic {
	float: left;
	width: 118px;
	height: 82px;
	margin-right: 5px;
}

#sidebar .fp_text {
	float: left;
	width: 172px;
	font-size: .85em;
	line-height: normal;
}

#sidebar .fp_title {
	font-size: 11px;
	font-weight: bold;
}

#sidebar .icon {
	width: 21px;
	height: 18px;
	vertical-align: middle;
}

/* Sidebar2 -- Used for Company Roster */

#sidebar2 {
	float: left;
	width: 180px;
}

#sidebar2 h2 {
	background: #000000;
	padding: 7px 25px;
	font-size: 1.4em;
	border-bottom: 5px solid #ef583b;
}

#sidebar2 h2 a, #sidebar2 h2 a:hover {
	color: #fff;
}

#sidebar2 .title {
	font-weight: bold;
	font-size: 12px;
}

#sidebar2 .map {
	width: 180px;
	margin: 0 auto;
}

#sidebar2 ul {
	width: 170px;
	margin: 10px auto;
	padding: 0;
	list-style-type: none;
	font-size: 11px;
}

#sidebar2 ul li {
	margin: 10px 0;
}

#sidebar2 .icon {
	vertical-align: middle;
	margin-right: 3px;
}

#sidebar2 .center {
	float: left;
	text-align: center;
	width: 180px;
	font-size: 11px;
}

/* Featured Properties */
/*
.fp {
	width: 295px;
	float: left;
	margin-bottom: 10px;
}

.fp_listing {
	float: left;
	width: 172px;
	vertical-align: top;
}

.fp_title {
	font-family: arial;
	font-size: .85em;
	font-weight: bold;
	vertical-align: top;
	display: inline;
}

.fp_text {
	font-family: arial;
	font-size: .75em;
	float: right;
	line-height: normal;

}

.fp_pdf {
	background: url(../images/site/icon_pdf.gif) no-repeat left top;
	float: left;
	width: 21px;
	height: 18px;
}

.fp_pic {
	float: left;
	width: 118px;
	height: 82px;
	margin-right: 5px;
}
*/
/* Footer */

#footer {
	clear: both;
	width: 900px;
	height: 50px;
	margin: 0px auto 30px auto;
	color: #666666;
	padding: 1px 0;
}

#footer p {
	margin: 0px;
	padding: 19px 0px 0px 0px;
	text-align: center;
	line-height: normal;
	font-size: smaller;
}

#footer a {
	color: #888888;
}

/* Picture and Quote box under header */

#picquotebox {
	width: 900px;
	height: 227px;
	margin: 0px 0px 10px 0px;
	border-bottom: 5px solid #ef583b;
}

#picquotebox .pic {
	float: left;
	height: 227px;
	width: 292px;
}

.textbox {
	position: relative;
	height: 227px;
	width: 606px;
	text-align: center;
	float: right;
}

.about {
	position: absolute;
	width: 606px;
	top: 50%;			/* Vertically aligns text to almost the center of textbox container*/
	left: 0px;
	height: 50px;		/* Height needs to be inputted within a span in the HTML so this can be used for multiple pages*/
	margin-top: -25px;	/* Margin-top needs to be half the stated height of the text */
}

.mission {
	position: absolute;
	width: 606px;
	top: 50%;			/* Vertically aligns text to almost the center of textbox container*/
	left: 0px;
	height: 160px;		/* Height needs to be inputted within a span in the HTML so this can be used for multiple pages*/
	margin-top: -80px;	/* Margin-top needs to be half the stated height of the text */
}

.quote {
	font-style: italic;
}

.mission p {
	margin: 30px 40px;
	text-align: left;
}

.list {
	text-align: left;
	font-size: 11px;
	width: 500px;
	margin: 10px auto;
}

#oncorbox {
	width: 200px;
	height: 150px;
	border: 1px solid #000000;
	float: left;
	position: relative;
	background: url(../images/site/oncor_bg.gif);
	margin: 5px 10px 5px 0px;
}

#oncorbox .oncortext {
	margin: 5px 9px;
	font-size: 11px;
}

/* Builders */
#toplinks {
	margin: 0px 25px 10px 25px;
	font-weight: bold;
}

#toplinks #left {
	float: left;
	width: 250px;
	text-align: center;
}

#toplinks #center {
	margin: 0px auto 0px auto;
	width: 250px;
	text-align: center;
}

#toplinks #right {
	float: right;
	width: 250px;
	text-align: center;
}

.job_pic {
	vertical-align: middle;
}

#bottom_text {
	width: 900px;
	height: 227px;
	margin: 0px 0px 10px 0px;
	border-bottom: 2px solid #ef583b;
	clear: both;
}

#bottom_pic {
	float: left;
	height: 159px;
	width: 150px;
	margin: 15px;
	vertical-align: middle;
}

#bottom_info {
	position: relative;
	height: 207px;
	width: 690px;
	text-align: left;
	float: right;
	margin: 10px 10px 10px 20px;
	line-height: 100%; 
}

#builders_quoted {
	font-style: italic;
	font-size: 0.9em;
}

#contact {
	width: 900px;
	text-align: center;
}

#contact img {
	vertical-align: middle;
}

/* Builders Job List */

#jobframe {
	width: 830px;
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
}

#joblist {
	text-align: center;
	background: #fff;
	font-size: 10px
}

#wrapper {
	width: 805px;
	margin: 0px auto 0px auto;
}

#wrapper table tr td {
	font-size: 11px;
	padding: 3px;
}

.job_table {
	margin-bottom: 20px;
	text-align: center;
}

.job_date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px ! important;
	font-weight: bold;
	color:#000000;
	text-align: left;
}

.job_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background: #000;
}

/* Property Management */

#pm_topcontent {
	width: 900px;
	height: 227px;
	margin: 0px 0px 10px 0px;
	border-bottom: 5px solid #ef583b;
}

#pm_toptext {
	height: 227px;
	width: 675px;
	float: left;
	text-align: center;
}

#pm_pic {
	float: left;
	height: 227px;
	width: 200px;
}

#pm_list {
	text-align: left;
	font-size: 11px;
	width: 650px;
	margin: 10px auto;
}

#pm_list ul li {
	font-weight: bold;
}

#pm_list ul li ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#pm_list ul li ul li {
	font-weight: normal;
}

#pm_textbox {
	position: relative;
	width: 895px;
	text-align: center;
	float: right;
}

#pm_header {
	position: absolute;
	width: 675px;
	top: 50%;			/* Vertically aligns text to almost the center of textbox container*/
	left: 0px;
	height: 160px;		/* Height needs to be inputted within a span in the HTML so this can be used for multiple pages*/
	margin-top: -80px;	/* Margin-top needs to be half the stated height of the text */
}

#pm_linkleft {
	float: left;
	width: 200px;
	font-weight: bold;
}

#pm_linkright {
	float: right;
	width: 200px;
	font-weight: bold;
	text-align: right;
}

/* Agent Roster */

.anchor, .anchor:hover {
	color: #000;
	clear: both;
}

.office_link {
	float: left;
	width: 24%;
	margin-bottom: 20px;
	font-weight: bold;
}

.office_title {
	margin-top: 30px;
	clear: both
}

/* Regional Page */

#regional_text {
	width: 675px;
	text-align: left;
	float: right;
}

#regional_pic {
	float: left;
	height: 400px;
	width: 186px;
	margin: 0 15px;
}

/* Feedback Page */

#feedback_text {
	width: 40%;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#feedback_text li {
	margin: 0;
	float: left;
	width: 44%;
	margin-right: 2%;
	margin-bottom: 5px;
	padding: 0px 2% 10px 2%;
}

#feedback_right {
	width: 45%;
	float: right;
}

#feedback_right .list_box {
	list-style-type: none;
	margin: 10px 0;
	padding: 0;
}

#feedback_button {
	text-align: center;
	clear: both;
}

/* Retail Division Page */

#retail_top {
	width: 900px;
	height: 550px;
	margin: 0px 0px 10px 0px;
	border-bottom: 5px solid #ef583b;
}

#retail_top img {
	float: left;
	height: 179px;
	width: 225px;
	margin: 0 0 50px 15px;
}

#retail_top #text {
	height: 550px;
	width: 650px;
	text-align: left;
	float: right;
}

#retail_tools {
	width: 165px;
	height: 250px;
	float: left;
	margin-left: 42px;
	clear: left;
}

#retail_tools #title {
	text-align: center;
	border-bottom: 2px solid #ef583b
}

#retail_tools .subtitle {
	font-weight: bold;
	margin-top: 10px;
}

#retail_tools ul {
	margin: 0px 0px 10px 0px;
	padding-left: 15px;
}

#retail_agents {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	list-style-type: none;
}

#retail_agents li {
	margin: 0;
	padding: 0;
	float: left;
	width: 18%;
	margin-right: 2%;
	margin-bottom: 5px;
	padding: 0px 2% 10px 2%;
	text-align: center;
}

#retail_offices {
	width: 90%;
	margin: 0 auto;
}

#retail_offices #Larkspur {
	text-align: center;
	width: 65%;
	font-weight: bold;
	float: left;
}

#retail_offices #Napa {
	text-align: center;
	width: 33%;
	font-weight: bold;
	float: left;
}

/* Market Data */

.market_subtitle {
	background: #000;
	color: #fff;
	font-weight: bold;
}

#market_head {
	width: 900px;
	height: 227px;
	margin: 0px 0px 10px 0px;
	border-bottom: 5px solid #ef583b;
}

#market_head .header_pic {
	float: left;
	height: 227px;
	width: 200px;
	margin: 0;
}

#market_links {
	height: 227px; width: 550px;
	text-align: left;
	float: right;
	margin-top: 20px;
}

#market_links ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.market_list {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
}

.market_list .sonoma {
	float: left;
	text-align: center;
	width: 275px;
	margin: 0 0 0 15px;
}

.market_list .marin {
	float: left;
	text-align: center;
	width: 250px;
	margin: 0 0 0 42px;
}

.market_list .napa, .market_list .solano {
	float: left;
	text-align: center;
	width: 175px;
	margin: 0 0 20px 48px;
}

#market_data {
	width: 500px;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
}

#market_data .absorb {
	padding: 1px 0 1px 0;
	margin-bottom: 20px;
	clear: both;
}

#market_data .vacancy {
	padding: 1px 0 1px 0;
	margin-bottom: 20px;
	clear: both;
}

.date {
	background: #000;
	color: #fff;
	font-weight: bold;
	padding-left: 3px;
}

#market_data li ul {
	margin: 0;
	padding: 0 5px 0 5px; 
	list-style-type: none;
}

#market_data .quarter {
	width: 24%;
	float: left;
}

#market_data .quarter_data {
	list-style-type: none;
	margin: 0; 
	padding: 0;
}

#market_data .quarter_data img {
	vertical-align: middle;
}

/* News/Articles Page */

#letters_header_pic {
	float: left;
	height: 227px;
	width: 200px; 
	margin: 0 15px 0 0;
}

#letters_header {
	float: left;
	width: 675px; 
	text-align: center
}

#letters_header_text {
	width: 550px;
	text-align: left; 
	margin: 20px auto;
}

#articles_content {
	margin: 0 auto 20px auto;
	padding: 0;
	list-style-type: none;
	width: 600px;
	line-height: 150%;
}

.list_table {
	padding: 1px 0px;
	margin-bottom: 15px;
	clear: both;
}

.article_data {
	list-style-type: none;
	margin: 0;
	padding: 1px;
}

.article_data li {
	margin-left: 25px;
}

.article_data img {
	float: left;
	vertical-align: middle;
	margin-left: -25px;
}

#article_title {
	font-weight: bold;
	font-size: 1.5em
}

#article_author_pic {
	float: right;
	margin: 0 -15px 20px 20px;
	width: 150px;
	height: 200px;
}

.margins {
	margin: 10px 0 0 0;
}

#article_al_list {
	margin: 0 0 15px 15px;
	padding: 0;
}

#article_offices_list {
	width: 400px;
	margin: 0 0 0 5px;
	padding: 0;
	list-style-type: none;
}

#article_offices_list li {
	float: left;
	width: 49%;
	padding: 1px 0 1px 0;
	margin-bottom: 15px;
}

/* Career Page */

#career_office_list {
	list-style-type: none;
	width: 150px;
	height: 80px;
	padding: 0;
	margin: 15px auto;
	text-align: left;
}

#career_office_list li {
	float: left; 
	width: 49%;
	margin: 0;
	padding: 0;
}

/* Links page */

#links_wrapper {
	list-style-type: none;
	padding:15px;
	margin: 0 auto 30px auto;
	width: 875px;
	float: left;
}

#links_wrapper li ul {
	list-style-type: none;
	margin: 0;
	padding: 0 5px;
}

#links_wrapper #left {
	float: left;
	width: 66%;
}

#links_wrapper #right {
	float: right;
	width: 30%;
}

#links_disclaimer {
	font-size: 0.8em;
	margin: 0 20px;
	text-align: center;
}

/* ONCOR Page */

#oncor_header {
	width: 900px;
	height: 227px; 
	margin: 0px 0px 10px 0px;
}

#oncor_header img {
	margin: 0;
	padding: 0;
	height: 227px;
	width: 900px;
}

/* Agent Bios */

#agent_sidebar {
	float: left;
	width: 180px;
	text-align: center
}

#agent_sidebar h2 {
	background: #000000;
	padding: 7px 5px;
	font-size: 1.4em;
	border-bottom: 5px solid #ef583b;
	text-align: center;
	color: #fff;
}

#agent_sidebar ul {
	width: 170px;
	margin: 10px auto;
	padding: 0;
	list-style-type: none;
	font-size: 11px;
}

#agent_sidebar ul li {
	margin: 10px 0;
}

#agent_sidebar .title {
	font-weight: bold;
	font-size: 12px;
}

#agent_sidebar .icon {
	vertical-align: middle;
	margin-right: 3px;
}

#agent_img {
	width: 150px;
	margin: 0 auto;
}

#agent_contact {
	text-align: left;
	margin-top: 10px;
}

#agent_contact2 {		/* Jeffrey has both SR and Lar on his agent page.  I was getting a validation error due to having two IDs.  Instead of changing it to a class and then needing to update EVERYONE, */
	text-align: left;	/* I'm just adding a second ID for use with his bio. */
	margin-top: 10px;
}

#agent_bio {
	float: right;
	width: 670px;
	margin: 10px 20px;
}

#agent_bio h4 {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
}

#agent_bio p {
	margin-top: 0;
}

.affiliations {
	margin: 0 0 15px 15px;
	padding: 1px 0;
}

.agent_sales {
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 1px 0;
}

.agent_sales h4 {
	clear: both;
}

.agent_sales ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.address {
	float: left;
	width: 69%
}

.size, .price {
	float: left;
	width: 15%; 
	text-align: right;
}

/*
For agent_list below, to have a margin below it, you need to add:
<div style="clear: both;"></div>
<br />
below the list to keep things from being right up next to the list.
*/

.agent_list {
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 1px 0;
}

.agent_list li {
	float: left;
	width: 50%;
}

.alist_nomargin {
	list-style-type: none;
	margin: 0;
	padding: 1px 0;
}

.alist_nomargin .leftcol {
	float: left;
	width: 20%;
	text-align: right;
	margin-right: 5%;
}

.alist_nomargin .leftcol2 {
	float: left;
	width: 23%;
	text-align: right;
	margin-right: 2%;
}

.alist_nomargin .rightcol {
	float: left;
	width: 74%;
}

/* Featured Properties */

.featured_nav {
	float: left;
	width: 217px;
	background-color: #000;
	border-bottom: 10px solid #000;
	border-top: 10px solid #000;
	margin-left: 10px;
	margin-right: 24px;
}

.featured_nav ul {
	margin: 0;
	padding: 0; 
	list-style-type: none;
}

.featured_nav ul li {
	float: left;
	height: 41px;
	width: 59px;
	margin-left: 10px;
	margin-bottom: 10px;
	text-align: center;
}

.sliderwrapper_index{
	position: absolute;
	top: 0;
	left: 475px;
	z-index: 5;
	overflow: hidden; /*leave as is*/
	width: 425px; /*width of featured content slider*/
	height: 200px;
}

.sliderwrapper_index .contentdiv{
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	width: 425px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 200px;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.sliderwrapper{
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	border-bottom-width: 6px;
	width: 640px; /*width of featured content slider*/
	height: 575px;
}

.sliderwrapper .contentdiv{
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	background: #fff;
	width: 640px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 500px;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.sliderwrapper .contentdiv ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.sliderwrapper .contentdiv ul li {
	padding: 1px 0;
}

.feat_pic {
	height: 350px;
}


.featured_text {
	font: 12px arial;
	float: right;
	width: 625px;
	height: 350px;
	margin-top: 5px;
}

.featured_text a {
	text-decoration: none;
}

.featured_text h4 {
	font: 16px arial;
	font-weight: bold;
	text-align: left;
	border-bottom: 5px solid #ef583b;
	margin: 0px;
}

.featured_text p {
	margin-left: 10px;
	margin-right: 10px;
}

.featured_pic {
	float: right;
	width: 625px;
	height: 350px;
}
a:hover.featured, a.featured.selected {
	background-position: -59px 0;
}

a.fp1 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_pic1.jpg) 0 0 no-repeat;
}

a.fp2 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_pic2.jpg) 0 0 no-repeat;
}

a.fp3 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_pic3.jpg) 0 0 no-repeat;
}

a.fp4 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_pic4.jpg) 0 0 no-repeat;
}

a.fp5 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_pic5.jpg) 0 0 no-repeat;
}

a.fp6 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_pic6.jpg) 0 0 no-repeat;
}

a.fp7 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_pic7.jpg) 0 0 no-repeat;
}

a.fp8 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_pic8.jpg) 0 0 no-repeat;
}

a.fp9 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_pic9.jpg) 0 0 no-repeat;
}

a.fp10 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_pic10.jpg) 0 0 no-repeat;
}

a.fp11 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_pic11.jpg) 0 0 no-repeat;
}

a.fp12 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_pic12.jpg) 0 0 no-repeat;
}

a.fp13 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_pic13.jpg) 0 0 no-repeat;
}

a.fp14 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_pic14.jpg) 0 0 no-repeat;
}

a.fp15 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_pic15.jpg) 0 0 no-repeat;
}

a.fp16 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_pic16.jpg) 0 0 no-repeat;
}

a.fp17 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_pic17.jpg) 0 0 no-repeat;
}

a.fp18 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_pic18.jpg) 0 0 no-repeat;
}

a.fp19 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_pic19.jpg) 0 0 no-repeat;
}

a.fp20 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_pic20.jpg) 0 0 no-repeat;
}

a.fp21 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_pic21.jpg) 0 0 no-repeat;
}

a.fp22 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_pic22.jpg) 0 0 no-repeat;
}

a.fp23 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_pic23.jpg) 0 0 no-repeat;
}

a.fp24 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_pic24.jpg) 0 0 no-repeat;
}

a.fp25 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_pic25.jpg) 0 0 no-repeat;
}

a.fp26 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_pic26.jpg) 0 0 no-repeat;
}

a.fp27 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_pic27.jpg) 0 0 no-repeat;
}

a.fp28 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_pic28.jpg) 0 0 no-repeat;
}

a.fp_mar1 {
	text-decoration: none;
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_marin1.jpg) 0 0 no-repeat;
}

a.fp_mar2 {
	text-decoration: none;
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_marin2.jpg) 0 0 no-repeat;
}

a.fp_mar3 {
	text-decoration: none;
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_marin3.jpg) 0 0 no-repeat;
}

a.fp_mar4 {
	text-decoration: none;
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_marin4.jpg) 0 0 no-repeat;
}

a.fp_mar5 {
	text-decoration: none;
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_marin5.jpg) 0 0 no-repeat;
}

a.fp_mar6 {
	text-decoration: none;
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_marin6.jpg) 0 0 no-repeat;
}

a.fp_nap1 {
	text-decoration: none;
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_napa1.jpg) 0 0 no-repeat;
}

a.fp_nap2 {
	text-decoration: none;
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_napa2.jpg) 0 0 no-repeat;
}

a.fp_nap3 {
	text-decoration: none;
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_napa3.jpg) 0 0 no-repeat;
}

a.fp_nap4 {
	text-decoration: none;
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/featured_napa4.jpg) 0 0 no-repeat;
}

a.ft_leases1 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/trans_leases1.jpg) 0 0 no-repeat;
}

a.ft_leases2 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/trans_leases2.jpg) 0 0 no-repeat;
}

a.ft_leases3 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/trans_leases3.jpg) 0 0 no-repeat;
}

a.ft_leases4 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/trans_leases4.jpg) 0 0 no-repeat;
}

a.ft_leases5 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/trans_leases5.jpg) 0 0 no-repeat;
}

a.ft_leases6 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/trans_leases6.jpg) 0 0 no-repeat;
}

a.ft_leases7 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/trans_leases7.jpg) 0 0 no-repeat;
}

a.ft_leases8 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/trans_leases8.jpg) 0 0 no-repeat;
}

a.ft_sales1 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/trans_sales1.jpg) 0 0 no-repeat;
}

a.ft_sales2 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/trans_sales2.jpg) 0 0 no-repeat;
}

a.ft_sales3 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/trans_sales3.jpg) 0 0 no-repeat;
}

a.ft_sales4 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/trans_sales4.jpg) 0 0 no-repeat;
}

a.ft_sales5 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/trans_sales5.jpg) 0 0 no-repeat;
}

a.ft_sales6 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/trans_sales6.jpg) 0 0 no-repeat;
}

a.ft_sales7 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/trans_sales7.jpg) 0 0 no-repeat;
}

a.ft_sales8 {
	text-decoration: none; 
	color: #000;
	display: block;
	width: 59px;
	height: 41px;
	background: url(../images/properties/trans_sales8.jpg) 0 0 no-repeat;
}

.glossymenu{
margin: 0;
padding: 1px 0;
width: 222px; /*width of menu*/
}

.glossymenu a.menuitem{
background: black url(http://www.keegancoppin.com/images/site/glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
border-bottom: 2px solid #a00;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(http://www.keegancoppin.com/images/site/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #000;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
	margin: 10px 0 0 0;
	padding: 0; 
	list-style-type: none;
}

.glossymenu div.submenu ul li{
	float: left;
	height: 41px;
	width: 59px;
	margin-left: 11px;
	margin-bottom: 10px;
	text-align: center;
}