/* ----------------- Import Reset css file ------------------- */
@import "reset.css";
/* ----------------------------------------------------------- */


/* -------------------------- LAYOUT ------------------------- */
body {
	background: url("../img/layout/bubbles.jpg") no-repeat center 77px #fff;
	font-family: Arial, Verdana, Helvetica, sans-sherif;
	font-size: 1em;
	color: #737373;
}

small {
	font-size: 0.5em;
	font-weight: normal;
}

strong {
	font-weight: bold;
}

.clear {
	clear: both;
}

.left-bar {
	border-left: 1px solid #CCC;
	padding: 0 0 0 10px
}

a {
	color: #919191;
	outline: none;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

.capital {
	text-transform: uppercase;
}

.space {
	margin: 0 0 2em 0;
}

.img-right {
	float: right;
	border: 5px solid #fff;
	margin: 0 3px 0 1em;
	-moz-box-shadow: 0 1px 3px black;
	-webkit-box-shadow: 0 1px 3px black;
	box-shadow: 0px 1px 3px black;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction='130', strength='3');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction='130', strength='3')";
}

.img-left {
	float: left;
	border: 5px solid #fff;
	margin: 0 1em 0 3px;
	-moz-box-shadow: 0 1px 3px black;
	-webkit-box-shadow: 0 1px 3px black;
	box-shadow: 0px 1px 3px black;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction='130', strength='3');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction='130', strength='3')";
}

#content_page #content_page_wrapper #content p.img-centre {
	text-align: center;
	padding: 0;
}

#content_page #content_page_wrapper #content p.img-centre img {
	border: 5px solid #fff;
	-moz-box-shadow: 0 1px 3px black;
	-webkit-box-shadow: 0 1px 3px black;
	box-shadow: 0px 1px 3px black;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction='130', strength='3');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction='130', strength='3')";	
}

#content_page #content_page_wrapper #content .img_legend {
	font-style: italic;
	font-size: 0.8em;
	text-align: center;
}

p.intro {
	color: #0278c6;
	line-height: 1.5em;
}

#intro p.intro {
	width: 600px;
}

.external_link {
	background: url("../img/content/extlink.png") no-repeat right center;
	padding: 0 15px 0 0;
}

span.smaller_content {
	font-size: 0.8em;
	font-style: italic;
}
/* ----------------------------------------------------------- */


/* -------------------------- HEADER ------------------------- */
#header {
	background: url("../img/layout/header-background.jpg") repeat-x top;
}

#header_wrapper {
	width: 980px;
	position: relative;
	height: 72px;
	overflow: hidden;
	margin: 0 auto;
	padding: 5px 0 0 0;
}

/* ----------------- Logo --------------- */
#logo {
	position: absolute;
	left: 0;
	bottom: 5px;
}		
/* -------------------------------------- */

/* ------------- Navigation ------------- */
#main_navigation {
	position: absolute;
	left: 170px;
	bottom: 12px;
}

#main_navigation  ul li{
	display: inline;
	margin: 0 20px 0 0;
}

#main_navigation  ul li a{
	display: inline;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.8em;
	letter-spacing: -0.05em;
}

#main_navigation  ul li a:hover, #main_navigation  ul li.current a {
	text-decoration: underline;
}
/* -------------------------------------- */
		
/* ---------------- Phone --------------- */
#phone {
	position: absolute;
	right: 0;
	bottom: 12px;
	color: #fff;
	font-weight: bold;
	font-size: 1.3em;
	text-align: right;
}	
/* -------------------------------------- */
/* ----------------------------------------------------------- */


/* --------------------------- MAIN -------------------------- */
/* --------------- Homepage ------------- */
#homepage {
	background: url('../img/layout/homepage/slider-background.jpg') no-repeat top;
	margin: 1px 0 0 0;
}

#homepage #main_wrapper {
	width: 1036px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

#homepage #main_wrapper .prev {
	position: absolute;
	left: 0;
	top: 100px;
}

#homepage #main_wrapper .next {
	position: absolute;
	right: 0;
	top: 100px;
}

#homepage #main_wrapper .slides_container {
	width: 980px;
	height: 307px;
	position: absolute;
	left: 28px;
	top: 20px;
}

#homepage #main_wrapper .slide {
	border: 10px solid #fff;
	width: 960px;
	height: 287px;
	position: relative;
}

#homepage #main_wrapper #slide1 {
	background: #59beff;
	color: #fff;
}

