/*
	Client: Tate CE
	Author: Lee Turver
*/
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Verdana;
	font-size: 10pt;
	height: 100%;
}

img { border:0; }
html, body { height: 100%; }

div#container {
	width: 900px;
	margin: 0 auto;
}

div#container #topbar {
	width: 100%;
	height: 135px;
	float: left;
	clear: both;
}

div#container div#topbar div#logo {
	width: 260px;
	height: 135px;
	float: left;
}

div#container div#topbar div#search_container {
	width: 640px; height: 25px; float: left; margin-top: 30px;
}
div#container div#topbar div#search_container div.search_form {
	height: 25px; float: right;
}

div#container div#topbar div#time_container {
	width: 640px; height: 25px; float: left;
}

div#container div#topbar div#time_container div.the_time {
	width: 400px; float: right; height: 20px; margin-top: 5px; text-align: right; font-size: 8pt; color: #666666;
}






#menu {
float: right;
margin-top: 15px;
}

#menu ul#top {
	float: right;
}

#menu div.border {
	width: 30px; height: 4px; background: #87c440; float: left; clear: both;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

#menu ul#top li {
	float: left;
	margin-right: 23px;
}
#menu ul#top li.last {
	margin-right: 0px;
	padding-right: 0px;
}


#menu ul#top ul li {
	border-left: 1px solid #adafb2;
	border-right: 1px solid #adafb2;
	border-top: 1px solid #adafb2;
	background: #fff;
	width: 140px;
	color: #adafb2;
}

#menu ul#top ul {
		display: none;
}

#menu ul#top li ul li a{
	display: block;	
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block; 
margin: 0;
padding: 2px 3px;
}
#menu a.last, #menu h2.last {
margin: 0;
padding: 2px 0px;
}

#menu h2, #menu h2 a {
color: #1b3f94;
text-decoration: none;
}

#menu a {
color: #adafb2;
text-decoration: none;
}

#menu a:hover {
color: #1b3f94;
}

#menu ul#top li {position: relative;}

#menu ul#top li  ul {
	position: absolute;
	z-index: 500;
}

#menu ul#top ul ul {
position: absolute;
top: 0;
left: 100%;
}

#menu ul#top li h2 {
	height: 34px;
	cursor: pointer;
}










#Nav {
	padding: 0;
	list-style-type: none;
	float: left;
}

#Nav li {
	background: #ddd;
	margin: 1px;	
	height: 20px;
	float: left;
	position: relative;
	width: 160px;
	list-style-type: none;
}


.Menu {
	position: absolute;
	z-index: 500;
	list-style-type: none;	
	display: none;
}






















div#container div#topbar div#navigation {
	height: 135px;
	float: left;
}

	div#container div#topbar div#navigation ul {
		margin: 0;
		padding: 0;
		margin-top: 65px;
	}
	div#container div#topbar div#navigation li {
		float: left;
		list-style-type: none;
		margin-right: 23px;
	}
	div#container div#topbar div#navigation ul li a {
		display: block;
		text-decoration: none;
	}	
	div#container div#topbar div#navigation ul li a {
		width: 33px;
		height: 34px;
		background: url(images/nav_home.gif) no-repeat top left;
	}
	div#container div#topbar div#navigation ul li a:hover {
		background-position: 0 -34px;
		font-weight: bold;
		background: url(images/nav_home.gif) no-repeat top left;			
	}
	

div#container div#banner {
	width: 100%;
	height: 215px;
	float: left;	
	clear: both;
}

