html, body, #wrap {
	height: 100%;
}

body{
	width: 975px;
	margin: 0 auto;
	margin: 0 auto;
	background-image: url('../img/background_slither.png');
	background-repeat: repeat-y;
	background-position:center;
	background-color:#e4f1e4;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.7em;
	padding-left:20px;
	padding-right:20px;
	color:#666666;
}



body > #wrap {
	height: auto;
	min-height: 100%;
}

#header {
padding-top:10px;
}



#main {
padding-bottom: 169px;
	background-image: url('../img/main_bg.png');
	background-position: -5px 0px;
	background-repeat: no-repeat;
}  /* must be same height as the footer */



#footer {
	position: relative;
	margin-top: -169px; /* negative value of footer height */

	height: 169px;
	clear:both;
	background-image: url('../img/footer_bg.png');
	color:#fff;
	

	} 

	#side{
	width:300px;
	float:right;


	padding-top:15px;
	}

	#content{
	width: 620px;
	padding-top:15px;
	padding-left: 30px;
	padding-bottom:20px;
	}

	hr {
	margin-top:20px;
	margin-bottom:20px;
	
	border:none;
	border-top: 1px #478B47 solid;
	height:0px;
	}
/* CLEAR FIX*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/

	height: 1%;
* html .clearfix { 

}

.clearfix {
	display: block;
}

/* End hide from IE-mac */

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

a {
color:#478B47;
text-decoration:none;
}

a:hover {
color:#000;
text-decoration:none;
}

img {
border:none;
}



.footerMenu {
float:left;
padding-top:10px;
padding-left:35px;
}

.footerMenu  a {
color:#fff;
text-decoration:none;
}

#unalogo {
float: right;
margin-top:50px;
margin-right: 55px;
}

.smallText {
float:left;
font-size:0.8em;
color:#cccccc;
padding-right:10px;
line-height: 1.3em;
width:600px;
}

.w3clogo {
float:left;
font-size:0.8em;
color:#cccccc;
padding-right:10px;
line-height:3em;


}

.w3clogo img {
vertical-align:middle;
}

#menu {
height:282px;
font-size:0.5em;
width:980px;


}

#menuimage {
float:right;
width:769px;
height:282px;


background-image: url('../img/banner.jpg');
background-repeat: no-repeat;
}



#menuimage.about_us {
background-position: 0px -282px;
}

#menuimage.about_us {
background-position: 0px -282px;
}

#menuimage.business_support {
background-position: 0px -564px;
}

#menuimage.news_--_press_releases {
background-position: 0px -846px;
}



#menuimage.tenancy_information {
background-position: 0px -1128px;
}



#menuimage.available_office_space {
background-position: 0px -1410px;
}

#menuimage.abc_logistics {
background-position: 0px -1692px;
}



#menuimage.contact_us {
background-position: 0px -1974px;
}

#menuimage.service_desk {
background-position: 0px -2256px;
}





.menuitems {
float:left;
width:210px;
height:282px;
background-color:#99cc99;
overflow:hidden;
} 

#content ul {
padding-left:0px;


}

#content ul li, #preview  ul li, #help  ul li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	background-image: url('../img/bullet.png');
	background-position: 0px 6px;
	background-repeat: no-repeat;
	padding-top:9px;
	padding-bottom:10px;
	padding-left:30px;
}
#content ul li p {
margin-top:0px;
}
#news {
text-align:left;
width:100%;
border-bottom: 1px solid #ccc;
}

#news ul {


	padding:0;
	margin:0;
	margin-top:10px;
	margin-left:10px;
	

	}

#news ul li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	background-image: url('../img/bullet.png');
	background-position: 0px 5px;
	background-repeat: no-repeat;
	padding-top:7px;
	padding-bottom:10px;
	padding-left:30px;


}
#news a 		{color:#000;}
#news a:hover 	{color:#478B47;}





.promo { 

clear:both;
height: 120px;
padding-top:10px;
float:right;
width:270px;
overflow:hidden;
}



.promo h1   {
margin:0;


font-size:15px;
color: #fff;
}

.promo h2   {
margin:0;
font-size:22px;
color:#4B8F4B;
}



.promo p  {
font-size:12px;
color:#fff;
}



#contactus{


font-size:0.8em;
width:100%;




}

#contactus ul {


	padding:0;
	margin:0;


	margin-left:15px;
	margin-right:25px;
	

	}

#contactus ul li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	background-image: url('../img/email.png');
	background-position: 0px 10px;
	background-repeat: no-repeat;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:30px;


}

