/*------------------------------+
| INITIAL STYLES				|
+------------------------------*/
body{
	margin:0px;
	padding:0px;
	font-family:Trebuchet MS, Helvetica, sans-serif;
	font-size:11px;
	color:#374455;
	line-height:14px;
	text-align:center;
	/*background:url(../images/global/body-bg.gif) repeat-x #2f739c;*/
	background-color:#ffffff;
}

.body{
	background:url(../images/global/bg_grad.jpg) repeat-x;
}

ul, li, form, h1, h2, h3, h4, input, select, textarea, fieldset{
	margin:0;
	padding:0;
	font-size:11px;
}

.scroll1{
scrollbar-face-color:#B8C2CF;
scrollbar-arrow-color:#2E2EA7;
scrollbar-track-color:#F7F7F7;
scrollbar-shadow-color:#B8C2CF;
scrollbar-highlight-color:#B8C2CF;
scrollbar-3dlight-color:#F7F7F7;
scrollbar-darkshadow-Color:#F7F7F7;
}

img{
	border:none;
}

a{
	color:#945213;
	text-decoration:none
}

a:hover{
	text-decoration:underline;
}

table td{
	line-height:14px;
	font-size:11px;
}

label{
	color:#374455;
}

input,
textarea,
select{
	color:#374455;
	font-size:11px;
	font-family:Trebuchet MS, Helvetica, sans-serif;
}

.tenant_submit{
	background-color:#ffffff;
	float:left;
	cursor:pointer;
}

.tenant_txtbox{
	background-color:#ffffff;
	float:left;
}
/*------------------------------+
| STRUCTUAL STYLES				|
+------------------------------*/
#page-container{
	margin:0 auto 0 auto;
	padding:0 2px;
	width:768px !important;
	width /**/ :772px;
	text-align:left;
	background:#fff;
}

#header{
	margin-bottom:2px;
	
}

#nav-container{
	height:69px;
	line-height:69px;
	background:url(../images/global/nav/nav-bg.gif) repeat-x;
	width:768px;
}

#nav-container a{
	display:block;
	float:left;
	height:69px;
}

#nav-container a:hover{
	text-decoration:none;
}

###nav-container div.divider{
	####display:block;
	####width:1px;
	####height:69px;
	###float:left;
	###font-size:1px;
	###line-height:1px;
	###background:url(../images/global/nav/nav-divider.gif) 0 11px no-repeat;
}

#home{width:77px; background:url(../images/global/nav/home-white.gif) top left no-repeat;}
#history{width:95px; background:url(../images/global/nav/history-white.gif) top left no-repeat;}
#news{width:75px; background:url(../images/global/nav/news-white.gif) top left no-repeat;}
#park-services{width:109px; background:url(../images/global/nav/facilities-white.gif) top left no-repeat;}
#complex-security{width:177px; background:url(../images/global/nav/complex-security-white.gif) top left no-repeat;}
#find-vacancies{width:114px; background:url(../images/global/nav/vacancies-white.gif) top left no-repeat;}
#contact-us{width:121px; background:url(../images/global/nav/contact-white.gif) top left no-repeat;}

#home:hover,
#home.on{background:url(../images/global/nav/home-blue.gif) top left no-repeat;}
#history:hover,
#history.on{background:url(../images/global/nav/history-blue.gif) top left no-repeat;}
#news:hover,
#news.on{background:url(../images/global/nav/news-blue.gif) top left no-repeat;}
#park-services:hover,
#park-services.on{background:url(../images/global/nav/facilities-blue.gif) top left no-repeat;}
#complex-security:hover,
#complex-security.on{background:url(../images/global/nav/complex-security-blue.gif) top left no-repeat;}
#find-vacancies:hover,
#find-vacancies.on{background:url(../images/global/nav/vacancies-blue.gif) top left no-repeat;}
#contact-us:hover,
#contact-us.on{background:url(../images/global/nav/contact-blue.gif) top left no-repeat;}

#lower-nav{
	height:30px;
	line-height:30px;
	background:#374455;
	width:772px;
	margin:0 auto 0 auto;
}

#lower-nav a{
	color:#ffffff;
}

#lower-nav a:hover,
#lower-nav a.on{
	text-decoration:underline;
}

#lower-nav .divider{
	color:#5a708b;
	margin:0 17px 0 20px;
	letter-spacing:2px;
}

#footer{
	line-height:42px;
	height:42px;
	color:#98b8cc;
	letter-spacing:1px;
}

#footer a{
	color:#98b8cc;
}

/*------------------------------+
| REUSEABLE STYLES				|
+------------------------------*/
.clear{
	height:1px;
	line-height:1px;
	font-size:1px;
	clear:both;
}


.tick{
	float:left;
}

#above_validation{
	padding-bottom:10px;
}

#validation_cell{
	padding:6px 0 8px 0;
}

#answer_text{
	float:left;
	width:312px;
	margin-left:8px;
	display:inline;
}

/* --- *** for all forms *** --- */
#awswer-container{
	padding:0 0 10px 15px;
	color:#505063;
}

.wrong{
	background: url(../images/contact/details/cross.jpg)  0 2px no-repeat;
}

.right{
	background: url(../images/contact/details/tick.jpg)  0 2px no-repeat;
}



/*------------------------------+
| PAGE INDEX					|
+------------------------------*/



#content-left{
	padding:10px 0 0 3px;
	width:564px !important;
	width /**/ :564px;
	float:left;
}

#doccontent-left{
	padding:10px 0 0 3px;
	width:764px !important;
	width /**/ :764px;
	float:left;
}

#contact-left{
	padding:0px 0 0 5px;
	width:520px !important;
	width /**/ :538px;
	float:left;
}

#contact-frame{
	padding:19px 0 0 15px;
	width:510px !important;
	float:left;
	margin:0;
}

#bg-new{
	background-color:#f7f7f7;
	border:1px #dfe3ea solid;
	padding:0;
	margin:0;
}

#new_border{
border:thin #dfe3ea;
}



.index-title{
	margin:0 0 16px 0px;
}

/* Charl */
.contentBox{
	background-color:#f7f7f7;
	border:1px #dfe3ea solid;
	border-top:0px;
	padding: 0px 0px 0px 0px;
	}
.headingBar{
	width:562px;
	height:50px;
}

.docheadingBar{
	width:762px;
	height:50px;
}
.headingLeft{
	float:left;
}
.headingBar_contact{
	width:520px;
	height:54px;
}
.headingLeft_contact{
	float:left;
}
.colourBar{
	color:#ffffff;
	 height:32px;
	 width:510px;
	 background-color:#b8c2cf;
}
.doccolourBar{
	color:#ffffff;
	 height:32px;
	 width:710px;
	 background-color:#b8c2cf;
}
.colourBarContact{
	color:#ffffff;
	 height:32px;
	 width:468px;
	 background-color:#b8c2cf;
}
.headerText{
	width:220px;
	font-size:16px;
	padding-top:8px; 
	padding-left:20px;
}	
.bottomBar{
	
	 height:32px;
	 width:564px;
	 background-color:#b8c2cf;
}
.bottomBarText{
	color:#ffffff;
	width:544px;
	font-size:14px;
	padding-top:8px; 
	padding-left:20px;
}	
.icon{
	float:right;
	top:-5px;
	position:relative;
}
.iconContact{
	float:right;
	top:-5px;
	position:relative;
}
	
.mover{
	padding-left:30px;
}
.imageMover{
	padding-right:12px;
}
.servicesHeading{
	font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	font-weight:bold;
	color:#374455;
	padding-left:10px;
	text-align:left;
}
.servicesText{	
	font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	font-weight:lighter;
	color:#374455;
	padding-left:10px;
	text-align:left;
}
.servicesH{
	background-color:#f7f7f7;
	padding-top:20px;
	padding-left:10px;
}	
.download{	
}
.moverUp{
	position:relative;
	top:-1px;
}
.line{
	background-image:url(../images/global/line.jpg);
	background-repeat:repeat-x;
	height:2px;
	width:476px;
	
}	
	
	
.services{
	width:563px;
	padding:0;
	margin:0;
	float:left;
}
	
.service1{
	width:263px;
}

.service2{
	width:248px;
}
	
.barBg{
	background-color:#b8c2cf;
	height:34px;
}


/* Charl End */

.new-right{
	width:177px;
	height:20px;
	background-color:#b8c2cf;
	padding: 10px;
}

.contact-new-right{
	width:210px;
	height:20px;
	background-color:#b8c2cf;
	padding: 8px;
}
.new-right_contact{
	float:right;
}

#content-right{
	float:right;
	width:186px;
	margin:10px 2px 0 0;
	display:inline;
}

#contact-right{
	float:right;
	width:223px;
	margin:4px 2px 0 0;
	display:inline;
	padding:4px;
	font-size:12px;
}


#contact-details{
font-weight:bold;
color:#ffffff;
background-color:#b8c2cf;
width:185px;
}

#contact-map{
width:213px;
background-color:#f7f7f7;
}

#lower-bar{
	padding:0 2px 0 2px;
}
#lower-bar-History{
	padding:0 2px 0 4px;
}


#lower-bar a{
	float:left;
	display:block;
	margin:3px 0 2px 0;
}

#lower-bar a.middle{
	margin:3px 4px 2px 4px;
}

#lower-bar a.middle2{
	margin:3px 4px 2px 6px;
}

- form & e-mail CSS -
form#contactForm input, form#contactForm textarea {
	background: #e4e8ed;
	font-family:Trebuchet MS, Helvetica, sans-serif;
	color: #e4e8ed;
}

form#contactForm input:focus, form#contactForm textarea:focus {
	background: #FFFAE8;
	border-color: #FFE787;
	color: #000000;
}

input.option{
	background-color: #e4e8ed;
	border: #e4e8ed 1px solid;
}


input, textarea {
	background-color: #e4e8ed;
	border: #e4e8ed 1px solid;
}

input:focus, textarea:focus {
	background-color: #e4e8ed;
	border: #e4e8ed 1px solid;
}