a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    text-align: left;
	padding: 5px;}



.base {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
}
.base a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
}
.base a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
}
.base a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
}
.base a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
}
.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F99302;
}

.contentsmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}
.contenttimes {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #333333;
}
a.homelinks:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
a.homelinks:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
a.homelinks:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: underline;
}
a.homelinks:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #85B05E;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #172844;
	text-decoration: none;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #172844;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #800000;
	text-decoration: none;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #172844;
	text-decoration: none;
}
a.menu:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #004F74;
	text-decoration: none;
	font-weight: bold;
}
a.menu:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #004F74;
	text-decoration: none;
	font-weight: bold;
}
a.menu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FE7203;
	font-weight: bold;
	text-decoration: none;
}
a.menu:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #004F74;
	text-decoration: none;
	font-weight: bold;
}
.topmenu-reg {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #666666;
}
a.topmenu:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}
a.topmenu:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}
a.topmenu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #009900;
	font-weight: normal;
	text-decoration: none;
}
a.topmenu:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}
.base-reg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #009900;

}
a.basemenu:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #009900;
	text-decoration: none;
	font-weight: normal;
}
a.basemenu:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #009900;
	text-decoration: none;
	font-weight: normal;
}
a.basemenu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}
a.basemenu:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #009900;
	text-decoration: none;
	font-weight: normal;
}

a.home:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
}
a.home:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	font-weight: normal;
}
a.home:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #009900;
	font-weight: normal;
	text-decoration: none;
}
a.home:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	font-weight: normal;
}
.leftmenutitles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FC780B;
	width: 151px;
}
.righttablestoptitles{
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	background-color: #fafafa;
	margin-top: 0px;
	width: 148px;
	border-top: 0px dotted #d1d1d1;
	border-right: 1px dotted #d1d1d1;
	border-bottom: 1px dotted #d1d1d1;
	border-left: 1px dotted #d1d1d1;
}
* html div.righttablestoptitles {  /* CSS hack */
	width: 148px; 
	w\idth: 148px; }
.righttablestop {
	padding: 0px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background-color: #FE7203;
	margin-top: 5px;
	width: 148px;
	font-weight: bold;
	border-top: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	border-bottom: 0px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
}
* html div.righttablestop {  /* CSS hack */
	width: 148px; 
	w\idth: 148px; }
	
	.tablesmain7 {
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	background-color: #f1f1f1;
	margin-top: 5px;
	width: 720x;
	font-weight: normal;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin-right: 0px;
}
* html div.tablesmain7{  /* CSS hack */
	width:720px; 
	w\idth: 720px; }
.tablesmain {
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	background-color: #f1f1f1;
	margin-top: 5px;
	width: 588x;
	font-weight: normal;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin-right: 0px;
}
* html div.tablesmain{  /* CSS hack */
	width: 588px; 
	w\idth: 588px; }
	
	.tablesmain2 {
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	background-color: #f1f1f1;
	width: 183px;
	font-weight: normal;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	float: right;
}
* html div.tablesmain2{  /* CSS hack */
	width: 183px; 
	w\idth: 183px; }
.orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF7B11;
	font-weight: bold;
}
.titles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FC780B;
}
.titlesred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #a40000;
}
#navcontainer ul
{
list-style-type: none;
text-align: left;
    margin:0;
    padding:0;

}

#navcontainer ul li a
{
	background: transparent url(http://www.charterhomesinc.com/images/list-off.gif) no-repeat left center;
	padding-left: 15px;
	text-align: left;
	font: normal 13px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #666666;
}

#navcontainer ul li a:hover
{
	background: transparent url(http://www.charterhomesinc.com/images/list-on.gif) left center no-repeat;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.red {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF0000;
	font-weight: bold;
}
.form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	width: 173px;
}
	.imageStyle1
	{
		border-width:1px;
		border-color:gray;
		border-style: solid;
	}
.contentred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #a40000;
	font-weight: normal;
}

.contentred13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #a40000;
	font-weight: normal;
}
.boxlines {
	border: 1px solid #666666;
}
.pricetitles {
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	font-weight: bold;
	color: #999999;
}
.contentbig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
}
.contentbigger {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
}

.agentsname{
	font-family: Arial;
	font-weight: bold;
	font-size: 20px;
	color: #a40000;
}
.agenttext{
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
}

.hood_and_home_title{
	font-family: Arial;
	font-weight: bold;
	font-size: 26px;
}

.hoods_page_hood_title{
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;

}
.white {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
}
.white2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 5px;
}
.bold {
	font-weight:bold;
}

.boldBIG {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 15px;
	color: #333333;
}



.dgreycontent {
	background-color:#CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	}
	
.lgreycontent {
	background-color:#E5E5E5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	}
li {vertical-align: top;}

.navigationTabs {
	height: 25px;
	line-height: 23px;
	border-bottom: 1px solid #ccc;
	list-style:none;
	margin:auto;
	margin:0px;
	margin-top:5px;
	width:100%;
	text-align:left;
	padding-left:0px;
	font-size: 15px;
	font-weight:bold;
	}

.navigationTabs li {
	float: left;
	height: 25px;
	line-height: 23px;
	padding-left:15px;
	
	
}
.navigationTabs li a{
	float: left;
	display: block;
	height: 25px;
	line-height: 23px;
	padding: 0 10px;
	overflow: hidden;
	color: black;
	position: relative;
	text-decoration: none;
	background-color: #E8EBEF;
}

.navigationTabs li a:link {
	background-color: #E8EBEF;
	color: black;
}	

.navigationTabs li a:hover {
	background-color:#CCCCCC;
	color: black;

}
.navigationTabs li a:active {
	background-color: #FFFFFF;
	color: black;
	border: 1px solid #ccc;
	border-bottom: 0px solid;
}

.navcurrent a{
	background-image:url(../images/whitebg.gif);
	background-color:#FFFFFF;
	border: 1px solid #ccc;
	border-bottom: 0px solid;
	color: black;
}

.navigationTabs .navcurrent a{
	color: black;
}

/***********INSERTED BY CRYSTAL *****************/

body {
background-color:#322E2B;
margin:auto;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

html {
text-align:center;
margin:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#wrapper {
margin:auto;
text-align:center;
}

.menubgbg {
background-image:url(../images/980images/topbg.jpg);
background-position:center top;
background-repeat:no-repeat;
height:76px;
margin:auto;
}

.menubg980 {
vertical-align:middle;
text-align:center;
margin:auto;
}

.topareatext {
color:#ffffff;
width:980px;
height:76px;
margin:auto;
}

.lefttop {
padding-left:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
font-weight:bold;
text-align:left;
margin:auto;
}

.righttop {
padding-right:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
text-align:right;
margin:auto;
}

.righttop a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
margin:auto;
}

.righttop a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:underline;
margin:auto;
}

.midmenubg {
background-image:url(../images/980images/menubg.jpg);
background-position:center top;
background-repeat:repeat-y;
height:30px;
text-align:center;
margin:auto;
width:980px;
}

/*
.midmenubgie {
background-image:url(../images/980images/menubgie.jpg);
background-position:top left;
background-repeat:repeat-y;
height:30px;
text-align:center;
margin:auto;
width:980px;
}
*/

.logobg {
background-image:url(../images/980images/logobg.jpg);
background-position:center;
background-repeat:no-repeat;
height:60px;
margin:auto;
}

.newcontentbg {
background-image:url(../images/980images/contentbg.jpg);
background-repeat:repeat-y;
background-position:top center;
text-align:left;
	margin:auto;
}

.whitetext {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
}
.whitetext2 {
color:#FFFFFF;
}

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