div#container div#sub_content {
	width: 100%;
	background: #ffffff;
	float: left;
	padding-top: 25px;
	padding-bottom: 25px;
}

	div#container div#sub_content div.page_title {
		width: 100%;
		height: 30px;
		float: left;
		margin-bottom: 10px;
	}

	div#container div#sub_content div.sub_nav {
		width: 100%;
		float: left;
	}
	
	div#container div#sub_content div.sub_nav ul {
		float: left;
		list-style-type: none;
		margin: 0;
		padding: 0;
		margin-top: 5px;
	}
	div#container div#sub_content div.sub_nav li {
		float: left;
		margin-right: 45px;
		border-left: 7px solid #aeb0b2;
		height: 15px;
		padding-left: 5px;
	}
	
	div#container div#sub_content div.sub_nav li.red {
		border-left: 7px solid #c44242;
	}
	div#container div#sub_content div.sub_nav li.orange {
		border-left: 7px solid #e78543;
	}
	div#container div#sub_content div.sub_nav li.blue {
		border-left: 7px solid #1b3e94;
	}
	div#container div#sub_content div.sub_nav li.green {
		border-left: 7px solid #82c442;
	}
	
	
	div#container div#sub_content div.sub_nav li a {
		display: block;
		color: #aeb0b2;
		text-decoration: none;
	}
	div#container div#sub_content div.sub_nav li a.selected {
		color: #82c442;
		font-weight: bold;
	}
	div#container div#sub_content div.sub_nav li a.select {
		font-weight: bold;
	}
	
	div#container div#sub_content div.sub_nav li a.red {
		color: #c44242;
		font-weight: bold;
	}
	div#container div#sub_content div.sub_nav li a.green{
		color: #82c442;
		font-weight: bold;
	}
	div#container div#sub_content div.sub_nav li a.blue {
		color: #1b3e94;
		font-weight: bold;
	}
	div#container div#sub_content div.sub_nav li a.orange {
		color: #e78543;
		font-weight: bold;
	}
	



div#container div#sub {
	width: 100%;
	background: #ffffff;
	float: left;
	height: 50px;
	padding-top: 25px;
}

div#container div#sub div.link {
	width: 178px;
	height: 25px;
	float: left;
	margin-right: 62px;
}
div#container div#sub div.last {
	margin-right: 0;
}

div#container div#content {
	width: 100%;
	float: left;
}

div#container div#content h2{
	color: #82c442;
	font-size: 11pt;
}

div#container div#content h3{
	color: #1b3e94;
	font-size: 11pt;
}
div#container div#content h3.vision{
	padding-left: 15px;
}

div#container div#content h2.red{
	color: #c44242;
	font-size: 11pt;
}

div#container div#content h2.blue{
	color: #1b3e94;
	font-size: 11pt;
}
	
div#container div#content h2.orange{
	color: #e78543;
	font-size: 11pt;
}
	
div#container div#content a.norm_link {
	color: #82c442;
	text-decoration: none;
	font-weight: bold;
}
div#container div#content p{
	color: #b8babc;
	font-size: 10pt;
	text-align: justify;
	margin-right: 20px;
}
div#container div#content span, div#container div#content span a{
	color: #25358f;
	font-weight: bold;
	text-decoration: none;
}

div#container div#content ul {
	color: #82c442;
	font-weight: bold;
	margin-left: 15px;
	padding-left: 15px;
}
div#container div#content li {
	padding-bottom: 5px;
	padding-right: 5px;
}

div#container div#content li span{
	color: #b8babc;
}

div#container div#content div#cats {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 20px;
	}
	div#container div#content div#cats div.item {
		width: 198px;
		height: 145px;
		float: left;
		margin-right: 36px;
		background: #dfdfdf;
		margin-bottom: 20px;
	}
	div#container div#content div#cats div.last {
		margin-right: 0px;
	}

	div#container div#content div.search_col {
		width: 900px;
		float: left;
	}
	
