body {
 
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
  line-height:20px;
  background-color:#fff;
  margin:0px;
  padding:0;
}

A {
	FONT-WEIGHT: normal;
    COLOR: #000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
	border:0px solid #000;
}
A:hover {
	FONT-WEIGHT: normal;
	   COLOR: #000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
	border:0px solid #000;
}

a img {border: none; }

/*
-TEXT SIZE----------------------------------------------- 
*/++

H1 { font-size: 23px; line-height:26px; }

H2 { font-size: 17px; }


H1 { color: #D4A017; }

/*
-LINKS----------------------------------------------- 
*/	

A.footerlinks {
	FONT-WEIGHT: normal;
    FONT-SIZE: 7pt;
    COLOR: #aaa;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
	border:0px solid #000;
}

A:HOVER.footerlinks {
	FONT-WEIGHT: normal;
    FONT-SIZE: 7pt;
    COLOR: #666;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
	border:0px solid #000;
}

A:hover.contactLinks {
  color: #fff; 
  font-size: 17px; 
  white-space:nowrap;
}

A.redLink {
  color: red; 
  font-size: 11pt; 
  white-space:nowrap;
}

A:hover.redLink {
  color: red; 
  font-size: 11pt; 
  white-space:nowrap;
}

/*
-ALIGNMENT----------------------------------------------- 
*/
#wrapper {
  text-align: left;
   background-image:url(../images/headerBG.gif);
  background-repeat:repeat-x;
  /*margin-left:auto;*/
  margin-right:auto;
}

.left{
  float: left;
}

.right{
  float: right;
}

/*
-LAYOUT----------------------------------------------- 
*/

#header {
  height:97px;
}

#header .logo {
  height:76px;
  width:302px;
  position:absolute;
  left:59px;
}


/*
-NAVIGATION----------------------------------------------- 
*/


#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	height: 38px;
	width:331px;
	top:54px;
	left:583px;
	position: relative;
}

#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
/*#menu a:hover {
	background-position: left bottom;
}

.selected {
	background-position: left bottom;
}
*/
#menu .home {
	width: 111px;
	height: 38px;
	left: 0px;
	top: 0px;
	background: url(../images/NavButs.gif) no-repeat;
	background-position:bottom left;

}

#menu a:hover.home  {
	width: 111px;
	height: 38px;
	left: 0px;
	top: 0px;
	background: url(../images/NavButs_f2.gif) no-repeat;
	background-position:bottom left;
}

#menu .info {
	width: 109px;
	height: 38px;
	background: url(../images/NavButs.gif) no-repeat;
	left: 111px;
	top: 0px;
	background-position: -111px;
}

#menu a:hover.info {
	width: 109px;
	height: 38px;
	background: url(../images/NavButs_f2.gif) no-repeat;
	left: 111px;
	top: 0px;
	background-position: -111px;
}

#menu .contact {
	width: 111px;
	height: 38px;
	background: url(../images/NavButs.gif) no-repeat;
	left: 220px;
	top: 0px;
	background-position:bottom right;
}

#menu a:hover.contact {
	width: 111px;
	height: 38px;
	background: url(../images/NavButs_f2.gif) no-repeat;
	left: 220px;
	top: 0px;
	background-position:bottom right;
}

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

#contentHolder {
	
}

#content.home {
  background: url(../images/contentBG.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	
	height:550px;
}

#content.info {
	padding:0px 100px 50px 100px;
	background: url(../images/contactBG.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	
	width:670px;

}

#content.contact {
	padding:150px 0px 50px 0px;
	background: url(../images/contactBG.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	
	width:900px;
	height:350px;
}

#content.contact p {
	width: 300px;
	margin-left:auto;
  margin-right:auto;
}

/*
-BROCHURES----------------------------------------------- 
*/

#brochures {
	list-style: none;
	padding: 0;
	margin: 0;
	height: 25px;
	top:0px;
	left:0px;
	position: relative;
}

#brochures a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}


#brochures .home {
	width: 237px;
	height: 257px;
	background: url(../images/brochure1.jpg) no-repeat;
	left: 630px;
	top: 60px;
}

#brochures .claraHomesLink {
	width: 138px;
	height: 89px;
	background:url(../images/claraHomesMOB.jpg) no-repeat;
	left: 677px;
	top: 350px;
	cursor:default;
}



/*
-FOOTER----------------------------------------------- 
*/

#footer {
  clear: both;
  background: url(../images/footerBG.gif);
  background-repeat:repeat-x;
  background-position:top;
  height:80px;
  text-align:center;
	color:#aaa;
	font-size: 7pt;
}

#footerHolder {
	width:885px;
	padding: 0px 10px 0px 10px;

}
#subfooter {
  clear: both;
  height:200px;
  text-align:left;
	color:#aaa;
	font-size: 10pt;
}



/*
-TEXT COLOR----------------------------------------------- 
*/ 



/*
-TEXT-ALIGNMENT----------------------------------------------  
*/
.txtRight {
  text-align:right;
}

.txtLeft {
  text-align:left;
}

.txtCenter {
  text-align:center;
}

.txtTop {
vertical-align:text-top;
}

.txtBottom {
vertical-align:text-bottom;
}

/*
-SPACERS----------------------------------------------- 
*/ 
.r4 {
  margin-right: 6px;
}

.r10 {
  margin-right: 10px;
}

.L10 {
  padding-left: 10px;
}  

.bot4 {
  margin-bottom: 4px;
}

.bot5 {
  margin-bottom: 5px;
}

.top10 {
  margin-top: 10px;
}

.top17 {
  margin-top: 17px;
}

.top24 {
  margin-top: 24px;
}

.padTop10 {
  padding-top: 10px;
}

.padLeft13 {
  padding-left: 13px;
}

.padding5 {
  padding: 5px;
}

.spacer {
  font-size: 3px;
  display:block;
}

/*
-BORDERS----------------------------------------------- 
*/ 
.borderTop {
  border-top: 1px solid #99CC00;
}

.borderTest {
  border: 1px solid #000;
}


/*
-EXTRAS----------------------------------------------- 
*/
.scroll {
  overflow:auto;
}

.clearAll{
  clear: both;
  overflow: hidden;
}

hr {
  border: 1px solid #009900;
}
 

/*
----------------------------------------------------------
*/