@charset "utf-8";
/* CSS Document */

body {
font-family:Arial, Helvetica, sans-serif;
background:#fff;}

strong {
font-weight:bold;}

/* top container (header and logo are in this div) */
#top-container {
width:100%;
margin:0 auto;
background:url(../images/bg-top.gif) repeat-x bottom;}

/* header (logo and main nav are in this div) */
#header {
width:950px;
margin:0 auto 0 auto;}

	#header .logo {
	float:left;
	margin:30px 0 30px 0;
	padding-left:10px;}
	
	#header .nav {
	float:right;
	margin:40px 0 0 0;}
	
		#header .nav li {
		display:inline;}
		
			#header .nav li a {
			display:inline-block;
			color:#555;
			font-size:14px;
			padding:7px 12px;
			text-decoration:none;}

				#header .nav li a:hover {
				background:#000;
				color:#FFF;}
				
				#header .nav li.current a {
				background:#e74f2b;
				color:#fff;}

/* banner (main banner and client logos) */
#banner {
width:950px;
height:250px;
margin:0 auto;
background:url(../images/banner.gif) no-repeat top;}

	#banner .client {
	float:right;
	background:#fff url(../images/title-client.gif) no-repeat left;
	height:40px;
	margin:200px -30px 0 0;
	padding:10px 10px 0 35px;
	z-index:99999;}

/* bottom container (content container is in this div) */
#bottom-container {
width:100%;
margin:0 auto;
background:#f1f1f1;}

/* content container {left and main panel are in this div} */
#content-container {
width:950px;
margin:0 auto;}

/* left panel (left sidebar) */
#left-panel {
float:left;
width:240px;
background:#e1e1e1 url(../images/bg-globe.jpg) no-repeat top;
margin-top:-181px;
padding:250px 0 25px 0;
text-align:center;}

	#left-panel h2 {
	color:#555;
	font:normal 15px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin-bottom:25px;}

	#left-panel ul {
	margin-bottom:25px;}
	
		#left-panel li {
		font:normal 14px Arial, Helvetica, sans-serif;
		color:#666;
		border-bottom:#9d9d9d dotted 1px;
		padding:5px 0;
		text-transform:capitalize;}
		
			#left-panel li.end {
			border:none;}

/* main panel (main content area) */
#main-panel {
float:right;
width:710px;}

#main-panel .text-area {
padding:50px 20px 50px 50px;
font:normal 12px Arial, Helvetica, sans-serif;
color:#555;
line-height:20px;}

	#main-panel .blockquote {
	margin:20px 50px}
	
		#main-panel .blockquote p {
		margin-bottom:5px;}

	#main-panel ul {
	margin-bottom:20px;}
	
	#main-panel li {
	list-style:outside disc;
	margin-left:20px;}

	#main-panel .float-left {
	float:left;
	margin-right:50px;}

	#main-panel .float-text-area {
	float:right;
	width:510px;}

	#main-panel img.client-logo {
	float:left;
	margin-bottom:50px;}

	#main-panel a {
	color:#ff8400;
	text-decoration:none;}
	
		#main-panel a:hover {
		color:#007eff;}

	#main-panel ul.news {}
	
		#main-panel .collapse {
		width:550px;
		padding-left:20px;}
		
			#main-panel .collapse p {
			margin-bottom:40px;}
	
		#main-panel ul.news li {
		font:bold 12px Arial, Helvetica, sans-serif;
		text-transform:capitalize;
		color:#999;
		margin:0 0 10px 0;
		padding-left:3px;
		list-style:url(../images/blue-arrow.gif) outside;}
		
			#main-panel ul.news li a {
			color:#666;
			text-decoration:none;}
			
			#main-panel ul.news span.date {
			font:italic normal 10px Arial, Helvetica, sans-serif;
			color: #FF9900;
			margin-bottom:10px;}

	#main-panel .divider {
	height:15px;
	margin:0 150px 25px 150px;
	border-bottom: #dfdfdf dotted 5px;}

	#main-panel h1 {
	font:bold 36px Arial, Helvetica, sans-serif;
	color:#555;
	text-align:right;
	text-transform:uppercase;
	margin-bottom:25px;}
	
		#main-panel h1 span.arrow {
		background:url(../images/icon-gray-arrow.gif) no-repeat left;
		padding-left:45px;}	
		
	#main-panel h2 {
	font:normal 18px Georgia, "Times New Roman", Times, serif;
	margin-bottom:5px;
	color:#222;}
	
	#main-panel h3 {
	font:bold 14px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;}

	#main-panel .testimonial {
	float:left;
	background:#000;
	color:#ccc;
	padding:10px 20px;
	font:italic normal 14px Arial, Helvetica, sans-serif;}
	
		#main-panel .testimonial span.source {
		font-style:normal;
		font-weight:bold;}
		
	#main-panel p {
	margin-bottom:15px;}
	
		#main-panel p.top {
		text-align:right;}
		
			#main-panel p.top a {
			color:#333;
			font-size:10px;
			background:url(../images/double-up-arrow.gif) no-repeat left;
			padding-left:10px;}
			
				#main-panel p.top a:hover {
				color:#007eff;}
	
		#main-panel p.quote {
		font-style:italic;
		font-weight:bold;
		margin:0 50px 10px 50px;
		color:#FF9900;
		line-height:normal;}
		
		#main-panel p.source {
		text-align:right;
		font-weight:bold;
		margin-left:50px;
		margin-right:50px;
		color:#000;}
	
		#main-panel p.end {
		margin-bottom:50px;}
	
		#main-panel p.date {
		font:italic normal 10px Arial, Helvetica, sans-serif;
		color: #FF9900;
		margin-bottom:10px;}

	.three-col {
	width:200px;}
		
	.two-col {
	width:305px;}
	
		.col-left {
		float:left;
		margin-right:20px;}
		.col-right {
		float:right;}

	#main-panel .box-container {
	margin-bottom:0;
	text-align:center;}
	
