/* BEGIN XHTML tag definitions */

body {
	font-family:"Trebuchet MS", Arial, sans-serif;
	background-color:#fff;
	color:#fff;
	margin:0 auto;
}

input {
	border:1px solid #8cc741;
	font-size:0.9em;
}

textarea {
	border:1px solid #8cc741;
}

ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

h2, h2 a, h2 a:visited{
	font-size:3em;
	color:#1BA9AE;
	font-weight:normal;
}

#content h2 {margin: 20px 0;}
	#content ul {margin-top: 10px;}
	#content ul li {list-style-type: circle;}
	#content p a {color: #1BA9AE;}

a, a:visited {
	color:#fff;
	text-decoration:none;
}

a:hover {
	color:#c5dfef;
}

p{
	font-weight: normal;
	font-size:1.1em;
	line-height:1.1em;
}
p a{
	color:#000;
	text-decoration:none;
}
p a:hover{
	color:#c5dfef;
	text-decoration:none;
}

/* END XHTML tag definitions */

/* BEGIN XHTML id definitions */

div#wrapper {
	width: 1035px;
	height: 779px;
	margin: 0 auto 0;
	padding: 0;
	border:1px solid #fff;
}

div#inner_wrapper {
	margin:75px 0 0 123px;
	width:800px;
	height:480px;
	background-color:#fff;
}

div#inner_wrapper-client {
        margin:75px 0 0 123px;
        width:800px;
        height:575px;
        background-color:#fff;
}

div#green_spacer {
	margin:0;
	padding:0;
	width:129px;
	height:244px;
	background:#8cc741;
	float:left;
}

div#flash_banner {
	width:666px;
	height:244px;
	background:#58595b;
	float:right;
}

div#main_nav_footer {
	margin:0 0 0 123px;
	background:#58595b;
	width:800px;
	height:40px;
}

div#main_nav_container {
	float:right;
	text-align:right;
	margin-top:10px;
	padding-right:30px;
}

ul#navigator li {
	display:inline;
	padding:10px;
	font-size:small;
	
}

#client-table {
	border-collapse:collapse;
	font-weight:normal;
	width:90%;
}
	#client-table li {color: #000000;}

#contact_us_spacer {
	font-size:0.7em;
	padding:24px 0 0 13px;
	height:220px;
	width:217px;
}
#contact_us_spacer h2{
	margin-top:0;
}
#profile_spacer {
	height:244px;
	width:230px
}
#news_spacer {
	height:244px;
	width:230px
}

div#contact_left {
	float:left;
	height:460px;
	width:230px;
	padding:0;
}

div#contact_right {
	float:right;
	min-height:360px;
	width:475px;
	color:#000;
	padding:35px 50px 0 35px;
	font-size:0.7em;
	font-weight:bold;
}

div#profile_left {
	float:left;
	height:460px;
	width:230px;
}

div#profile_right {
	float:right;
	min-height:380px;
	width:475px;
	color:#000;
	padding:0px 50px 0 35px;
	font-size:0.7em;
	font-weight:bold;
	position: relative;
}

div#news_left {
	float:left;
	height:460px;
	width:230px;
}

div#news_right, #port_right {
	float:right;
	min-height:380px;
	width:475px;
	color:#000;
	padding:15px 50px 0 35px;
	font-size:0.7em;
	font-weight:bold;
}
#news_right p, #news_right li {font-size: 12px;}

#news_right #content {height: 375px; }
	#news_right #overflow {height: 295px; overflow: auto;}

#ocb_contact_information {
	padding:25px 0 0 25px;
}

#ocb_contact_information a, ocb_contact_information a:visited {
	color:#000;
}

#ocb_contact_information a:hover {
	color:#c5dfef;
}

#profile_nav{
	position:absolute;
	top:430px;
	height:50px;
	width:475px;
}
#profile_nav_stem{
	position: absolute;
	top: 450px;
	left: 157px;
	width:4px;
	height:30px;
	background-color:#96BF55;
}
#profile_nav ul{
	font-weight:normal;
	font-size:1.1em;
	list-style:none;
	background-color:#96BF55;
	text-align:left;
	overflow: hidden;
	padding-left: 30px;
}
#profile_nav li{
	display:block;
	float:left;
	height:20px;
	background-color:#96BF55;
}
#profile_nav li a{
	color:#000000;
	display:block;
	height:14px;
	width:100%;
	padding: 3px 5px 3px 5px;
}
#profile_nav li a:hover{
	color:#E4F0DC;
}

#profile_nav #overview{
	width:98px;
}
#profile_nav li .selected {
	color:#FFFFFF;
}


#profile_nav #vision{
	width:83px;
}
div.profile_vision #vision a{
	color:#FFFFFF;
}

#profile_nav #team{
	width:80px;
}
div.profile_team #team a{
	color:#FFFFFF;
}

#profile_nav #media{
	width:85px;
}
div.profile_media #media a{
	color:#FFFFFF;
}

#profile_nav #careers{
	width:70px;
}
div.profile_careers #careers a{
	color:#FFFFFF;
}

