@charset "utf-8";
/* CSS Document */

*	{
	margin:0px;
	padding:0px;
}
a img {border:none;}
a:link {color:#05334a; text-decoration:underline;}
a:visited {color:#05334a; text-decoration:underline;}
a:hover {color:#05334a; text-decoration:none;}
a:active {color:#05334a; text-decoration:underline;}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #05334a;
}
body {
	background:url(../images/bg.jpg) repeat;
	margin:0 0 10px 0;
}
html, body {height: 100%;}
p {margin:0 0 10px 0;}
#header p {margin:0;}
#left-col p {margin:0;}
#top p {margin:0;}

/*----Divs or IDs----*/
#wrapper {width:920px; margin:0 auto -340px auto; position:relative; min-height:100%}
#top {position:relative; height:75px; z-index:40;}
#nav-wrapper {background:url(../images/bg-top-nav.png) bottom no-repeat; height:61px; position:relative; z-index:1;}
#flash-footer {background:url(../images/bg-header-footer.png) top no-repeat; height:61px; position:relative;}
#left-col {width:277px; float:left; margin:15px 0 0 0;}
#right-col {width:631px; float:left; margin:15px 0 0 12px;}
#right-col-wrapper {background:url(../images/bg-right-col.gif) repeat-y;}
#right-col-wrapper.right-col-bg-home {background:url(../images/bg-right-col-middle.gif) repeat-y; height:330px;}
#right-col-footer.home {background:url(../images/bg-footer-right-col.png) bottom no-repeat; height:10px;}
#right-col-footer.inner {background:url(../images/bg-footer-right-col-inner.png) bottom no-repeat; height:10px;}
#right-col-content {margin:0 15px; padding:15px 0;}
#right-col-content ul {margin:0; padding:0;}
#right-col-content li {margin:0 0 5px 25px; padding:0;}

#header {}
#form {background-color:#fff;}
#form-footer {background:url(../images/bg-form-footer.png) bottom no-repeat; height:10px;}

#title-meet-karafotias {width:631px; height:40px; background:url(../images/meet-karafotias.png) top no-repeat; display:block; margin:0; text-indent:-900em;}
#meet-our-agents {width:172px; float:left; display:block;}
	#agent-slide {margin:0 auto;}
#karafotias-difference {width:459px; float:left; display:block;}
	#karafotias-difference-content {padding:10px; margin:0 0 0 0; font-size:14px;}

#left-col-lower {background:url(../images/bg-left-col.png) repeat-y;}
#coupon {width:181px; margin-left:5px;}
#left-col-footer {width:195px; background:url(../images/footer-left-col.png) top no-repeat; display:block; color:#fff; text-align:center; padding-top:14px; font-size:10px;}
#content-wrapper {margin:4px 12px 0 0; background:url(../images/bg-main-body.png) repeat-y; padding:0 24px 15px 24px;}
#content-home {width:440px; float:left; position:relative;}
#content-inner {position:relative; float:left;}
#content-footer {background:url(../images/footer-main-body.png) top no-repeat; display:block; color:#fff; text-align:right; padding:14px 24px 0 0; font-size:9px; line-height:11px;}
	#content-footer a {color:#fff; text-decoration:none;}
#footer-wrapper {background:url(../images/bg-footer.png) top repeat-x; padding:0; color:#05334a; height:340px; margin:15px 0 0 0; position:relative;}
#footer {width:920px; height:200px; margin:20px auto; position:relative; font-size:11px;}

/*Logos*/
#logo a	{
	background:url(../images/logo.png) no-repeat;
	width:177px;
	height:99px;
	display:block;
	outline:none;
	text-indent:-900em;
	margin:0;
	position:absolute;
	left:60px;
	top:27px;
	z-index:50;
}

#twitter a	{
	background:url(../images/twitter.png) no-repeat;
	width:69px;
	height:15px;
	display:block;
	outline:none;
	text-indent:-900em;
	margin:0;
	position:absolute;
	left:0;
	top:55px;
	z-index:1;
}

#facebook a	{
	background:url(../images/facebook.png) no-repeat;
	width:70px;
	height:15px;
	display:block;
	outline:none;
	text-indent:-900em;
	margin:0;
	position:absolute;
	left:80px;
	top:55px;
	z-index:1;
}

