@charset "UTF-8";
/* Finnovative
** CSS base styles for all pages
** Created by Jessica Greenwalt
** www.jgreenwalt.com
** Updated: April 14, 2010 */

/* = Base For Font Size */
html {
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#202020;}

/* = Headings */
h2 {
	color:#105b6f;
	font-weight:normal;
	font-size:170%;}
#featured_box h2 {
	margin:.5em 0 .5em 0;}

h3 {
	color:#105b6f;
	font-size:115%;
	margin:1.5em 0 .5em 0;}

h4 {margin-bottom:.2em;}

/*
h4 a {color:#202020;}
h4 a:hover {color:#28909d;} */

/* = Main LInks */
a {color:#105b6f;}
a:hover {color:#28909d;}

/* = Main Content Boxes */

#center {
	width:964px;
	margin:0 auto;
	position:relative;}

#header {
	background:url(../img/header.png) top left no-repeat;
	width:964px;
	height:152px;}

#logo {
	display:block;
	width:231px;
	height:74px;
	background:url(../img/blank.png) top left repeat;
	text-indent:-9999px;
	position:relative;
	top:40px;
	left:40px;}

#top_navigation {
	list-style:none;
	margin-top:43px;
	margin-left:220px;}
#top_navigation a {
	display:block;
	height:57px;
	float:left;
	text-indent:-9999px;}
#nav_about a {
	background:url(../img/nav_about.png) top left no-repeat;
	width:185px;}
#nav_about a:hover {background:url(../img/nav_about_o.png) top left no-repeat;}
#nav_about a.active {background:url(../img/nav_about_a.png) top left no-repeat;}
#nav_services a {
	background:url(../img/nav_services.png) top left no-repeat;
	width:171px;}
*+html #nav_services a {position:relative;top:-16px;}
#nav_services a:hover {background:url(../img/nav_services_o.png) top left no-repeat;}
#nav_services a.active {background:url(../img/nav_services_a.png) top left no-repeat;}
#nav_products a {
	background:url(../img/nav_products.png) top left no-repeat;
	width:167px;}
*+html #nav_products a {position:relative;top:-32px;}
#nav_products a:hover {background:url(../img/nav_products_o.png) top left no-repeat;}
#nav_products a.active {background:url(../img/nav_products_a.png) top left no-repeat;}
#nav_clients a {
	background:url(../img/nav_clients.png) top left no-repeat;
	width:173px;}
*+html #nav_clients a {position:relative;top:-48px;}
#nav_clients a:hover {background:url(../img/nav_clients_o.png) top left no-repeat;}
#nav_clients a.active {background:url(../img/nav_clients_a.png) top left no-repeat;}

#container,
#sidebar {float:left;}

.main_text_block,
.body_text_block,
#col1,
#col2,
#featured_box {
	float:right;}

#container {
	background:url(../img/main_box_r.png) top left repeat-y;
	padding-bottom:3em;}

*+html #content {margin-top:20px;}

#sidebar {
	width:150px;
	margin-left:14px;
	padding-bottom:40px;}

#sidebar ul {
	list-style:none;
	margin-top:-26px;}
*+html #sidebar ul {margin-top:-24px;}

#sidebar a {
	display:block;
	border-bottom:1px solid #a4d0d5;
	text-indent:20px;
	width:175px;
	padding:20px 0 20px 0;
	text-decoration:none;
	font-weight:bold;
	color:#28909d;}
#sidebar a:hover {
	background:url(../img/sidebar_o.png) top left no-repeat;
	color:#202020;}
#sidebar a.active {
	background:#fff;}

.main_text_block {
	width:658px;
	margin:15px 54px 0 0;}
.main_text_block p {
	font-size:120%;
	margin-top:.5em;}

.body_text_block {
	width:658px;
	margin:0 54px 0 0;}
.body_text_block p,
.body_text_block ul {
	margin-bottom:.6em;}
.body_text_block ul {
	margin-left:20px;}

#col1,
#col2 {width:300px;}
#col1 {margin-right:50px;}
#col2 {margin-right:62px;}
#col1 ul,
#col2 ul {margin-left:15px;}
#col1 ul li,
#col2 ul li,
#col1 p,
#col2 p {margin-bottom:.5em;}

#featured_box {
	background:url(../img/featured_box_b.png) bottom left no-repeat;
	width:684px;
	margin:1.6em 53px 0 0;
	padding-bottom:1.5em;
	text-align:center;}
#featured_box .repeat {
	background:url(../img/featured_box_r.png) top left repeat-y;}
*+html #featured_box .repeat img {position:relative;top:-5px;}
#featured_box p {
	font-size:120%;
	font-weight:bold;
	margin-bottom:.5em;
	padding:0 10px 0 10px;}

a.marketbridge_flow,
a.portview_flow {
	display:block;
	text-indent:-9999px;}

a.marketbridge_flow {
	float:right;
	background:url(../img/marketbridge_flow_s2.jpg) top right no-repeat;
	width:404px /* 308px */;
	height:273px /* 209px */;}
a.marketbridge_flow:hover {
	background:url(../img/marketbridge_flow_l.jpg) top right no-repeat;
	width:667px;
	height:446px;}

a.portview_flow {
	background:url(../img/portview_flow_s.jpg) top left no-repeat;
	width:408px;
	height:403px;
	margin-bottom:1em;}
a.portview_flow:hover {
	background:url(../img/portview_flow.jpg) top left no-repeat;
	width:667px;
	height:659px;}

/*
.quotation {
	width:267px;
	padding:15px;
	float:right;
	clear:both;
	background:#D3E8EB;
	margin:1em 5px 0 .5em;
	text-align:right;}
.quotation_text {
	font-weight:bold;
	color:#105b6f;
	font-size:110%;}
*/
.quotation {
	padding:15px;
	border:2px solid #6BB2BB;
	text-align:right;
	width:420px;
	margin:0 auto;}
.quotation_text {
	font-weight:bold;}

#footer {
	background:url(../img/main_box_b.png) top left no-repeat;
	padding-top:30px;
	margin-bottom:1em;
	text-align:center;
	width:964px;
	float:left;}
#footer ul {margin-bottom:.5em;}
#footer ul li {display:inline;}
#footer p {font-size:90%;}

/* = Special Classes */
.hide {display:none;}
.q_mark {font-size:120%;}