#news_nav{
	position:absolute;
	top:506px;
	height:50px;
	width:475px;
}
#news_nav_stem, #port_nav_stem {
	float:left;
	margin:40px 0 0 300px;
	width:4px;
	height:30px;
	background-color:#96BF55;
}
#port_nav_stem {margin-left: 230px; position: absolute; top: 410px; }
#news_nav ul{
	font-weight:normal;
	font-size:1.1em;
	list-style:none;
	background-color:#96BF55;
	text-align:left;
	overflow: hidden;
	padding-left: 90px;
}
#port_right .port_nav ul {padding-left: 25px;}
#news_nav li{
	display:block;
	float:left;
	height:20px;
	background-color:#96BF55;
}
#news_nav li a{
	color:#000000;
	display:block;
	height:14px;
	width:100%;
	padding: 3px 5px 3px 5px;
}
#news_nav li a:hover{
	color:#E4F0DC;
}

#news_nav #news{
	width:103px;
}
#news_nav li .selected {
	color:#FFFFFF;
}

#news_nav #newsletters{
	width:140px;
}
div.news_newsletters #newsletters a{
	color:#FFFFFF;
}

#news_nav #press{
	width:74px;
}
div.news_press #press a{
	color:#FFFFFF;
}


/* PORTFOLIO */

#port_right {width: 495px; padding-right: 30px; position: relative;}
#port_right .port_nav {width: 495px; top: 430px; }
#port_right .portText {width: 180px; float: left; font-size: 10px; }
	#port_right .portText p {font-size: 10px; line-height: 1.3; text-align: justify; margin-top: 0;}
	#port_right .portText p span {color: #8cc641; }
#photoGrande {float: right; width: 285px; height: 212px; overflow: hidden; position: relative;}
	#photoGrande img {display: block; float: left; margin-right: 10px;}
	#photoGrande div {position: absolute; top: 0; left: 0; width: 10000px; height: 212px; overflow: hidden;}
#indice {position: absolute; top: 328px; text-align: right; width: 300px; }
	#indice span {padding-left: 5px; font-weight: normal; color: #00a79d; cursor: pointer;}
	#indice span:hover {color: #a0a0a0;}
	
#portSec1, #portSec2, #portSec3 {overflow: hidden;}
#port_right .port_nav ul #btnPort1 {margin-right: 40px;}
#port_right .port_nav ul #btnPort2 {margin-right: 40px;}
#port_right .port_nav ul #btnPort3 {}
.port_nav ul li {cursor: pointer; line-height: 19px;}

#port_right .port_thumbs {width: 735px; clear: both; position: absolute; top: 355px; overflow: hidden;}
	.port_thumbs img {display: block; cursor: pointer; padding: 3px; }
	.port_thumbs li {display: block; float: left; margin-right: 5px; width: 81px; }

#contact_form {
	margin-top:10px;
	padding-top:10px;
	padding-right:10px;
	height:281px;
	width:478px;
	background:url(../images/backgrounds/contact-us-right-div.png) no-repeat;
}

#contact_form_top {

}

#contact_form_middle {

}

#contact_form_bottom {
	clear:both;
}

#contact_form_middle_left {
	width:235px;
	float:left;
}

#contact_form_middle_right {
	width:235px;
	float:right;
}

#contact_form_bottom_left {
	width:235px;
	float:left;
}

#contact_submit {
	padding:20px 0 0 75px;
}

#contact_form_bottom_right {
	width:235px;
	float:right;
}

#ocb_link {
	padding:60px 0 0 31px;
	font-size:1.1em;
}

#ocb_link a, #ocb_link a:visited {
	color:#252525;
}

#ocb_link a:hover {
	color:#8cc741;
}

#contact_comments {
	float:left;
	margin:45px 0 0 85px;
}

#contact_comments_textarea {
	clear:left;
	margin:0 0 0 20px;
	padding-top:15px;
}

#contact_ocb {
	float:right;
	margin:51px 44px 0 0;
}

#contact_ocb a, #contact_ocb a:visited {
	color:#000;
}

#contact_ocb a:hover {
	color:#8cc741;
}

#contact_from_tree_logo {
	float:left;
	padding:30px 0 0 0;
}

#contact_table {
	border-collapse:collapse;
	margin-top:25px;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
#contact_from_tree_logo {
	padding:10px 0 0 0;
}
#contact_form_middle_left {
	margin-top:-20px;
}
#contact_form_middle_right {
	margin-top:-23px;
}
}

/* END XHTML id definitions */

/* BEGIN definitions of background images */

div.index-page-layout {
	background:url(../images/backgrounds/index-page.jpg) no-repeat top;
}

div.contact-page-layout {
	background:url(../images/backgrounds/index-page.jpg) no-repeat top;
}

div.profile-page-layout {
	background:url(../images/backgrounds/profile.jpg) no-repeat top;
}

div.news-page-layout {
	background:url(../images/backgrounds/news.jpg) no-repeat top;
}

/* END definitions of background images */

/* BEGIN general class definitions */

div.leaf {
	width:20px;
	height:20px;
	float:left;
	margin-left:-28px;
	margin-top:-2px;
	background:url(../images/leaf.png) no-repeat top;
}

.green {
	color:#8cc741;
}

.highlight {
	color:#6CAA26;
}

.justified {
	text-align:justify;
}

.form_caption {
	font-size:0.9em;
	text-align:right;
}

.error {
	color:#b00;
}

/* END general class definitions */