table, html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%;	font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/**table { border-collapse: collapse; border-spacing: 0; }**/

strong { font-weight:bold; }

p { text-align:justify; color: #58595B; line-height: 150%; } 

/** Base Body Styles **/
body{background:#fff; color:#000; font:12px verdana, tahoma, "Trebuchet MS", sans-serif; padding: 10px 0px; }

h1,h2,h3,h4,h5,h6{ font-weight:bold; }
h1{ font-size:24px;}
h2{ font-size:14px;}
h3{ font-size:12px;}
h4{ font-size:10px;}
h5{ font-size:8px;}
h6{ font-size:6px;}

a{ text-decoration:none; }
a:active, a:visited { color: #607890; }
a:hover { color: #036; }

/* Main Page Layouts */

#wrapper {
	width: 960px;
	margin: auto;
	}
	
#content {
	float: left;
	width: 650px;
	}
	
#sidebar {
	float: right;
	width: 310px;
	}
	
#sidebar-left {
	float: left;
	width: 310px;
	}

#bannerTop {
	float: right;
	margin-bottom: 10px;
	}
#logo {
	float: left;
	margin-bottom: 10px;
	}

#menubarHolder { 
	float: left;
	width: 100%;
	background-image: url('http://www.independentinvestor.co.uk/images/menu-bar-mid.png');
	background-repeat: repeat-x;
	margin-bottom: 10px;
	}

#menuLeft {
	float: left;
	width: 45px;
	background-image: url('http://www.independentinvestor.co.uk/images/menu-bar-left.png');
	background-repeat: no-repeat;
	height: 36px;
	}

#menuRight {
	float: right;
	width: 16px;
	background-image: url('http://www.independentinvestor.co.uk/images/menu-bar-right.png');
	background-repeat: no-repeat;
	height: 36px;
	}
	
#mainImage {
	float: left;
	width: 640px;
	height: 250px;
	}
	
#adunitRight {
	float: right;
	width: 300px;
	height: 250px;
	}
	
#adunitContent {
	float: right;
	width: 300px;
	height: 250px;
	margin-left: 8px;
	margin-bottom: 8px;
    margin-top: 5px;
	}

#adunitLeft {
	float: left;
	width: 300px;
	height: 250px;
	margin-top: 10px;
	}
	
#boxContainer {
	float: left;
	width: 640px;
	height: 248px;
	margin-top: 10px;
	}

#boxContainerRight {
	float: right;
	width: 640px;
	height: 248px;
	margin-top: 10px;
	}
	
hr {
    color: #76B4D1;
    background-color: #76B4D1;
    border: hidden;
    width: 90%;
    height: 1px;
    margin-top: 0px;
	}    

.boxLeft {
	float: left;
	width: 210px;
	height: 205px;
	background-image: url('http://www.independentinvestor.co.uk/images/box-bg.png');
	}

.boxMid {
	float: left;
	width: 210px;
	height: 205px;
	background-image: url('http://www.independentinvestor.co.uk/images/box-bg.png');
	margin-left: 5px;
	}
    
.boxMid2 {
	float: left;
	width: 210px;
	height: 205px;
	background-image: url('http://www.independentinvestor.co.uk/images/box-bg.png');
	margin-left: 10px;
	}

.boxRight {
	float: right;
	width: 210px;
	height: 205px;
	background-image: url('http://www.independentinvestor.co.uk/images/box-bg.png');
	}
	    
.boxHeader {
	margin-top: 7px;
    text-align: center;
    font-weight: bold;
    font-family: Arial;
    font-size: 12px;
    color: #0376AB;
	}
