/* CSS Document */

html, body, form {
	margin: 0;
	padding: 0;
}

body 
{
	background: #253249;
	background-image: url("../images/background.gif");
	text-align:center;
	font-size: 100%;
}

body#bd {
	margin: 30px 0;
	font-family: Arial, Helvetica, sans-serif;
}

p {
margin: 0 0 19px 0;
}

.clear {
clear: both;
}

#footerText
{
    float:left;
    padding-top:20px;
}

.clearL {
clear: left;
}

h1 {
margin: 0px;
}

img {
border: 0px;
}

a {
color: black;
}

a:hover {
color: #0095D3;
text-decoration: none;
}

h1.confirmation 
{
	font-weight: bold;
	text-align:center;
	width:100%;
	padding-top:40px;
	padding-bottom: 30px;
	font-family: Arial, Helvetica, sans-serif;
}

h2.confirmation
{
    text-align:center;
    font-family: Arial, Helvetica, sans-serif;
}

/* FORMS */

input.txt {
color: #1C3F94;
background-color: #F5F5F5;
border: 1px inset #BFC1C7;
width: 200px;
}

textarea.txt {
color: #1C3F94;
background-color: #F5F5F5;
border: 1px inset #BFC1C7;
width: 300px;
}

input.btn {
color: #FFF;
font-weight: bold;
background-color: #1C3F94;
border: 1px outset #FFF;
margin-left: 200px;
padding: 2px;
cursor: pointer;
}

.myform p {
clear: left;
margin: 0;
padding: 0;
padding-top: 7px;
}

.myform p label {
float: left;
width: 200px;
font: bold 1em Arial, Arial, Helvetica, sans-serif;
}


/* WRAPPER */

#main-wrapper {
    position: relative;
	width: 980px;
	margin:0px auto;
	text-align:left;
	clear: both;
}

/* Header */

#headerwrap {
	height: 86px;
}

#header {
    height: 86px;
	line-height: normal;
	position: relative;
	background: url("../images/design-top-back.gif") no-repeat top left;
}

div.logo, div.logo-text {
	margin: 0;
	padding: 0;
	font-size: 200%;
}

div.logo a {
    margin: 0px;
	width: 345px;
	display: block;
	position: relative;
	height: 83px;
	top: 0;
	left: 0px;
}

div.logo a:hover, div.logo a:active, div.logo a:focus {
}

div.logo a span {
	position: absolute;
	top: -1000px;
}

div.logo-text a {
	text-decoration: none;
	outline: none;
	position: absolute;
	top: 25px;
	left: 20px;
	text-transform: uppercase;
}

div.logo-text a:hover, logo-text a:active, logo-text a:focus {
}

.search {
position: absolute;
top: 0px;
right: 0px;
width: 255px;
height: 30px;
}

.search .searchbutton {
background: none;
background: url("../images/b-search.gif") no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: white;
height: 20px;
width: 60px;
border: none;
margin-top: 3px;
cursor: pointer;
margin-left: 10px;
}

.search .searchtextbox {
border: 1px solid #D9DADB;
font-size: 10px;
width: 143px;
}

/* TOP SECTION NAVIGATION */

#top-nav {
position: absolute;
margin-bottom: -3px;
bottom: 0px;
right: 15px;
height: 35px;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 75%;
}


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

#top-nav ul li { 
float: left;
}

#top-nav li a {
color: #1B3F94;
font-weight: bold; 
text-decoration: none; 
background: url("../images/top-nav-main-back.gif") no-repeat bottom left;
height: 100%;
}

#top-nav li a.solutionsActive {
/*color: White;
font-weight: bold; 
text-decoration: none; 
background: url("../images/top-nav-main-back-current.gif") no-repeat bottom left;
height: 100%;*/
line-height: 30px;
padding: 12px 32px 8px 29px;
color: white;
background: url("../images/top-nav-main-back-current.gif") no-repeat bottom left;
}


#top-nav li a.solutions:hover, #top-nav li a.solutions:active 
{
    background: url("../images/top-nav-main-back-over.gif") no-repeat bottom left;
}

#top-nav li a.seminar:hover, #top-nav li a.seminar:active 
{
    background: url("../images/top-nav-main-back-over.gif") no-repeat bottom left;
}

#top-nav li a.resources:hover, #top-nav li a.resources:active
{
    background: url("../images/top-nav-main-back-over.gif") no-repeat bottom left;
}

#top-nav li a.aboutus:hover, #top-nav li a.aboutus:active
{
    background: url("../images/top-nav-main-back-over.gif") no-repeat bottom left;
}

#top-nav li a.contactus:hover, #top-nav li a.contactus:active
{
    background: url("../images/top-nav-main-back-over.gif") no-repeat bottom left;
}


/* Below is the specific padding required for each link due to using a background image, each text link is a different length thus when adding new buttons to the nav you will need to adjust the right padding to get the correct alignment */
a.aboutus {
line-height: 28px;
padding: 8px 30px 6px 29px;
}

a.resources {
line-height: 28px;
padding: 8px 20px 6px 29px;
}

a.solutions {
line-height: 28px;
padding: 8px 30px 6px 29px;
}

a.seminar {
line-height: 28px;
padding: 8px 30px 6px 29px;
}

a.solutionsActive {
line-height: 28px;
padding: 11px 40px 6px 29px;
}

a.contactus {
line-height: 28px;
padding: 8px 22px 6px 27px;
}

a.ourclients {
line-height: 28px;
padding: 8px 20px 6px 29px;
}


/* Below is the CURRENT state display for each section - When adding a new section simply copy one of these make the changes and change the section on the template. Make sure you copy across your new padding style for the left and right padding */

#section-aboutus #top-nav li a.aboutus {
line-height: 30px;
padding: 12px 32px 8px 29px;
color: white;
background: url("../images/top-nav-main-back-current.gif") no-repeat bottom left;
}

#section-resources #top-nav li a.resources {
line-height: 30px;
padding: 12px 22px 8px 29px;
color: white;
background: url("../images/top-nav-main-back-current.gif") no-repeat bottom left;
}

#section-solutions #top-nav li a.solutions {
line-height: 30px;
padding: 12px 32px 8px 29px;
color: white;
background: url("../images/top-nav-main-back-current.gif") no-repeat bottom left;
}

#section-contactus #top-nav li a.contactus {
line-height: 30px;
padding: 12px 22px 8px 29px;
color: white;
background: url("../images/top-nav-main-back-current.gif") no-repeat bottom left;
}

#section-ourclients #top-nav li a.ourclients {
line-height: 30px;
padding: 12px 20px 8px 29px;
color: white;
background: url("../images/top-nav-main-back-current.gif") no-repeat bottom left;
}

#section-seminar #top-nav li a.seminar {
line-height: 30px;
padding: 12px 20px 8px 29px;
color: white;
background: url("../images/top-nav-main-back-current.gif") no-repeat bottom left;
}


/* SUB HORIZONTAL NAVIGATION */

#subnavwrap {
float: left;
width: 100%;
height: 36px;
background: url(../images/sub-hor-nav.gif) no-repeat top left;
padding-top: 10px;
padding-left: 10px;
margin-left: -7px;
text-align: left;
}

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

#subnav ul li { 
float: left;
}

#subnav li a {
color: #1B3F94;
font-weight: bold; 
text-decoration: none; 
height: 100%;
padding: 5px 20px; 
line-height: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 110%;
border-left: 1px solid white;
border-right: 1px solid #D9DADB;
}

#subnav li a:hover, #subnav li a:active {
color: #0094D3;
}


#sub01 {
font-weight: normal;
}

#sub02 {
font-weight: normal;
}

#sub03 {
font-weight: normal;
}

#sub04 {
font-weight: normal;
}

#sub05 {
font-weight: normal;
}


/* These control the templates for ACTIVE display links for each sublink page within the solutions area. Same set up as the "MAIN SECTIONS" of the website. */

