/* General ............................................................................................... */

h2 { margin: 0; height: 25px; text-indent: -9999px; font-size: 18px; color: #4CBDCE; }
h2.home {  background: url(/_img/headers/home.gif) no-repeat; height: 65px; }
h2.about { background: url(/_img/headers/about_us.gif) no-repeat; }
h2.how { background: url(/_img/headers/how_it_works.gif) no-repeat; }
h2.you { background: url(/_img/headers/clarence_for_you.gif) no-repeat; }
h2.offer { background: url(/_img/headers/what_we_offer.gif) no-repeat; }
h2.promise { background: url(/_img/headers/our_promise.gif) no-repeat; }
h2.investors { background: url(/_img/headers/clarence_investors.gif) no-repeat; }
h2.residents { background: url(/_img/headers/clarence_residents.gif) no-repeat; }
h2.contact { background: url(/_img/headers/contact_us.gif) no-repeat; }
h2.disclaimer { background: url(/_img/headers/disclaimer.gif) no-repeat; }
h2.faqs { background: url(/_img/headers/faqs.gif) no-repeat; }
h2.links { background: url(/_img/headers/useful_links.gif) no-repeat; }
h2.request { background: url(/_img/headers/request_a_call_back.gif) no-repeat; }
h2.charities { background: url(/_img/headers/charities.gif) no-repeat; }

h3 { font-size: 14px; color: #444; }

h4 { margin-bottom: -1em; font-size: 13px; color: #93C485; }

a { text-decoration: none; color: #4CBDCE; font-weight: bold; }
a:hover { color: #444; font-weight: bold; }

p { margin: 0; }

/* General Classes ....................................................................................... */



/* html & body ........................................................................................... */
html { height: 101%; }
body { margin: 0;	padding: 0;	height: 100%;	background: url(/_img/bkg.gif) center top no-repeat; font-family: Arial; font-size: 12px; color: #444; line-height: 1.3em; }
#subbody { margin: 0 auto; padding: 0; width: 800px; min-height: 100%; position: relative; }
* html #subbody { height: 100%; }


/* Header ................................................................................................ */
#header { margin: 0; padding: 0; height: 140px; position: relative; }

h1 { margin: 0; text-indent: -9999px; }

p.date { margin: 0; position: absolute; top: 150px; right: 5px; font-size: 11px; color: #CCC; }

#nav ul { margin: 105px 0 0 40px; padding: 0; list-style: none; font-size: 11px; }
#nav li { padding: 0 12px 0 0; float: left; font-weight: normal; }
#nav a { color: #FFF; text-decoration: none; }
#nav a:hover { color: #444; }


/* Right ................................................................................................. */
#right { margin: 30px 0 0 0; padding: 0 0 60px 20px; float: right; width: 235px;  border-left: 1px dotted #CCC; }
#right h3 { font-size: 14px; color: #444; }
#right p { margin-top: 0px; font-size: 12px; color: #FFF; }
#right a { color: #444; border-bottom: 1px dotted; }
#right a:hover { color: #FFF; }

#right div.content { margin: 10px 0 0 0; padding: 0 0 15px 0; width: 235px; }
#right div.content h4 { margin: 0; height: 30px; }
#right div.content p { margin: 0; padding: 5px 10px; }

#right div.box h4.sell { text-indent: -9999px; background: url(/_img/main/sell_top.gif); }
#right div.box h4.how { text-indent: -9999px; background: url(/_img/main/how_top.gif); }
#right div.box p { background: url(/_img/main/rightbox_mid.gif); }
#right div.box { background: url(/_img/main/rightbox_bot.gif) bottom no-repeat; }

#callback { text-indent:-9999px; }
#callback h4, #callback p { display:none; }
#callback a { width:235px; height:40px; display:block; background: url(/_img/main/call_back.gif) no-repeat; border: none; }
#callback a:hover { background-position:0 -40px; }


/* Content ............................................................................................... */
#content { margin: 30px 0 0 20px; padding: 0 0 60px 0; width: 510px; float:left; display: inline; }

#content p { margin: 10px 0; }

#content img { margin-top: 10px; padding: 0 0 0 20px; float: right; }

#content .intro { font-weight: bold; color: #444; }

#content ol { margin: 0; padding: 0; list-style: none; }
#content li { margin: 20px 0; padding: 0 0 0 20px; }
#content .one { background: transparent url(/_img/numbers/1.gif) no-repeat ; }
#content .two { background: transparent url(/_img/numbers/2.gif) no-repeat ; }
#content .three { background: transparent url(/_img/numbers/3.gif) no-repeat ; }
#content .four { background: transparent url(/_img/numbers/4.gif) no-repeat ; }
#content .five { background: transparent url(/_img/numbers/5.gif) no-repeat ; }
#content .six { background: transparent url(/_img/numbers/6.gif) no-repeat ; }
#content .seven { background: transparent url(/_img/numbers/7.gif) no-repeat ; }
#content .eight { background: transparent url(/_img/numbers/8.gif) no-repeat ; }
#content .nine { background: transparent url(/_img/numbers/9.gif) no-repeat ; }

#content ul { margin: 0; padding: 0; list-style: none; }
#content li { margin: 20px 0; padding: 0 0 0 20px; background: transparent url(/_img/main/dot.gif) no-repeat ; }

#content div.residents { margin: 10px 10px 0 0; padding: 0 0 15px 0; width: 250px; float: left; }
#content div.residents h4 { margin: 0; text-indent: -9999px; height: 30px; background: url(/_img/main/residents_top.gif); }

#content div.foryou { margin: 10px 0 0 0; padding: 0 0 15px 0; width: 250px; float: left; }
#content div.foryou h4 { margin: 0; text-indent: -9999px; height: 30px; background: url(/_img/main/foryou_top.gif); }

#content div.box p { margin: 0; padding: 5px 15px; color: #FFF; background: url(/_img/main/residents_mid.gif); }
#content div.box { background: url(/_img/main/residents_bot.gif) bottom no-repeat; }
#content div.box a { color: #444; border-bottom: 1px dotted; }
#content div.box a:hover { color: #FFF; }


#contactaddress { float: left; }
#contactaddress h2 { margin-top: 20px; }
#contactaddress ul { margin: 0 0 40px 0; padding: 0; list-style: none; }
#contactaddress li { margin: 0; padding: 0; background: none; }

/* Form */
span.mand { color:#c00; }
#contactform p { width:100%; float:left; }
#contactform label { width:150px; float:left; line-height:20px; }
#contactform label.full { width:100%; margin-bottom:10px; display:block; }
#contactform label.inline { width:auto; margin-bottom:0; display:inline; }
#contactform input.text { border:1px solid #ddd; width:200px; float:left; }
#contactform span.mand { margin-left:5px; }

#getstarted { text-indent:-9999px; }
#getstarted h4 { display:none; }
#getstarted a { width:145px; height:35px; display:block; background: url(/_img/main/get_started.gif) no-repeat; }
#getstarted a:hover { background-position:0 -35px; }


/* Footer ................................................................................................ */
#footer {	margin: 0; padding: 0; height: 55px; width: 800px; position: absolute; left: 0px; bottom: 0px; clear: left; text-align: center; background: url(/_img/footer_bkg.gif) center bottom no-repeat; font-size: 10px; font-weight: bold; color: #444; }

#footer p { margin-top: 35px; }

#footer a { color: #444; border-bottom: 1px dotted; }
#footer a:hover { color: #FFF; }

* html #footer div.hr { margin-left: 0; }


/* Magic float fix ....................................................................................... */ 
#floatfix { display: block; clear: both; }