/************* GENERAL STYLES ***/
* { margin: 0; padding: 0; }

section li { margin-left: 16px; }

html, body {
	text-align: left;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: #333;
	line-height: 1.5;
	background: #333; }

	/*** FONT STYLES ***/	
	h1, h2 { 
		font-size: 24px; 
		font-weight: normal;
		font-family: 'PT Sans', sans-serif;
		color: #ff8a00;
		margin: 20px 0 10px;
		border-top: 1px solid #008bae; }
		
	h3 {
		font-size: 18px;
		font-weight: normal;
		font-family: 'PT Sans', sans-serif;
		color: #275db5;
		margin: 0 0 10px; }
		
		h3 span { color: #333; }
	
	a:link, a:visited { 
		color: #275db5;
		text-decoration: none; }
		
	a:hover { text-decoration: underline; }
		
	a img { border: none; }
	
	p { margin-bottom: 16px; }
	
	:focus { outline:none; }
	
	.center { text-align: center; }

/************* STRUCTURE STYLES ***/
#page {
	width: 100%;
	float: left;
	background: #fff; }

.wrapper {
	width: 900px;
	padding: 0 50px;
	margin: 0 auto; }
	
.fullWidth {
	width: 100%;
	float: left; }
	
	/*** HEADER ***/
	header { background: #333; }
		
		img.logo {
			width: 487px;
			height: 68px;
			float: left;
			margin: 35px 0; }
			
		header .lang {
			color: #777;
			float: right;
			margin: 15px 0 0; }
			
			header .lang a { 
				color: #fff;
				margin: 0 5px; }
				
			header .lang a:hover {
				text-decoration: none;
				color: #ff8a00; }
			
	#header {
		height: 241px;
		background: #c7c7c7; }
		
		#header.home { background: url(../images/header_bg1.jpg) bottom center no-repeat #c7c7c7; }
		#header.structure { background: url(../images/header_bg2-v5.jpg) bottom center no-repeat #c7c7c7; }
		#header.process { background: url(../images/header_bg3.jpg) bottom center no-repeat #c7c7c7; }
		#header.team { background: url(../images/header_bg_team-v2.jpg) bottom center no-repeat #c7c7c7; }
		#header.blog { background: url(../images/header_bg6-v2.jpg) bottom center no-repeat #c7c7c7; }
		#header.history { background: url(../images/header_bg5.jpg) bottom center no-repeat #c7c7c7; }
		
		/*** NAV ***/
		nav { 
			height: 40px;
			padding: 0 0 8px;
			background: url(../images/nav_bg.png) top left repeat-x;
			font-size: 20px;
			font-weight: bold;
			font-family: Palatino, serif; }
			
			nav a:link, nav a:visited { 
				color: #fff;
				text-shadow: 0px 0px 1px #000; }
				
				nav a:hover {
					text-decoration: none;
					color: #eee; }
			
			nav ul { 
				width: 900px;
				float: left;
				list-style: none;
				text-align: center;
				line-height: 40px; }
			
				nav ul li { 
					height: 40px;
					display: inline-block;
					padding: 0 27px 0 20px;
					background: url(../images/nav_divider.png) top right no-repeat;
					zoom: 1;
					*display: inline; }
					
				nav ul li.last { background: none; }
				
	/*** SECTION ***/
	section {
		width: 900px;
		min-height: 500px;
		float: left;
		padding: 10px 0 30px; }
		
		article {
			width: 613px;
			float: left; }
			
			#latestBlogPost {
				width: 613px;
				float: left; }
				
				#latestBlogPost .pic {
					width: 613px;
					height: 160px;
					float: left;
					margin: 0 0 10px;
					position: relative; }
					
					#latestBlogPost .pic a {
						width: 613px;
						height: 160px;
						float: left;
						overflow: hidden; }
					
					#latestBlogPost .pic a img { 
						width: 613px;
						display: block; }
						
					#latestBlogPost .pic .date {
						width: 55px;
						height: 45px;
						padding: 10px 0 0;
						position: absolute;
						z-index: 10;
						left: -5px;
						top: -5px;
						background: #87ae00;
						font-size: 24px;
						font-family: 'PT Sans', sans-serif;
						color: #fff;
						text-align: center;
						text-transform: uppercase;
						line-height: 18px; }
						
						#latestBlogPost .pic .date small { font-size: 15px; }
						
				.share {
					width: 540px;
					float: left;
					padding: 10px 0;
					margin: 5px 0 0;
					border-top: 1px solid #d0d0d0;
					border-bottom: 1px solid #d0d0d0; }
					
					.share strong { 
						display: block;
						margin: 0 0 6px; }
					
					.share img { 
						float: left;
						margin: 0 15px 0 0; }
						
		/*** STRUCTURE - PROCESS ***/
		img.structure {
			width: 900px;
			float: left;
			margin: 25px 0 0; }
			
		img.process {
			width: 900px;
			float: left; }
			
		/*** TEAM ***/
		#ourTeam {
			width: 513px;
			float: left; }
			
			#ourTeam .member {
				width: 513px;
				float: left;
				margin: 0 0 20px; }
				
			#ourTeam h3 { margin: 0; }
			
			#ourTeam .title { font-style: italic; }
			
			#ourTeam .info {
				width: 513px;
				float: left;
				margin: 10px 0 8px; }
				
			#ourTeam .vcard img { 
				vertical-align: top;
				margin: 0 5px 0 0; }
			
			#ourTeam .vcard a { color: #757575; }
			
				#ourTeam .vcard a:hover { 
					color: #333;
					text-decoration: none; }
					
		#officeInfo {
			width: 343px;
			float: right; }
			
		#contact {
			width: 900px;
			float: left;
			margin: 30px 0 0;
			border-top: 1px solid #008bae; }
			
			#contact div {
				width: 513px;
				float: left; }
				
			#contact h2 { 
				border: none;
				margin-top: 2px; }
				
			#contact h3 img.btn { 
				vertical-align: middle;
				margin: -5px 0 0 5px; }
				
			#contact form {
				width: 343px;
				float: right;
				margin: 15px 0 0; }
				
				#contact form label { 
					width: 343px;
					float: left;
					font-weight: bold; }
				
				#contact form input.text, #contact form textarea.text {
					width: 331px;
					float: left;
					padding: 10px 5px;
					margin: 2px 0 12px;
					border: 1px solid #aaa;
					background: #f5f5f5;
					font: inherit; }
					
				#contact form textarea { height: 80px; }
				
				#contact form input:hover, #contact form input:focus, #contact form textarea:hover, #contact form textarea:focus { border-color: #7b7b7b; }
				form input.input_email {
						width: 237px;
						height: 33px;
						float: left;
						padding: 0 0 0 7px;
						background: #fff;
						border: 1px solid #a0a0a0;
						border-right: none;
						font: inherit;
						font-size: 14px; }
						
				form input.submit {
					width: 77px;
					height: 35px;
					float: right;
					background: url(../images/btn_send.png) no-repeat;
					border: none;
			
					cursor: pointer; }
			
			/*** TWITTER ***/
			#twitter {
				width: 226px;
				float: right;
				padding: 5px 0 0; }
				
				#twitter h2 a { font-size: 23px;color: #6bcaf4; }
				
				#twitter h2 img { vertical-align: top; margin: 3px 5px 0 0; }
				
				#twitter .tweet ul { list-style: none; }
				
					#twitter .tweet ul li { margin: 0 0 15px; }
					
					#twitter .tweet span.tweet_time a { 
						font-size: 12px;
						font-family: Georgia, serif;
						color: #9c9c9c;
						font-style: italic; }
					
		/*** BLOG ***/
		.blogPost {
			width: 630px;
			float: left;
			margin: 0 0 40px; }
			
			.blogPost .date {
				width: 100px;
				height: 82px;
				float: left;
				padding: 18px 0 0;
				background: #87ae00;
				text-align: center;
				font-size: 48px;
				font-weight: bold;
				font-family: 'PT Sans', sans-serif;
				color: #fff;
				line-height: 38px; }
				
				.blogPost .date span { 
					display: block;
					font-size: 24px; }
					
			.blogPost .blogContent {
				width: 100%;
				float: left; }
						
		/*** ASIDE ***/
		aside {
			width: 243px;
			float: right; }
			
			aside h2 {
				height: 36px;
				padding: 0 0 0 10px;
				margin: 20px 0 0;
				line-height: 36px;
				color: #fff;
				background: url(../images/aside_h2.jpg) top left repeat-x;
				border: 1px solid #c16800; }
				
			aside .box {
				width: 221px;
				float: left;
				padding: 10px;
				background: #f5f5f5;
				border: 1px solid #d0d0d0; }
				
			aside .box img { 
				height: 27px;
				float: left; }
				
				aside .box img.csa { float: right; }
	
	/*** TIMELINE ***/
	#timeline {
		width: 900px;
		float: left;
		padding: 20px 0;
		border-top: 1px solid #008bae;
		position: relative; }
			
	#timeline { height: 1%; overflow: hidden; }
	#timeline .viewport { float: left; width: 840px; height: 150px; margin: 0 30px; overflow: hidden; position: relative; }
	#timeline .disable span { background-position: top !important; }
	#timeline .disable { cursor: default; }
	#timeline .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 840px; left: 0 top: 0; }
	
	#timeline a.buttons {
		width: 15px;
		height: 67px;
		float: left;
		position: absolute;
		top: 20px; }
		
		#timeline a.next { 
			right: 0;
			background: url(../images/icon_next.png) center center no-repeat #008bae; }
			
		#timeline a.prev { 
			left: 0;
			background: url(../images/icon_prev.png) center center no-repeat #008bae; }
			
		#timeline a.buttons:hover { background-color: #00728f; }
		
		#timeline a.disable { background-color: #d7d7d7; }
		#timeline a.disable:hover { background-color: #d7d7d7; }
	
	#timeline_history {
		width: 840px;
		float: left; }
		
		#timeline_history div.history {
			width: 260px;
			float: left;
			margin: 0 20px 0 0;
			padding-right:10px;
			border-right: 1px solid #b7b7b7;
			font-size: 12px; }
			
		#timeline_history div.last { margin: 0; }
		
		#timeline_history h4 {
			font-size: 18px;
			font-weight: bold;
			color: #424242; }
			
		#timeline_history div p {
			width: 150px;
			font-size: 13px;
			float: right; }
			
		#timeline_history div img {
			width: 100px;
			height: 67px;
			float: left;
			margin: 0 10px 0 0;
			background: #aaa; }
			
			/*** TIMELINE ON HOME PAGE ***/
			#timelineWrap {
			    width: 900px;
			    float: left; }
			
			#timeline.index {
			    width: 613px;
			    padding: 0;
			    border: none;
			    color: #424242; }
			    
			    #timeline.index .viewport, #timeline.index .overview, #timeline.index #timeline_history { width: 553px; }
			    
			    #timeline.index .viewport { 
			    	height: 110px;
			    	margin: 0 30px; }
			    
			    #timeline.index .history { 
			    	width: 251px;
			    	height: 90px;
			    	padding: 10px;
			    	margin: 0 11px 0 0;
			    	background: #f2f2f2; }
			    	
			    	#timeline.index #timeline_history div img { 
			    		width: 90px;
			    		height: 90px;
			    		margin: 0 10px 0 0; }
			    	
			    	#timeline.index h4 {
			    		font-size: 16px;
			    		line-height: normal;
			    		margin: 0 0 8px;
			    		font-weight: normal; }
			    		
			    		#timeline.index h4 a { color: #424242; }
			    	
			    	#timeline.index p { 
			    		width: auto;
			    		float: none; }
			    	
			    	#timeline.index a.buttons {
			    		height: 110px;
			    		top: 0;
			    		background-color: #555; }
			    		
			    		#timeline.index a.buttons:hover { background-color: #777; }
			    		
			    	#timeline.index a.disable { opacity: 0.3; }
			    	
			    	#timeline.index a.disable:hover { background-color: #555; }
			    	
			    #timelineWrap img.ad { 
			    	width: 243px;
			    	height: 110px;
			    	float: right; }
	
	/*** TIMELINE ON HISTORY PAGE ***/	
	#timeline.ourHistory {
		width: 900px;
		padding: 0;
		border: none;
		color: #424242; }
		
		#timeline.ourHistory .viewport, #timeline.ourHistory .overview, #timeline.ourHistory #timeline_history { width: 840px; }
		
		#timeline.ourHistory .viewport { 
			height: 155px;
			margin: 0 30px; }
		
		#timeline.ourHistory .history { 
			width: 394px;
			height: 135px;
			padding: 10px;
			margin: 0 12px 0 0;
			background: #f2f2f2; }
			
			#timeline.ourHistory #timeline_history div.history { font-size: 14px; }
			
			#timeline.ourHistory #timeline_history div img { 
				width: 200px;
				height: 135px;
				margin: 0 10px 0 0; }
			
			#timeline.ourHistory h4 {
				font-size: 19px;
				line-height: normal;
				margin: 0 0 8px;
				font-weight: bold; }
			
			#timeline.ourHistory p { 
				width: auto;
				float: none; }
			
			#timeline.ourHistory a.buttons {
				height: 155px;
				top: 0;
				background-color: #555; }
				
				#timeline.ourHistory a.buttons:hover { background-color: #777; }
				
			#timeline.ourHistory a.disable { opacity: 0.3; }
			
			#timeline.ourHistory a.disable:hover { background-color: #555; }
			
	/*** FOOTER ***/
	footer {
		padding: 20px 0;
		background: #333;
		border-top: 1px solid #282828;
		font-size: 12px;
		color: #fff; }
		
		footer a:link, footer a:visited { color: #fff; }
		
		footer .orange, footer .orange a:link, footer .orange a:visited { color: #ff9c00; }
		
		footer .box {
			height: 97px;
			float: left;
			border-right: 1px solid #787878; }
			
			footer .loop {
				width: 113px;
				height: 75px;
				padding: 22px 0 0;
				font-size: 18px; }
				
			footer .twitter { 
				width: 132px;
				font-size: 14px;
				text-align: center;
				line-height: 97px; }
				
				footer .twitter img { 
					vertical-align: middle;
					margin: 0 3px 0 0; }
				
			footer .portfolio {
				width: 143px;
				font-size: 14px;
				text-align: center;
				line-height: 97px; }
				
			footer .signup {
				width: 489px;
				float: right; }
				
				footer .signup .text {
					width: 150px;
					float: left;
					margin: 20px 0 0; }
				
				footer .signup .orange {
					font-size: 14px;
					display: block; }
					
				footer .signup form {
					width: 318px;
					margin: 80px 80px 0; }
					
					footer .signup form input.input {
						width: 237px;
						height: 33px;
						float: left;
						padding: 0 0 0 7px;
						background: #fff;
						border: 1px solid #a0a0a0;
						border-right: none;
						font: inherit;
						font-size: 14px; }
						
					footer .signup form input.submit {
						width: 73px;
						height: 35px;
						float: left;
						background: url(../images/btn_submit.png) no-repeat;
						border: none;
						cursor: pointer; }
						
		footer .bottom {
			width: 900px;
			float: left;
			padding: 20px 0 0;
			margin: 20px 0 0;
			border-top: 1px solid #787878; }
			
			footer .bottom span.left { float: left; }
			footer .bottom span.right { float: right; }
			
			footer .bottom span.nav { 
				float: left;
				margin: 0 0 0 70px; }
				
				footer a.addthis_button {
					float: left;
					margin: 10px 0 0; }
					
					footer .trackie_group {
						position: absolute;
						display: block;
						margin-left: 860px;
						margin-top: 25px; }
				
	/*** COMING SOON ***/
	#comingSoon, #portfolioStrategies {
		width: 550px;
		height: 180px;
		padding: 20px 0;
		background: #f5fdff;
		text-align: center;
		font-size: 16px; }
		
		#comingSoon strong, #portfolioStrategies strong {
			font-size: 23px;
			color: #ff8a00; }
			
		#comingSoon form, #portfolioStrategies form {
			width: 318px;
			float: left;
			margin: 20px 0 0 116px; }
			
			#comingSoon form input.input, #portfolioStrategies form input.input {
				width: 237px;
				height: 33px;
				float: left;
				padding: 0 0 0 7px;
				background: #fff;
				border: 1px solid #a0a0a0;
				border-right: none;
				font: inherit;
				font-size: 14px; }
						
			#comingSoon form input.submit, #portfolioStrategies form input.submit {
				width: 73px;
				height: 35px;
				float: left;
				background: url(../images/btn_submit.png) no-repeat;
				border: none;
				cursor: pointer; }
				
			#fancybox-content { border-color: #f5fdff; }