* {
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
}

body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 150%;
	color: #6c6c6c;
	background-color: #f5f5ed;
}

a img {
	border: none;
}

a {
  text-decoration:underline;
  color: #73170D;
  outline: none;
}

a:hover {
  text-decoration:none;
}

.container {
	width: 1030px;
	margin: 0 auto;
	position: relative;
}

.header {
	height: 140px;
	background: url(../images/header-bg.png) repeat-x left top;
	position: relative;
}

.header .logo, .header .logo a {
	width: 312px;
	height: 75px;
	display: block;
	text-indent: -10000px;
}

.header .logo {
	position: absolute;
	left: 38px;
	top: 15px;
}
/*
.header .logo a {
	background: url(../images/logo.png) no-repeat left top;	
}*/
.header .logo a {
	background: url(../images/fi-logo.png) no-repeat left top;
}
.header .advert {
	position: absolute;
	right: 50px;
	top: 5px;
}


.header .navigation {
	list-style: none;
	position: absolute;
  top: 95px;
	left: 40px;
}

ul.navigation {
	clear: both;
}

.navigation li {
	float: left;
}

.navigation {
	list-style: none;
}

.navigation li {
	margin: 40px 0 20px 40px;
}

.navigation li a {
	color: #3792B0;
}

.header .navigation li {
	background: url(../images/header-menu-border.png) no-repeat right 5px;	
	margin: 0;
}

.header .navigation li a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 15px;
	color: white;
	text-decoration: none;
	padding: 18px 15px 12px 15px;
	margin-right: 1px;
}

.header .navigation li.current, .header .navigation li.current a, .header .navigation li.current a span {
	border: none;
}

.header .navigation li.current a, .header .navigation li.section a {
	padding: 0 0 0 5px;
	background: url(../images/menu-item-l.png) no-repeat left top;
	color: black;
	font-weight: bold;
}

.header .navigation li.current a span, .header .navigation li.section a span {
	display: block;
	padding: 20px 15px 10px 10px;
  background: url(../images/menu-item-r.png) no-repeat top right;
}

.header .navigation li.current a:hover {
  text-decoration: none;
}

.header .navigation li a:hover {
	text-decoration: underline;
}

.features {
	background: #b7dfec url(../images/welcome-bg.png) repeat-x top left;
	border-bottom: 1px solid white;
  margin: 0 0 0px 0;	
	overflow: hidden;
}


.topRatedBrokers {
	width: 370px;
	height: 334px;
	background: url(../images/top-ranked-home.png) no-repeat left top;
	float: left;
        margin:0 -5px -20px 5px;
        z-index: 100;
}

.topRatedBrokers ul {
  list-style: none;
  padding: 70px 0 0 60px;
}

.topRatedBrokers ul li {
	clear: both;
	width: 300px;
	overflow: hidden;
	padding: 0;
        margin: 0 0 10px 0;
	position: relative;
}

.topRatedBrokers ul li * {
	float: left;
	display: block;
}

.topRatedBrokers ul li h3 {
	margin: 0 10px;
	width: 90px;
}

.topRatedBrokers ul li h3 a {
	color: black;
	text-decoration: none;
	font-family: Times, Georgia, serif;
	font-style: oblique;
	font-size: 18px;
	line-height: 30px;
	font-weight: normal;
}

.topRatedBrokers ul li a.visit {
	display: block;
	width: 60px;
	margin: 0 10px 0 0;
	height: 30px;
	text-indent: -10000px;
}

.topRatedBrokers ul li a.review {
	display: block;
	width: 60px;
	margin: 0 10px 0 0;
	height: 30px;
	text-indent: -10000px;
}

.features .welcome {
	width: 285px;
	float: left;
	padding: 20px 0 0 5px;
}

.features .welcome h2 {
	font-size: 30px;
	line-height: 90%;
	margin-bottom: 16px;
	color: #174757;
	font-weight: normal;
}

.features .welcome p {
	color: #246C85;
	font-size: 14px;
	line-height: 150%;
	margin-bottom: 20px;
}


.features .featured {
	width: 250px;
	padding: 40px 20px 10px 20px;
	background: url(../images/feat-indicator-bg.png) no-repeat left top;
	margin: 20px 0 0 40px;
	float: left;
	min-height: 240px;
}

.features .featured h3 {
	display: none;
}

.features .featured h2 {
	font-size: 25px;
	color: #FBE024;
	font-family: Cambria, Times, Georgia, serif; 
	font-weight: normal;
	margin: 0 0 16px 0;
}

.features .featured p {
	color: white;
	margin: 0 0 20px 0;
}

a.downloadNow {
	display: block;
	width: 260px;
	height: 59px;
	text-indent: -10000px;
	background: url(../images/download-now.png) no-repeat top left;
	margin-left: -5px;
}

.content {
	width: 646px;
	float: left;
	padding-left: 40px;
}

.sidebar {
	width: 296px;
	float: right;
	margin-right: 35px
}

.content h2 {
	margin: 20px 20px 20px 0px;
	font-family: Cambria, Times, Georgia, serif;
	font-size: 35px;
	font-weight: normal;
	color: black;
}

.content .article.box {
	width: 646px;
	margin: 0 0 20px -5px;
	padding: 0px 0px 16px 0px;
	background: url(../images/article-box-bot.png) no-repeat left bottom;
	position: relative;	
}

.content .article.box .bg {
	padding: 20px 20px 0px 20px;
	background: url(../images/article-box-top.png) no-repeat left top;
	overflow: hidden;
}

.content .article.box h1 {
	font-size: 25px;
	color: #73170D;
	font-weight: normal;
	margin: 0 0 5px 7px;
}

.content .article.box img {
	border: none;
	width: 74px;
	height: 54px;
        padding:10px 20px 10px 9px;
	background: transparent url(../images/article-thumb.png) no-repeat left top;
	float: left;
	margin: 0 10px 10px -5px;
	border: none;
}

.content .article.box p.date {
	font-size: 11px;
	font-variant: small-caps;
	color: #acacac;
	margin: 5px 0 0 0;
}

.content .article.box p {
	width: 350px;
	float: left;
	font-size: 12px;
	margin: 0;
        line-height: 18px;
}

.content .article.box a.keepReading, .content .article.box a.visitBroker, .content .article.box a.download, .content .article.box a.readReview, .content .article.box a.freeDemo {
	display: block;
	width: 136px;
	height: 46px;
	text-indent: -10000px;
  float: right;
  
  position: absolute;
  top: 50px;
  right: 20px;
  
}

.content .article.box a.keepReading {
  background: url(../images/keep-reading.png) no-repeat top left;
}

.content .article.box a.visitBroker {
  background: url(../images/visit-broker.png) no-repeat top left;
}

.content .article.box a.download {
  background: url(../images/download.png) no-repeat top left;
}

.content .article.box a.freeDemo {
  background: url(../images/free-demo.png) no-repeat top left;
  margin-right:20px;
  top:40px;
}

.content .article.box a.download.red {
  background: url(../images/download-red.png) no-repeat top left;
  margin-right:20px;
  top:40px;
}

.content .article.box a.readReview {
  width: auto;
  height: auto;
  text-indent: 0;
  margin: 50px 25px 0 0;
}

.content p, .content h3 {
	margin: 10px 0 20px 0;
	font-size: 13px;
}

.content h3 {
	color: black;
}

.sidebar .block {
	padding: 0px 0px 15px 0;
	background: url(../images/side-block-bot.png) no-repeat left bottom;
	margin: 0 0px 20px 0;
	color: #434343;
}

.sidebar .block.newsletter {
	width: 296px;
	height: 263px;
	background: url(../images/newsletter.png) no-repeat left top;
	position: relative;
	margin: 0;
}

.article .sidebar .block.newsletter {
	background: url(../images/newsletter.png) no-repeat left 340px;
padding-top: 340px;
}

.sidebar .block.newsletter .bg {
	background: none;
	padding: 0;
}

.sidebar .block.newsletter .bg form {
	position: absolute;
	bottom: 55px;
	left: 30px;	
}

.sidebar .block.newsletter .bg form input#subscribeEmail {
	color: #434343;
	font-size: 13px;
	width: 150px;
	padding: 5px 10px 5px 2px;line-height: 13px;
	float: left;
}
.sidebar .block.newsletter .bg form #subscribeButton {
	width:  80px;
	height: 30px;
	float: right;
	cursor: pointer;
}

.sidebar .block.newsletter .privacy {
	position: absolute;
	margin: 0;
	bottom: 33px;
	left: 40px;
	font-size: 11px;
}

.sidebar .block .bg {
	padding: 20px 20px 0px 20px;
  background: url(../images/side-block-top.png) no-repeat left top;
  overflow: hidden;
}

