body {
	margin: 0;
	padding: 0;
	background: #636363;
	text-align: center;
}

* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div#wrapper {
	margin: 30px auto 0 auto;
	width: 828px;
	text-align: left;
	background: url('../images/bg_content.gif') repeat-y top left;
}
	
/*########### home page header ##############*/

div#header {
	width:800px;
	position:relative;
	height:374px;
}

div#header #headleft{
	position:absolute;
	width:600px;
	height:374px;
	top:0;
	left:13px;
}

div#header #headright{
	position:absolute;
	width:200px;
	height:374px;
	top:0;
	left:513px;
}

/*########### home page header ##############*/

div#header_content {
	width:800px;
	position:relative;
	height:225px;
}

div#header_content #head_content_left{
	position:absolute;
	width:600px;
	height:225px;
	top:0;
	left:13px;
}

div#header_content #head_content_right{
	position:absolute;
	background:url(../images/bg_4Dlogo.png) no-repeat top left;
	width:150px;
	height:150px;
	top:61px;
	left:652px;
}


/*########## navagation ############*/

ul#nav {
	height: 30px;
	background: url('../images/bg_navgation.gif') no-repeat top left;
	margin: 0;
	padding:  0px 10px 0 13px;
	list-style: none;
}

ul#nav .home li ul {
	height: 70px;
	background: url('../images/bg_navgation.gif') no-repeat top left;
	margin: 0;
	padding:  0px 10px 0 13px;
	list-style: none;
}

ul#nav li {
	float: left;
	position: relative;
	margin:  0;
	padding: 0;
	float: left;
}

ul#nav li a, ul#nav li span {
	display: block;
	color:#959595;
	padding: 6px 20px 6px 20px;
	text-decoration:none;
}

/*####flyout#####*/

		ul#nav li.on, 
		ul#nav li:hover, 
		ul#nav li.iehover {
			background:#ebebeb;
			color:#b1000f;
		}
		
		ul#nav a:hover,
		ul#nav li:hover a,
		ul#nav li:hover span,
		ul#nav li.iehover a  {
			background: #ebebeb;
			color: #b1000f;
		} 
		
		ul#nav li:hover ul, 
		ul#nav li.iehover ul {
			display: block;
			background: #ebebeb;
			color: #959595;
		}

		ul#nav ul {
			display: none;
			list-style: none;
			margin: 0;
			padding: 0;
			background: #e6e6e3;
			border: 1px solid #b8b8b2;
			position: absolute;
			top: 24px;
			left: 0;
			width: 150px;
		}

		/*.home ul  {
			height: 199px;
		}
*/
		ul#nav ul li {
			float: none;
			background: none;
			margin: 0;
			padding: 0px;
		}
	
		ul#nav ul li a, 
		ul#nav li.on ul li a, 
		ul#nav li:hover ul li a, 
		ul#nav li.iehover ul li a {
			background:none;
			display: block;
			width: auto;
			height: 1%;
			line-height: normal;
			padding: 6px 10px;
			float: none;
			color:#959595;
			
		}
		
		ul#nav ul li a:hover, 
		ul#nav li.on ul li a:hover,
		ul#nav li:hover ul li a:hover, 
		ul#nav li.iehover ul li a:hover {
			background: #b1000f;
			color:#fff;
		}
		
	/**
	* navigation item for the selected page,
	* i.e. the selected nav item
	*/
	.homepage #nav li.homepage a,
	.People #nav li.people span,
	.Services #nav li.services span,
	.ProjectList #nav li.ProjectList span,
	.Projects #nav li.projects span,
	.faqs #nav li.faqs a,
	.contact #nav li.contact a
	{
		background: url(../images/bg_no_state.gif) repeat-x left bottom;
	}	


/*########## content ############*/

div#content {
	min-height: 170px;
	_height: 170px;
}

div#left {
	float: left;
	width: 510px;
	padding: 26px 35px 0 65px;
	min-height: 160px;
	_height: 160px;
}

blockquote p {
	font-size:14px;
	font-weight: bold;
	margin:0;
	padding:0;
	color:#C00010;
}