/* Services - Built Envionment */
	
	div#container div#content div.col-left_contact-us {
		width: 350px;
		float: left;
	}	

	div#container div#content div.col-left_contact-us p {
		padding-right: 10px;
	}
	div#container div#content div.col-right_contact-us {
		width: 550px;
		float: left;
	}
	
	div#container div#content div.col-left_large-a {
		width: 445px;
		float: left;
	}	

	div#container div#content div.col-left_large-a p {
		padding-right: 10px;
	}
	div#container div#content div.col-right_large-a {
		width: 445px;
		float: left;
	}
	div#container div#content div.col-right_large-a  div.special_link { width: 100%; height: 20px; text-align: right; font-weight: bold; color: #1c3f94; }
	div#container div#content div.col-right_large-a  div.special_link p, 
		div#container div#content div.col-right_large-a  div.special_link a { text-align: right; font-weight: bold; color: #1c3f94; padding-right: 10px; text-decoration: none; }
	
	div#container div#content div.col-right_large-a  div.border { width: 100%; float: left; border: 1px solid #aeb0b2; }
	div#container div#content div.col-right_large-a  div.border ul { margin-top: 0; padding-top: 0; }
	div#container div#content div.col-right_large-a  div.border ul li span { color: #aeb0b2; }

	div#container div#content div.col-right_large-a div.latest_projects-small {
		width: 100%; 
		float: left; 
		border: 2px solid #1c3f94; 
		margin-top: 10px;
		padding-bottom: 8px;
	}
	div#container div#content div.col-right_large-a div.latest_projects-small div.item-container {
		margin-left: 15px; width: 405px; background: #ffffff; padding-left: 15px; padding-top: 15px; clear: both; float: left;
	}
	div#container div#content div.col-right_large-a div.latest_projects-small div.item {
		width: 85px; float: left; padding-right: 13px;
	}
	div#container div#content div.col-right_large-a div.latest_projects-small div.item p {
		margin: 0; padding: 0; text-align: left; font-size: 8pt; color: #666;
	}
	div#container div#content div.col-right_large-a div.latest_projects-small div.last {
		padding-right: 0px;
	}
	
	
	div#container div#content div.col-right_large-a div.latest_projects-small div.title { width: 100%; height: 30px; background: #1c3f94; float: left; clear: both; color: #fff; }
	div#container div#content div.col-right_large-a div.latest_projects-small div.title  p { margin: 0; padding: 0; padding-left: 10px; padding-top: 5px; color: #fff; }
	
	


/* Markets */
	div#container div#content div.col-left_largeB {
		width: 430px;
		float: left;
		padding-right: 20px;
	}
	
	div#container div#content div.col-left_largeB h3, div#container div#content div.col-right_largeB h3, div#container div#content div.search_col h3 {
		color: #1c4096;
		font-size: 10pt;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	
	#project_content .cell h3 {
		color: #1c4096;
		font-size: 10pt;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	
	div#container div#content div.col-left_largeB p , div#container div#content div.col-right_largeB p { padding-top: 0; margin-top: 5px; }
	
	div#container div#content div.col-left_largeB p {
		padding-right: 10px;
	}
	div#container div#content div.col-right_largeB {
		width: 430px;
		float: left;
		padding-left: 20px;
	}




	div#container div#content div.col-left_large {
		width: 400px;
		float: left;
	}
	
	div#container div#content div.col-left_large p {
		padding-right: 10px;
	}
	div#container div#content div.col-right_large {
		width: 500px;
		float: left;
	}
	div#container div#content div.col-right_large div.option_container { 
		width: 300px; float: left; border: 1px solid #adafb2; padding-top: 10px;
	}
	div#container div#content div.col-right_large div.item_container { 
		width: 185px; float: left;
	}
		div#container div#content div.col-right_large div.item_container ul { 
			list-style-type: none;
			margin: 0;
			padding: 0;
			width: 185px;
		}
		div#container div#content div.col-right_large div.item_container li { 
			width: 160px;
			border-left: 1px solid #adafb2; 
			border-top: 1px solid #adafb2; 
			color: #b8babc;
			padding-top: 5px;
			padding-bottom: 5px;		
			padding-left: 20px;
		}
		div#container div#content div.col-right_large div.item_container li a{ 
			text-decoration: none;
			color: #b8babc;
		}
		div#container div#content div.col-right_large div.item_container li.first{ 
			border-bottom: 0;
		}
		div#container div#content div.col-right_large div.item_container li.last{ 
			border-bottom: 1px solid #adafb2; 
		}
		div#container div#content div.col-right_large div.item_container li.selected{ 
			border-left: 10px solid #1b3e93;
			padding-left: 10px;			
		}
		div#container div#content div.col-right_large div.item_container li.selected a{ 
			text-decoration: none;
			color: #1b3e93;
			font-weight: bold;	
		}
			
		div#container div#content div.col-right_large div.item_container li.ui-tabs-selected {
			border-left: 10px solid #1b3e93;
			padding-left: 10px;		
		}		

		div#container div#content div.col-right_large div.item_container li.ui-tabs-selected a {
			text-decoration: none;
			color: #1b3e93!important;
			font-weight: bold;	
		}

	
	div#container div#content div.col-right_large div.item { 
		width: 185px; 
		border-left: 1px solid #adafb2; 
		border-top: 1px solid #adafb2; 
		color: #b8babc;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	div#container div#content div.col-right_large div.item p { 
		margin: 0;
		padding: 0;
		padding-left: 20px;
	}
	div#container div#content div.col-right_large div.first { 
		border-bottom: 0;
	}
	div#container div#content div.col-right_large div.last { 
		border-bottom: 1px solid #adafb2; 
	}
	div#container div#content div.col-right_large div.selected { 
		border-left: 10px solid #1b3e93;
	}
	div#container div#content div.col-right_large div.selected p { 
		margin: 0;
		padding: 0;
		padding-left: 10px;
		color: #1b3e93;
		font-weight: bold;			
	}
	
