@import url("db_page.css");
@import url("news.css");
@import url("contact.css");



/********* header style *********/



div#breadcrumb {
	padding:0px 10px 10px 0;
	font-size:10px;
	text-transform:lowercase;
}

div#breadcrumb a {
	text-decoration:none;
}

#header {
	padding: 0px;
	margin: 0px;
	width: 780px;
	height: 350px;
}
#primary #logo-search {
	height: 98px;
	width: 780px;
	background-image: url(../img/logo-top.gif);
	background-repeat: no-repeat;
	position: relative;
}
#urba-plus #logo-search {
	height: 98px;
	width: 780px;
	background-image: url(../img/urba-logo-top.gif);
	background-repeat: no-repeat;
	position: relative;
}

#search-box {
	padding: 0px;
	height: 20px;
	width: 185px;
	margin: 0px;
	position: absolute;
	left: 580px;
	top: 75px;
}
#primary #search-box label {
	font-size: 11px;
	color: #FFFFFF;
	padding-right: 8px;
	float: left;
	padding-top: 3px;
}
#urba-plus #search-box label {
	font-size: 11px;
	color: #666666;
	padding-right: 8px;
	float: left;
	padding-top: 3px;
}


#search {
	padding: 0px;
	height: 16px;
	width: 100px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	font-size: 11px;
}
#search-box img {
	display: inline;
	float: right;
	cursor:pointer;
}






#swap {
	height: 252px;
	width: 780px;
	margin: 0px;
	padding: 0px;
}



/* nav style */
#nav {
	margin: 0px;
	padding: 0px;
	width: 199px;
}
#nav a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 199px;
	text-decoration: none;
	text-transform: capitalize;
}


#primary .menu {
	background-image: url(../img/nav.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}
#primary .menu:hover {
	background-position: -199px 0px;

}

#primary .category {
	background-image: url(../img/nav2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}
#primary .category:hover {
	background-position: -199px 0px;

}

#primary .mouse-off .category, 
#primary .mouse-on .category {
	background-image: url(../img/nav4.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}
#primary .mouse-off .category:hover, 
#primary .mouse-on .category:hover {
	background-image: url(../img/nav4.gif);
	background-repeat: no-repeat;
	background-position: -199px 0px;

}

#primary .sub-category {
	background-image: url(../img/nav3.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}
#primary .sub-category:hover {
	background-position: -199px 0px;

}



#primary .menu span {
	display:block;
	font-size: 9px;
	color: #FFFFFF;
	padding:  0;
	margin: 0 0 0 20px;
}
#primary .category span {
	display:block;
	font-size: 9px;
	color: #FFFFCC;
	margin: 0 0 0 28px;
	padding: 0;
}
#primary .sub-category span {
	display:block;
	font-size: 9px;
	color: #FFFF00;
	margin: 0 0 0 35px;
	padding: 0;
}





#urba-plus .menu {
	background-image: url(../img/urba-nav.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}
#urba-plus .menu:hover {
	background-position: -199px 0px;

}

#urba-plus .category {
	background-image: url(../img/urba-nav2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}
#urba-plus .category:hover {
	background-position: -199px 0px;

}

#urba-plus .mouse-off .category, 
#urba-plus .mouse-on .category {
	background-image: url(../img/urba-nav4.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}
#urba-plus .mouse-off .category:hover, 
#urba-plus .mouse-on .category:hover {
	background-image: url(../img/urba-nav4.gif);
	background-repeat: no-repeat;
	background-position: -199px 0px;

}

#urba-plus .sub-category {
	background-image: url(../img/urba-nav3.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}
#urba-plus .sub-category:hover {
	background-position: -199px 0px;

}

#urba-plus .menu span {
	display:block;
	font-size: 9px;
	color: #666666;
	padding: 3px 0 0 0;
	margin: 0 0 0 20px;
}
#urba-plus .category span {
	display:block;
	font-size: 9px;
	color: #669900;
	margin: 0 0 0 28px;
	padding: 3px 0 0 0;
}
#urba-plus .sub-category span {
	display:block;
	font-size: 9px;
	color: #333333;
	margin: 0 0 0 35px;
	padding: 3px 0 0 0;
}





/* nav dropdwon */

#primary #container #content #side-nav #nav .mouse-off .sub-category {
	display: none;
}
#primary #container #content #side-nav #nav .mouse-on .sub-category {
	display: block;
}

#urba-plus #container #content #side-nav #nav .mouse-off .sub-category {
	display: none;
}
#urba-plus #container #content #side-nav #nav .mouse-on .sub-category {
	display: block;
}


/******** content style ********/
#primary #content {
	margin: 0px;
	width: 780px;
	background-image: url(../img/content-top.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#urba-plus #content {
	margin: 0px;
	width: 780px;
	background-image: url(../img/urba-content-top.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}



#primary #side-nav {
	margin: 0px;
	float: left;
	width: 199px;
	background-image: url(../img/logo-nav.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 22px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#urba-plus #side-nav {
	margin: 0px;
	float: left;
	width: 199px;
	background-image: url(../img/urba-logo-nav.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 22px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


#main-content {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 581px;
}
#primary #main-heading{
	background-image: url(../img/title-bg.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 75px;
	width: 581px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

#urba-plus #main-heading{
	background-image: url(../img/urba-title-bg.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 75px;
	width: 581px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}


#primary #main-heading h1  {
	color: #FF0000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 70px;
	font-size: 26px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-transform: capitalize;
}

#urba-plus #main-heading h1  {
	color: #669900;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 90px;
	font-size: 30px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}



#main {
	width: 500px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
}
.margin10 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-align: justify;
}
.nomargin {
	text-align: justify;
	margin: 0px;
	padding: 0px;
}
.box1 {
	margin: 0px;
	padding: 0px;
}
.box1-left {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 240px;
}
.box1-right {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 240px;
}
.list1 {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.list1 li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 17px;
	background-image: url(../img/bullet.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
}
.plant-bg {
	background-image: url(../img/plant.jpg);
	background-repeat: no-repeat;
	background-position: 320px 0px;
}



/* our people */

.region-map {
	margin: 0px;
	padding: 0px;

}
#clickable-map {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 301px;
}
#region-txt {
	float: right;
	width: 180px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#region-txt p {
	font-size: 12px;
	color: #666666;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#container #content #main-content #main #region-map #region-txt a {
	color: #999999;
	text-decoration: none;
}
#container #content #main-content #main #region-map #region-txt a:hover {
	color: #0000FF;
}
#container #content #main-content #main .contact-details a {
	text-decoration: none;
	color: #000000;
}
#container #content #main-content #main .contact-details a:hover {
	text-decoration: none;
	color: #000000;
}
#container #content #main-content #main .contact-details a:visited {
	text-decoration: none;
	color: #000000;
}
.contact-details {
	margin: 0px;
	padding: 0px;
	border-collapse:collapse;
	width: 100%;
}
.contact-details .label {
	width: 140px;
}




/* link page */
.link-box {
	margin: 0px;
	padding: 0px;
}
.link-img {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 130px;
}
.link-txt {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 360px;
}
.site-name {
	font-weight: bold;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #CCCCCC;
}
.site-url {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#primary #container #content #main-content #main .link-box .link-txt .site-url a {
	color: #999999;
	text-decoration: none;
}
#primary #container #content #main-content #main .link-box .link-txt .site-url a:hover {
	color: #0000FF;
}
.slogan {
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.sub-heading {
	font-weight: bold;
	text-decoration: underline;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}




/******** footer style ********/
#primary #footer {
	margin: 0px;
	padding: 0px;
	width: 780px;
	clear: both;
	background-image: url(../img/footer-bg.gif);
	background-repeat: no-repeat;
	height: 92px;
}