.sidebar .block h2 {
  font-family: Cambria, Times, Georgia, serif;
  font-weight: normal;
  font-size: 20px;
  color: #277792;
  margin: 0 0 20px 0;
}
.sidebar .block .bg p {
	margin: 0 0 20px 0;
	font-size: 12px;
}

.sidebar .block.featured h2.header {
	height: auto;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	letter-spacing: 3px;
	font-size: 14px;
	text-transform: uppercase;
	color: #939375;
	padding: 0;
	margin: 0 0 10px 0;
	background: none;
}

.features .featured h2.header { display: none;}

.footer {
	clear: both;
	background: #DDDDC8;
	padding: 20px 0;
}

.footer .container {
}

.footer .links {
  float: left;
  margin: 0 0 0 0px;
  padding: 0 40px 0 40px;
  background: url(../images/links-border.png) no-repeat right top;
}

.footer .links.last {
  background: none;
  padding-right: 0;
}

.footer .links h2 {
  font-family: Georgia, Times, serif;
  font-weight: normal;
  font-size: 18px;
  color: #5B231A;
  margin: 0 0 10px 0;
}

.footer .links ul li {
  list-style: none;
  padding: 0 0 0 10px;
  background: url(../images/links-bullet.png) no-repeat left 0.6em;
}

.footer .links ul li a {
  color: #666651;
  font-size: 13px;
  text-decoration: none;
}

.footer .links ul li a:hover {
  text-decoration: underline;
}

.footer .copyright {
  padding: 20px 40px;
  clear: both;
  font-size: 14px;
  line-height: 15px;
  color: #5B231A;
}

.footer .copyright a {
	color: #5B231A;
}

.features .top.bg {
  background: url(../images/article-top-tr.png) no-repeat left -40px;	
  clear: both;
  overflow: hidden;
  height: 20px;
  z-index: 0;
}

.container.top {
	background: url(../images/article-bg.png) repeat-y top left;	
}

.container.top .top.bg {
	background: url(../images/article-top.png) no-repeat top left;	
}

body.article {
	background: #f5f5ed url(../images/article-body-bg.png) repeat-x left 140px ;	
}

.sidebar .topRatedBrokers {
	position: absolute;
	right: -10px;
	
}


.article .content {
	padding: 10px 0px 0 40px;
}

.article .content p, .article .content h1, .article .content h2, .article .content h3 {
	padding: 0 40px 0 0;
}

.breadcrumbs {
  margin: 0 0 0 15px;
}

.breadcrumbs, .breadcrumbs a {
	font-size: 12px;
  font-weight: bold;
	color: #2C7D98;
	padding-bottom: 35px;
  text-decoration: none;
}

.breadcrumbs a:hover {
  text-decoration: underline;
}

.bg.bottom {
	clear: both;
	width: 1030px;
	height: 24px;
	background: url(../images/article-bot.png) no-repeat top left;
}

.article p.toTop {
  padding-left: 14px;
  background: url(../images/to-top.png) no-repeat left center;
}

p.intro {
  font-size: 15px;
  color: #27748D;
}


.content .article.box.details {
  width: 646px;
  margin: 0 0 20px -5px;
  padding: 0px 0px 16px 0px;
  background: none;
  position: relative; 
}

.content .article.box.details .bg {
  padding: 20px 20px 0px 20px;
  background: none;
  overflow: hidden;
}

.content .article.box.details table.details {
  width: 350px;
  height:59px;
  padding: 10px 40px 20px 20px;
  background: url(../images/details-bg.png) no-repeat top right;
}

.content .article.box table.details {
  width: 360px;
  margin-bottom:10px;
}

.content .article.box img {
  margin-top: 5px;
}

.content .article.box.details table.details th, .content .article.box.details table.details td, .content .article.box table.details td, .content .article.box table.details th {
  text-align: center;
} 

.content .article.box table.details th  {
  color: #328EAC;
  font-size: 10px;
  border-bottom: 2px dotted #ccc;
  text-transform: uppercase;
}

.content .article.box table.details td {
  font-weight: bold;
  color: black;
  font-size: 25px;
  line-height: 35px;
  font-family: Times, Georgia, serif;
} 

.content .article.box table td.small {
  font-size: 10px;
  line-height: 12px;
  color: #666;
  width: 120px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
}

