html, body { 
	margin: 0;
	padding: 0;
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#606060;
	text-align:center;/* IE hack to center page contents */
}
table, td, h1, h2, h3, p, a, span, ul, li, dl, dt, dd {text-align:left;}
.clearFloats {clear:both; line-height:0; height:0; font-size:1px;}
.clearthefloats {clear:both}
td {
	vertical-align: top;
}
a {color:#606060; font-weight:bold; text-decoration:none;}
a:hover {color:#A50000;}
a:active, a:focus{outline:none;}
p {margin:0 0 10px 0}
img {display:block;}

h1 { font-size:1.5em; color:#606060; font-weight:bold; margin:0 0 5px 0; padding:0; letter-spacing:-0.75px;}

h2 { font-size:1.5em; color:#606060; font-weight:bold; margin:0 0 5px 0; padding:0; letter-spacing:-0.75px;}

h3 { font-size:1.2em;font-weight:bold;letter-spacing:-0.5px; color:#660000; margin:0 0 2px 0;}

h4 { font-size:1em;font-style:italic;font-weight:normal;color:#660000; margin:5px 0 0 0;}

:root, html { overflow-y:scroll; }

#container1 {margin:0 auto;width:850px; 
height:50px;text-align:left;
background-color:#FFFFFF;
}

#container2 { 
min-height:500px;
background-color:#FFFFFF;
}

#container_home {background-color:#FFFFFF; /* not visible */
 /* was home_back_repeat */
min-height:500px;
}

#top_bar {width:850px; height:20px; background-color:#FFFFFF;
; clip:  rect(   )
}

#bannermain {
	width:850px;
}
	
#banner {
		float:left;
		width:850px;
height:21px;
}
	
#banner ul {
		margin:0;
		padding:0;
}

	#banner li {
		margin:0;
		padding:0;
		list-style:none;
		float:left;
	}
	#banner a {display:block;text-indent:-4000em;height:21px;}

	#banner .banner_start a {width:141px;background: url(banner_start.gif) no-repeat;}
#banner .banner_blank_lg a {width:352px;background: url(banner_blank_lg.gif) no-repeat;}
	#banner .banner_about a {width:59px;background: url(banner_about.gif) no-repeat;}
	#banner .banner_approach a {width:74px;background: url(banner_approach.gif) no-repeat;}
	#banner .banner_casestudies a {width:101px;background: url(banner_case_studies.gif) no-repeat;}
	#banner .banner_contact a {width:72px;background: url(banner_contact.gif) no-repeat;}
	#banner .banner_blog a {width:52px;background: url(banner_blog.gif) no-repeat;}
	
	#banner a:hover,
	#banner a.banner_active { background-position:0 -21px;}

#bannerbottom {width:850px; height:10px; background-color:#FFFFFF;
}

#rotating {width:850px; height:300px; background-color:#FFFFFF;
margin-bottom:10px;
}

#homeimage {width:850px; height:300; background-color:#FFFFFF;
}

#contentback {
width:850px;
}

#contentblank {
width:820px;
padding-left:30px;
min-height:500px;
background-color:#FFFFFF
}

#contentdiv {
	clear:both;
	width:850px;
background-image:url(home_background.gif);
background-repeat:repeat-y;
}

#column1 {width:270px; 
float:left;
}

#the_skinny {width:270px; height:25px; 
background-image:url(the_skinny.gif);
background-repeat:no-repeat;
}

#news_title {width:270px; height:25px; 
padding-left:20px;
background-image:url(in_the_news.gif);
background-repeat:no-repeat;
}

#welcome_text {width:270px; 
padding-top:5px;
padding-left:10px;
padding-right:15px;
margin-bottom:20px;
}

#column2 {width:270px; 
margin-left:15px;
float:left;
}

#feature_text {width:270px;
padding-top:8px;
padding-right:5px;
padding-bottom:8px;
}

#column3 {width:270px; float:left;
margin-left:15px;
}

#blog_text {width:270px; 
padding-top:5px;
padding-left:10px;
padding-right:10px;
margin-bottom:20px;
}

#news_text {width:100px; 
padding-top:5px;
margin-bottom:12px;
background-color:#CCCCCC;
}

#footer {width:850px;
height:43px;
margin-top:20px;
background-image:url(footer.gif);
background-repeat:repeat-x;
}

#footer_copyright {	width:681px;
height:44px;
padding-top:5px;
margin-bottom:0px;
float:left;
}

#d_a {	width:159px;
height:43px;
padding-top:1px;
}

#port_image {width:850px;
height:300px;
margin-left:10px;
margin-right:10px;
}

#case_menu {width:200px;
min-height:400px;
margin-top:15px;
padding-left:10px;
padding-right:10px;
float:left;
background-image:url(c_s_back.gif);
background-repeat:repeat-y;
}

#case_menu ul {
		margin:0;
		padding:0;
}

	#case_menu li {
		margin:0;
		padding:0;
		list-style:none;
}

#description {width:505px;
min-height:400px;
margin-top:15px;
padding-left:10px;
float:left;
}

#additional {width:145px;
float:left;
}

#news_text {width:203px; 
padding-top:0px;
padding-left:10px;
padding-right:10px;
margin-bottom:12px;
}

		#news_text .newsitem  .source {
			font-weight:bold;
			font-size:12px;}

		#news_text .bar {
			height:2px;
			width:185px;
			font-size:1px;
			line-height:0;
			margin:10px 0 7px 10px;
			background-image:url(185_news_bar.gif);}


#left_text {width:310px; 
min-height:500px;
padding-left:22px;
padding-top:2px;
}

#right_text {width:355px; 
min-height:500px;
padding-left:9px;
padding-top:2px;
}

#left_column {width:350px; 
float:left;
}

#right_column {width:355px; 
padding-left:10px;
padding-right:10px;
float:left;
}

#appr_text_l {width:475px; 
padding-right:5px;
float:left;
}

#appr_list {width:220px; 
padding-left:5px;
float:left;
}

#appr_text_r {width:455px; 
padding-right:5px;
padding-left:20px;
float:left;
}

#appr_image_r {width:350px; 
padding-right:20px;
float:right;
}

#appr_image_l{width:350px; 
float:left;
}

#random_banner{margin:0px;padding:0px;overflow:hidden;}

#addthis {
	clear: left;
}

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */