/*  B A S I C   L A Y O U T   G R I D   -------------------------------------------- */


* { border: 0; margin: 0; padding: 0; }
html { height: 100%; font-size: 100.01%; }
body { 	
	background-image: url(../images/header-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top; 
	font: 70% Verdana, Arial, Helvetica, sans-serif; 
	color: #434547; 
	text-align: center; 
	background-color:#202020;
}

#header { 	
	MARGIN: auto;
	padding: 0;
	width: 986px;
	height: 344px;
}
#main-image { 
	height: 317px;
	width: 700px;
	float: right;
	margin-top: 17px;
}
#main { background-color: #FFFFFF;}
#footer {  
	padding: 14px 0; 
	background:#202020;
	background-image: url(../images/footer-bg.gif); 
	background-repeat: repeat-x;
}

.content { width: 986px; text-align: left; margin: 0 auto; padding: 0 0px; }

.col-left { 
	width: 236px;
	float: left;
	margin-top: 31px;
	padding: 12px;
	background-color: #f6f6f6;
	border-bottom: 4px solid gray;
	border-top: #9a9899 4px solid;
	background-image: url(../images/tab-bg.gif)
}

.col-left a { background: transparent url("../images/more.gif") no-repeat 0% 0%; border: 0; padding: 0 0px 0px 15px; color: #000000;}
.col-left a:hover { background-position: 0% 0px; color: #1db2bc; border: 0; }

a.sub { background: transparent url("../images/more1.gif") no-repeat 0% 0%; border: 0; padding: 0 0px 0px 15px; color: #000000; margin-left: 12px;}
a.sub:hover { background-position: 0% 0px; color: #1db2bc; border: 0; }

.col-right{ 
	width: 100%;
	float: right;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 12px;
}

.col-right a {
	text-decoration: normal; 
	font-weight: normal; 
	color: #1db2bc;
}

.col-right a:hover {
	color: #000; 
	font-weight:normal; 
	text-decoration:underline;
}

/*  H E A D I N G S ,   P A R A G R A P H S   A N D   L I N K S   ------------------ */

#logoprint { DISPLAY: none; }
#logo { background: transparent url("../images/logo.gif") no-repeat 0% 0%; margin: 0; float: left;}
#logo a { display: block; width: 406px; height: 88px; border: 0; }
#logo span, p#subline { display: none; }

#search { background: url("../images/searchbg.gif") repeat-x 0% 0%; width: 270px; height: 78px; margin: 0; float: right; text-align: right; padding-top: 5px;}

.button {
	BORDER-RIGHT: #E8E5DE 1px solid; 
	PADDING-RIGHT: 1px; 
	BORDER-TOP: #E8E5DE 1px solid; 
	PADDING-LEFT: 1px; 
	FONT-SIZE: 10px; 
	BACKGROUND: #FFFFFF; 
	PADDING-BOTTOM: 1px; 
	BORDER-LEFT: #E8E5DE 1px solid; 
	COLOR: #990033; 
	PADDING-TOP: 1px; 
	BORDER-BOTTOM: #E8E5DE 1px solid; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 0px
}

p { margin-bottom: 0.75em; }
p.small { font-size: 0.85em; }

p.hr { line-height: 1.0em; border-bottom: 1px solid #D1D3D5; margin-bottom: 1.5em; }


a.noborder, a.noborder:hover, img a:hover { border: 0; }

a.arrow { background: transparent url("../images/more.gif") no-repeat 100% 0%; border: 0; padding: 0 21px 3px 0; }
a.arrow:hover { background-position: 100% -100px; color: #232527; border: 0; }




/* HEADER */

#header .content { width: 884px; padding: 11px 0px 8px;}
#header #skip { position: absolute; visibility: hidden; }



/* NAVIGATION */
#nav { 
	height: 292px;
	width: 284px;
	float: left;
}

#navbar {
	margin: 0px;
	padding: 0px;
	list-style: none;
	margin-top: 20px;
}

#navbar li {
	float: left;
}

#navbar a {
	text-decoration: none;
	display: block;
	text-indent: -5000px;
}



#navbar #home {
	background: url(../images/nav/home.gif) no-repeat 0px 0px;
	width: 285px;
	height: 27px;
}
#navbar #home:hover {
	background-position: 0 -27px;
}

#navbar #homeselected {
	background: url(../images/nav/home.gif) no-repeat 0px 0px;
	width: 285px;
	height: 27px;
	background-position: 0 -27px;
}

#navbar #vision {
	background: url(../images/nav/vision.gif) no-repeat 0px 0px;
	width: 285px;
	height: 29px;
}
#navbar #vision:hover {
	background-position: 0 -29px;
}

#navbar #visionselected {
	background: url(../images/nav/vision.gif) no-repeat 0px 0px;
	width: 285px;
	height: 29px;
	background-position: 0 -29px;
}