.home-block {
	font-size:14px;
	font-weight: bold;
	margin:0;
	padding:0;
	color:#C00010;
}

div#right { /*right displays the logo*/
	float: left;
	width: 200px;
	text-align:center;

}

div#right h1 {
	background: url('../images/bg_4Dlogo.png') no-repeat top left;
	margin: 17px auto 0 auto;
	overflow: hidden;
	text-indent: -999px;
	width: 123px;
	height: 147px;
}

div#right_quote { /*right displays the quotes*/
	float: left;
	width: 200px;
	min-height: 335px;
	_height: 335px;
	padding: 0 0px 0 0px;
	_margin:0 ;
	margin: 0 0px 0 0px;
	/*text-align:center;*/
	background:url(../images/bg_bottom_quote.gif) no-repeat bottom right;
}

/*######## project template ##########*/

#right_imageContent {
	
	float: right;
	width: 340px;
	height: 250px;
	_height: 319px;
	padding: 0 0px 0 0px;
	_margin:0 ;
	margin: 150px 15px 0 0;
	text-align:center;
	border-top:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;
}

img a {
	border: none;
	color:#FFFFFF
	}


div#left_pro {
	float: left;
	width: 370px;
	padding: 46px 35px 0 65px;
	min-height: 219px;
	_height: 219px;
}


blockquote#content_quote {
	text-align:left;
	background:url(../images/bg_top_quote.gif) no-repeat top left;
	color:#c00010;
	font-size:12px;
	font-weight: normal;
	line-height:115%;
	margin: 0 0 0 3px;
	/*_margin:0;*/
	padding:40px 10px 0px 10px;
}

div#right_quote p {
	text-align:left;
	font-size: 12px;
	margin:0;
	padding:5px 0 10px 13px;
}
	/*######### tab content ###########*/
	
	div#left_tabContent {
		margin:0;
		padding:0 0 0 13px;
		float: left;
		width: 597px;
	}
	
	div#right_tabContent { /*right displays the client images*/
		position:relative;
		width: 275px;
		text-align:center;
	}	
	
	
	
	div#tab_header {
		background: url('../images/bg_tab_header.gif') no-repeat top left;		
		margin:0;
		padding:0;
		width:600px;
		height:75px;
	}
	
	div#tab_header h1 {
		padding:20px 0 0 50px;
		color:#808080;
		font-size:27px;
		font-weight:normal;
	}
	div#left_bg {
		float:left;
		background:url('../images/bg_left_tabContent.gif') repeat-y top left;
		width:43px;
		height:250px;
		clear:right;
		}
			
	div#content.tabbed {
		
		padding: 0;
		margin-top: 0;
	}
	
	ul#tabs {
		list-style: none;
		margin: 0;
		padding: 0;
		height: 25px;
		background:url('../images/bg_tab_ul.gif') repeat-x top left;
	}
	
	ul#tabs li {
		float: left;
		background: url('../images/bg_ulDivider.gif') no-repeat top right;
	}
	
	ul#tabs li a {
	display: block;
	height: 20px;
	margin-right: 5px;
	color:#808080;
	text-decoration:none;
	}
	
	
	ul#tabs li a:hover {
	background-color:#CCCCCC;
	color:#c00010;
	}
	
	
	ul#tabs li#tab_problem a {
		
		background:  url('../images/bg_tab_ul.gif') no-repeat top right;
	}
	
	ul#tabs li#tab_problem a.on {
		/*background:  #00CC33 url("../images/tab-navy-overview-on.gif") no-repeat top left;*/
	}
	ul#tabs li#tab_soloution a {
		
		background: url('../images/bg_tab_ul.gif') no-repeat top right;
	}
	
	ul#tabs li#tab_soloution a.on {
		/*background: #00CC33 url("../images/tab-navy-howtobuy-on.gif") no-repeat top left;*/
	}
	
	ul#tabs li#tab_outcome a {
		
		background: url('../images/bg_tab_ul.gif') no-repeat top right;
	}
	
	ul#tabs li#tab_outcome a.on {
		/*background: #00CC33 url("../images/tab-navy-howtobuy-on.gif") no-repeat top left;*/
	}
	
	ul#tabs li a {
	display: block;
	float: left;
	overflow: hidden;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	width: 50px;
}