.tenant {
border-bottom: 1px solid #ccc;
margin-top:5px;
}

.colheader{
font-weight:bold;
color:#fff;
background-color:#add577;


}

#news .newsmoreinfo {
	height:27px;
	width:118px;
	margin:0;
	display:block;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url('../img/newsmoreinfo.png');
	background-repeat: no-repeat;


}



#news .newsmoreinfo:hover {
background-position: 0px -31px;


}



/*------ Menu Items ----*/

#menu ul{
overflow: hidden;
margin:0;padding:0;
position:relative;
top:-1px;
}

#menu ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#menu ul li a, #menu ul li b {
display:block;
text-indent: -9999px;
overflow: hidden;
width:210px;
height:26px;
background-image: url('../img/menu1.png');
background-repeat: no-repeat;
}

#menu ul li b, #menu ul li a.selected {
height:101px;
}

#menu li.welcome                a { background-position: 0    0px; }
#menu li.about_us               a { background-position: 0 -101px; }
#menu li.business_support       a { background-position: 0 -202px; }
#menu li.news_--_press_releases a { background-position: 0 -303px; }
#menu li.tenancy_information    a { background-position: 0 -404px; }
#menu li.available_office_space a { background-position: 0 -505px; }
#menu li.abc_logistics          a { background-position: 0 -606px; }
#menu li.contact_us             a { background-position: 0 -707px; }

#menu li.welcome                b { background-position: -210px    0px; }
#menu li.about_us               b { background-position: -210px -101px; }
#menu li.business_support       b { background-position: -210px -202px; }
#menu li.news_--_press_releases b { background-position: -210px -303px; }
#menu li.tenancy_information    b { background-position: -210px -404px; }
#menu li.available_office_space b { background-position: -210px -505px; }
#menu li.abc_logistics          b { background-position: -210px -606px; }
#menu li.contact_us             b { background-position: -210px -707px; }

#menu li.welcome                a:hover { background-position: -420px    0px; }
#menu li.about_us               a:hover { background-position: -420px -101px; }
#menu li.business_support       a:hover { background-position: -420px -202px; }
#menu li.news_--_press_releases a:hover { background-position: -420px -303px; }
#menu li.tenancy_information    a:hover { background-position: -420px -404px; }
#menu li.available_office_space a:hover { background-position: -420px -505px; }
#menu li.abc_logistics          a:hover { background-position: -420px -606px; }
#menu li.contact_us             a:hover { background-position: -420px -707px; }
                                                     

/*

.welcome a{
background-position: 0px 0px;
}

.nojs .welcome a:hover{
background-position: -423px 0px;
}

.welcome a:active{
background-position: -423px 0px;
}

.welcome b{
background-position: -212px 0px;
}



.about_us a{
background-position: 0px -26px;
}

.nojs .about_us a:hover{
background-position: -423px -26px;
}

.about_us a:active{
background-position: -423px -26px;
}

.about_us b{
background-position: -212px -101px;
}



.business_support a{
background-position: 0px -52px;
}

.nojs .business_support a:hover{
background-position: -423px -52px;
}

.business_support a:active{
background-position: -423px -52px;
}

.business_support b{
background-position: -212px -202px;
}

.news_--_press_releases a{
background-position: 0px -78px;
}

.nojs .news_--_press_releases a:hover{
background-position: -423px -78px;
}

.news_--_press_releases a:active{
background-position: -423px -78px;
}

.news_--_press_releases b{
background-position: -212px -303px;
}



.tenancy_information a{
background-position: 0px -104px;
}

.nojs .tenancy_information a:hover{
background-position: -423px -104px;
}

.tenancy_information a:active{
background-position: -423px -104px;
}

.tenancy_information b{
background-position: -212px -404px;
}

.available_office_space a{
background-position: 0px -130px;
}

.nojs .available_office_space a:hover{
background-position: -423px -130px;
}

.available_office_space a:active{
background-position: -423px -130px;
}

.available_office_space b{
background-position: -212px -505px;
}



.abc_logistics a{
background-position: 0px -156px;
}

.nojs .abc_logistics a:hover{
background-position: -423px -156px;
}

.abc_logistics a:active{
background-position: -423px -156px;
}

.abc_logistics b{
background-position: -212px -606px;
}

.contact_us a{
background-position: 0px -182px;
}

.nojs .contact_us a:hover{
background-position: -423px -182px;
}

.contact_us a:active{
background-position: -423px -182px;
}

.contact_us b{
background-position: -212px -707px;
}

*/



table {
width:100%;
border:1px #D9EBB9 solid;
margin:0;
padding:0;
margin-bottom: 25px;
}

