/* 
colours:
royal - Blue #3381C7
Darker - Blue #295581
Pale Blue BG Panel #EBF1F7
Grey menu #504D4D
*/
/*div {*/
/*	border: 1px solid yellow;*/
/*}*/
body {
	margin: 0;
	padding: 0;
	font-family: helvetica, arial, verdana, sans-serif;
	text-align: center;
	height: 100%;
	font-weight: normal;
	background-color: #33383f;
	background-image: url('/_img/fade-bg.jpg');
	background-position: top center;
	background-repeat: repeat-x;

	font-size: 13px;
	color: #8f8f8f;
}
#outer_container {
	margin: 0 auto;
	width: 980px;
	text-align: left;
	background-color: #ffffff;
}
#inner_container {
	margin: 10px;
}
#header {
	height: 95px;
}
#header #logo_left {
	margin-top: 23px;
	float: left;
}
#header #logo_right {
	margin-top: 60px;
	float: right;
}



#left_col_container {
	margin-left: 10px;
	width: 360px;
	float: left;
	padding-top: 35px;
}
#left_col {
	width: 360px;
	height: 450px;
	overflow: hidden;
}
#right_col_full_container {
	padding-top: 40px;
	width: 580px;
	float: right;
}
#right_col_left {
	width: 290px;
	float: left;
}
#arrow {
	margin-bottom: 15px;
}
#blue_panel {
	background-color: #EBF1F7;
	padding: 2px 0 0 12px;
}
#blue_panel_inner {
	min-height: 407px;
	height: 407px;
	overflow: hidden;
}
#right_col_right {
	padding-top: 33px;
	width: 280px;
	float: right;	
}
#services_image, #news_image {
	margin-bottom: 10px;
}
div.image_box {
	position: relative;
}
div.image_box div.image_box_arrow {
	position: absolute;
	top: 6px;
	left: 0;
	width: 25px;
	height: 30px;
	overflow: hidden;
	/*border: 1px solid red;*/
}
div.image_box div.image_box_arrow img {
	float: right;
	width: 20px;
	height: 20px;
}
div.image_box div.image_box_text {
	position: absolute;
	top: 5px;
	left: 30px;
	width: 250px;
	height: 30px;
	/*border: 1px solid red;*/
	
}
div.image_box div.image_box_text h1 {
	font-size: 20px;
	line-height: 24px;
}


#footer {
	margin: 0 auto;
	width: 980px;
	height: 22px;
	line-height: 22px;
}
#footer, #footer a  {
	font-size: 10px;
	color: #989898;
}
#footer a:hover  {
	color: #cccccc;
}
#footer_right {
	float: right;
}
#footer_left {
	float: left;
}
div.clearfix {
	clear: both;
}

/* ---- Home Page - Special Layout ---*/
#wide_top_container {
	padding: 10px 0;
}
#intro_container {
	height: 260px;
	width: 330px;
	float: left;
}
#intro_container .intro_words {
	float: left;
	line-height: 36px;
	background-color: #3381C7;
	padding: 0 18px;
	font-size: 28px;
	color: #fff;
}
#intro_container .intro_words a {
	line-height: 36px;
	font-size: 30px;
	color: #fff;
}
#movie_container {
	float: left;
	height: 260px;
	width: 620px;
	margin-left: 10px;

	background-color: #fff;	
}
#wide_bottom_container {
	padding: 10px 0;
	clear: both;
}
#home_inbound_image {
	float: left;
	margin-right: 10px;
}
#home_outbound_image {
	float: left;
	margin-right: 10px;	
}
#home_news_cases_image {
	float: left;
}
#cases_image {
	height: 94px;
	width: 280px;
	margin-top: 10px;
	background: url('/_img/image-cases.jpg') bottom left no-repeat;
	position: relative;
}
#cases_image select {
	width: 150px;
	max-width: 150px;
	font-size: 9px;
}
#cases_image select option {
	width: 200px;
	max-width: 200px;
	font-size: 9px;
}
#cases_select {
	position: absolute;
	top: 40px;
	left: 60px;
}

/* 
colours:
Purple #400082
Turquoise #53BFD4
Navy #000065
*/


