/* 	Global resets. 
============================================================================== */

html, body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#555555;
	background:#edfafe;
}


/* Common layouts
============================================================================== */

#container {
	width:990px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	position:relative;
}

#container #containerBg {
	background-image:url(../images/bodyBg.jpg);
}

.spacer_5px{
	height:5px;
	line-height:5px;
}

.spacer_10px{
	height:10px;
	line-height:10px;
}

#bottomDivider {
	margin-left:auto;
	margin-right:auto;
	width:990px;
}


/* Home 
================================================================================*/

.home {
	height:367px;
}


/* Services
================================================================================*/

.services {
	height:685px;
}


/* Header
================================================================================*/

#header {
	margin-right: auto;
	margin-left: auto;
	width:950px;
	height:120px;
}

#header #logo {
	margin-top:0px;
	padding-left:10px;
	float:left;
}


/* Tab navigation
================================================================================*/

#tabs {
	font-size:13px;
	font-weight:bold;
	line-height:normal;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
	background-image:url(../images/tabBg1.gif);
	width:930px;
	height:25px;
}

#tabs ul {
	margin:0;
	padding:0;
	list-style:none;
}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	position:relative;
	float:left;
	z-index:1;
}

#tabs a {
	float:left;
	background-image:url(../images/tabBg1.gif);
	margin:0;
	text-decoration:none;
	display:block;
	padding:5px 17px 0 18px;
	color:#ffffff;
	height:20px;
	border-right:1px solid #ffffff;
}

#tabs a:hover {
	background-position:0% -25px;
	visibility:visible;
	color:#ffffff;
}

#tabs #current a {
	background-position:0% -25px;
	color:#ffffff;
}

#tabs a span {
	float:none;
}
  
#tabs table {
	position:absolute; 
	top:0; 
	left:0;
}

#tabs ul ul {
	visibility:hidden;
	position:absolute;
	left:0;
	top:25px;
}

#tabs ul li:hover ul, #tabs ul a:hover ul {
	visibility:visible;
}

#tabs ul ul li {
	clear:both;
	text-align:left;
}

#tabs ul ul li a{
	display:block;
	height:20px;
	width:150px;
	background:none;
	background-color:#555555;
	border:none;
	border-top:1px solid #ffffff;
	color:#ffffff;
}

#tabs ul ul li a:hover{
	background:#23a9e8;
	color:#ffffff;
}


/* Banner Slider
================================================================================*/
#banner { width:938px; margin:auto; position:relative; background:#ffffff; }
#banner-slider { padding:0px 4px; width:932px; }
#slider ul, #slider li{	margin:0; padding:0; list-style:none; background:#ffffff; }
/*define width and height of container element and list item (slide) list items must be the same size as the slider area */ 
#slider { width:932px; height:177px; overflow:hidden;}	
#slider li { border:0px solid #0c7baf; width:930px; height:175px;}	

#box3 { position:absolute; }
#box3 span { display:block; float:left; }
#box3 .buttons { text-align:left }
.mask2 { position:relative; width:930px; height:175px; overflow:hidden; }
span img { display:block; border:none; }

p.buttons { padding:5px; position:absolute; margin-top: -35px; margin-left: 793px; }
.buttons span { color:#0c7baf; padding:0 5px; cursor:pointer; font: 16px Arial; font-weight: 600; border:1px solid #39597d; }
.buttons span.active, .buttons span:hover { background:#ffffff; color:#0c7baf; }


/* Horizontal navigation bar
================================================================================*/

#navBar {
	width:930px;
	height:30px;
	background-image:url(../images/navBarBg.gif);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	font-size:12px;
	line-height:29px;
	padding: 0 0 0px 0;
	text-align:left;
}

#navBar .navBarText {
	color: #000046;
	padding:0 0 0 13px;
}

#navBar .navBarText a {
	color: #0c7baf;
	text-decoration:none;
}

#navBar .navBarText a:visited {
	color: #0c7baf;
	text-decoration:none;
}

#navBar .navBarText a:hover {
	color: #000046;
	text-decoration:underline;
}


/* Left-hand side navigation bar
================================================================================*/

#leftNav
{
	width: 185px;
	line-height:normal;
	margin-right: auto;
	margin-left: auto;
	background-color: #edfafe;
}

#leftNav ul
{
	margin: 0px;
	padding: 0px;
	border-left: solid 0px #0c7baf;
	border-right: solid 0px #0c7baf;
	list-style: none;
}

#leftNav ul li
{
	margin: 0px;
	padding: 0px;
	border-top: solid 1px #0c7baf;
	border-bottom: solid 0px #0c7baf;
	display: block;
}

#leftNav ul li a
{
	color: #39597d;
	text-decoration: none;
	display: block;
	line-height: 24px;
	height: 24px;
	padding-left: 30px;
}

#leftNav ul li a:hover
{
	color: #000;
	text-decoration: none;
	background-color: #fff;
	line-height: 24px;
}

#leftNav ul li:hover
{
	background-color: #fff;
}

