﻿* {
	margin: 0;
	padding: 0;
}

body {
	background: #2b2a26 url(images/bg.png) repeat-x scroll left top;
}
img {
	border: none;
}
.wrapper {
	width: 971px;
	margin-left: auto;
	margin-right: auto;
}

/* ### HEADER ### */
#header {
	width: 971px;
	clear: right;
}

div#logo {
	float: left;
	margin: 50px 0 0 0;
	width: 364px;
}
div#logo h1 a {
	display: block; 
	width: 364px;
	height: 57px;
	text-indent: -3000em; 
	text-decoration: none; 
	z-index: 1000;
	background: url(images/logo.png) 0 0 no-repeat;
}

div#navigation {
	float: left;
	margin-top: 61px;
	width: 607px;
}
div#navigation ul {
	float: right;
}
div#navigation ul li {
	display: inline;
	list-style: none;
	line-height: 92px;
	text-align: center;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.2em;
	font-weight: normal;
}
div#navigation ul li a {
	display: block;
	width: 113px;
	height: 78px;
	float: left;
	background: transparent url(images/nav.png) no-repeat scroll left top;
	text-decoration: none;
	color: #D0D0D0;
	text-align: center;
}
div#navigation ul li a:hover {
	display: block;
	width: 113px;
	height: 78px;
	float: left;
	background: transparent url(images/nav_active.png) no-repeat scroll left top;
	color: #BD9E4C;
}

/* ### CONTENT ### */
/* # Banner # */
div#banner {
	clear: both;
	float: left;
	width: 971px;
	height: 94px;
	background: #2B2A26 url(images/banner.png) no-repeat scroll left top;
	padding: 109px 0 0 33px;
	margin: 10px 0 22px 0;
}
div#banner_about {
	clear: both;
	float: left;
	width: 971px;
	height: 88px;
	background: #2B2A26 url(images/banner_about.png) no-repeat scroll left top;
	margin: 10px 0 22px 0;
}
div#banner_network {
	clear: both;
	float: left;
	width: 971px;
	height: 88px;
	background: #2B2A26 url(images/banner_network.png) no-repeat scroll left top;
	margin: 10px 0 22px 0;	
}
div#banner_events {
	clear: both;
	float: left;
	width: 971px;
	height: 88px;
	background: #2B2A26 url(images/banner_events.png) no-repeat scroll left top;
	margin: 10px 0 22px 0;	
}

div#banner_partners {
	clear: both;
	float: left;
	width: 971px;
	height: 88px;
	background: #2B2A26 url(images/banner_partners.png) no-repeat scroll left top;
	margin: 10px 0 22px 0;	
}
div#banner_contact {
	clear: both;
	float: left;
	width: 971px;
	height: 88px;
	background: #2B2A26 url(images/banner_contact.png) no-repeat scroll left top;
	margin: 10px 0 22px 0;	
}
div#banner p {
	width: 417px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.8em;
	color: #B4AB95;
	line-height: 1.4em;
}
/* # VideoPlayer # */
div#videoPlayer {
	clear: left;
	float: left;
	width: 523px;
	height: 486px;
	background: #2B2A26 url(images/bg_videoplayer.png) no-repeat scroll left top;
	margin-right: 27px;
}
div#playerTop {
	float: left;
	width: 489px;
	height: 45px;
	background: transparent url(images/videoplayer_topbar.png) no-repeat scroll left top;
	margin: 17px 17px 0 17px;
}
div#playerMain {
	clear: left;
	width: 489px;
	margin: 0 19px 0 19px;	
}
div#playerNavigation {
	clear: left;
	float: left;
	margin-top: 11px;
	margin-left: 19px;
}
div#playerNavigation ul li {
	float: left;
	list-style: none;
	margin-left: 55px;
}
div#playerNavigation ul li a {
	text-indent: -3000em; 
	text-decoration: none; 
	z-index: 1000;
	float: left;
	display: block;
}
div#playerNavigation ul li:first-child {
	margin-left: 0;
}
div#playerNavigation .btnPlayerEmail a {
	width: 49px;
	height: 14px;
	background: #0F1113 url(images/btn_player_email.png) no-repeat scroll left top;
}
div#playerNavigation .btnPlayerGetlink a {
	width: 63px;
	height: 14px;
	background: #0F1113 url(images/btn_player_getlink.png) no-repeat scroll left top;
}
div#playerNavigation .btnPlayerEmbed a {
	width: 54px;
	height: 14px;
	background: #0F1113 url(images/btn_player_embed.png) no-repeat scroll left top;
}
div#playerNavigation .btnPlayerRSS a {
	width: 49px;
	height: 14px;
	background: #0F1113 url(images/btn_player_rss.png) no-repeat scroll left top;
}
div#playerNavigation .btnPlayerShare a {
	width: 51px;
	height: 14px;
	background: #0F1113 url(images/btn_player_share.png) no-repeat scroll left top;
}