#section-sub01 a#sub01 {
font-weight: bold;
color: #0094D3;
}

#section-sub02 a#sub02 {
font-weight: bold;
color: #0094D3;
}

#section-sub03 a#sub03 {
font-weight: bold;
color: #0094D3;
}

#section-sub04 a#sub04 {
font-weight: bold;
color: #0094D3;
}

#section-sub05 a#sub05 {
font-weight: bold;
color: #0094D3;
}


/* CONTENT */

#maincontent {
    background: url("../images/design-body-back.gif") repeat-y;
	padding: 2px;
}

#maincontentPL {
    background: url("../images/design-body-back.gif") repeat-y;
	padding: 0px;
}

#languageSelectorDiv
{
    background: url("../images/design-body-back.gif") repeat-y;
    float:right;
    width:100%
}

#languageSelector
{
    float:right;
    padding-right:25px;
    padding-top:5px;
}

.full {
    margin: 0px;
    background: url("../images/hr-full-back.gif") no-repeat;
	height: 123px;
	text-align:center;
	vertical-align:bottom;
	position:relative;
}

.full-no-logo {
    margin: 0px;
    background: url("../images/hr-full-back.gif") no-repeat;
	height: 23px;
	text-align:center;
	vertical-align:bottom;
	position:relative;
}

.MsLogo
{
    position:absolute;
    bottom:0px;
    left:20px;   
}

.full hr {
display: none;
}

.full-no-logo hr
{
    display:none;
}


.med {
    margin: 0px;
    background: url("../images/hr-med-back.gif") no-repeat;
	height: 23px;
}

.med hr {
display: none;
}

.breadcrumb {
text-align: right;
margin-right: 14px;
padding: 5px;
background: url("../images/breadcrumb-back.gif") no-repeat top right;
font-size: 70%;
color: black;
}

.breadcrumb a{
color: black;
text-decoration: none;
}

.breadcrumb a:hover{
color: #0095D3;
}

/* HOME CONTENT */

#homecontent {
position: relative;
top: 20px;
left: 20px;
width: 500px;
color: #384047;
font-size: 70%;
line-height: 18px;

}

#homecontentPL {
position: relative;
top: 20px;
left: 0px;
width: 980px;
color: #384047;
font-size: 70%;
line-height: 18px;

}

#homecontent h2 {
margin: 0px;
font-size: 110%;
color: #1C3F94;
}

#puzzle {
float: right;
margin-right: 20px;
margin-top: 10px;
z-index: 5;
}

#boxposition {
float: right;
width: 700px;
margin-top: 20px;
margin-bottom: 10px;
}

#boxpositionPL {
float: left;
width: 917px;
margin-top: 15px;
margin-bottom: 10px;
padding:0;
}

.boxwrap {
float: left;
background: url("../images/box-shadow.gif") no-repeat;
background-position: bottom;
width: 219px;
margin-right: 10px;
padding-bottom: 12px;
}

.boxwrapPL {
float: left;
background: url("../MainPagePLImages/box/box-shadow.gif") no-repeat;
background-position: bottom;
width: 190px;
margin-right: 0px;
padding-bottom: 0px;
}

.boxtop {
background: url("../images/box-top.gif") no-repeat top center;
height: 11px;
}

.boxtopPL {
background: url("../MainPagePLImages/box/box-top.gif") no-repeat top center;
height: 11px;
width:192px;
}


* html .boxtop { /*IE 6*/
	margin-bottom: -7px !important;
}

.boxheading {
margin: 0px 10px;
background: url("../images/box-heading-back.gif") no-repeat;
padding: 4px;
padding-left: 13px;
}

.boxheadingPL {
margin: 0px 10px;
background: url("../MainPagePLImages/box/box-heading-back.gif") no-repeat;
padding: 4px;
padding-left: 5px;
padding-right:0;
}

.boxheading h2 {
margin: 0px;
color: white;
font-size: 12px;
}


.boxheading h2 a
{
    text-decoration:none;
    color:white;
}

