/* ---------------------- Universal Elements [UNI] ---------------------- */
body {
	margin-left: auto;
	margin-bottom: 32px;
	margin-right: auto;
	margin-top: 32px;
	background-color: #fdf9d2;
	color: #10689b;
	font-family: "Trebuchet MS", "ITC Officina Sans Book", "Lucida Grande", sans-serif;
	width: 724px;
	letter-spacing: .05em;}


/* ----- Common Elements [COM] ----- */
p {
	font-size: 9pt;
	text-align: left;
	color: #10689b;
	line-height: 1.4em;
	font-weight:lighter;
	display: block;
	float: none;
	padding-bottom: 12px;
	letter-spacing: .05em}
	p.toppad {padding-top: 12px;}

p a {
	color: #e58908;
	font-weight: bold;}
	
img {border: none;}
	img.extendedpic {border: 1px solid #fff;}

strong {
	font-style: italic;
	font-weight: bold;
	font-size: 110%;}

ul.actualist {
	list-style: disc;
	font-size: 9pt;
	margin: -10px 0 12px 25px;
	line-height: 11pt;}

.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.center {text-align: center; clear: both;}
.bold {font-style: italic; font-weight: bold;}


/* ----- Heading (H tag) Formats [H] ----- */
h1 {
	color: #10689b;
	font-size: 12pt;
	letter-spacing: 2px;}
	
	h1.bar {
		background: #c3d9e6;
		font-size: 8pt;
		padding: 5px;
		text-align: center;
		border-bottom: 2px solid #10689B;
		margin: -16px -16px 16px -16px;}
	
	#contact h1 {padding-bottom: 9.6pt;}

h2{
	color: #10689b;
	font-size: 10.2pt;
	font-weight: bold;
	padding-bottom: 8px;
	line-height: 11pt;
	clear: both;}

h3{
	color: #10689b;
	font-size: 9pt;
	font-weight: bold;
	font-style: italic;
	line-height: 22.5pt;
	clear:both;}
	
h4{
	color: #10689b;
	font-size: .9em;
	font-weight:bold;
	margin-bottom:-0.5em;
	text-align: center;
	clear:both;}


/* ----- Navigation [NAV] ----- */
ul.navbar {
	border: solid #10689b 2px;
}

ul.navbar li {
	display: inline;
	float: left;
	border-right: #fff 1px solid;}

ul.navbar li.last {
	border:none;}

ul.navbar a {
	display:block;
	color:white;
	text-decoration:none;
	padding: .5em .8em;
	background-color: #e58908;
	font-size: .7em;
	letter-spacing: .15em;}

.navbar a:hover{
	background-color: #F4965B;
	color: #10689b;}

body#approach li#approach a, body#partners li#partners a,
body#news li#news a, body#team li#team a, body#contact li#contact a,
body#blog li#blog a, body#case li#case a,
body#extended li#extended a, body#services li#services a {
	background-color: #10689b;
	color: white;
	cursor: default;}

#topnav {
	margin: 32px -4px 0 0;
	float: right;
	border-bottom: 0;
}

#botnav {
	float: left;
	border-top: 0;
}


/* ----- FullPage Elements [FULL] ----- */
#FandP {
	margin-left: 4px;
	float: left;}

#bloco{
	float: right;
	margin-top:16px;}

#mainpage {
	float:left;
	background-color: #10689b;
	padding: 2px;
	display: block;
	width: 100%;
	position: relative;
	z-index: 0;}

#copyright {
	font-size: .6em;
	letter-spacing: .1em;
	float: right;
	padding: .7em 0;}


/* ---------------------- Wrapper Elements [WRAP] ---------------------- */
.box_white, .case_white, .ext_case_white,
.ext_jumpoff, .case_blue, .ext_case_blue {
	background-color: #fff;
	margin: 2px;
	padding: 16px;
	float: left;
	display: inline;
	overflow: hidden;
	z-index: 1;}

	.ext_jumpoff {
		position: absolute;
		width: 326px; 
		height: 195px; 
		top: 79px; 
		left: 183px;}

	.ext_case_blue {
		background-color: #b8d2e1;
		padding: 0;
		height: 384px;
		width: 224px;}
	
	.case_blue {
		background-color: #b8d2e1;
		height: 352px;
		width: 192px;}
		
			.case_blue ul {
				text-align: right;
				font-size: 8.4pt;
				line-height: 15.5pt;}
				
			.case_blue ul.tight {
				font-size: 7.8pt;
				line-height: 11.7pt;
				margin-top: -9px;}
				
			.case_blue ul.news {
				font-size: 8.4pt;
				line-height: 12pt;
				text-align: left;
				margin-top: 10px;}
					ul.news li {margin-bottom: 12px;}
					ul.news a {color: #10689B;}

	.case_white {
		margin-left: -1px;
		width: 495px;
		height: 384px;
		padding: 0;}
		
	.ext_case_white {
		margin-left: -1px;
		width: 463px;
		height: 352px;}

		#partners p, #approach p {
			font-size: 9.6pt;
			line-height: 13.3pt;
			padding: 16px;
		}
		

#ll_button, #lr_button, #tr_button, #ll_button_inset {
	position: absolute;
	border: none;
	font-size: 8.5pt}
	
	#ll_button {
		bottom: 16px;
		left: 16px;}
		#ll_button_inset {right: 516px; bottom: 16px;}

	
	#lr_button {
		bottom: 16px;
		right: 16px;}

	#tr_button {
		top: 16px;
		right: 16px;
		cursor: pointer;}

iframe {
	display: block;
	width: 493px;
	height: 314px;
	overflow: auto;
	margin: 1px;
	border: 0;}

#fp_news_boiler {
	margin: -1px;}

/* ----- Flash Case-Study Elements [CASE] ----- */
#rotator {
	border: solid #10689B 1px;
	height: 283px;
	width: 400px;
	position: absolute;
	top: 47px;
	left: 40px;
	background-color: #FFF;
	z-index: 2;}
	
.case_white h2 {
	padding-left: 237px;
	padding-top: 32px;}

.case_white ul {
	padding-left: 237px;
	padding-bottom: 8px;}

.case_white li{
	display: inline;
	padding: 3px;}

.case_white li a:hover {
	background-color: #F4965B;}

.case_white li a {
	text-decoration: none;
	background-color: #e58908;
	padding: 1px}

	body.sq1 a#sq1, body.sq2 a#sq2, body.sq3 a#sq3,
	body.sq4 a#sq4, body.sq5 a#sq5, body.sq6 a#sq6,
	body.sq7 a#sq7, body.sq8 a#sq8, body.sq9 a#sq9
		{background-color: #10689b;
		cursor: default;}

.case_white div {
	left: -999em;
	width: 240px;
	height: 285px;
	overflow: hidden;
	position: absolute;}
	
	body.sq1 #info1, body.sq2 #info2, body.sq3 #info3,
	body.sq4 #info4, body.sq5 #info5, body.sq6 #info6,
	body.sq7 #info7, body.sq8 #info8, body.sq9 #info9
		{left: 464px;}

.caselink {
	font-size: 8pt;
	font-weight: bold;
	display: inline;
	margin: 8px;
	color: #000;
	letter-spacing: 2px;}

.caselink a {
	color: #10689b;
	text-decoration: none;
	border-bottom: 1px dotted #000;}

.caselink a:hover {
	border: 0;
	color: #000;}
	
#award{
	right: 0;
	bottom: 0;
	position: absolute;}
	
#award2{
	right: 0;
	bottom: .5em;
	position: absolute;}
	
#awardADDY{
	right: -5px;
	bottom: .5em;
	position: absolute;}