table th {
text-align:left;
padding:5px;
font-size:1.3em;
background-color:#8DC73F;
color:#fff;
}

table td {


padding: 5px;
width: 20%;


}

.locname{
padding: 5px;
width:40%;
}



.shaded {


background-color:#D9EBB9;
}




#adminLogin {
float:right;
top:0;
right:0;
width:10px;
height:10px;
display:block;
overflow:hidden;
text-indent:-9999px;

}
#adminLogin:hover {
background-color:#222;
cursor: pointer;
}



/*--------------admin---------------*/

#article_state {
color:#62B062;
float:right;
width:200px;
text-align:right;
font-size: 1.5em;


}

#selectarticle {
width: 440px;
}

.adminbtn {


border:none;
margin-top:20px;
}

.adminbtn td:hover {
border : 1px solid #D9EBB9;
text-align:center;
color:#fff;
background-color: #D9EBB9;
}

.adminbtn a{
font-size: 1.6em;
font-weight:bold;
color:#83AF57;
}



.adminbtn a:hover{
color:#fff;
}

.adminbtn td{


width: 300px;
height:200px;
border : 1px solid #D9EBB9;
color: #AED786;
text-align:center;
vertical-align:center;
}



/*----- admin footer----*/

.adminfooterbtn {
border:none;
margin-top:20px;
}

.adminfooterbtn td:hover {
border : 1px solid #D9EBB9;
text-align:center;
color:#fff;
background-color: #D9EBB9;
}

.adminfooterbtn a{
font-size: 1.6em;
font-weight:bold;
color:#83AF57;
}



.adminfooterbtn a:hover{
color:#fff;
}

.adminfooterbtn td{


width: 100px;
height:100px;
border : 1px solid #D9EBB9;
color: #AED786;
text-align:center;
vertical-align:center;
}



#preview {

padding:5px;
}
#preview img {
width: 110px;
padding:5px;
border: dotted 1px #333;

}
#preview .image-right, #preview .image-left  {

height:auto;
display:block;
padding:5px;
}

.red {
color:#f00;
font-weight:bold;
}

.green {
color:#00B01D;
font-weight:bold;
}

textarea {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:1em;
width:100%;
height:300px;
}

.hidden {
color:#fff;
background:#bbbbbb;
}



#tenantseditor  li{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	background-image: url('../img/bullet.png');
	background-position: 0px 5px;
	background-repeat: no-repeat;
		padding-left:30px;
}



.tenantactions {
padding: 5px;
margin-top:5px;
clear:both;

width: 100%;


text-align:right;
}
.actionbtn {
width: 80px;
}

#newitem div{
border : 1px solid #D9EBB9;
padding: 10px;
clear:both;
margin-bottom:10px;
}

#newitem table{
width:55%;
}

#newitem textarea{
height:100px;
width:400px;
}



#newitem input{
width:400px;
}

#newsitem td {
width:20%;
}

.label {
vertical-align:top;
width: 25%;
}

.inputcell {
width:75%;
}



#gotolocation {
float:left;
width:60%;


}

#newlocation {
width:38%;
padding-left:5px;
float:right;
background-color:#D9EBB9;
}

#viewinglocation {


float:left;
width:100%;
padding:5px;
float:right;
clear:both;


}

/*-----contact Form----*/

#address {
float:left;
width:230px;
} 



#contact_form{
color:#666;
float:right;
width:385px;
padding-bottom:10px;
}



#contact_form .row {
	clear: both;
}



#contact_form .label {
float:left;
padding-right:10px;
font-size:11px;
line-height:27px;
height:27px;
width:100px;
margin-bottom:5px;
text-align:right;
}



#contact_form textarea {
float:right;
height:105px;
width:265px;
background-color:#DCE9DC;
border:none;
margin-bottom:5px;
}

#contact_form input {
background-color:#DCE9DC;
border:none;
float:right;
width:265px;
height:25px;
margin-bottom:5px;
}

#contact_form button {
float:right;
clear:both;
background: url('../img/submitformbtn.png') no-repeat top left;
height:25px;
padding-bottom:4px;
width:150px;
text-align:left;
color:#fff;
border:none;
}

#contact_form button:hover {
background-position:0px -25px;
}

#contact_us_top {


}

#map {
clear:both;
}

#brochure {
line-height:32px;
}

#brochure img {
vertical-align:middle;
}



/*----- Header----*/

#content h1, #preview h1, #newitem h1, #help h1, h1.adminh1 {
font-family: Arial, Verdana, Helvetica, sans-serif;
color:#3C4B55;
font-weight:normal;
font-size:22px;
}



