/* Layout */
 
#navwrap {
	height: 150px;
	width: auto;
	margin:0px;
	background: transparent;}

body {	margin: 20px 0px; background: #fff url('../images/site/bg_fade.jpg') 0 0 repeat-x;}

#navbox {
	height: 150px;
	padding: 0px;
	width: 900px;
	margin: 0 auto;
	background: #a1a1a1;
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #FFFFFF;}

#header {
	width:900px;
	height: 114px;
	padding:0px;
	margin:0px;
	background: #a1a1a1;
	float: left; position: relative;}

#header span#accred_logo { width: 162px; height: 162px; position: absolute; top: -3px; right: -5px; float: right; background: url('../images/site/overlay.png') 0 0 no-repeat; }

#topnav{
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	background: transparent;}

#maincontent{
	width: 900px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	padding: 8px 0 8px 0;
	background: #a1a1a1;}

.endOfSection { clear: both; } 

#foot_wrap {
	width: 900px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	background: #a1a1a1;}
	
#footer{
	width: 100%;
	height: 30px;
	background: #666;
	clear: both;
	border-top: 1px solid #fff;
	font: normal 12px/12px sans-serif;}
	
.gallery {
	height: auto;
	width: 150px;
	border: none;}

#leftcontent {
	Width: 483px;
	height: auto;
	float:left;
	background: #fff;
	margin: 0 0 8px 8px;
	padding: 10px 20px 10px 20px;}
	
#rightcontent {
	width: 332px;
	float:right;
	clear: right;
	margin: 0 8px 8px 0;
	padding: 10px;
	background: #fff;}

/*rightcol properties*/