/* EOF Markets */	
	
	div#container div#content div.col {
		width: 325px;
		float: left;
		border-right: 1px solid #82c442;
	}
	
	div#container div#content div.col p {
		padding-right: 10px;
	}
	
	div#container div#content div.col2 {
		width: 325px;
		float: left;
		border-right: 1px solid #82c442;
	}
	
	div#container div#content div.col2 p, div#container div#content div.col2 h2 {
		padding-right: 15px;
		padding-left: 15px;
	}
	
	
/* Corporate */	
	div#container div#content div.col_both {
		width: 650px;
		border-right: 1px solid #82c442;
		float: left;
	}
	
	div#container div#content div.col_even1 {
		width: 300px;
		float: left;
		border-right: 1px solid #82c442;
	}
	div#container div#content div.col_even1 p {
		padding-right: 10px;
	}
	div#container div#content div.col_even2 {
		width: 330px;
		float: left;
		border-right: 1px solid #82c442;
	}
	div#container div#content div.col_even2 p {
		padding-right: 15px;
		padding-left: 15px;
	}
	div#container div#content div.col_even3 {
		width: 260px;
		float: left;
	}
	div#container div#content div.col_even3 p {
		padding-left: 15px;
	}
/* EOF Corporate */
	
	div#container div#content div#latest_news {
		width: 290px;
		float: left;
		border-right: 1px solid #adafb2;
		padding-right: 20px;
	}

	div#container div#content div#latest_projects {
		width: 335px;
		float: left;
		border-right: 1px solid #adafb2;
		padding-left: 10px;
	}
	div#container div#content div#latest_projects p, div#container div#content div#latest_projects h2 {
		padding-left: 25px;
	}
	
	div#container div#content div#home_rightcol {
		width: 240px;
		float: right;
	}

div#container div#footer {
	clear: both;
	width: 100%;
	height: 25px;
	background: #adafb2;
	float: left;
	margin-top: 20px;
}
	
	div#container div#footer div.slogan {
		float: right;
		width: 266px;
		height: 25px;
	}
	div#container div#footer div.next-page {
		float: left;
		width: 136px;
		height: 25px;
	}
	
div#container div.padder { width: 100%; height: 20px; float: left; clear: both; }
.ui-tabs-hide { display: none !important;}


/* Form Styling */

div#aForm {
	width: 650px;
	margin-left: 25px;
}

	div#aForm a {
		color: #8be208;
		text-decoration: none;
	}

	div#aForm form fieldset {
	  clear: both;
	  width: 600px;
	  font-size: 100%;
	  border-color: #d2d2d2;
	  border-width: 1px;
	  border-style: solid none none none;
	  padding: 10px;
	  margin: 0 0 0 0;
	}

	div#aForm form fieldset legend {
	  font-size: 150%;
	  font-weight: normal;
	  color: #90a846;
	  margin: 0 0 0 0;
	  padding: 0 5px;
	}

	div#aForm form div {
		clear: left;
		display: block;
		margin: 5px 0 0 0;
		padding: 1px 3px;
		font-family: Tahoma;
		font-size: 8pt;
	}

	div#aForm form div fieldset {
		clear: none;
		margin: 0 0 0 20%;
		padding: 0 5px 5px 5px;
		width: 90%;
	}

	div#aForm form div label {
		display: block;
		float: left;
		width: 150px;
		padding: 3px 5px;
		margin: 0 0 5px 0;
		text-align: right;
	}
	
	div#aForm form div label.username {
		display: block;
		float: left;
		width: 250px;
		padding: 3px 5px;
		margin: 0 0 5px 0;
		text-align: left;
	}

	div#aForm form div textarea {
		width: 160px;
		padding: 1px 3px;
		margin: 0 0 0 0;
		font-family: Tahoma;
		font-size: 8pt;
	}

	div#aForm form div input.inputText {
		width: 160px;
		padding: 1px 3px;
		margin: 0 0 0 0;
		font-family: Tahoma;
		font-size: 8pt;	  
	}	
	
	div#aForm form div.submit div {
	  display: inline;
	  float: right;
	  text-align: left;
	  width: auto;
	  padding: 0;
	  margin: 0;
	}
	
	div#aForm .TextArea { background: #fff; border: solid 2px #bdee6d; padding: 6px; font-size: 12px;}


	div#aForm form div small {
	  display: block;
	  margin: 5px 0 5px 105px;
	  padding: 1px 3px;
	  font-size: 80%;
	}


/* Form Styling */

div#bForm {
	width: 400px;
}

	div#bForm a {
		color: #8be208;
		text-decoration: none;
	}

	div#bForm form fieldset {
	  clear: both;
	  width: 400px;
	  font-size: 100%;
	  border-color: #d2d2d2;
	  border-width: 1px;
	  border-style: solid none none none;
	  padding: 10px;
	  margin: 0 0 0 0;
	}

	div#bForm form fieldset legend {
	  font-size: 150%;
	  font-weight: normal;
	  color: #82c442;
	  margin: 0 0 0 0;
	  padding: 0 5px;
	}

	div#bForm form div {
		clear: left;
		display: block;
		margin: 5px 0 0 0;
		padding: 1px 3px;
		font-family: Tahoma;
		font-size: 8pt;
	}

	div#bForm form div fieldset {
		clear: none;
		margin: 0 0 0 20%;
		padding: 0 5px 5px 5px;
		width: 90%;
	}

	div#bForm form div label {
		display: block;
		float: left;
		width: 150px;
		padding: 3px 5px;
		margin: 0 0 5px 0;
		text-align: right;
	}
	
	div#bForm form div label.username {
		display: block;
		float: left;
		width: 250px;
		padding: 3px 5px;
		margin: 0 0 5px 0;
		text-align: left;
	}

	div#bForm form div textarea {
		width: 160px;
		padding: 1px 3px;
		margin: 0 0 0 0;
		font-family: Tahoma;
		font-size: 8pt;
	}

	div#bForm form div input.inputText {
		width: 160px;
		padding: 1px 3px;
		margin: 0 0 0 0;
		font-family: Tahoma;
		font-size: 8pt;	  
	}	
	
	div#bForm form div.submit div {
	  display: inline;
	  float: right;
	  text-align: left;
	  width: auto;
	  padding: 0;
	  margin: 0;
	}
	
	div#bForm .TextArea { background: #fff; border: solid 2px #bdee6d; padding: 6px; font-size: 12px;}


	div#bForm form div small {
	  display: block;
	  margin: 5px 0 5px 105px;
	  padding: 1px 3px;
	  font-size: 80%;
	}
	
#ApplyTable h4 {
	color: #1b3e94;
}

		
/* Admin Panel */


	div#container div#content div.admin_login {
		width: 100%;
		float: left;
	}
	
	div#container div#content div.admin_news_home {
		width: 675px;
		float: left;
		border-right: 1px solid #adafb2;	
	}
	div#container div#content div.admin_news_home_right {
		width: 225px;
		float: left;
	}
	