.boxHeader a { color: #0376AB; }
.boxHeader a:hover { text-decoration: underline; }
    
.boxBodyImage {
    text-align: center;
    margin-top: 13px;
	}
    
.boxBodyText { font:12px verdana, tahoma, "Trebuchet MS", sans-serif; margin-right: 10px; margin-left: 10px; text-align: justify; }

.boxNewsHeadline a { font:12px Arial; text-align: justify; color: #58595B; }
.boxNewsHeadline a:hover { text-decoration: underline; }

.boxNewsDate { font:10px  Arial; text-align: justify; color: #76B4D1; }
    
.boxLeftTop {
	float: left;
	width: 211px;
	height: 32px;
	background-image: url('http://www.independentinvestor.co.uk/images/box-bg-top.png');
    }

.boxLeftBottom {
	float: left;
	width: 211px;
	height: 174px;
    margin-left: -211px;
    margin-top: 32px;
	background-image: url('http://www.independentinvestor.co.uk/images/box-bg-bottom.png');
	}
	
.boxMidTop {
	float: left;
	width: 211px;
	height: 32px;
	background-image: url('http://www.independentinvestor.co.uk/images/box-bg-top.png');
    margin-left: 4px;
    }
    
.boxMidBottom {
	float: left;
	width: 211px;
	height: 174px;
    margin-left: -211px;
    margin-top: 32px;
	background-image: url('http://www.independentinvestor.co.uk/images/box-bg-bottom.png');
	}
	
.boxRightTop {
	float: right;
	width: 211px;
	height: 32px;
	background-image: url('http://www.independentinvestor.co.uk/images/box-bg-top.png');
    }

.boxRightBottom {
	float: right;
	width: 211px;
	height: 174px;
	background-image: url('http://www.independentinvestor.co.uk/images/box-bg-bottom.png');
	}

.bigboxRight {
	float: right;
	margin-top: 10px;
	width: 300px;
	height: 409px;
	background-image: url('http://www.independentinvestor.co.uk/images/big-box-bg.png');
	background-repeat: no-repeat;
	}

.bigboxRightTop {
	float: right;
	margin-top: 10px;
	width: 300px;
	height: 33px;
	background-image: url('http://www.independentinvestor.co.uk/images/big-box-bg-top.png');
	background-repeat: no-repeat;
	}

.bigboxRightBottom {
	float: right;
	width: 300px;
	height: 380px;
	background-image: url('http://www.independentinvestor.co.uk/images/big-box-bg-bottom.png');
	background-repeat: no-repeat;
	}
	
#fwBox {
	float: left;
	width: 100%;
	height: 165px;
	margin-top: 10px;
	background-image: url('http://www.independentinvestor.co.uk/images/fw-box-bg.png');
	}
	
#fwDivider {
	width: 100%;
	height: 1px;
	background-color: #76b4d1;
	}
	
/*Menu*/
#menu-navbar a {
	display: block; 
	height: 26px;
	padding: 10px 10px 0 10px;
	color: #0275ab;
	}
	
#menu-navbar ul li a:hover {
	background:#76b4d1; width:197px; height:20px; border:none;   -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0;   -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0;
	}
	
	#menu-navbar ul li a{ 
	background:#fff; width:197px; height:20px;
	}
	
#menu-navbar a:hover {
	background:#fff; padding: 10px 10px 0 10px;  height:25px; border-top:#76b4d1 solid 1px; border-left:#76b4d1 solid 1px; border-right:#76b4d1 solid 1px;
	
	 -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px;   -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px;
	}

#menu-navbar ul {
	width: auto;
	display: block;
	position: absolute; padding:5px; 

	display: none; 

	background-color:#fff; border-bottom:#76b4d1 solid 1px; border-left:#76b4d1 solid 1px; border-right:#76b4d1 solid 1px;
	
	 -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px;  -webkit-border-bottom-left-radius: 6px;   -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px;
	
	
	}
	
#menu-navbar li {
	float: left;
	}	
	
.sub-menu { display: block; width: auto; position: absolute; }
.sub-menu li { clear: both; }
/*breadcrumbs*/
	
#breadCrumbs {
	float: left;
	width: 100%;
	color: #c1c1c1;
	padding-left: 5px;
	margin-bottom: 10px;
	}
	
#breadCrumbs a {
	color: #c1c1c1;
	}
	
#breadCrumbs a:hover {
	color: #9b9b9b;
	}
	
.blackText {
	color: black;
	}
	
/*Left Menu */
	
#leftMenu  ul{
	width: 300px;
	}
	
#leftMenu .menuHeader {
	width: 300px;
	height: 35px;
	list-style: none;
	padding: 0;
	margin: 0;
	background-image: url('http://www.independentinvestor.co.uk/images/left-menu-head.png');
	background-repeat: no-repeat;
	color: #0275ab;
	font-size: 14px;
	font-weight: bold;
	}
	
