/* About Us Styling */

#about-us-column-container {
width: 200px;
background-color: #fff;
float: left;
margin: 280px 0px 0px 20px;}

#about-us-content-container {
width: 605px; /* 5px to allow shadow elemnts */
background-color: #fff;
float: left;
margin: 90px 0px 100px 70px;}

/********** Layout - Column **********/

/* Box - Page Title and Intro in Column */
#about-intro {
	width: 200px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #00aeef;
	overflow: hidden;}






/********** Layout - About Us **********/


.about-header {
	width: 500px;
	float: left;
	font-family: ReplicaProLight, helevetica, arial;
	font-size: 3.2em;
	font-weight: normal;
	color: #0088CE;
	padding-bottom: 18px;}

.about-subheader {
	width: 600px;
	float: left;
	font-family: ReplicaProRegular, helevetica, arial;
	font-size: 1.5em;
	font-weight: normal;
	color: #000;
	padding-bottom: 10px;
	border-bottom: 1px solid #C7C7C7;
	margin-bottom: 20px;}
	






	
.team-title {
	font-family: ReplicaProlight, helevetica, arial;
	font-size: 1.8em;
/* 	line-height: 18px; */
	color: #0088CE;
	float: left;
	margin: 20px 0px 18px 0px;
	}

#team-box {
	width: 600px;
	overflow: hidden;
	float: left;
	background-color: blue;
	margin: 0px 0px 18px 0px;
	}



.management-image  {
	width: 285px;
	overflow: hidden;
	float: right;
	/* background-color: blue; */
	margin: 0px 0px 0px 40px;}














/********** Layout - About Zcard - Dragable Team Element **********/
    .slider { margin: 0px 0px 0px 0px; }
    
	.scroll-pane { overflow: hidden; width: 600px; padding-bottom: 15px;}
	
	.scroll-content { white-space: nowrap; float: left; list-style-type: none; margin: 0 0 15px; }
	
	.scroll-content li { display: inline; position: relative; margin-right: -3px;}
	
	.scroll-content li:last-child { margin: 0; }
	
	.scroll-bar-wrap { clear: left; padding: 0 4px 0 2px; background-color: #D9D9D9; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc;}
	
	.scroll-bar-wrap .ui-slider { background: none; border:0; height: 19px; margin: 0 auto;  }
	
	.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }
	
	.scroll-bar-wrap .ui-slider-handle { position: absolute; top:1px; height: 15px; z-index: 2; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box;}
	
	.ui-state-default { background: url("../js/dragger/slider.png") repeat-x scroll 50% 50% #222222; border: 1px solid #004466; }
	
	.ui-state-hover, .ui-state-focus { background: url("../js/dragger/slider-hover.png") 50% 50% repeat-x; border: 1px solid #004466; }
	
	.scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0; position: relative; top: 50%; background: url("../js/dragger/ui-icons_cccccc_256x240.png") 0 -224px no-repeat; height: 16px; width: 16px; display: block; overflow: hidden; text-indent: -99999px;}
	
	.scroll-content img { height: 280px; }





























	
	
	
	




/********** About - Environmental **********/
#enviro-logo-box {
width: 605px;
/* background-color: blue; */
float: left;
margin: 20px 0px 0px 0px;
overflow: hidden;}	
		
#giraffe-logo {
width: 185px;
height: 140px;
float: left;
margin: 0px 0px 0px 0px;}	
	
#landtrust-logo {
width: 185px;
height: 140px;
float: left;
margin: 0px 0px 0px 24px;}	
	
#carbon-logo {
width: 185px;
height: 140px;
float: right;
margin: 0px 0px 0px 0px;}	
	
#fsc-logo {
width: 185px;
height: 140px;
float: left;
margin: 10px 0px 0px 100px;}

#paperround-logo {
width: 185px;
height: 140px;
float: right;
margin: 10px 105px 0px 0px;}









/********** About - Awards **********/
#awards-box-top {
width: 605px;
/* background-color: blue; */
float: left;
margin: 20px 0px 0px 0px;
overflow: hidden;}	

#awards-title-box-top {
width: 605px;
/* background-color: blue; */
float: left;
margin: 0px 0px 0px 0px;
overflow: hidden;}


#awards-box-bottom {
width: 605px;
/* background-color: blue; */
float: left;
margin: 0px 0px 0px 0px;
overflow: hidden;}

#awards-title-box-bottom {
width: 605px;
/* background-color: blue; */
float: left;
margin: 0px 0px 0px 0px;
overflow: hidden;}

	
#award-one, #award-two, #award-four, #award-five {
width: 188px;
height: 155px;
float: left;
margin: 0px 20px 0px 0px;}	

#award-three, #award-six {
width: 188px;
height: 155px;
float: left;
margin: 0px 0px 0px 0px;}	
	
.award-title {
width: 183px;
overflow: hidden;
text-align: center;
float: left;
background-color: white;
margin: 0px 0px 20px 0px;
font-family: ReplicaProRegular, helevetica, arial;
font-size: 1.2em;
line-height: 18px;
color: #0088CE;}

.award-title .black {color: #000;}
	
.award-title-spacer {
width: 25px;
height: 30px;
float: left;
margin: 0px 0px 0px 0px;}









/********** About - News **********/
.news-header {
	width: 620px;
	float: left;
	font-family: ReplicaProLight, helevetica, arial;
	font-size: 3.2em;
	font-weight: normal;
	color: #0088CE;
	padding-bottom: 10px;
	border-bottom: 1px solid #C7C7C7;
	margin-bottom: 20px;}	

p.news-date{
	font-weight: bold; 
	color: #0088CE;}

.news-item {
    height: 30px;
	width: 600px;
	float: left;
	padding-bottom: 0px;
	border-bottom: 0px solid #C7C7C7;
	margin-bottom: 0px;}

	
.month {
    height: 30px;
	width: 100px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 1.17em;
    font-weight: bold;
    color: #606060;
	line-height: 30px;
	padding: 0px 0px 0px 0px;
	border-bottom: 0px solid #C7C7C7;
	margin: 0px 0px 0px 0px;}

.nws-pr {
    height: 30px;
	width: 100px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 1.17em;
    color: #606060;
	line-height: 30px;
	padding: 0px 0px 0px 0px;
	border-bottom: 0px solid #C7C7C7;
	margin: 0px 0px 0px 0px;}

.title {
    height: 30px;
	width: 390px;
	float: left;
	line-height: 30px;
	padding: 0px 0px 0px 0px;
	border-bottom: 0px solid #C7C7C7;
	margin: 0px 0px 0px 0px;}

.title a:link,
.title a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.17em;
	color: #004466;
	line-height: 30px;
	text-decoration: none;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px dotted #fff;}

.title a:hover {color:#000;
	border-bottom: 1px dotted #888888;}