#homepage #main_wrapper #slide2 {
	background: #00cd61;
	color: #fff;
}

#homepage #main_wrapper #slide3 {
	background: #ff8400;
	color: #fff;
}

#homepage #main_wrapper .slide .content {
	border-right: 2px solid #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 387px;
	height: 227px;
	color: #fff;
	padding: 30px;
}

#homepage #main_wrapper .slide .content h1 {
	font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.1em;
	padding: 0 0 20px 0;
}

#homepage #main_wrapper .slide .content p {
    font-size: 0.9em;
    line-height: 1.5em;
    text-align: justify;
}

#homepage #main_wrapper .slide .content .read-more {
	float: right;
	margin: 10px 0 0 0;
	text-decoration: underline;
}

#homepage #main_wrapper .slide .image {
	position: absolute;
	top: 0;
	right: 0;
	width: 511px;
	height: 287px;
}

#homepage #main_wrapper  #check_boxes {
	width: 980px;
	margin: 61px auto 0;
	height: 160px;
	position: relative;
}

#homepage #main_wrapper  #check_boxes a:hover {
	opacity: 0.7;
}

#homepage #main_wrapper  #check_boxes .box {
	float: left;
	width: 210px;
	margin: 0 27px 0 0;
}

#homepage #main_wrapper  #check_boxes .box h3 {
	color: #0278c6;
	font-size: 1em;
	padding: 20px 0;
	letter-spacing: -0.05em;
}

#homepage #main_wrapper  #check_boxes .box p {
	font-size: 0.8em;
	line-height: 1.2em;
	letter-spacing: -0.05em;
}

#homepage #main_wrapper  #check_boxes #box1 {
	border-top: 3px solid #3fa9ef;
}

#homepage #main_wrapper  #check_boxes #box1 h3 {
	background: url('../img/content/homepage/blue-check.jpg') no-repeat center right;
}

#homepage #main_wrapper  #check_boxes #box2 {
	border-top: 3px solid #0d6eae;
}

#homepage #main_wrapper  #check_boxes #box2 h3 {
	background: url('../img/content/homepage/deep-blue-check.jpg') no-repeat center right;
}

#homepage #main_wrapper  #check_boxes #box3 {
	border-top: 3px solid #0c3569;
}

#homepage #main_wrapper  #check_boxes #box3 h3 {
	background: url('../img/content/homepage/purple-check.jpg') no-repeat center right;
}

#homepage #main_wrapper  #check_boxes #box4 {
	width: 267px;
	float: left;
	margin: 0 0 0 2px;
}

#bottom_homepage {
	background: url('../img/layout/homepage/background-content.jpg') repeat-x top;
	height: 446px;
}

#bottom_homepage #bottom_homepage_wrapper {
	width: 980px;
	margin: 0 auto;
	position: relative;
	height: 446px;
}

#bottom_homepage #bottom_homepage_wrapper #who-we-are {
	position: absolute;
	left: 0;
	top: 20px;
	width: 470px;
}

#bottom_homepage #bottom_homepage_wrapper #more-about {
	position: absolute;
	left: 510px;
	top: 20px;
	width: 470px;
}

#bottom_homepage #bottom_homepage_wrapper h2 {
	color: #198eda;
	font-size: 1.1em;
	padding: 0 0 0.5em 0;
}

#bottom_homepage #bottom_homepage_wrapper h3 {
	text-transform: uppercase;
	color: #198eda;
	font-size: 0.7em;
	padding: 0 0 1.5em 0;
}

#bottom_homepage #bottom_homepage_wrapper p {
	padding: 0 0 0.5em 0;
	font-size: 0.8em;
	line-height: 1.4em;
}

#bottom_homepage #bottom_homepage_wrapper #who-we-are h2 {
	background: url('../img/content/homepage/title-image.png') no-repeat left top;
	padding: 0 0 0.5em 25px;
}

#bottom_homepage #bottom_homepage_wrapper #who-we-are p {
	color: #787777;
}

#bottom_homepage #bottom_homepage_wrapper #who-we-are p.focus {
	color: #093b79;
	font-weight: bold;
	text-align: justify;
	padding: 0 0 1.5em 0;
}

#bottom_homepage #bottom_homepage_wrapper hr {
	border: none;
	background: url('../img/content/homepage/hr.jpg') repeat-x top left;
	margin: 1em 0;
	height: 1px;
}