div#tabContent, div#tabContent div.tab {
	height: 400px;
}

div#tabContent div.tab {
	height: 443px;
}

div#tabContent {
	overflow: hidden;
	background-color: #fff;
}

div#tabContent.floated {
	float: left;
	width: 486px;
}

div#tabContent div.tab {
	padding: 37px 37px 10px 37px;
	overflow: auto;
}

/*########### forms ###############*/

form div.formRow {
float:left;
margin:10px;
}

form div.formRowRight {
float:left;
margin:10px;
}

label {
display:block;
font-weight:bold;
}

input.text {
width:200px;
}

.formElementRequired {
	border: 1px red solid;
	width:200px;
}
.formElement {
	width:200px;
}

#override {
	width:385px;
}

.clear {
	clear:both;
}

table#form  {
	width: 80px;
	
}
table#form  td {
	padding:3px;
	vertical-align: middle;
}
table#form-wide  {
	width: 500px;
	
}
table#form-wide  td {
	padding:3px;
	vertical-align: middle;
}
form div.formRow p {
	padding: 0;
	margin: 0 0 3px 0;
	
}
/*########## footer ############*/

div#footer { /*home footer is diffrent to the home page*/
	clear:both;
	height: 31px;
	background:#636363 url('../images/bg_footerHome.gif') no-repeat top left;
	padding: 35px 15px 0 15px;
}

div#footer_content { /*content footer is diffrent to the home page*/
	clear:both;
	height: 31px;
	background:#636363 url('../images/bg_footerContent_new.gif') no-repeat top left;
	padding: 35px 15px 0 15px;
}

#footer_links {
	list-style: none;
	margin:  0;
	padding: 0;
	float: left;
}

#footer_links li {
	list-style: none;
	float:left;
	padding: 0 10px 0 9px;
/*	background: url('../images/bg_pipe.gif') no-repeat top right;
*/	color:#acacac;
}
#footer_links li.last {
	padding-right: 0;
	background: none;
	
}

#footer_links li a {
	display:block;
	text-decoration:none;
	color:#acacac;
}

#footer_links li a:hover, #footer_links li a:hover {
	color:#fff;
}

a#zoologo {
	float:right;
	display:block;
	background:url('../images/zoologo.gif') no-repeat top left;
	overflow: hidden;
	text-indent: -999px;
	width: 47px;
	height: 14px;
}

/*########### formatting #############*/

#home p{
	line-height:160%;
	margin:0;
	padding:0;
	color:#000000;
}

p { 
	color:#000000;
}

a {
	color:#c00010;
}




h1, h2, h3, h4, h5, h6 {
	color:#c00010;
	padding-bottom: .1em
}

h1 {
	font-size: 20px;
	margin-top:.2em;
}

h2 {font-size: 18px}
h3 {font-size: 16px}
h4 {font-size: 14px}
h5 {font-size: 12px}
h6 {font-size: 10px}

div#tableBack {
	background:url(../images/bg_tables.jpg) repeat-y top left;
	width:548px;
	height:250px;
	margin:0;
}


table {
	border-collapse: collapse;
	padding: 0 0 18px 0;
	margin: 0;
	width:431px;
}
table th {
	text-align: left;
	border-right: 1px solid #c8c8c8;
}

table thead th {
	height:50px;
	background-color: #e1e1e1;
	text-transform: uppercase;
	text-align: left;
	font-weight: normal;
	border-right: none;
	border-bottom: 1px solid #c8c8c8;
}

table td, table th {
	padding: 6px;
	vertical-align: top;
	
}

table th  {
	width:291px;
}

table tr {
	background-color: #fff;
}
 table tr.odd {
	background-color: #e1e1e1;
}

div#tab_header #table_header{
		padding:20px 0 0 50px;
		width:300px;
		color:#c00010;
		font-size:27px;
		font-weight:normal;
	}