/* testimonial box styles */
	#main-panel .testimonial-box {
	background:#ddd;
	color:#666;
	text-align:left;
	padding:15px 25px 5px 25px;
	line-height:normal;}
	
		#main-panel .testimonial-box p.quote {
		font-style:italic;
		margin:0 0 5px 0;
		padding:0;
		color:#666}
		
		#main-panel .testimonial-box p.source {
		text-align:right;
		font-weight:bold;
		color:#000;
		margin:0;
		padding:0;}
	
/* white box styles */
	#main-panel .white-box {
	background:#fff url(../images/bg-white-box.gif) no-repeat top left;
	padding:15px 25px;
	line-height:normal;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#555;
	text-align:left;}
	
		#main-panel .white-box strong {
		color:#333;}
	
		.white-box .white-box ul {
		margin-bottom:10px;}
		
			#main-panel .white-box li {
			list-style:url(../images/gray-circle.gif) outside;
			margin:0 0 5px 20px;}
			
		#main-panel .white-box h2 {
		font:normal 18px Georgia, "Times New Roman", Times, serif;
		color:#333;
		margin-bottom:10px;}
		
		#main-panel .white-box h3 {
		text-transform:uppercase;
		margin:-5px 0 20px 0;
		font:bold 13px Arial, Helvetica, sans-serif;
		color:#bbb;
		line-height:normal;}
		
/* p styles (white box) */
		#main-panel .white-box p {
		margin-bottom:10px;}
		
			#main-panel .white-box p.links {
			font-size:10px;
			text-align:center;
			border-top:#aaa dotted 1px;
			padding-top:3px;
			margin-bottom:5px;}
		
			#main-panel .white-box p.date {
			color:#999;
			font:italic normal 12px Arial, Helvetica, sans-serif;
			margin-top:-10px;}
			
			#main-panel .white-box p.read-more {
			text-align:right;
			border-top:#aaa dotted 1px;
			padding-top:3px;
			margin-bottom:5px;}
			
				#main-panel p.read-more a {
				background:url(../images/arrow-grid.gif) no-repeat left;
				padding-left:7px;
				font-size:10px;}

/* footer */
#footer {
text-align:center;
padding:25px 0 50px 0;
background:#FFF url(../images/shadow-footer.jpg) no-repeat top;
font-size:12px;
color:#555;
width:950px;
margin:0 auto;}

	#footer img.divider {
	margin:0 10px -3px 10px;}

	#footer li {
	display:inline;}
	
		#footer li.divider {
		color:#919191;
		font-size:12px;}
	
		#footer li a {
		color:#e74f2b;
		padding:0 10px;}

/* random styles */
.clear {
clear:both;}