#news h1, #contactus h1{
font-family: Arial, Verdana, Helvetica, sans-serif;
color:#3C4B55;
font-weight:normal;
font-size:22px;
padding-left:12px;
margin-top:5px;
margin-bottom:0px;
}





#content h2,  #preview h2, #help h2{
font-family: Arial, Verdana, Helvetica, sans-serif;
color:#83C044;
font-weight:normal;
font-size:22px;
margin:0;
margin-bottom:5px;
}





#newsmain {
	padding-left:0;
	padding-top:10px;
	margin:0;




	}

#newsmain p {
padding : 0;
padding-bottom:10px;
margin:0;
clear:both;


}

#newsmain .date {
float:right;
color:#458945;
margin:0;
width:20%;
text-align:right;
padding-bottom:10px;
}

#newsmain .title {
float:left;
color:#666;
font-weight:bold;
margin:0;
width:80%;
padding-bottom:10px;
}

#content ul#newsmain li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	background-image: url('../img/bullet.png');
	background-position: 0px 6px;
	background-repeat: no-repeat;


	padding-bottom:10px;




}

#pagination {
padding-top:10px;
font-size:1.2em;
width:100%;
text-align:left;
}

#pagination b {
color: #86B950;
}



#tenantsmain {
padding-top:10px;
padding-left: 0px;
padding-right:10px;


margin:0;




}



#tenantsmain ul li {
padding-left: 0px;
clear:both;
padding:0;
margin:0;
}

.companyname {
font-size:1.2em;
font-weight:bold;
width: 50%;
}

.companylogo {
text-align:right;
float:right;
margin: 0 0 5px 5px;
}

.contactcontainer {
min-height:60px;


}

.contact1 {
min-height:60px;
width:50%;
float:left;
line-height:18px;
}

.contact1 b {
width:50%;
}

.contact2 {
min-height:60px;
height:60px;
width:50%;
float:left;
text-align:right;
}

.tentantcontainer {
clear:both;


}



#content ul.toolbar {
}



#content ul.toolbar {
	list-style: none;
	padding: 0px;
	margin: 0;
	font-family: "Trebuchet MS";
	font-size: 12px;
	margin: 8px 0 8px 0!important;
}

#content ul.toolbar li {
	display: inline;
	margin-right: 5px;
	color: #fff;
	background: transparent;
	padding: 0;
}



#content ul.toolbar li a {
	color: #fff;
	text-decoration: none;
	background-color: #63B163;
	padding: 0.4em 1em;
}



#content ul.toolbar li a:hover {
	background-color: #3C4B55;
}

#floatingeditor{
	margin-top:200px;
	padding:10px;
	position: absolute;
	width:955px;
	border: 1px solid #B5DA90;
	z-index:1000;
	background-image: url('../img/50bg.png');
}



#floatingeditor textarea, .textbox{
width: 500px;
}

#floatingeditor textarea {
height:100px;
}

#floatingeditor h1{
color:#63B163;
float:left;
width:70%;
}

#currentlogo {
padding:10px;
border: 1px dotted #858581;
font-weight:bold;
float:right;
text-align:center;
margin-bottom:10px;
}

.image-left {
float:left;
height: auto;
margin-right:10px;
margin-bottom:10px;
}

.image-right {
float:right;
height: auto;
margin-right:10px;
margin-bottom:10px;
}
.image-full {
float:none;
width:100%;
margin-right:10px;
margin-bottom:10px;
}

.image-right img, .image-left img {width:300px;}

#help {
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
border: 1px dotted #858581;
}

.helpbtn {
margin-left:10px;
margin-bottom:10px;
text-align:right;
padding:5px;
}

.newtenantbtn {
float:left;
}



.example {
border: 1px dotted #858581;
margin:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
}

.helpbtn a, a.helpbtn, .newtenantbtn a  {
padding:10px;
font-weight:bold;
border : 1px solid #D9EBB9;
color: #FFFFFF;
background-color: #63B163;
}

.helpbtn a:hover, a.helpbtn:hover, .newtenantbtn a:hover  {
padding:10px;
font-weight:bold;
border : 1px solid #D9EBB9;
background-color: #3C4B55;
color:#fff;
}

.error {
padding-top:10px;
padding-bottom: 10px;
line-height:1em;
clear:both;
margin-bottom:20px;
display:block;
text-align:center;

border : 1px solid #D9EBB9;
color: #FFFFFF;
background-color: #63B163;
font-size:1.5em;
font-weight:bold;
/*padding: 10px;*/
}