#footer-logos {width:290px; height:45px; position:absolute; right:-5px; top:75px; background:url(../images/footer-logos.png);}

/****** headings ******/
h2 {font-size:20px; margin:20px 0;}
h3.title {font-weight:normal; font-size:18px; color:#fff; padding:12px 0 5px 15px; margin:0;}


/****** section headings *****/
#title-find-your-new-home {width:277px; height:40px; background:url(../images/find-your-new-home.png) top no-repeat; display:block; text-indent:-900em; z-index:1; margin:0;}
#title-meet-our-agents {width:172px; height:40px; background:url(../images/meet-our-agents.png) top no-repeat; display:block; text-indent:-900em; z-index:1; margin:0;}
#title-the-karafotias-difference {width:459px; height:40px; background:url(../images/the-karafotias-difference.png) top no-repeat; display:block; text-indent:-900em; z-index:1; margin:0;}
#page-title {background:url(../images/bg-header-right-col.png) top left no-repeat; height:40px; margin:0;}
#subnav-title {background:url(../images/bg-header-left-col.png) top left no-repeat; height:40px; margin:0;}


/*--The Agent Slide--*/
#slideshow {
    position:relative;
    height:310px;
	width:170px;
	float:left;}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 310px;
    background-color: #FFF;
	padding:5px;
}

#slideshow DIV p {margin:0 0 5px 0;}
#slideshow DIV .agent-name {font-size:12px; font-weight:bold; float:left; width:75px; display:block;}
#slideshow DIV .agent-subtitle {font-size:11px; line-height:12px; float:left; width:75px; display:block;}
#slideshow DIV .bio {font-size:12px; line-height:13px; text-align:left;}
#slideshow DIV .read-more {text-align:right;}
#slideshow DIV a {color:#333; text-decoration:none; font-size:12px; font-weight:bold; text-transform:uppercase; border-bottom:dotted #ccc 1px;}
#slideshow DIV a:hover {color:#333; text-decoration:underline; font-size:12px; font-weight:bold; text-transform:uppercase; border-bottom:dotted #ccc 1px;}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 93px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}

.agent-photo {width:79px; float:left; margin-right:5px;}
#right-col-content .agent-photo {width:90px; float:left; margin-right:10px;}
#right-col-content .agent-photo {text-align:center;}


/*----Navs----*/

/****** top 2 buttons *****/
#buying a {width:160px; height:32px; position:absolute; right:200px; bottom:20px; background:url(../images/btn-buying-a-home.png) top no-repeat; display:block; outline:none; text-indent:-900em; z-index:1;}
#buying a:hover {width:160px; height:32px; position:absolute; right:200px; bottom:20px; background:url(../images/btn-buying-a-home-over.png) bottom no-repeat; display:block; outline:none; text-indent:-900em; z-index:1;}
#selling a {width:160px; height:32px; position:absolute; right:20px; bottom:20px; background:url(../images/btn-selling-a-home.png) top no-repeat; display:block; outline:none; text-indent:-900em; z-index:1;}
#selling a:hover {width:160px; height:32px; position:absolute; right:20px; bottom:20px; background:url(../images/btn-selling-a-home-over.png) bottom no-repeat; display:block; outline:none; text-indent:-900em; z-index:1;}	
	
/****** mid 2 buttons ******/
#attend-an-open-house a {width:310px; height:54px; position:absolute; top:0; left:70px; background:url(../images/attend-an-open-house.png) top no-repeat; display:block; outline:none; text-indent:-900em; z-index:1;}
#featured-properties a {width:310px; height:54px; position:absolute; top:0; right:70px; background:url(../images/featured-properties.png) top no-repeat; display:block; outline:none; text-indent:-900em; z-index:1;}


/*Main Nav*/
#nav-main {position:absolute; top:19px; left:301px; width:616px; height:34px;}
#nav-main ul
{list-style: none; padding: 0; margin: 0;}