.rcp_wrap {
	width: 332px;
	padding: 0 0 5px 0; 
	margin: 0;
	float: left;
	clear: both;
	background: #fff;
	color: #666;}

.rcp_img { 
	width: 117px;
	height: 117px;
	padding: 3px;
	background: #fff;
	border: 1px solid #e7e7e7;
	float: left;}

.rcp_info {
	width: 200px;
	float: right;
	padding: 0;
	margin: 0;}

.rcp_info p { margin: 0; padding: 3px 0;}
.rcp_info p a { color: #333; font-weight: bold; text-decoration: underline;}
.rcp_info p a:hover { color: #069; font-weight: bold; text-decoration: underline;}
.rcp_info h2 { font: bold 12px/12px sans-serif; color: #06C; padding: 3px 0 2px 0;}


/* Apartments */

.apt_wrap {
	width: 480px;
	float: left;
	clear: both;
	padding: 0;
	margin: 0 0 10px 0;}
	
.apt_wrap1 {
	width: 480px;
	float: left;
	clear: both;
	padding: 0;
	margin: 10px 0 10px 0;}

.apt_map { 
	width: 460px; 
	float: left; 
	height: 340px; 
	padding: 3px; 
	margin: 0 0 0 10px;
	border: 1px solid #e7e7e7;}
	
.apt_col_left { 
	width: 239px; 
	float: left; 
	background: #fbfbfb;
	border-right: 1px dotted #ccc;
	padding: 10px 0 0 0; 
	margin: 5px 0 0 0 }

.apt_col_right { 
	width: 240px; 
	float: right; 
	background: #fbfbfb;
	padding: 10px 0 0 0; 
	margin: 5px 0 0 0 }

.ul_features ul { color: #666; padding: 15px 0 0 0}
.ul_features li { color: #666; font: normal 12px/15px sans-serif;}


.apt_col_right2 { 
	width: 240px; 
	float: right; 
	padding: 0; 
	margin: 0;}

p.cpn { font: bold 15pt/15pt sans-serif; color: #666; letter-spacing: -1px;}

.apt_img_wrap {
	width: 480px;
	float: left;
	padding: 10px 0 0 5px;
	margin: 0;}
	
.apt_img {
	width: 100px;
	height: 80px;
	padding: 3px;
	margin: 0 5px 5px 5px;
	background: #fff;
	border: 1px solid #e7e7e7;
	float: left;}

.apt_thumb { border: none; }

.apt_info { 
	float: left;
	width: 480px;
	padding: 0;
	margin: 0;}
	
	
#lefttop {
	Width: 720px;
	height: auto;
	padding: 0;
	margin: 0;
	float:left;}
	
li p {
	font-size: 1em;
	font-family: "Trebuchet MS";
	font-style: normal;
	line-height: normal;
	font-weight: normal;}

#righttop {
	Width: 370px;
	height: auto;
	padding:0;
	margin: 30px 0 0 0;
	float:left;}

#form_wrap { 
	width: 460px;
	margin: 0 0 0 10px;
	padding: 15px 0;
	float: left;
	clear: both;
	background: #fbfbfb;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #ccc;}

/* typography */

ol li { font: normal 12px/17px sans-serif; padding: 4px 0; color: #666;}

p {
	margin: 0;
	font: normal 12px/18px sans-serif;
	color: #666;
	padding: 10px;}

address { padding: 9px 10px; font: normal italic 12px/18px sans-serif; color: #666; margin: 10px 0 0 0; float: left; display: block; width: 100%;}

.footer_gen_links {	float: right;}

#footer a {
	_height: auto;
	_margin-bottom:-20px;
	color: #FFFFFF;}

a:link, a:visited {	color: #006699;	text-decoration: none;}
a:hover, a:active  { color:  #0099FF; text-decoration: underline;}

.bodyW {
	font-family: "Trebuchet MS";
	font-size: 0.8em;
	color: #333;
	text-decoration: underline;}

.foot_right {
	float: right;
	width: 400px;
	margin: 0;
	padding: 10px;
	font: normal 12px/12px sans-serif;
	color: #fff;
	text-align: right;}

.foot_right a { font: bold 12px/12px sans-serif; }
.foot_right a:hover { font: bold 12px/12px sans-serif; color: #06C;}

.foot_left {
	float: left;
	width: 400px;
	margin: 0;
	padding: 10px;
	font: normal 12px/12px sans-serif;
	color: #fff;
	text-align: left;}

a.foot:link {color: #fff; text-decoration: none; }
a.foot:visited {color: #fff; text-decoration: none; }
a.foot:hover {color: #fff; }
a.nav:active {color: #fff;} 

.image { margin: 10px; }
.img_r { float: right; padding: 0 0 10px 10px; }

h1 {
	font: bold 16pt/16pt Arial, Helvetica, sans-serif;
	color: #06C;
	margin: 0;
	padding: 10px 10px 0 10px;}
	
h2 {
	font: bold 12px/20px Arial, Helvetica, sans-serif;
	color: #06C;
	margin: 0;
	padding: 10px 10px 0 10px;}

h2.rc_title { 
	color: #fff; 
	margin: 0 0 5px 0; 
	padding: 4px; 
	width: 98%;
	display: block; 
	font: bold 12px/25px sans-serif; 
	background: #404040;
	float: left;
	text-transform: uppercase }
	
h2 small { font: normal 11px Tahoma, sans-serif; text-transform: none; color: #ccc}
h2 small:before { content: '- ';}

h3 {
	margin: 0;
	font: bold 12px/15px sans-serif;
	color: #06C;
	padding: 10px 10px 0 10px;}

hr { background: transparent; border-left: none; border-right: none; border-top: 1px solid #fff; border-bottom: 1px dotted #ccc;}

table h3 { padding: 0; margin: 0;}
/* nav bar */
.topmenu{
	margin: 0 0 0 8px;
	padding: 0;
	float: left;
	font: bolder 15px "Trebuchet MS";
	border-bottom: 1px solid #fff;
	width: 884px;
	background: #666;}

.topmenu li{ display: inline; position: relative; float: left; z-index: 999;}

.topmenu li a{
	float: left;
	color: #FFFFFF;
	padding: 9px 10px;
	text-decoration: none;
	border-right: 1px solid #fff;}
	
.topmenu li a:hover, .topmenu li .current{
	color: #06C;
	text-decoration: none;
	background: #FBFBFB;
	border-right: 1px solid #ccc;}
	
.topmenu li ul {list-style: none;position: absolute;visibility: hidden;overflow: hidden;top: 36px;left: 0px;float: left;z-index: 100;padding: 5px 10px 15px 20px;width: 170px;background: #002650 url('../images/site/li_ul_bg.jpg') 0 0 repeat-x !important;margin: 0 !important;text-align: left; z-index: 10 !important; border-top: 1px solid #fff; -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px;}

.topmenu li.hover ul,
.topmenu li:hover ul { visibility:visible;  z-index: 10 !important}
.topmenu li li {margin: 0 !important;padding:0 !important;text-align: left;height: 30px !important;float: left;clear: both;width: 160px;font: bold 12px/30px sans-serif !important; background: url('../images/site/png_dn.png') 0 28px repeat-x;}
.topmenu li li:first-child { border: none !important;}
.topmenu li li a {font: bold 12px/30px sans-serif !important;width: 180px !important;color: #FFF;margin: 0;padding: 0 !important;text-decoration: none;}
.topmenu li li a:hover {color: #fff !important;text-decoration: underline !important; background: transparent;}	
	


.sectors {
	width: 300px;
	display: inline;
	float: left;
	border-right-width: 2px;
	border-right-style: ridge;
	border-right-color: #D2D2D2;}

.sector p{
	font: normal 12px/12px "Trebuchet MS";
	color: #000;
	padding-left: 7px;}

.contactfield {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	padding: 3px; 
	color: #666;
	font: normal 12px/12px Verdana, Arial, Helvetica, sans-serif; 
	width: 230px;}

.contactlabel {
	clear: left;
	padding: 2px 0 2px 20px;
	display: inline;
	float: left;
	margin: 0 10px 10px 0;
	width: 130px;
	color: #666;
	font: normal 12px/12px sans-serif;}
	
.contactfieldwrap {	margin: 0 0 10px 0;}

.priceguide {
	border: none;
	padding: 2px;
	spacing: 2px;
	width: 450px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
	background:#fff;}

.priceguide-header {
	color: #006699;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	height: 20px;
	margin: 12px;}

.priceguide-subheader {
	color: #069;
	font: bold 12px Verdana, Arial, Heletica, sans-serif;
	background: #F9FCFF;
	padding: 2px;}

.priceguide-data1 {
	color: #5D5D5D;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	background: #ECF5FF;
	padding: 2px;}

.priceguide-data2 {
	color: #5D5D5D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	background: #FFFFFF;
	padding: 2px;}



.gallerySmall {	border: 1px solid #333333;}

.homeimage {
	padding-top: 0px;
	padding-bottom: 10px;
	line-height: normal;}
	
.home_logos {	display: inline;	float: left;}

.tickboxes {
	display: inline;
	float: left;
	width: 85px;}
	
.checkbox {	float: left;}

.ticklabel {
	DISPLAY: inline;
	FLOAT: right;
	WIDTH: 65px;
	color: #9B0409;
	font-family: "Trebuchet MS";
	font-size: 0.8em;}
	
ul {
	font: normal 12px  sans-serif;
	color: #990F12;
	font-weight: bold;
	list-style-type: disc;}

ul li { font: normal 12px/18px sans-serif; color: #666;}
	
.home_leftcontentbottom {
	border-top-width: 2px;
	border-top-style: ridge;
	border-top-color: #D2D2D2;
	padding-top: 10px;}
	
.boxed_logos {
	width: 130px;
	display: inline;
	float: right;}
	
.llumar_logo {
	display: inline;
	float: left;
	margin: 8px;
	width: 60px;}

.solar_logo {
	display: inline;
	float: left;
	margin: 8px;
	width: 60px;}

.sector {
	width: 295px;
	background: url('../images/site/smallbox_bk.gif');
	border: 1px solid #ccc;
	background-color: #fff;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 6px;}

.sector h1 {
	font-family: "Trebuchet MS";
	font-size: 0.9em;
	color: #8F0409;
	padding: 0px;
	margin: 5px 0 0 7px;}

.sector a:link, .sector a:visited {
	color: #666666;
	text-decoration: none;
	font-family: "Trebuchet MS";
	font-size: 0.9em;
	font-weight: bold;}

.sector a:hover {
	color: #990000;
	font-family: "Trebuchet MS";
	font-size: 0.9em;
	font-weight: bold;}
	
.stylingbox_lefttitle {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #9B0309;
	border-left-color: #9B0309;}
	
.bodyW a:link, .bodyW a:visited {
	font-family: "Trebuchet MS";
	font-size: 1em;
	text-decoration: underline;}

#legalcontent {
	Width: 820px;
	height: auto;
	float:left;
	background: #fff;
	padding: 10px 40px 38px 40px;}
	
.stylingbox_righttitle {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #9B0309;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #9B0309;}
	
.stylingbox_hidden {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #9B0309;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #9B0309;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9B0309;
	padding-top: 5px;
	padding-bottom: 5px;}
	
.bodyW a:hover, .bodyW a:active {
	font-family: "Trebuchet MS";
	font-size: 1em;
	text-decoration: none;}
	
/*****************************
		 Slideshow
*****************************/


#slider {
    width: 468px; /* important to be same as image width */
    height: 202px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	padding: 0;}
	
#sliderContent {
    width: 468px; /* important to be same as image width or wider */
    position: absolute;
	padding: 10px 0 0 20px;
	top: 0;
	margin: 0;}
	
.sliderImage {
    float: left;
	display: none;}
	
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 0;
    width: 1px;
    background-color: #FFF;
    filter: alpha(opacity=0);
    -moz-opacity: 0.1;
	-khtml-opacity: 0.1;
    opacity: 0;
    color: #fff;
    display: none;}
	
.clear { clear: both;}
.sliderImage span strong { font-size: 14px;}
.top { top: 0; left: 0;}
.bottom { bottom: 0; left: 0;}
ul { list-style-type: none;}