#leftNav #current {
	background-color: #fff;
}

#leftNavHeader {
	width: 185px;
	height: 24px;
	background-image: url(../images/leftNavHeader.gif);
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	line-height: 24px;
}

#leftNavSubHeader {
	width: 185px;
	height: 15px;
	background-image: url(../images/leftNavSubHeader.gif);
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	line-height: 24px;
}


/* Content
================================================================================*/

#homeBanner {
	background-image:url(../images/home_top.gif);
	width: 930px;
	height: 175px;
	margin-left:auto;
	margin-right:auto;
}

#aboutUsBanner {
	background-image:url(../images/about-us_top.gif);
	width: 930px;
	height: 175px;
	margin-left:auto;
	margin-right:auto;
}

#ourPartnersBanner {
	background-image:url(../images/our-partners_top.gif);
	width: 930px;
	height: 175px;
	margin-left:auto;
	margin-right:auto;
}

#servicesBanner {
	background-image:url(../images/services_top.gif);
	width: 930px;
	height: 175px;
	margin-left:auto;
	margin-right:auto;
}

#portfolioBanner {
	background-image:url(../images/portfolio_top.gif);
	width: 930px;
	height: 175px;
	margin-left:auto;
	margin-right:auto;
}

#newsBanner {
	background-image:url(../images/news_top.gif);
	width: 930px;
	height: 175px;
	margin-left:auto;
	margin-right:auto;
}

#careersBanner {
	background-image:url(../images/careers_top.gif);
	width: 930px;
	height: 175px;
	margin-left:auto;
	margin-right:auto;
}

#contactUsBanner {
	background-image:url(../images/contact-us_top.gif);
	width: 930px;
	height: 175px;
	margin-left:auto;
	margin-right:auto;
}

#legalBanner {
	background-image:url(../images/legal_top.gif);
	width: 930px;
	height: 175px;
	margin-left:auto;
	margin-right:auto;
}

#content {
	width: 930px;
	margin-left:auto;
	margin-right:auto;
}

#left {
	float:left;
	padding-top:3px;
	width:175px;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #ffffff;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #ffffff;
	text-align: left;
}

#left2 {
	float:left;
	width:270px;
	margin-left: auto;
	margin-top: auto;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #ffffff;
	text-align: left;
}

#left3 {
	float:left;
	position:relative;
	width:180px;
	padding-top:30px;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #ffffff;
	border-left-width: 20px;
	border-left-style: solid;
	border-left-color: #ffffff;
	text-align: left;
}

#centre {
	text-align: left;
	margin-top: auto;
	margin-left: auto;
	margin-right: 205px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	width: 500px;
}

#centre2 {
	text-align: left;
	margin-left: 325px;
	padding-right: 0px;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

#centre3 {
	text-align: left;
	padding-left: 190px;
	padding-right: 40px;
	border-right-width: 15px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

#centre4 {
	text-align: left;
	padding-left: 200px;
	padding-right: 15px;
	border-right-width: 15px;
	border-right-style: solid;
	border-right-color: #FFFFFF;

}

#right {
	float:right;
	position:relative;
	border-right-width: 15px;
	border-right-color: #ffffff;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #ffffff;
	text-align: left;
	margin: 0px;
	padding: 0px;
	width: 190px;
}

#right2 {
	float:right;
	position:relative;
	text-align: left;
	margin-left:auto;
	margin-top:auto;
	width: 281px;
	border-right-width: 10px;
	border-right-style: solid;
	border-right-color: #ffffff;
}

#right3 {
	float:right;
	border-right-width: 15px;
	border-right-color: #ffffff;
	border-left-width: 15px;
	border-left-style: solid;
	border-left-color: #ffffff;
	text-align: left;
	margin: 0px;
	padding: 0px 20px 0px 0px;
	width: 250px;
}


/* Rollovers
================================================================================*/

