/********************************************************************************
*                                                                               *
*  Author    :  Geoff Moore                                         	        *
*  Web       :  http://www.phase8.com                                           *
*  E-mail    :  studio ( at ) phase8 ( dot ) ( com ) 					        *
*  Modified  :  16-Dec-2006                                                     *
*                                                                               *
*  Copyright (c) 1999-2006 Geoff Moore. All Rights Reserved.                    *
*  Use of this code is not permitted without permission!                        *
*                                                                               *
********************************************************************************/
/* HTML tags */
html,body{height:100%;min-height:101%}
html,body,div,p,table,tr,td,h1,h2,h3,h4,h5,form,img,map,area {margin:0;border:0;padding:0;font-family:Tahoma, Arial, sans-serif;font-size:11px;color:#000;}


body {background:#c2ddf0;  /*cbe3f3*/}


/* Navigation Section Link Styling
================================================================================ */

.navlist ul{position:relative;margin-left: 0;padding-left: 0;}

#navlist li{display:inline;list-style-type: none;}
/* Important the order: link, visited, hover, focus, active. see http://www.w3.org/TR/REC-CSS2/selector.html  */

 #home {position:absolute;top:104px;left:0;margin:0;padding:0;}
 a.home, a.home:link, a.home:visited {display:block;width:100px;height:35px; background-image:url(../images/navBtns/home.png); background-position: top left;}
 a.home:hover, a.home:focus, a.home:active {display:block;width:100px;height:35px; background-image:url(../images/navBtns/home.png); background-position: bottom left;}
 
 
 #aboutus {position:absolute;top:104px;left:100px;margin:0;padding:0;}
 a.aboutus, a.aboutus:link, a.aboutus:visited {display:block;width:115px;height:35px; background-image:url(../images/navBtns/aboutus.png); background-position: top left;}
 a.aboutus:hover, a.aboutus:focus, a.aboutus:active {display:block;width:115px;height:35px; background-image:url(../images/navBtns/aboutus.png); background-position: bottom left;}
 
 #sellandrent {position:absolute;top:104px;left:215px;margin:0;padding:0;}
 a.sellandrent, a.sellandrent:link, a.sellandrent:visited {display:block;width:156px;height:35px; background-image:url(../images/navBtns/sellandrent.png); background-position: top left;}
 a.sellandrent:hover, a.selandrent:focus, a.selandrent:active {display:block;width:156px;height:35px; background-image:url(../images/navBtns/sellandrent.png); background-position: bottom left;}
 
 #immediatesale {position:absolute;top:104px;left:371px;margin:0;padding:0;}
 a.immediatesale, a.immediatesale:link, a.immediatesale:visited {display:block;width:159px;height:35px; background-image:url(../images/navBtns/immediatesale.png); background-position: top left;}
 a.immediatesale:hover,  a.immediatesale:focus,  a.immediatesale:active {display:block;width:159px;height:35px; background-image:url(../images/navBtns/immediatesale.png); background-position: bottom left;}
 
 
 #faqs {position:absolute;top:104px;left:530px;margin:0;padding:0;}
 a.faqs, a.faqs:link, a.faqs:visited {display:block;width:91px;height:35px; background-image:url(../images/navBtns/faqs.png); background-position: top left;}
 a.faqs:hover,  a.faqs:hover,  a.faqs:active {display:block;width:91px;height:35px; background-image:url(../images/navBtns/faqs.png); background-position: bottom left;}
 
 #contactus {position:absolute;top:104px;left:621px;margin:0;padding:0;}
 a.contactus,  a.contactus:link,  a.contactus:visited {display:block;width:138px;height:35px; background-image:url(../images/navBtns/contact.png); background-position: top left;}
 a.contactus:hover, a.contactus:focus, a.contactus:active {display:block;width:138px;height:35px; background-image:url(../images/navBtns/contact.png); background-position: bottom left;}


/* SUB Navigation Section Link Styling
================================================================================ */
#Subnavlist li{list-style-type: none;padding:0px 0 10px 0; color:#fff;}
/* Important the order: link, visited, hover, focus, active. see http://www.w3.org/TR/REC-CSS2/selector.html  */
#Subnavlist li a{color:#fff;text-decoration:none;}
#Subnavlist li a:hover{color:#fff;text-decoration:underline;}

/* Content UL/LI LIst Section Link Styling
================================================================================ */
#Contentnavlist li {list-style-type:none;padding:0px 0 10px 0;}
#Contentnavlist li a{color:#fff;text-decoration:none;}
#Contentnavlist li a:hover{color:#057fd7;text-decoration:underline;}

.Contentnavlist li {list-style-type: none;padding:0px 0 10px 0;}
.Contentnavlist li a{color:#fff;text-decoration:none;}
.Contentnavlist li a:hover{color:#057fd7;text-decoration:underline;}

/* Content FAQ PAGE ONLY UL/LI LIst Section Link Styling
================================================================================ */
.faqlist li {list-style-type:none;padding:0px 0 10px 0;}
.faqlist li a{color:#000;text-decoration:underline;}
.faqlist li a:hover{color:#cc0033;text-decoration:underline;}

/* Site wide Link/Text Styling */
a {outline:none;color:#333; /* Removes dotting links in FF */border:none; }
a a:link{color:#333}
p {line-height:18px;}
p strong {font-weight:bold;}
p a:link, p a:visited{text-decoration:none;color:#333;font-weight:bold;}
p a:hover{/*text-decoration:underline;color:#555;*/}

.empblue{color:#057fd7;font-weight:bold;}
.empred{color:#cc0033;font-weight:bold;}
.eyestop {margin:5px 0 0 20px;margin:30px 0 0 20px;}
.eyesbottom {margin:5px 0 0 20px;margin:214px 0 0 20px;}
.readingbreak {margin:6px 0 4px 0;}
.clear{display:none;}
.hidden{display:none;}
#blindcontent {display:none;}

/* Specific Section Link Styling
================================================================================ */
#footer-content p a:link, p a:visited{text-decoration:none;color:#7d7d7d;font-weight:normal;}
#footer-content p a:hover{text-decoration:underline;color:#555;}

#wrapper {margin:0 auto;width:780px;padding:0 10px 0 10px;background:transparent url(../images/bodyBG.png) top left repeat-y;}
#navigation_container {position:relative;margin:0;padding:0;background: url(../images/logoBG.png) top left no-repeat;height:138px;}

#dropmenudiv{position:absolute;width:400px;padding:0;margin:0;border-top:0px;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom-width: 0;font:normal 11px Tahoma;line-height:18px;z-index:100;}

#dropmenudiv a{width:100%;display: block;margin:0;text-indent: 27px;border-bottom: 1px solid #fff;padding: 1px 0px;text-decoration: none;font-weight: normal;color:#fff;}

#dropmenudiv a:hover{ /*hover background color*/
background:#32a8ff url(../images/bullet.gif) 14px 10px no-repeat; 
}

#navigation{position:absolute;top:0;left:0;width:780px;padding:80px 0 0 0;height:130px;}

#flash {position:relative;margin:0;padding:0;}
#subNav{position:absolute;top:0;left:5px;margin:0;padding:17px 0 0 0;width:218px;height:176px;background: url(../images/subnavBG.jpg) 0 0 no-repeat;}


#content_container {padding:0;margin:-2px 0 0 2px;width:760px; background-color:transparent;}
#content-left {width:220px;margin:0;padding:0;background: transparent url(../images/leftcontBG.jpg) top left no-repeat;border:1px solid #fff;float:left;}

#content-main {width:533px;margin:0;padding:0;background: url(../images/content-mainBG.png) bottom left no-repeat;height:410px;float:left;border:1px solid #fff;}
#sub-content-main{width:533px;margin:0;padding:0;float:left;border:1px solid #fff;}

#content {margin:0;padding:20px 22px 0px 20px;} /* bottom = 267px */
#footer {clear:both;width:780px;margin:0 0 0 -9px;padding:0px 20px 0 20px;background: transparent url(../images/footerBG.png) top left no-repeat;height:52px;}
#footer-content p{margin:0px 0 0 0;padding:10px 15px 0 0;width:720px;color:#adadad;font-size:10px; text-align:right; font-family: Tahoma, Arial, sans-serif;}

/* General Form Layout and Styling 
================================================================================ */

#formlayout {position:relative;width:200px;margin:104px 0 29px 0;padding:0 10px 0 10px;}
fieldset {border-style:none;border:0;margin:0;padding:0;}
input.user {width:154px;height:14px;border:2px solid #7f89df;margin:6px 0 6px 15px;padding:0; font-size:10px;}
input.send {margin:6px 0 6px 15px;padding:0;width:47px;height:23px;}
textarea.usernotes{margin:0px 0 6px 15px;padding:0;width:330px;border:1px solid black;height:40px;}

/* CONTACT SECTION Form Layout and Styling 
================================================================================ */

#verticalForm fieldset
{display: block;width: 400px;margin: 8px 0px 8px 20px;padding: 0 1em 1em 1em;border:1px solid #057fd7;}

#verticalForm legend {color:#cc0033;font-weight:bold;}

#verticalForm fieldset.radio
{width: 15em;margin: 1em 0 2em 0;}

#verticalForm fieldset.radio input
{clear: both;float: left;width: auto;}

#verticalForm fieldset.radio label
{font-weight: normal;}

#verticalForm input
{display: block;width: 15em;border:2px solid #7f89df;padding:0; font-size:10px;}

#verticalForm label
{display: block;margin-bottom: 16px;color:#777;font-weight:normal;}

#verticalForm label.first
{padding-top: 1em;}

#verticalForm select
{display: block;border:2px solid #7f89df;padding:0; font-size:10px;}

#verticalForm textarea {
width:330px;height:40px;margin:0;border:2px solid #7f89df;padding:0; font-size:10px;}

#formcontrols{width:330px;margin:0;padding:0;}
#verticalForm #sendform{margin-left:0px;width:47px;height:21px;border-style:none;display:inline;float:left;}
#verticalForm #resetform{margin-left:30px;width:47px;height:21px;border-style:none;}


.formInfo a, .formInfo a:active, formInfo a:visited{
	background-color:#FF0000;
	font-size: 1.3em;
	font-weight:bold;
	padding:1px 2px;
	margin-left:5px;
	color:#FFFFFF;
	text-decoration: none;
}

.formInfo a:hover{
	color:#660000;
	text-decoration: none;
}

/* FAQ SECTION JTIP STYLING SECTION 
================================================================================ */


/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #2291e2;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#fff;
	background-color:#fff;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #2291e2;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
	color:#fff;
}

#JT_close_right{
	background-color: #2291e2;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
	color:#fff;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}