.boxheadingPL h2 {
margin: 0px;
color: white;
font-size: 10px;
}

.boxheadingPL h2 a
{
    margin:0px;
    color:white;
    font-size:10px;
    text-decoration:none;   
}

.boxheading h2 a
{
    margin:0px;
    color:white;
    font-size:10px;
    text-decoration:none;   
}


.boxbody {
background: url("../images/box-back.gif") repeat-y;
margin: 0px 10px;
padding: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
}

.boxbodyPL {
background: url("../MainPagePLImages/box/box-back.gif") repeat-y;
margin: 0px 10px;
padding: 8px;
padding-bottom:0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
}

.boxbodyimgPL {
background: url("../MainPagePLImages/box/box-back.gif") repeat-y;
margin: 0px 10px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
}

.boxbodyPL div
{
    width:159px;
    height:90px;
}

.boxbodyPL div p
{
    margin:0;
}

.ms-logo
{
    margin-left:10px;
}

.boxbodyPL img
{
    margin-top:0px;
    margin-left:0px;
    margin-bottom:0px;
}

.boxybody p {
margin: 0px;
}

.boxybodyPL p {
margin: 0px;
}

.boxbot {
background: url("../images/box-bottom.gif") no-repeat center;
height: 43px;
}

.boxbotPL {
background: url("../MainPagePLImages/box/box-bottom.gif") no-repeat center;
height: 43px;
margin-left:10px;
width:170px;

}

.boxbot img {
margin-left: 20px;
margin-top: 10px;
border: none;
}

.boxbot a.findmore 
{
	display: inline-block;
	text-indent: -1999px;
	margin-left: 20px;
	margin-top: 10px;
	height: 17px;
	width: 100px;
	background: url(../Images/b-findoutmore.gif) no-repeat top left;
}

.boxbot a.findhow 
{
	display: inline-block;
	text-indent: -1999px;
	margin-left: 20px;
	margin-top: 10px;
	height: 17px;
	width: 100px;
	background: url(../Images/b-findouthow.gif) no-repeat top left;
}

.boxbotPL img {
	margin-left: 8px;
	margin-top: 10px;
	margin-bottom:0;
	border: none;
}

.boxbotPL a.findmore 
{
	display: inline-block;
	text-indent: -1999px;
	margin-left: 8px;
	margin-top: 10px;
	height: 17px;
	width: 100px;
	background: url(../Images/b-findoutmore-pl.png) no-repeat top left;
}

/* ABOUTS US LAYOUT*/

#aboutcontentwrap {
float: right;
margin-right: 6px;
margin-top: 8px;
width: 739px;
font-size: 0.7em;
}

.underConstruction
{
    width: 100%;
    padding: 25px;
}

.underConstruction h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 2em;
color: #1C3F94;
font-weight: normal;
margin: 0px;
padding-bottom: 15px;
}

.underConstruction h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #0095D3;
margin: 0px;
padding-bottom: 15px;
}

#aboutcontentwrap h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 2em;
color: #1C3F94;
font-weight: normal;
margin: 0px;
}

#aboutcontentwrap h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #0095D3;
margin: 0px;
}

.abouttextblock {
float: left;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
width: 390px;
}

.abouttextblock100 {
float: left;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
}

.abouttextblock50L { /* Left hand side double column */
float: left;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
width: 48%;
}

.abouttextblock50R { /* Right Hand Side Double Column */
float: right;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
width: 48%;
}

.aboutblock25 { /* usually used for one smaller column or could use for 4 coluns */
float: left;
width: 23%;
text-align: center;
margin: 5px;
}

.aboutblock3 { /* 3 columns or thin column */
float: left;
width: 30%;
text-align: left;
margin: 7px;
}

.aboutblock60 { /* larger text area to be coupled with one block3 on the right or left */
float: left;
width: 64%;
text-align: left;
margin: 7px;
}

.aboutphotoswrap {
float: right;
width: 320px;
margin-left: 10px;
text-align: center;
}