h1, h2, h3, h4, h5, h6, p, ul, ol, li, a, .heading1 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #787878;
	font-weight: normal;
	font-family: helvetica, arial, verdana, sans-serif;
}
h1, .heading1 {
	margin-bottom: 0.75em;
	line-height: 1.55em;
}
h2, h3, h4, h5, h6, p, ul, ol {
	margin-top: 0.3em;
	margin-bottom: 0.7em;
	line-height: 1.55em;
}
h2, h3 {
	margin-top: 0.8em;
	margin-bottom: 0.1em;
}
h1, h2, h3, h4, h5, h6, a, .heading1 {
	color: #3381C7;
}
h1, .heading1 { font-size: 22px; color: #3381C7; text-transform: uppercase; line-height: 1.1em;}
h2 { font-size: 14px; color: #3381C7; text-transform: uppercase; }
h3 { font-size: 12px; color: #989898; text-transform: uppercase; }
h4 { font-size: 12px; }
h5 { font-size: 11px; }
h6 { font-size: 11px; }
ul, ol {
	list-style-position: inside;
}
a {
	color: #3381C7;
	text-decoration: none;
}
a:hover {
	color: #295581;
}
img a {
	border: none;
}
a img {
	border: none;
}
img[align="right"] {
	margin: 0 0 10px 10px;	
}
img[align="left"] {
	margin: 0 10px 10px 0;	
}
img { display: block; }
/* tinymce applied styles */

/* Main Column font styles */
.blue { color: #3381C7; }
.white { color: #ffffff; }
.grey { color: #989898; }

/* custom heading styles used on home page */
h1.home {
    margin: 0;
    font-size: 18px;
}
h2.home {
    margin: 0;
    font-size: 12px;
    display: inline;
}


#menu_container {
	background-color: #504D4D;
	height: 40px;
	color: #ffffff;
	z-index: 999;
}

ul#main_menu {
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 999;
}
ul#main_menu li.top {
	/*width: 150px;*/
	float: left;
	margin: 0;
	padding: 0 12px;
	position: relative;
	z-index: 999;
	background: url('/_img/menu-separator.jpg') center left no-repeat;
}
ul#main_menu li.top a.top {
	color: #ffffff;
	display: block;
	line-height: 40px;
	text-align: center;
	font-size: 12px;
	position: relative;
	z-index: 999;
	text-transform: uppercase;
}
ul#main_menu li.top a.top:hover {
	color: #3381C7;
	z-index: 999;
}
ul#main_menu li.top.topfirst {
	z-index: 999;
	background-image: none;
}
ul#main_menu li.top a.topfirst {
	z-index: 999;
}

/*li.top ul.sub {*/
/*	display: none;*/
/*	margin: 0;*/
/*	padding: 1px 0 0 0;*/
/*	position: absolute;*/
/*	list-style: none;*/
/*	z-index: 999;*/
/*}*/
/*li.sub {*/
/*	margin: 0 0 0 0;*/
/*	background-color: #53BFD4;*/
/*	border-bottom: 1px solid #ffffff;*/
/*	padding: 0;*/
/*	display: block;*/
/*	text-align: left;*/
/*	position: relative;*/
/*	float: left;*/
/*	clear: both;*/
/*	z-index: 999;*/
/*}*/
/*li.sub a.sub  {*/
/*	width: 200px;*/
/*	display: block;*/
/*	color: #000065;*/
/*	background-color: #53BFD4;*/
/*	background-image: none;*/
/*	text-decoration: none;*/
/*	text-align: left;*/
/*	text-indent: 15px;*/
/*	line-height: 26px;*/
/*	z-index: 999;*/
/*}*/
/*li.sub:hover > a.sub {*/
/*	text-decoration: none;*/
/*	color: #ffffff;*/
/*	background-color: #400082;*/
/*	z-index: 999;*/
/*}*/
/*div#menu_container ul li.sub a.sub:hover {*/
/*	text-decoration: none;*/
/*	color: #ffffff;*/
/*	background-color: #400082;*/
/*	z-index: 999;*/
/*}*/
/*li.sub ul.sub {*/
/*	display: none;*/
/*	position: absolute;*/
/*	margin: 0;*/
/*	padding: 0 0 0 3px;*/
/*	top: 0px;*/
/*	left: 198px;*/
/*	width: 200px;*/
/*	list-style: none;*/
/*	z-index: 999;*/
/*}*/