.menuHeaderPad {
	padding-left: 70px;
	padding-top: 8px;
	}
	
#leftMenu .menuItem {
	width: 300px;
	height: 21px;
	list-style: none;
	padding: 0;
	margin: 0;
	background-image: url('http://www.independentinvestor.co.uk/images/left-menu-off.png');
	background-repeat: no-repeat;
	color: #76b4d1;
	}
	
#leftMenu .menuItem:hover {
	width: 300px;
	height: 21px;
	list-style: none;
	padding: 0;
	margin: 0;
	background-image: url('http://www.independentinvestor.co.uk/images/left-menu-on.png');
	background-repeat: no-repeat;
	color: white;
	}
	
#leftMenu a {
	display: block;
	height: 21px;
	color: #0275ab;
	}
	
#leftMenu a:hover {
	color: white;
	}
	
.menuItemPad {
	padding-left: 70px;
	padding-top: 2px;
	}
	
/* Main Content */
#mainContent {
	width: 650px;
	float: right;
	color: #58595B;
	}
    
#mainContent a { color: #9b9b9b; }

#mainContent a:hover { color: #9b9b9b; text-decoration: underline; }
    
#mainContent p { margin-bottom: 10px; }

#mainContent h2 { margin-bottom: 10px; }

#mainContent h3 { margin-bottom: 10px; }
	
.contentTitle { color: #0275ab; font-size: 14px; font-weight: bold; padding-top: 8px; }
	
.contentHeader {
	border-bottom: #76b4d1 3px solid;
	height: 32px;
	width: 100%;
	margin-bottom: 5px;
	}
	
.floatLeft { 
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
	}

.floatRight {
	float: right;
	padding-left: 5px;
	padding-bottom: 5px;
	}
	
.contentAd {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-top: 40px;
	}
	
/* Content Sub Menu */

#contentSubMenu {
	width: 100%;
	height: 33px;
	background-image: url('http://www.independentinvestor.co.uk/images/sub-menu-bar.png');
	display: block;
	
	}
	
.contentSubMenuItemLeft {
	width: 20%;
	float: left;
	list-style: none;
	color: #0275ab;
	font-weight: bold;
	padding-top: 9px;
	text-align: center;
	margin-left: 1px;
	}
	
.contentSubMenuItemMid {
	width: 12%;
	float: left;
	list-style: none;
	color: #0275ab;
	font-weight: bold;
	padding-top: 9px;
	text-align: center;
	}
	
.contentSubMenuItemRight {
	width: 19%;
	float: left;
	list-style: none;
	color: #0275ab;
	font-weight: bold;
	padding-top: 9px;
	text-align: center;
	}

/* Broker List Formatting */
	
.brokerList {
	width: 650px;
	background-image: url('http://www.independentinvestor.co.uk/images/broker-bg.png');
	list-style: none;
	height: 78px;
	margin-top: 3px;
	background-repeat: no-repeat;
	border-spacing: 0px;
	text-align: center;
	color: #58595B;
	font:11px verdana, tahoma, "Trebuchet MS", sans-serif;
    vertical-align:middle;
	}
	
.brokerList:hover {
	width: 650px;
	background-image: url('http://www.independentinvestor.co.uk/images/broker-bg-hover.png');
	list-style: none;
	height: 78px;
	}
    
.brokerSides {
	width: 22%;
	vertical-align: middle;
    text-align: right;	
	}
    
.brokerSides {
	width: 22%;
	vertical-align: middle;
    text-align: right;	
	} 
    
.brokerSidesHeader {
	width: 22%;
	vertical-align: middle;	
	}
    	
.brokerListItem {
	text-align: center;
	vertical-align: middle;
	font-family: Arial;
	font-size: 13px;
	color: #0376AB;
	font-weight: bold;
	}

.brokerListHeader {
	width: 650px;
	height: 33px;
	background-image: url('http://www.independentinvestor.co.uk/images/sub-menu-bar.png');	
	}	

    
/** The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.  mp/bestclearfix **/
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/** Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page **/
.clearfix { zoom: 1; }