/* 
	HTML and CSS authored by
	Philip Beresford,
	for MassMedia Studios (2012)
*/




/* STYLE CSS */
body {background:#fff; color:#000;}
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1, h2, h3, h4, h5, h6, p {font-family: Arial, Helvetica, sans-serif;}
/* LINKS */
a, a:link, a:focus, a:active {color: #11a3dd; text-decoration: none;}
a:hover {text-decoration: underline;}
a:visited {color: #00467f;}
/* GENERAL CLASSES */
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {zoom:1; /* For IE 6/7 (trigger hasLayout) */}
.last { margin-right:0 !important;}
.left { float:left;}
.right { float:right;}
.align-right { text-align:right;}
.align-center { text-align:center;}
.imgLeft {float: left;margin: 0 15px 15px 0;}
.imgRight {float: right;margin: 0 0 15px 15px;}
.hide {display: none;}



/* GENERAL ELEMENT STYLING */
h1 {font-size: 1.1em; font-weight: 500; margin: 10px 0; color: #11A3DD;}
h2 {font-size: 1.05em; font-weight: 500; margin: 15px 0 5px 0; color: #11A3DD;}
h3 {font-size: 0.75em; font-weight: bold; margin: 5px 0; color: #11A3DD;}
p {margin: 1em 0;}
p.more {font-size: 0.7em; font-weight: bold;}
p.viewall {margin-right: 20px;}
p, #content li {font-size: 0.75em;}
.meta {color: #a4a4a4; margin: 0;}
.article_img {margin: 15px 0 5px 0;}

/* LAYOUT */

body {background: url(../images/bg.png) repeat; margin:0 auto;}
#mainWrapper {max-width: 960px; height: 100%; margin:0 auto; text-align:left;}
	.ie6 #mainWrapper, .ie7 #mainWrapper, .ie8 #mainWrapper{width: 960px;}
#page {background-color: #FFFFFF; padding-bottom: 10px;}
#main_cont {margin: 0 20px; background-color: #FFFFFF; height: auto;}
#content {width: auto; margin: 0; padding: 0; position: relative;}




/* HEADER */

#header {background-color: #00467f; margin: 10px 20px 20px 20px; padding: 0; position: relative;}
#header #logo {background: url('../images/header_logo.jpg') 0 0 no-repeat; width: 240px; height: 109px; }
#header #logo h1 a {display: block; width: 240px; height: 109px;}
#header #logo h1 {margin: 0; padding: 0;}
#header #share_container {background: #025394 url('../images/header_div.jpg') 0 0 no-repeat; width: 392px; height: 109px; position: absolute; top: 0; right: 0;}
#header #share_container #net_asset, #header #share_container #share_price {position: absolute; top: 22px; }
#header #share_container h4 {color: #ffc425; text-transform: uppercase; font-size: 0.95em; padding: 0; margin: 0;}
#header #share_container p{color: #FFFFFF;padding: 0; margin: 0;}
#header #share_container p.price {font-size: 1.5em; font-weight: bold; margin: 2px 0 0 0;}
#header #share_container p.price_update {font-size: 0.6em; padding: 0; margin: 0; font-weight: normal;}
#header #share_container #share_price {left: 55px;}
#header #share_container #net_asset {right: 20px;}
#header #share_container .price_up, #header #share_container .price_down .price_same {font-size: 0.5em;padding: 7px 0 0 16px;}
#header #share_container .price_up {color: #8ede54; /*background:url('../images/icn_priceup.jpg') 0 0 no-repeat;*/}
#header #share_container .price_down {color: #e26c6c; /*background:url('../images/icn_pricedown.jpg') 0 0 no-repeat;*/}





/* NAV */

#main_nav ul, .tiny_nav ul {list-style: none; display: inline; margin: 0; padding: 0;}
.tiny_nav li, #main_nav li {display: inline;}

.tiny_nav {text-align: right; margin: 0 20px 0 20px; padding-top: 5px;}
.tiny_nav li a {font-size: 0.6em; color: #a4a4a4; padding: 0 2px; margin: 0 5px; text-decoration: none;}
.tiny_nav li a:hover, .tiny_nav li a:focus, .tiny_nav li a:active {text-decoration: underline;}

#main_nav {margin: 0 20px; height: 40px; background-color: #00467f;}
#main_nav li {
	margin:0; 
	padding: 0; 
	display:block; 
	float:left; 
	position:relative; 
	height: 40px;
	width: auto;
	background-color: #00467f;
	z-index: 100;
}
#main_nav li a{
	display: block; 
	color: #FFFFFF; 
	font-size: 16px; 
	text-decoration: none; 
	padding: 0 30px 0 20px; 
	line-height: 40px;
	margin: 0; 
	height: 40px;
	background:url('../images/icn_navarrow.png') right 14px no-repeat;
	text-shadow: 1px -1px #000000;
}
#main_nav li a:hover, #main_nav li a:focus, #main_nav li a:active {background-color: #31afe2;}

#main_nav li ul {display: none; list-style: none; position: absolute; top: 40px; }
#main_nav li ul li {height: 30px; padding: 0 20px; white-space: nowrap; float: none;}
#main_nav li ul li a {
height: 29px;
line-height: 30px;
padding: 0;
margin: 0;
font-size: 14px; 
color: #00467f; 
background: none;
clear:left;
border-bottom: 1px dashed #5dcbff; 
text-shadow: none;
}
#main_nav li ul li.nav_last a {border-bottom: none;}
#main_nav li ul li.nav_last {padding-bottom: 8px;}
#main_nav li:hover > a {background-color: #31afe2; }
#main_nav li:hover ul, #main_nav li:focus ul, #main_nav li:active ul {display: block; background-color: #31afe2; z-index: 99;}
#main_nav li:hover li, #main_nav li:focus li, #main_nav li:active li {background-color: #31afe2; }
#main_nav li ul li a:hover, #main_nav li ul li a:focus, #main_nav li ul li a:active {text-decoration: underline; }


/* BREAD CRUMBS */
#breadcrumb {padding: 0; margin: 5px 0 20px 0;}
#breadcrumb p {padding: 0; margin: 0;}
#breadcrumb p, #breadcrumb p a, #breadcrumb p a:link, #breadcrumb p a:active, #breadcrumb p a:visited {color: #a4a4a4; font-size: 0.8em; padding: 1px 0;}
#breadcrumb p a.last {color: #11A3DD;}







/* HOME PAGE */
#splash_home {position: relative; zoom: 1;}
#splash_home, #splash_cont {background-color: #00467f; padding: 0 0 7px 0;}
#splash_home img, #splash_cont img {max-width: 100%; height: auto; margin: 0 auto; display: block;}
#splash_home .splash_text {
position: absolute; 
top: 47%; 
right: 0; 
width: 45%;
max-width: 422px; 
color:#FFFFFF; 
font-size: 100%;
margin: 0 15px 0 0;
padding: 0;
}
#splash_home .splash_text h2 {font-weight: 600; line-height: 1.4em; color: #FFFFFF; margin: 1% 0;}
#splash_home .splash_text h2 span {color: #FFC425;}
#splash_home .splash_text p {margin-top: 1.5%;}
#banner {position: relative; max-width: 920px; margin: 0 auto;}

#primary_news {float: left; width: 70%; margin: 10px 0 0 0; padding: 0;}
div.primary_article {margin: 0 15px 20px 0;}
div.primary_article h2 {margin: 10px 0;}
div.primary_article p {margin: 7px 0;}
div.primary_article p.more, div.annual_report p.more {margin: 2px 0;}

#secondary_news {float: right; width: 30%; margin: 0; padding: 0; background: #FFFFFF url('../images/bg_newssidebar.jpg') 0 0 repeat-x; }
#secondary_news h2 {margin: 20px 0 5px 15px;}
div.secondary_article {margin: 0 20px 10px 15px; border-bottom: 1px dashed #dadada;}
div.secondary_article h3 {margin: 10px 0 0 0;}
div.secondary_article p {margin: 5px 0;}
div.secondary_article p.more {margin-bottom: 10px;}






/* CONTENT PAGES */
div.news {width: 47%; margin-bottom: 20px;}
div.news div.primary_article h2 {margin: 2px 0;}
div.news div.primary_article p.meta {margin: 2px 0; font-size: 0.7em;}

#article_nav {clear: both; bottom: 0; text-align: right;}
#article_nav p a {background-color: #00467f; color: #ffffff; padding: 1px 4px; font-size: 0.9em; margin: 1px;}
#article_nav p a.page_here {background-color: #11a3dd;}

div.annual_report {position: relative; clear: both; height: 100%; margin: 10px 15px 20px 0;}
div.annual_report img {float: left; margin: 0 10px 40px 0;}
div.annual_report h2 {margin: 0 0 10px 0;}
div.annual_report p {margin: 2px 0;}
a.dl_pdf {padding: 2px 0 2px 20px; font-size: 0.8em; background: url('../images/icn_small-pdf.jpg') left 0 no-repeat;}
hr {
background-color:#fff;
border:#dadada 1px dashed;
border-style: none none dashed;
color:#fff;
margin: 15px 0 10px 0;
padding: 0;
}









/* FOOTER */

#footer {position: relative;}
#footer #sub_content {height: 142px; padding: 0 20px 0 0; background-color: #014e8b;}
.foot_col {float: left; width: 22%; height: 100%; background-color: #014e8b; padding-left: 20px;}
.foot_first {background-color: #00467f;}
.foot_div {background: #00467f url('../images/footer_div.jpg') right 0 no-repeat;}
.foot_col ul{list-style: none; margin: 0; padding: 0;}
.foot_col li{line-height: 0.8em;}
.foot_col li a{font-size: 0.7em; color: #FFFFFF; text-decoration: none;}
.foot_col li a:hover, .foot_col li a:focus, .foot_col li a:active {text-decoration: underline;}
.foot_col h5 {color: #ffc425; text-transform: uppercase; font-size: 0.75em; padding: 0; margin: 20px 0 5px 0;}
#footer .tiny_nav {margin: 5px 0 5px 20px; padding: 0;}
#privacy p {font-size: 0.6em; float: left; padding: 5px; margin-bottom: 10px;}






/* HOME PAGE FLEX SLIDER */
.flexslider {position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
.no-js .slides > li:first-child {display: block;}

/* Direction Nav */
.flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url('../images/bg_direction_nav.png') no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li .next {background-position: -52px 0; right: -21px;}
.flex-direction-nav li .prev {left: -20px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 9%; right: 15px; text-align: right;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {font-size: 0.7em; color: #555555; background-color: #000000; padding: 1px 5px; display: block; cursor: pointer; }
.flex-control-nav li a.active {color: #FFFFFF; cursor: default;}









/* IPAD/TABLET STYLING */
@media only screen and (min-width: 768px) and (max-width: 900px){
.splash_text h2 {line-height: 1.2em; font-size: 0.9em;}
.splash_text p {font-size: 0.7em;}
body {min-width:768px;}

h1 {font-size: 1.3em;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.1em;}
p, #content li {font-size: 1em;}

#secondary_news h2 {font-size: 1.1em;}
#secondary_news h3 {font-size: 1.0em;}
#secondary_news p {font-size: 0.9em;}
#secondary_news p.more {font-size: 0.7em;}
#breadcrumb p {font-size: 0.9em;}

div.annual_report img {margin-bottom: 6em;}
div.annual_report h2 {font-size: 1.1em;}

div.foot_col ul li a {margin: 0.3em 0;}
}

/* MOBILE STYLING */
@media only screen and (max-width: 767px){
.splash_text {top: 46%;}
.splash_text h2 {line-height: 1.2em; font-size: 0.9em;}
.splash_text p {font-size: 0.7em;}
body {width:768px;}
}


/* contact form */
#contact-form { float: left; width: 300px; }
.contact-sml { float: left; width: 250px; font-size: 11px; color: #333; padding:0 0 0 10px; }
.contact-lge { float: left; width: 310px; font-size: 11px; color: #333; padding:0; }
#contact-form td { font-size: 13px; height: 28px; padding: 3px 8px 3px 8px; border-bottom: none; border-right: none; }
#contact-form tr { background-color: #fff; }