#navbar #commercial{
	background: url(../images/nav/property.gif) no-repeat 0px 0px;
	width: 285px;
	height: 32px;
}
#navbar #commercial:hover {
	background-position: 0 -32px;
}
#navbar #commercialselected{
	background: url(../images/nav/property.gif) no-repeat 0px 0px;
	width: 285px;
	height: 32px;
	background-position: 0 -32px;
}


#navbar #developments{
	background: url(../images/nav/developments.gif) no-repeat 0px 0px;
	width: 285px;
	height: 31px;
}
#navbar #developments:hover {
	background-position: 0 -31px;
}
#navbar #developmentsselected{
	background: url(../images/nav/developments.gif) no-repeat 0px 0px;
	width: 285px;
	height: 31px;
	background-position: 0 -31px;
}


#navbar #news{
	background: url(../images/nav/news.gif) no-repeat 0px 0px;
	width: 285px;
	height: 25px;
}
#navbar #news:hover {
	background-position: 0 -25px;
}
#navbar #newsselected{
	background: url(../images/nav/news.gif) no-repeat 0px 0px;
	width: 285px;
	height: 25px;
	background-position: 0 -25px;
}

#navbar #documents{
	background: url(../images/nav/docs.gif) no-repeat 0px 0px;
	width: 201px;
	height: 32px;
}
#navbar #documents:hover {
	background-position: 0 -32px;
}
#navbar #documentsselected{
	background: url(../images/nav/docs.gif) no-repeat 0px 0px;
	width: 201px;
	height: 32px;
	background-position: 0 -32px;
}

#navbar #faqs{
	background: url(../images/nav/faq.gif) no-repeat 0px 0px;
	width: 285px;
	height: 32px;
}
#navbar #faqs:hover {
	background-position: 0 -32px;
}
#navbar #faqsselected{
	background: url(../images/nav/faq.gif) no-repeat 0px 0px;
	width: 285px;
	height: 32px;
	background-position: 0 -32px;
}

#navbar #links{
	background: url(../images/nav/links.gif) no-repeat 0px 0px;
	width: 285px;
	height: 29px;
}
#navbar #links:hover {
	background-position: 0 -29px;
}
#navbar #linksselected{
	background: url(../images/nav/links.gif) no-repeat 0px 0px;
	width: 285px;
	height: 29px;
	background-position: 0 -29px;
}

#navbar #contact{
	background: url(../images/nav/contact.gif) no-repeat 0px 0px;
	width: 285px;
	height: 36px;
}
#navbar #contact:hover {
	background-position: 0 -36px;
}
#navbar #contactselected{
	background: url(../images/nav/contact.gif) no-repeat 0px 0px;
	width: 285px;
	height: 39px;
	background-position: 0 -36px;
}

#navbar #wwbsg{
	background: url(../images/nav/wwbsg.gif) no-repeat 0px 0px;
	width: 285px;
	height: 31px;
}
#navbar #wwbsg:hover {
	background-position: 0 -31px;
}
#navbar #wwbsgselected{
	background: url(../images/nav/wwbsg.gif) no-repeat 0px 0px;
	width: 285px;
	height: 31px;
	background-position: 0 -31px;
}

#sidenav { 
	width: 236px;
	float: left;
	margin-top: 31px;
	padding: 12px;
	background-color: #f6f6f6;
	border-bottom: 4px solid gray;
	border-top: #9a9899 4px solid;
	background-image: url(../images/tab-bg.gif)
}



/* FOOTER */

#footer .inner { padding: 0;}


#holder { 
	MARGIN: auto;
	padding-top: 0px;
	height: 30px;
	width: 986px;
	color: #FFFFFF;
	text-align: left;
}

#address { 
	height: 30px;
	width: 600px;
	float: left;
}

#legal { 
	height: 30px;
	width: 120px;
	float: right;
}

#footer a {
	text-decoration: underline; 
	font-weight: normal; 
	color: #fff;
}

#footer a:hover {
	color: #999999; 
	font-weight:normal; 
	text-decoration:underline;
}



/*  M I S C E L L A N E O U S   ---------------------------------------------------- */


em { font-style: italic; }
strong, b { font-weight: bold; }
strike, del { text-decoration: line-through; }

.inv { display: none; }

.nomargin { margin: 0; }
.bigmargin { margin-bottom: 1.5em; }

.clearfix:after { content: "."; display: block; font-size: 1px; line-height: 0px; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }
.clear { clear: both; }

#welcome {
	width:150px; 
	height:31px; 
	background:transparent url(../images/welcome-title.gif) no-repeat top left;
	margin:0; 
	padding:0; 
	display:block; 
	text-indent:-9999px;	
	text-decoration:none;
	overflow:hidden;
}

#commercialtitle {
	width:335px; 
	height:36px; 
	background:transparent url(../images/commercialproperty-title.gif) no-repeat top left;
	margin:12px 0 12px 0; 
	padding:0; 
	display:block; 
	text-indent:-9999px;	
	text-decoration:none;
	overflow:hidden;
}