/*===========================*/
/* see http://www.seoconsultants.com/css/csshover.htc*/
/* for browsers that understand this is all you need for the flyouts */
ul#main_menu li:hover > ul {display: block;	z-index: 999;}
/* for IE5.5 and IE6 you need to style each level hover */
div#menu_container li:hover ul ul,
div#menu_container li li:hover ul ul,
div#menu_container li li li:hover ul ul,
div#menu_container li li li li:hover ul ul
div#menu_container li li li li li:hover ul ul
{display:none;	z-index: 999;}
div#menu_container li:hover ul,
div#menu_container li li:hover ul,
div#menu_container li li li:hover ul,
div#menu_container li li li li:hover ul
div#menu_container li li li li li:hover ul
{display:block;	z-index: 999;}
/**/

/** ------- Secondary Nav in Blue Panel ---------- **/
ul#sec {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 19px;
}
ul#sec li.sec {
	width: 260px;
	margin: 0;
	padding: 0;
	line-height: 19px;
	list-style: none;
	float: left;
	clear: both;
}
ul#sec li.sec a.sec {
	display: block;
	margin: 0;
	padding: 0;
	color: #3381C7;
	line-height: 19px;
	font-size: 11px;
}
ul#sec li.sec a.sec:hover, ul#sec li.sec a.sec.seccurr {
	color: #295581;
}
ul#sec li.sec a.sec.secupper {
	text-transform: uppercase;
	padding: 10px 0 6px 0;
}
/* ------------ Contact Form ------------ */
div#contact_form label {
	color: #53BFD4;
	font-size: 11px;
	font-weight: bold;
	display: block;
	width: 100px;
}
div#contact_form input {
	width: 200px;
	border: 1px solid #ccc;
	background-color: #fefefe;
	color: #53BFD4;
	font-size: 11px;
}
div#contact_form textarea {
	border: 1px solid #ccc;
	background-color: #fefefe;
	color: #53BFD4;
	font-size: 11px;
	font-family: arial, verdana, sans-serif;
}




/* Non-javascript / non-scrolling default display */
div.scrollable {
    overflow: auto;
    /*padding: 10px;*/
}

/* Scrolling arrow styles */
div.scrollable div.sp_controls {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

div.scrollable div.sp_controls a {
    display: block;
    float: left;
    height: 16px;
    width: 16px;
}

div.scrollable a.sp_up {
    background: url(/_img/bullet_arrow_up.png);
}

div.scrollable a.sp_dn {
    background: url(/_img/bullet_arrow_down.png);
}

/* Outer content container (fixed size) */
div.scrollable div.sp_content_outer {
    /*margin: 10px 10px 16px 10px;*/
    margin: 0 0 16px 0px;
}

/* Inner content container (bigger than its parent so partly hidden) */
div.scrollable div.sp_content_inner {
    margin-bottom: 20px;
}

/* Page-bottom fade (absolute positioned full-width over content) */
div.scrollable div.sp_fade {
    height: 20px;
    background: transparent url(/_img/scroll_btm_fade.png) bottom repeat-x;
}
/* Page-bottom no-fade (absolute positioned full-width over content) */
div.scrollable.bluefade div.sp_fade {
    height: 20px;
    background: transparent url(/_img/scroll_btm_fade_blue.png) bottom repeat-x;
}

/* SLIDE ON ON PAGE (TEMP) */

/* ----------- Home Slides ---------- */
div#home_slides {
	position: relative;
	height: 260px;
	width: 620px;
}
div.home_slide {
	height: 260px;
	width: 620px;
	position: absolute;
	opacity: 0;
	filter:alpha(opacity=0);
}
div#home_a { background: url('/_img/home1.jpg'); 	opacity: 1; filter:alpha(opacity=1); }
div#home_b { background: url('/_img/home2.jpg'); }
div#home_c { background: url('/_img/home3.jpg'); }
div#home_d { background: url('/_img/home4.jpg'); }

/** -------------- Accordion in Sec Menu -------------- **/
li.toggler {
	
}
div.toggleelement {
	float: left;
	clear: both;
}
ul.toggleelement {
	float: left;
	clear: both;
}