#nav-main li
{margin:0; padding:0; list-style:none; float:left;}

#nav-home {background:url(../images/nav-home.gif) top no-repeat; width:70px; height:34px; margin:0 3px; display:block; text-indent:-900em; float:left;}
#nav-home:hover {background:url(../images/nav-home.gif) bottom no-repeat; width:70px; height:34px; margin:0 3px; display:block; text-indent:-900em; float:left;}
	#nav-home.current {background:url(../images/nav-home.gif) bottom no-repeat; width:70px; height:34px; margin:0 3px; display:block; text-indent:-900em; float:left;}
#nav-find-a-home {background:url(../images/nav-find-a-home.gif) top no-repeat; width:127px; height:34px; margin:0 3px; display:block; text-indent:-900em; float:left;}
#nav-find-a-home:hover {background:url(../images/nav-find-a-home.gif) bottom no-repeat; width:127px; height:34px; margin:0 3px; display:block; text-indent:-900em; float:left;}
	#nav-find-a-home.current {background:url(../images/nav-find-a-home.gif) bottom no-repeat; width:127px; height:34px; margin:0 3px; display:block; text-indent:-900em; float:left;}
#nav-our-agents {background:url(../images/nav-our-agents.gif) top no-repeat; width:114px; height:34px; margin:0 3px; display:block; text-indent:-900em; float:left;}
#nav-our-agents:hover {background:url(../images/nav-our-agents.gif) bottom no-repeat; width:114px; height:34px; margin:0 3px; display:block; text-indent:-900em; float:left;}
	#nav-our-agents.current {background:url(../images/nav-our-agents.gif) bottom no-repeat; width:114px; height:34px; margin:0 3px; display:block; text-indent:-900em; float:left;}
#nav-around-atlanta {background:url(../images/nav-around-atlanta.gif) top no-repeat; width:145px; height:34px; margin:0 3px; display:block; text-indent:-900em; float:left;}
#nav-around-atlanta:hover {background:url(../images/nav-around-atlanta.gif) bottom no-repeat; width:145px; height:34px; margin:0 3px; display:block; text-indent:-900em; float:left;}
	#nav-around-atlanta.current {background:url(../images/nav-around-atlanta.gif) bottom no-repeat; width:145px; height:34px; margin:0 3px; display:block; text-indent:-900em; float:left;}
#nav-contact-us {background:url(../images/nav-contact-us.gif) top no-repeat; width:114px; height:34px; margin:0 3px; display:block; text-indent:-900em; float:left;}
#nav-contact-us:hover {background:url(../images/nav-contact-us.gif) bottom no-repeat; width:114px; height:34px; margin:0 3px; display:block; text-indent:-900em; float:left;}
	#nav-contact-us.current {background:url(../images/nav-contact-us.gif) bottom no-repeat; width:114px; height:34px; margin:0 3px; display:block; text-indent:-900em; float:left;}


/****** Footer Navs *****/
#footer-resources {position:absolute; top:35px; left:-5px; width:500px;}
#footer-resources ul {margin:0; padding:0; list-style:none;}
#footer-resources li {margin:0 5px; padding:0; list-style:none; float:left;}
#footer-resources a {color:#05334a; text-decoration:none;}
#footer-resources a:hover {color:#05334a; text-decoration:underline;}

#footer-nav {position:absolute; top:35px; right:-5px; width:400px; text-align:right;}
#footer-nav ul {margin:0; padding:0; list-style:none;}
#footer-nav li {margin:0 5px; padding:0; list-style:none; display:inline;}
#footer-nav a {color:#05334a; text-decoration:none;}
#footer-nav a:hover {color:#05334a; text-decoration:underline;}


/****** Sub Nav ******/
#subnav-wrapper {background-color:#fff; padding-top:10px;}
#subnav-agent ul {margin:0; padding:0; list-style:none;}
#subnav-agent li {margin:0; padding:2px 5px 3px 15px; list-style:none;}