#urba-plus #footer {
	margin: 0px;
	padding: 0px;
	width: 780px;
	clear: both;
	background-image: url(../img/urba-footer-bg.gif);
	background-repeat: no-repeat;
	height: 92px;
}

#primary #footer p {
	font-size: 10px;
	padding-top: 45px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #FFFFFF;
	margin: 0px;
	float: right;
	width: 430px;
}
.tapex-link {
	display: block;
	margin: 0px;
	float: left;
	width: 350px;
	padding-top: 45px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 30px;
}

#urba-plus #footer p {
	font-size: 10px;
	padding-top: 45px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #666666;
	margin: 0px;
	float: right;
	width: 430px;
}

#primary #container #footer a {
	color: #FFFFFF;
	text-decoration: none;
}

#urba-plus #container #footer a {
	color: #666666;
	text-decoration: none;
}


#footer span {
	padding-right: 30px;
}




/******** general style ********/
body#primary  {
	font-family: Verdana, Arial, Helvetica;
	font-size:81%;
	border:0;
	color:#000000;
	background-color: #000000;
	background-image: url(../img/back.gif);
	background-repeat: repeat-x;
	background-position: 0px 10px;
	margin: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

*html body#primary  {
	font-size:84%;
}
*:first-child+html body#primary {
	font-size:84%;
}

body#urba-plus  {
	font-family: Verdana, Arial, Helvetica;
	font-size:83%;
	border:0;
	color:#333333;
	margin: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-color: #E8F7E6;
}


img {
	margin:0;
	padding:0;
	display: block;
	border-width: 0;
	border: none;
}
#primary  .img-border {
	border: 1px solid #666666;
}

#urba-plus  .img-border {
	border: 1px solid #666666;
}
#primary .red-font {
	color: #FF0000;
}
#primary #container{
	width:780px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-image: url(../img/container-bg.gif);
	background-repeat: repeat-y;
}

#urba-plus #container{
	width:780px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-image: url(../img/urba-container-bg.gif);
	background-repeat: repeat-y;
}



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

}
.clearfix {
	display: inline-block;
}
/* hide from ie-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* end hide from ie-mac */

/*****   end of clearfix   *****/


#primary .break {
	background-image: url(../img/break.gif);
	background-repeat: repeat-x;
	padding: 0px;
	height: 1px;
	width: 100%;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	clear: both;
}

#urba-plus .break {
	background-image: url(../img/urba-break.gif);
	background-repeat: repeat-x;
	padding: 0px;
	height: 1px;
	width: 100%;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	clear: both;
}


input, textarea, select {
	font-family:Verdana, Arial, Helvetica;
	font-size:10pt;
	color:#000000;
	border:1px solid #333333;
	background-color:#FFFFFF;
}

/* Link */
a {
	color:#000000;
	text-decoration:none;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}  

a:link {
	color:#0000FF;
	text-decoration:underline;
}

a:visited {
	color:#0000FF;
	text-decoration:underline;
}


a:hover {
	color:#0000CC;
	text-decoration:underline;
}

/* CopyRight Format-- */
div#copyright {
	font-family:Arial, Verdana, Helvetica;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	margin:0;
	border:0;
	color:#666666;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

a.linkcopy {
	color:#666666;
	text-decoration:underline;
}  

a.linkcopy:link {
	color:#666666;
	text-decoration:underline;
}

a.linkcopy:visited {
	color:#666666;
	text-decoration:underline;
}

a.linkcopy:hover {
	color:#0000CC;
	text-decoration:underline;
}

.pdf-catalog {
  margin-top: 15px;
  margin-right: 0px;
  margin-bottom: 3px;
  margin-left: 0px;
  background-image: url(../img/PDF_icon2.jpg);
  background-repeat: no-repeat;
  background-position: left;
  height: 30px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 50px;
}