#linkstitle {
	width:85px; 
	height:28px; 
	background:transparent url(../images/links-title.gif) no-repeat top left;
	margin:12px 0 12px 0; 
	padding:0; 
	display:block; 
	text-indent:-9999px;	
	text-decoration:none;
	overflow:hidden;
}

#faqstitle {
	width:85px; 
	height:30px; 
	background:transparent url(../images/faqs-title.gif) no-repeat top left;
	margin:12px 0 12px 0; 
	padding:0; 
	display:block; 
	text-indent:-9999px;	
	text-decoration:none;
	overflow:hidden;
}

#contacttitle {
	width:175px; 
	height:29px; 
	background:transparent url(../images/contact-title.gif) no-repeat top left;
	margin:12px 0 12px 0; 
	padding:0; 
	display:block; 
	text-indent:-9999px;	
	text-decoration:none;
	overflow:hidden;
}

#documenttitle {
	width:182px; 
	height:28px; 
	background:transparent url(../images/documents-title.gif) no-repeat top left;
	margin:12px 0 12px 0; 
	padding:0; 
	display:block; 
	text-indent:-9999px;	
	text-decoration:none;
	overflow:hidden;
}

#pptitle {
	width:219px; 
	height:35px; 
	background:transparent url(../images/pp-title.gif) no-repeat top left;
	margin:12px 0 12px 0; 
	padding:0; 
	display:block; 
	text-indent:-9999px;	
	text-decoration:none;
	overflow:hidden;
}

#tctitle {
	width:313px; 
	height:29px; 
	background:transparent url(../images/tc-title.gif) no-repeat top left;
	margin:12px 0 12px 0; 
	padding:0; 
	display:block; 
	text-indent:-9999px;	
	text-decoration:none;
	overflow:hidden;
}

#visiontitle {
	width:164px; 
	height:28px; 
	background:transparent url(../images/vision-title.gif) no-repeat top left;
	margin:12px 0 12px 0; 
	padding:0; 
	display:block; 
	text-indent:-9999px;	
	text-decoration:none;
	overflow:hidden;
}

#forumtitle {
	width:259px; 
	height:28px; 
	background:transparent url(../images/forum-title.gif) no-repeat top left;
	margin:12px 0 12px 0; 
	padding:0; 
	display:block; 
	text-indent:-9999px;	
	text-decoration:none;
	overflow:hidden;
}

#wwbsgtitle {
	width:664px; 
	height:37px; 
	background:transparent url(../images/wwbsg-title.gif) no-repeat top left;
	margin:12px 0 12px 0; 
	padding:0; 
	display:block; 
	text-indent:-9999px;	
	text-decoration:none;
	overflow:hidden;
}

#directorytitle {
	width:288px; 
	height:35px; 
	background:transparent url(../images/directory-title.gif) no-repeat top left;
	margin:12px 0 12px 0; 
	padding:0; 
	display:block; 
	text-indent:-9999px;	
	text-decoration:none;
	overflow:hidden;
}

#keydocumentstitle {
	width:241px; 
	height:35px; 
	background:transparent url(../images/keydocuments-title.gif) no-repeat top left;
	margin:12px 0 12px 0; 
	padding:0; 
	display:block; 
	text-indent:-9999px;	
	text-decoration:none;
	overflow:hidden;
}

#communicatetitle {
	width:214px; 
	height:29px; 
	background:transparent url(../images/communicate-title.gif) no-repeat top left;
	margin:12px 0 12px 0; 
	padding:0; 
	display:block; 
	text-indent:-9999px;	
	text-decoration:none;
	overflow:hidden;
}

#profiletitle {
	width:174px; 
	height:28px; 
	background:transparent url(../images/profile-title.gif) no-repeat top left;
	margin:12px 0 12px 0; 
	padding:0; 
	display:block; 
	text-indent:-9999px;	
	text-decoration:none;
	overflow:hidden;
}

#breadcrumb {
	width:100%; 
	height:14px; 
	padding:0;
	font-size: 90%;
}

#breadcrumb a {
	text-decoration: normal; 
	font-weight: normal; 
	color: #1db2bc;
}

#breadcrumb a:hover {
	color: #000; 
	font-weight:normal; 
	text-decoration:underline;
}

h3 {
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	color: #000;
	font-size: 14px;
	margin-bottom: 10px
}

.imageborder {
	BORDER: #D9D9D9 1px solid; 
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 0px;
	MARGIN-RIGHT: 0px;
	PADDING: 1px;
	background-color: #FFFFFF;
}

.white { color: #FFFFFF;}

#video-holder { 
	height: 305px;
	width: 466px;
	float: right;
	margin-left: 12px;
}

h3 {
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	color: #000;
	font-size: 14px;
	margin-bottom: 10px
}

h4 {
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	color: #1db2bc;
	font-size: 14px;
	margin-bottom: 0px
}

a.register {
	text-decoration: underline; 
	font-weight: normal; 
	color: #fff;
}

a.register:hover {
	color: #fff; 
	font-weight:normal; 
	text-decoration:underline;
}

.linespace { 
	padding-top: 6px;
	padding-bottom: 7px;
}