#subnav-agent a {color:#05334a; text-decoration:none; font-size:14px;}
#subnav-agent a:hover {color:#05334a; text-decoration:underline;}
#subnav-agent .current {font-size:18px; font-weight:bold;}


/**** Listings numbered nav *****/
#listings-footer a {color:#05334a; text-decoration:underline; margin:0 3px;}
#listings-footer a:hover {color:#05334a; text-decoration:none; margin:0 3px;}
#listings-footer .current {color:#05334a; font-weight:bold; text-decoration:none; margin:0 3px;}


/****** Click for Details button ******/
.click-for-details a {width:167px; height:33px; background:url(../images/click-for-details.png) top no-repeat; display:block; outline:none; text-indent:-900em;}
.click-for-details a:hover {width:167px; height:33px; background:url(../images/click-for-details.png) bottom no-repeat; display:block; outline:none; text-indent:-900em;}


/****** Copyright and Credits ******/
#copyright-credits {text-align:right; position:absolute; top:55px; right:0;}
#copyright-credits a {color:#05334a; text-decoration:underline;}
#copyright-credits a:hover {color:#05334a; text-decoration:none;}

/****** Tables ******/
#listing-table-wrapper {}
#listing-table-wrapper td {padding:0;}
#listing-table-wrapper .gray {background-color:#eee; padding:5px;}
#listing-table-wrapper .white {background-color:#fff; padding:5px;}


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

/**** Tabs for forms ****/
.container {width: 600px; margin: 10px auto;}
#tab_master_container ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
#tab_master_container ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
#tab_master_container ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: .9em;
	padding: 0 7px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
#tab_master_container ul.tabs li a:hover {
	background: #ccc;
}
html #tab_master_container ul.tabs li.active, html #tab_master_container ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
	margin-bottom:40px;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
	display:block;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}


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

/***** Form Styling ******/
fieldset {background:#fff; padding:10px; margin:0 auto; width:250px; border:none;}
input, textarea, select {font:12px/12px Arial, Helvetica, sans-serif; padding:0;}
fieldset.action {background:#fff; margin:0;}
label {font-size:12px; font-weight:normal; color:#05334a;}
label.opt {font-weight:normal;}
dl {clear:both; padding:5px;}
dl.gray {background-color:#eee;}
dt {text-align:left; width:98%; line-height:12px; margin:0 0 1px 0;}
dd {width:100%; line-height:25px; margin:0 0 10px 0;}

.advanced-search .gray td {background-color:#eee; padding:8px;}
.advanced-search .norm td {padding:8px;}

.form .gray td {background-color:#eee; padding:8px;}
.form .norm td {padding:8px;}




/******* Misc. Classes *******/
.vert-line {background:url(../images/1pxBlack.gif) top 172px repeat-y;}

.fontsize18px {font-size:18px;}

.clear {clear:both; display:block;}
.clear-footer {clear:both; height:340px;}
.price {color:#05334a; font-size:24px; font-weight:bold;}
.address {color:#8f8f8f;}
.detail-address {font-size:14px;}
.agent-photo-detail {float:left; margin:0 15px 10px 0;}
.email-wrapper {width:450px; margin:15px auto; background-color:#fff; padding:8px;}
.email-wrapper table {width:100%; margin:0 auto; border-collapse:collapse; border:solid #ccc 1px;}
.fmls {color:#000;}

/*------Misc. Styles------*/
blockquote {margin:20px 40px; font-weight:bold;}

/*------------------ Content Manager CSS-------------------*/
.PureManagerAdmin_mainMenu	{background-color:#eeeeee; padding:2px;}
.PureManagerAdmin_mainMenu a	{color:#006;}
.PureManagerAdmin_mainMenu a:hover	{color:#000;}

#displayOptions		{position:fixed; top:0px; left:0px; width:100%;}

/*--------------Site Map CSS--------------------*/
#siteMap		{}
#siteMap li		{list-style-type:circle; margin-left:10px;}
#siteMap .siteMapSec	{margin-left:15px;}
#siteMap .siteMapSec li	{list-style:none;}