.grnbold a {
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
	color: #336600;
	padding-left: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	background-image: url(../images/arrow_on.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	display: block;
	line-height: 15px;
	background-color:#F6FBE8;
}

.grnbold a:visited {
	font-weight:bold;
	text-decoration: none;
	color:  #336600;
}

.grnbold a:hover{
	font-weight:bold;
	color: #336600;
	background-image: url(../images/arrow_on.gif);
	background-position: 1px 2px;
	background-repeat: no-repeat;
	text-decoration: none;
}

.grnlink a {
	font-size:13px;
	text-decoration: none;
	color:  #669900;
	padding-left: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	background-image: url(../images/arrow_off.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	display: block;
	line-height: 15px;
}

.grnlink a:visited {
	text-decoration: none;
	color:  #669900;
}

.grnlink a:hover {
	color: #336600;
	background-image: url(../images/arrow_on.gif);
	background-repeat: no-repeat;
	background-position: 1px 2px;
	text-decoration: none;
	background-color:#F6FBE8;
}

.bluelink a {
	font-size: 13px;
	color: #0c7baf;
	text-decoration: none;
	font-weight: normal;
	padding-left: 20px;
	display:block;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	height:16px;
}

.bluelink a:visited {
	text-decoration: none;
	color: #0c7baf;
	font-size: 13px;
	font-weight: normal;
}

.bluelink a:hover {
	color: #000046;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
	background-color:#edfafe;
	background-repeat: no-repeat;
	background-position: 5px -14px;
}

.bluelink2 a {
	font-size: 13px;
	color: #0c7baf;
	text-decoration: none;
	font-weight: bold;
}

.bluelink2 a:visited {
	text-decoration: none;
	color: #0c7baf;
	font-size: 13px;
	font-weight: bold;
}

.bluelink2 a:hover {
	color: #000046;
	text-decoration: underline;
	font-size: 13px;
	font-weight: bold;
}

.bluelink3 a {
	font-size: 13px;
	color: #0c7baf;
	text-decoration: none;
	font-weight: normal;
}

.bluelink3 a:visited {
	text-decoration: none;
	color: #0c7baf;
	font-size: 13px;
	font-weight: normal;
}

.bluelink3 a:hover {
	color: #000046;
	text-decoration: underline;
	font-size: 13px;
	font-weight: normal;
}

.pdfDownload a {
	font-size:12px;
	text-decoration: none;
	color:  #39597D;
	padding-left: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	background-image: url(../images/pdficon.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	display: block;
	line-height: 15px;
}

.pdfDownload a:visited {
	text-decoration: none;
	color:  #39597D;
}

.pdfDownload a:hover {
	color: #000033;
	background-image: url(../images/pdficon.gif);
	background-repeat: no-repeat;
	background-position: 1px 2px;
	text-decoration: none;
	background-color:#F6FBE8;
}


/* Headings
================================================================================*/

h1 {
	color:#39597d;
	font-size: 22px;
	font-weight: normal;
	background-color: #FFFFFF;
	border-top:0px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	padding:2px 5px;
	margin:0px 
}

h2 {
	font-weight: normal;
	padding-top:15px;
	padding-right:0px;
	padding-left:0px;
	padding-bottom:0px;
	margin:0px;
	font-size: 16px;
	font-weight: normal;
	color: #39597D;
}

h3 {
	font-weight: normal;
	padding-top:20px;
	padding-right:0px;
	padding-left:0px;
	padding-bottom:0px;
	margin:0px;
	font-size: 16px;
	color: #39597D;
}

h4 {
	font-size: 13px;
	font-weight:bold;
	padding:0px 0px;
	margin:0px 
	color: #666666;
}

h5 {
	padding-top: 15px;
	padding-bottom: 15px;
	margin:0px;
	font-size: 13px;
	font-weight:normal;
	color: #555555;
	line-height: 17px;
}

h6 {
	padding-top: 15px;
	padding-bottom: 0px;
	margin:0px;
	font-size: 12px;
	font-weight: normal;
	color: #888888;
	line-height: normal;
}

h7 {
	font-weight:lighter;
	font-size: xx-small;
	line-height: 0px;
}

.h3plain {
	font-weight: normal;
	padding-top:20px;
	padding-right:0px;
	padding-left:5px;
	padding-bottom:0px;
	margin:0px;
	font-size: 14px;
	color: #39597D;
}

.h5plain {
	font-weight: bold;
	font-size: 13px;
	color: #666666;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin:0px;
	text-decoration: underline;
}


/* Footer
================================================================================*/

#footer{
	clear:both;
	width:952px;
	height:12px;
	margin-right: auto;
	margin-left: auto; 
	background-image: url(../images/footerBg.gif);
	background-repeat: no-repeat;
}

#footer_reverse{
	clear:both;
	width:952px;
	height:12px;
	margin-right: auto;
	margin-left: auto; 
	background-image: url(../images/footerBgReverse.gif);
	background-repeat: no-repeat;
}

#footer_text {
	font-size:13px;
	margin-left:auto;
	margin-right:auto;
	width:920px;
	padding:0px 15px 0px 15px;
	border-left:1px solid #727272;
	border-right:1px solid #727272;
	color:#FFFFFF;
	background-color:#0c7baf;
}

#footer_text a{
	color:#FFFFFF;
	text-decoration:underline;
}

#footer_text a:hover{
	color:#78b8d6;
	text-decoration:underline;
}


/* Contact Us form
================================================================================*/

#contactUsForm
{
	text-align: justify;
	padding-top: 20px;
	padding-bottom: 20px;
}

#formContent
{
	margin: 0px auto;
}

#formResponse
{
	margin: 0px auto;
	font-weight: bold;
	color: #d24748;
}

#formTable
{
}

#formTable .mandatory
{
	color: #d24748; 
	font-weight: bold;
}

#formTable .button
{
	width: 100px;
	height: 27px;
	background-color: #c1e5f2;
	font-weight: bold;
}

#formTable a
{
	color: #0c7baf;
	text-decoration: underline;
}

#formTable a:hover
{
	color: #000;
	text-decoration: underline;
}