h1#pad {
margin: 10px;
}


/*ABOUT US PHOTOS - HIGHSLIDE*/

.highslide-container div {
    font-family: Verdana, Helvetica;
    font-size: 10pt;
}
.highslide {
	float: left;
	cursor: url(../Controls/Highslide/Graphics/zoomin.cur), move;
    outline: none;
    text-decoration: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	
}
.highslide:hover img {
	
}

.highslide-wrapper, .drop-shadow {
	background: white;
}
.highslide-image {
    border: 4px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 4px solid white;
	border-top: 0px solid white;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: silver;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    padding-left: 22px;
    background-image: url(../Controls/Highslide/Graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
a.highslide-full-expand {
	background: url(../Controls/Highslide/Graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}
.highslide-overlay {
	display: none;
}

/* Mac-style close button */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer; /* w3c */
	background: url(../Controls/Highslide/Graphics/close.png);
}

/* Side Navigation */

#navposition {
background: url("../images/nav-shadow.gif") no-repeat;
background-position: bottom;
width: 219px;
}

#navbody {
background: url("../images/box-back.gif") repeat-y;
margin: 0px 10px;
padding: 4px;
padding-top: 0px;
font-family: Arial, Helvetica, sans-serif;
}

#navbot {
background: url("../images/nav-bottom.gif") no-repeat center;
height: 105px;
}


/* FOOTER */
#footer 
{
    padding-top:20px;
    background: url("../images/design-footer-back.gif") no-repeat;
    height: 93px;
    color:#677288;
    font-size:7pt;
    text-align:center;
}

#globe {
position: absolute;
bottom: 0px;
left: 20px;
z-index: 5;
}

#globePL {
position: absolute;
bottom: 20px;
right: 10px;
z-index: 5;
}

/*Contact Page */
.title {
float: left;
width: 150px;
}

p.quotation 
{
	color: #666;
}

#cse-search-results iframe
{
	margin: 10px 10px 10px 10px;
	width: 950px;
}

div.servicedetails 
{
	font-weight: bold;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	width: 300px;
}

div.servicedetails div, div.servicetechnologies div
{
	font-weight: normal;	
	padding-left: 50px;
	margin: 0 0 0 0;
}

div.servicedetails p, div.servicetechnologies p
{
	margin: 0 0 0 0;
}

div.servicetechnologies 
{
	font-weight: bold;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
}

img.rightAlignedImage
{
	float: right; 
	border: solid 1px #aaa;
	margin: 0 0 10px 10px;	
}

div.accredicationLogos
{
	float: right; 
	text-align: center; 
	margin: 0px 10px;
}

img.msLogoWide
{
	background: #fff;
	padding: 10px 10px; 
	border: solid 1px #aaa;
}

img.sajcMini
{
	border: solid 1px #aaa; 
	vertical-align: middle; 
	margin: 5px 5px;
}

img.qualityLogo
{
	background: #fff; 
	padding: 10px 10px; 
	border: solid 1px #aaa; 
	vertical-align: middle;
	margin: 5px 5px;
}

table.toolsAndTechnologies
{
	border-top: solid 1px #aaa; 
	border-left: solid 1px #aaa; 
	width: 100%;
}

table.toolsAndTechnologies tr
{
}

table.toolsAndTechnologies td
{
	border-right: solid 1px #aaa; 
	border-bottom: solid 1px #aaa; 
	vertical-align: middle;
	padding: 3px 6px 3px 6px;
}

table.toolsAndTechnologies thead
{
	text-align: center;
	font-weight: bold;
}

.captchaMessage
{
	margin-left: 15px;
}

.captchaRefresh
{
	margin-bottom: 14px;
	margin-left: 5px;
}

.flag
{
    margin: 4px;
    /*float: right;*/
}
.flagActive
{
    margin: 2px;
}

.flagHolder
{
   float: right;
   height: 20px;
   width: 190px;
   position: absolute;
   top: 5px;
   right: 275px;
   text-align: right; 
}