div#featuredVideos {
	float: left;
	width: 419px;
	height: 486px;
	background: transparent url(images/bg_featuredvideos.png) no-repeat scroll left top;
}
div#featuredVideos h2 {
	width: 136px;
	height: 18px;
	background: transparent url(images/h_featuredvideos.png) no-repeat scroll left top;
	text-indent: -3000em; 
	z-index: 1001;
	margin: 16px 0 50px 25px;
}
hr.featuredVideosSeperator {
	clear: left;
	float: left;
	width: 415px;
	height: 2px;
	background: transparent url(images/hr_featuredvideos.png) no-repeat scroll left top;
	margin: 15px 10px 15px 10px;
	border: none;
}
ul.featuredVideosList {
	clear: left;
	float: left;
	margin: 0 35px 0 35px;
}
ul.featuredVideosList p {
	margin-top: 10px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.7em;
	font-weight: normal;
	color: #FFFFFF;
}
ul.featuredVideosList a {
	text-decoration: none;
	color: #FFFFFF;
}
ul.featuredVideosList a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}

ul.featuredVideosList li {
	float: left;
	width: 156px;
	text-align: center;
	margin-right: 18px;
	list-style: none;
}
ul.featuredVideosList li:after {
	margin-right: 0;
}
div.featuredVideosPaging {
	clear: left;
	float: right;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.8em;
	font-weight: normal;
	margin-right: 35px;
}
div.featuredVideosPaging ul li {
	float: left;
	margin-left: 5px;
	list-style: none;
}
div.featuredVideosPaging ul li a {
	color: #72602D;
	text-decoration: none;
}
div.featuredVideosPaging ul li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

h2#LiveTradingNews a {
	display: block; 
	width: 190px;
	height: 30px;
	text-indent: -3000em; 
	text-decoration: none; 
	z-index: 1000;
	background: url(images/h_ltn.png) 0 0 no-repeat;
	margin-bottom: 15px;
}
#columnText {
	color: #d5ceba;
}
#columnText h2, #columnText h2 a {
	color: #c9a850;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.4em;
	font-weight: normal;
	text-decoration: none;	
}
#columnText h3, #columnText h3 a {
	color: #c9a850;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
}
#columnText h3 a {
	text-decoration: underline;
}
#columnText h3 a:hover {
	text-decoration: none;
}
#columnText p {
	color: #d5ceba;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.8em;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 0.8em;
	line-height: 1.6em;
}
#columnText .textSeperator {
	clear: left;
	float: left;
	width: 504px;
	height: 2px;
	background: transparent url(images/hr_maincontent.png) no-repeat scroll left top;
	margin: 15px 10px 15px 10px;
	border: none;	
}
.pager {
	clear: left;
	float: right;
	
	
}
.pager ul {
	clear: left;
	float: right;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.8em;
	margin-right: 32px;
}
.pager ul li {
	list-style: none;
	float: left;
	margin-left: 7px;
}
.pager a {
	color: #c9a850;
	text-decoration: none;
}
.pager a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.highlight {
	color: #FFFFFF;
	text-decoration: none;
}
div#content {
	clear: left;
	float: left;
	margin-top: 46px;
	width: 971px;
}
div#leftColumn {
	clear: left;
	float: left;
	width: 523px;
	margin-right: 93px;
}
div#rightColumn {
	float: left;
	width: 355px;
}
div#eventsBox {
	clear: left;
	width: 315px;
	height: 112px;
	background: transparent url(images/bg_events.png) no-repeat scroll left top;
	padding: 65px 20px 20px 20px;
	margin-bottom: 25px;
}
div#eventsBox ul {
	float: left;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.7em;
	font-weight: normal;
	margin-left: 12px;
	color: #D5CEBA;
}
div#eventsBox ul li {
	margin-bottom: 10px;
	margin-left: 20px;
	padding-left: 10px;
	line-height: 15px;
	list-style: square outside url(images/arrow.png);
}
div#eventsBox ul li a {
	color: #D5CEBA;
	text-decoration: none;
}
div#eventsBox ul li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