#bottom_homepage #bottom_homepage_wrapper #who-we-are #social {
	float:right;
	margin: 0 0 20px 0;
	width: 135px;
	text-align: right;
}

#social a:hover img {
	-moz-transform: rotate(8deg);
	-webkit-transform: rotate(8deg);
	-ms-transform: rotate(8deg);
}

#bottom_homepage #bottom_homepage_wrapper #more-about .content-box {
	margin: 0 0 20px 0;
}

#bottom_homepage #bottom_homepage_wrapper #more-about .content-box img {
	float: left;
	border: 5px solid #fff;
	margin: 0 20px 0 0;
	-moz-box-shadow: 0 2px 3px black;
	-webkit-box-shadow: 0 2px 3px black;
	box-shadow: 0px 2px 3px black;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction='130', strength='3');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction='130', strength='3')";
}

#bottom_homepage #bottom_homepage_wrapper #more-about a {
	text-transform: uppercase;
	color: #198eda;
	font-size: 0.8em;
	text-decoration: none;
}

#bottom_homepage #bottom_homepage_wrapper #more-about a:hover {
	text-decoration: underline;
}

#bottom_homepage #bottom_homepage_wrapper #search {
	position: absolute;
	left: 0;
	bottom: 20px;
	width: 980px;
	height: 40px;
}

#search #news {
	position: absolute;
	font-size: 0.9em;
	padding : 0 0 10px 0;
	width: 715px;
	height: 37px;
}

#search #news h3 {
	float: left;
	margin: 0 20px 0 0;
	padding: 0 10px;
	line-height: 35px;
	border: 1px solid #ccc;
	background: #fff;
	font-size: 0.8em;
	color: #198EDA;
	text-transform: uppercase;
}

#search #news p {
	line-height: 35px;
	padding: 0;
	font-size: 0.75em;
}

#search #search_box {
	position: absolute;
	right: 0;
	width: 225px;
	text-align: right;
	height: 37px;
}

#search #search_box #search_field, #search #name_newsletter, #search #email_newsletter {
    border: 1px solid #CCCCCC;
    float: left;
    height: 35px;
    margin: 0;
    padding: 0 10px;
    width: 163px;
	color: #6bbaee;
}

#search #subForm label.error {
	position: absolute;
	top: 40px;
	right: 50px;
}

#search #name_newsletter {
	margin: 0 20px 0 0;
}

#search .form_submit {
	background: url('../img/content/homepage/search.jpg') no-repeat top left;
	border: none;
	width: 40px;
	height: 37px;
	cursor: pointer;
	padding: 0;
	margin: 0;
	vertical-align: top;
}
/* -------------------------------------- */

/* --------------- Landing -------------- */
#landing {
	background: url('../img/layout/who-we-are/content-background.jpg') no-repeat top;
	margin: 1px 0 0 0;
}

#landing.what-we-do {
	background: url('../img/layout/what-we-do/content-background.jpg') no-repeat top;
	margin: 1px 0 0 0;
}

#landing.short {
	background: url('../img/layout/landing/background-short.jpg') no-repeat top;
	margin: 1px 0 0 0;
}

#landing #landing_wrapper, #content_page #content_page_wrapper {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

#landing #landing_wrapper #content a, #content_page #content_page_wrapper #content a {
    color: #1E62A3;
    text-decoration: underline;
}

#landing #landing_wrapper #content a:hover, #content_page #content_page_wrapper #content a:hover {
	text-decoration: underline;
}

#top {
	height: 145px;
	position: relative;
	margin: 0 0 30px;
}

#top h1 {
	color: #fff;
	font-size: 1.6em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 80px 0 0 0;
}

#top #quote {
	position: absolute;
	right: 0;
	top: 40px;
	font-size: 0.8em;
	text-align: right;
	color: #3eacf3;
	width: 310px;
	line-height: 1.8em;
}

#top #quote h4 {
	color: #fff;
	text-transform: uppercase;
	font-size: 0.8em;
}

#subnav {
	width: 210px;
	font-size: 0.8em;
	float: left;
	vertical-align: top;
}

#subnav a {
	color: #2da0ea;
	text-transform: uppercase;
	display: block;
	line-height: 1.2em;
	background: url('../img/content/bullet.jpg') no-repeat left center;
	padding: 10px 0 10px 20px;
	border-bottom: 1px solid #bebebe;
	letter-spacing: -0.05em;
}

#subnav li.last a {
	border-bottom: none;
}