div#socialNetworking {
	clear: left;
	width: 315px;
	height: 160px;
	background: transparent url(images/bg_socialnetworking.png) no-repeat scroll left top;
	padding: 65px 20px 35px 20px;
	margin-bottom: 25px;
}
div#socialNetworking ul {
	float: left;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.7em;
	font-weight: normal;
	color: #D5CEBA;
	margin-left: 12px;
}
div#socialNetworking ul li {
	margin-bottom: 10px;
	padding-left: 35px;
	line-height: 15px;
	list-style: none;
}
div#socialNetworking ul li a {
	color: #D5CEBA;
	text-decoration: none;
}
div#socialNetworking ul li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
div#socialNetworking ul .iconLiveTradingNews {
	height: 13px;
	line-height: 13px;
	background: #0e0e0e url(images/icon_ltn.png) no-repeat scroll left center;
}
div#socialNetworking ul .iconBuzzTechnologies{
	height: 14px;
	line-height: 14px;
	background: #0e0e0e url(images/icon_buzz.png) no-repeat scroll left center;
}
div#socialNetworking ul .iconFacebookCommunity {
	height: 15px;
	line-height: 15px;
	background: #0e0e0e url(images/icon_facebook.png) no-repeat scroll left center;
}
div#socialNetworking ul .iconTwitter {
	height: 13px;
	line-height: 13px;
	background: #0e0e0e url(images/icon_twitter.png) no-repeat scroll left center;
}
div.getStartedNow {
	clear: left;
	float: left;
	margin-left: 20px;
}
div#socialNetworking div.getStartedNow a {
	clear: left;
	float: left;
	width: 173px;
	height: 40px;
	background: #2B2A26 url(images/btn_getstartednow.png) no-repeat scroll left top;
	text-indent: -3000em; 
	text-decoration: none; 
	z-index: 1000;
	display: block;
	margin-top: 15px;
}

div#otherSites {
	clear: left;
	float: left;
	width: 355px;
	height: 67px;
	background: transparent url(images/bg_othersites.png) no-repeat scroll left top;
	color: #807C70;
	padding-top: 53px;

}
div#otherSites ul {
	clear: left;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.7em;
	margin-left: 20px;
	width: 313px;

}
div#otherSites ul li {
	float: left;
	list-style: none;
	margin-right: 3px;
}
div#otherSites ul li:before {
	content: " | ";
}
div#otherSites ul li:first-child:before {
	content: "";
}

/* TODO: Bug with pipe */

div#otherSites li a {
	color: #807C70;
	text-decoration: none;
}
div#otherSites li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

div#readMore a {
	clear: left;
	float: left;
	width: 355px;
	height: 77px;
	background: #2B2A26 url(images/bg_readmore.png) no-repeat scroll left top;
	margin-top: 30px;
	text-indent: -3000em; 
	text-decoration: none; 
	z-index: 1000;
	display: block; 
}
img.portrait {
	float: left;
	margin: 5px 15px 15px 0;
}


/* ### Footer ### */
div#footer {
	clear: left;
	float: left;
	width: 100%;
	margin: 100px 0 0 0;
	height: 185px;
	background: #15130E url(images/bg_footer.png) repeat-x scroll left top;
}
div#footer p, div#footer ul {
	color: #8F7D5B;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.8em;
	font-weight: normal;
}
div#footer a {
	text-decoration: underline;
	color: #8F7D5B;
}
div#footer a:hover, div#footer a:visited {
	text-decoration: none;
	color: #8F7D5B;
}
p#copyright {
	float: left;
	margin: 2px 0 0 0;	
	line-height: 46px;
}
ul#siteMap {
	float: left;
	margin: 2px 0 0 0;
	line-height: 46px;
}
ul#siteMap li {
	float: left;
	list-style: none;
	margin-left: 5px;
}
ul#siteMap li:before {
	content: "| ";
}

div#footer #smallLogo {
	clear: left;
	float: left;
	margin-top: 51px;
	width: 100%;
	text-align: center;
}



/* CONTACT FORM */
div#contactForm {
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: normal;
	width: 100%
}
div#contactForm label {
	clear: left;
	float: left;
	width: 100px;
	margin-right: 20px;
}
div#contactForm input[type=text] {
	float: left;
	width: 186px;
	height: 29px;
	background: transparent url(images/edt_input.png) no-repeat scroll left top;
	border: none;
	padding: 7px 25px 7px 15px;
}
div#contactForm input[type=submit] {
	clear: left;
	float: left;
	width: 141px;
	height: 34px;
	background: transparent url(images/btn_sendmessage.png) no-repeat scroll left top;
	border: none;
	margin-left: 118px;
}

div#contactForm textarea {
	float: left;
	width: 331px;
	height: 195px;
	background: transparent url(images/edt_textarea.png) no-repeat scroll left top;
	border: none;
	padding: 7px 25px 7px 15px;
	overflow: hidden;
}