#subnav a:hover, #subnav li.current a {
	background: #bebebe;
	color: #fff;
}

#left-content {
	width: 210px;
	font-size: 1em;
	float: left;
	vertical-align: top;
	line-height: 1.2em;
}

#left-content section {
	border-bottom: 1px solid #bebebe;
	padding: 10px 0;
}

#left-content h4 {
	color: #0278c6;
	padding: 0 10px 10px 0;
}

#left-content h5 {
	color: #2da0ea;
	text-transform: uppercase;
	font-size: 0.7em;
}

#left-content p {
	text-transform: uppercase;
	font-size: 0.7em;
}

#left-content a {
	text-decoration: underline;
	color: #1e62a3;
}

#landing #landing_wrapper #content {
	margin: 0 0 0 210px;
	vertical-align: top;
	border-left: 1px solid #bebebe;
	padding: 0 0 0 60px;
	width: 709px;
	min-height: 800px;
}

#landing #landing_wrapper #banner {
	width: 710px;
	overflow: hidden;
	height: 239px;
	color: #fff;
}

#landing #landing_wrapper #banner.contact, #landing #landing_wrapper #banner.who-we-are {
	background: #59beff;
}

#landing #landing_wrapper #banner.what-we-do {
	background: #ff8400;
}

#landing #landing_wrapper #banner.investor-centre {
	background: #00cd61
}

#landing #landing_wrapper #banner.media-relations {
	background: #084279
}

#landing #landing_wrapper #banner img {
	float: right;
	border-left: 1px solid #fff;
	margin: 0 0 0 30px;
}

#landing #landing_wrapper #banner h2 {
	text-transform: uppercase;
	font-size: 1.5em;
	line-height: 1.2em;
	font-weight: bold;
	margin: 30px 30px 0 30px;
}

#landing #landing_wrapper #banner p {
	margin: 10px 30px 0 30px;
	line-height: 1.2em;
}

#landing #landing_wrapper #teaser, #landing #landing_wrapper #no_nav_content {
	margin: 20px 0 0 0;
	padding: 21px 0 0 0;
}

#landing #landing_wrapper #teaser aside {
	display: inline-block;
	width: 221px;
	height: 237px;
	vertical-align: top;
}

#landing #landing_wrapper #teaser .first, #landing #landing_wrapper #teaser .middle {
	margin: 0 18px 0 0;
}

#landing #landing_wrapper #teaser aside img {
	border: 5px solid #fff;
	-moz-box-shadow: 0 1px 3px black;
	-webkit-box-shadow: 0 1px 3px black;
	box-shadow: 0px 1px 3px black;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction='130', strength='3');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction='130', strength='3')";
}

#landing #landing_wrapper #teaser aside h3 {
	color:#0278c6;
	padding: 10px 0;
}

#landing #landing_wrapper #teaser aside p {
	font-size: 0.8em;
	line-height: 1.4em;
}

#landing #landing_wrapper #teaser aside p a {
	color: #1e62a3;
	text-transform: uppercase;
	text-decoration: underline;
	font-size: 0.8em;
}

#bottom {
	position: relative;
}

#bottom #search {
	position: relative;
	width: 980px;
	height: 40px;
	padding: 30px 0 0 0;
}

#landing #bottom #search, #content_page #bottom #search {
	height: 60px;
}

#bottom #social_box {
    display: block;
    height: 140px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: -120px;
    width: 190px;
}

#bottom #social {
 margin: 0 0 0.8em 0;
}

#bottom #social_box h3 {
    color: #198EDA;
    font-size: 0.6em;
    padding: 0 0 1em;
    text-transform: uppercase;
}

#bottom #social_box p {
    font-size: 0.8em;
    line-height: 1.4em;
    padding: 0 0 0.5em;
}
/* -------------------------------------- */
		
/* ----------- Content + Subnav --------- */
#content_page {
	background: url('../img/layout/content/content_background.jpg') no-repeat top;
	margin: 1px 0 0 0;
}

#content_page.no-bg {
	background: url('../img/layout/content/content_background2.jpg') no-repeat top;
	margin: 1px 0 0 0;
}

#content_page #content_page_wrapper #content {
    border-left: 1px solid #BEBEBE;
    margin: 0 0 0 210px;
    padding: 0 0 0 60px;
    vertical-align: top;
    width: 709px;
	min-height: 500px;
	position: relative;
}

#content_page #content_page_wrapper #content #intro {
	height: 143px;
	margin:	0 0 2em 0;
	overflow: hidden;
}

#content_page #content_page_wrapper #content h2 {
	text-transform: uppercase;
	padding: 0 0 1em 0;
}

#content_page #content_page_wrapper #content #highlight {
	height: 240px;
	margin: 0 0 2em 0;
	overflow: hidden;
}

#content_page #content_page_wrapper #content #highlight img {
	float: right;
	border: 5px solid #fff;
	margin: 0 0 0 10px;
	-moz-box-shadow: 0 1px 3px black;
	-webkit-box-shadow: 0 1px 3px black;
	box-shadow: 0px 1px 3px black;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction='130', strength='3');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction='130', strength='3')";
}

#content_page #content_page_wrapper #content h3, #landing #no_nav_content h3 {
	color: #1068bb;
	font-size: 1.8em;
	padding: 0 0 0.4em 0;
}

#content_page #content_page_wrapper #content p, #landing #no_nav_content p {
	line-height: 1.5em;
	text-align: justify;
	padding: 0 0 2em 0;
}

#content_page #content_page_wrapper #content ul, #landing #no_nav_content ul {
	list-style-type: circle;
	padding: 0 0 2em 0;
	text-align: justify;
	line-height: 1.5em;
	margin: -1.5em 0 0 0;
}

#content_page #content_page_wrapper #content ul.key-list, #landing #no_nav_content ul.key-list {
	margin: 0;
}

#content_page #content_page_wrapper #content ul.key-list li, #landing #no_nav_content ul.key-list li {
	padding: 0 0 0.7em 0;
}

.back-box {
	text-align: right;
}

#content_page #content_page_wrapper #content .back-box a.back-to-top, #landing #landing_wrapper #content .back-box a.back-to-top {
	font-size: 0.8em;
	text-decoration: none;
}

#content_page #content_page_wrapper #content .back-box a.back-to-top:hover, #landing #landing_wrapper #content .back-box a.back-to-top:hover {
	border-bottom: 1px solid #1E62A3;
}

/* -------------------------------------- */
		
/* ------------ Contact Form ------------ */
#contact-us-form {
	  height: 314px;
}

#contact-us-form aside {
	float: right;
}

#contact-us-form section {
	height: 75px;
}

#contact-us-form aside textarea {
    height: 230px;
    width: 350px;
	color: #919191;
}

#contact-us-form label {
	display: block;
	line-height: 1.4em;
	color: #0278C6;
}

#contact-us-form input {
	width: 300px;
	color: #919191;
	display: block;
}

#contact-us-form select {
	width: 305px;
	color: #919191;
	display: block;
}

#contact-us-form input#submit {
	margin: 0;
	cursor: pointer;
	background: url('../img/content/contact/submit.jpg') no-repeat top left;
	width: 151px;
	height: 37px;
	border: none;
	font-weight: bold;
	margin: 0 0 10px 75px;
}

#contact-us-form input#submit:hover {
	background: url('../img/content/contact/submit.jpg') no-repeat top right;
}

#contact-us-form label.error {
	color: red;
}

#contact-us-form .thankyou {
	color: red;
}
/* -------------------------------------- */
/* ----------------------------------------------------------- */


/* -------------------------- FOOTER ------------------------- */
#footer {
	width: 980px;
	margin: 0 auto;
	padding: 20px 0 40px;
}

#footer #main_links, #footer #who_we_are_links, #footer #what_we_do_links {
	float: left;
	margin: 0 60px 0 0;
}

#footer #virtudigital {
	float: left;
}

#footer #main_links a, #footer h4 a {
	text-transform: uppercase;
	color: #198eda;
	text-decoration: none;
	font-size: 0.7em;
}

#footer #main_links a:hover, #footer h4 a:hover {
	text-decoration: underline;
}

#footer #who_we_are_links ul a, #footer #what_we_do_links ul a {
	color: #919191;
	text-decoration: none;
	font-size: 0.6em;
}

#footer #who_we_are_links ul a:hover, #footer #what_we_do_links ul a:hover {
	text-decoration: underline;
}

#footer #who_we_are_links ul.left_links, #footer #what_we_do_links ul.left_links {
	float: left;
	margin: 0 40px 0 0;
}

#footer #who_we_are_links ul.right_links, #footer #what_we_do_links ul.right_links {
	float: right;
}
/* ----------------------------------------------------------- */