
@import url(h_menu-styles.css); 
@import url(sideMenu-styles.css); 
/* CSS Document */
body {
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:80%;
}
div.main-box { /* left column background */
	position:relative;
	width:100%;
	margin:0 auto;
	overflow:hidden;
	background:#ffffff;
	background:url(../images/navBarBckf.gif) no-repeat 0 100px   ;
}
div.center-box {/* centre column background and left border */
	position:relative;
	width:100%;
	left:55px;
	background:#ffffff;
	border-left:solid 1px #C5C8CB;
	background:url(../images/navBarBckf.gif) no-repeat 0 100px;
}
div.reset-box {
	position:relative;
	width:100%;
	left:100%;
	margin-left:-55px;
}
div.right-box {/* right column background and left border*/
	position:relative;
	width:100%;
	margin-left:-55px;
	background:#ffffff;
	border-left:solid 1px #C5C8CB;
	left:-2px;
	background:url(../images/navBarBckf.gif) no-repeat 0 100px;
}
div.content-box {
	position:relative;
	width:100%;
	margin-left:-100%;
	left:55px;
}
div.left {
	float:left;
	width:55px;
}
div.right {
	float:right;
	width:55px;
}
div.center {/* content full width to left and right columns */
	margin-left:55px;
	margin-right:55px;
	padding-left:1px;
	padding-right:1px;
	text-align:left;
}
* html div.center {
	height:1%;
	margin:0;
}
* html div.left {
	margin-right:-3px;
}
* html div.right {
	margin-left:-3px;
}
.clearfix:after {
	content: "."; 
	display: block;
	height: 0px;
	clear: both; 
	visibility: hidden;
}		
.heightfix:before {
	content:'.';
	display:block;
	visibility:hidden;
	height:0;
}
/****************************************************/

#content {
	color: #637fa7;
	padding-top:50px;
	padding-right:50px;
	padding-left:50px;
	padding-bottom:50px;
}
div.sideMenu#content {
	color: #637fa7;
	padding-top:50px;
	padding-right:50px;
	padding-left:50px;
	padding-bottom:50px;
	margin-left:200px;
}
.justify{
	text-align: justify;
	text-justify: newspaper; 
}
.noJustify{
	text-align: left;
}
div#content ul {
	list-style-image: url(../images/bullet.gif);
}
div#content p {
	margin-bottom:1.3em;	
	margin-top:1.3em;
}
div#content ul ul{
	list-style-image:none;
}
#content ul li {
	margin-bottom:1em;	
	margin-top:1em;
}
#content ul ul li {
	margin-top:.9em;	
	margin-bottom:-.5em;
}
#content ul.transformationServicesUL li {
	margin-top:.5em;	
	margin-bottom:.5em;
	
}
h2 {
	font-size:1.6em;
	font-weight:normal;
	font-style:italic;
	color:#767D87;
	margin-top:20px;
}
h3 {
	font-size:1.4em;
	font-weight:normal;
}
h4 {
	font-size:1.1em;
	font-weight:bold;
	color:#767D87;
}
h5 {
	font-size:1.1em;
	font-weight:bold;
	color:#767D87;
	border-bottom:1px solid #F5E11D;
	margin-top:30px;
}
p {
	margin: 2em 0;
}
img {
	border:none
}
div#headerContent {	
	margin-right:auto;
	margin-left:auto;
}
h1#pageHeader {
	text-indent:-2000px;
	background:url(../images/logosm.gif) no-repeat;
	margin-top:10px;
	margin-left:50px;
	height:55px;
}
#logolink {
	margin-bottom:-65px;
}
a:link, a:visited {
	color: #436ea2;
}
a:hover {
	color: #58616c;
}

#date {
	color:#637fa7;
	font-size:0.85em;
	float:right;
	padding:0px 10px 4px 0;
	background:url(../images/dateBck.jpg) right no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:98%;
	text-align:right;
	margin-left:-15px;
	margin-top:-10px;
}
.imageRight{

	margin-left:30px;
	margin-bottom:20px;
}
.imageLeft{
	float:left;
	margin-right:30px;
	margin-bottom:20px;
}
#footer {
	text-align: center;
	background: url(../images/footerBck.gif) repeat-x ;
}
#footer p{
	margin: 0;	
	padding: 8px 0;
}
TD { 
	vertical-align:top;
}

/*** STAFF ******/
.meetTable  { 
	margin-top:20px;
	
}
.meetTable TD, .meetTable TH { 
	padding:10px  ; 
	vertical-align:top;
}
.meetTable TD, .meetTable TH{ 

	border-bottom:1px solid #DDDEE1;
}
 .meetTable TH{ 
	border-right:1px solid #F5E11D;

}
.meetTable p { 
	margin-top:0px;
	margin-bottom:10px;
}

#meetOurTeam {
	margin-left:50px;
	margin-top:60px;

}
#meetOurTeam a{
	padding-right:13px;
	padding-top:6px;
	display:block;
}
.textBorder {
	background:url(../images/textFrame.jpg) no-repeat 0 0px;
}

.quote1 {
	background:url(../images/quote1.gif) no-repeat;
	padding-top:10px;
	padding-left:70px;
}
.quote2 {
	background:url(../images/quote2.gif) no-repeat bottom right;
	height:50px;
	margin-right:170px;
	margin-top:-80px;
}
#content p.quoteName {
	margin-top:-15px;
}
/*************** FORMS STYLES *******************/

div#content form p {
	
	margin-bottom:-15px;
}

input {
	border:1px solid #637fa7;
	background-color:#F0F3F6;
}
input.checkbox {
	border:none;
	
}
input.button {
	font-weight: bold;
	font-size: 0.9em;
	color: #fff;
	background-color: #637FA7;
	cursor: pointer;
	margin-left:130px;
}
input.button:hover, input.button.hover {
	background-color: #F0F3F6;
	border: solid #436ea2 1px;
	color: #637FA7;
}
textarea {
	border:1px solid #637fa7;
	background-color:#F0F3F6;
	margin-left:130px;
	margin-top:-10px;
	width:390px;
}
input.field {
	border:1px solid #637fa7;
	background-color:#F0F3F6;
	margin-left:130px;
	margin-top:-30px;
}

/*************************************************/
.homeQuote1 {
	color:#767D87;
	font-style:italic;
	font-size:1.1em;
	padding-bottom:20px;
	padding-top:20px;
	border-bottom:1px solid #F5E11D;
	width:200px;
	border-top:1px solid #F5E11D;
	margin-top:5px;
	margin-bottom:20px;
	text-align:left;
	clear:left;
	float:left;
	margin-right:40px;
}
.homeQuote2 {
	color:#767D87;
	font-style:italic;
	font-size:1.1em;
	padding-bottom:20px;
	padding-top:20px;
	border-bottom:1px solid #F5E11D;
	width:200px;
	clear:right;
	float:right;
	border-top:1px solid #F5E11D;
	margin-top:0px;
	text-align:left;
	margin-left:40px;
}
.homeQuoteDove {
	margin-left:35px;
	float:right;
	margin-top:0px;
	margin-bottom:20px;
}

.exchangesQuote {
	color:#767D87;
	font-style:italic;
	font-size:1.4em;
	padding-bottom:15px;
	padding-top:15px;
	border-top:1px solid #F5E11D;
	border-bottom:1px solid #F5E11D;
	width:380px;
	margin-top:30px;
}
.aboutQuote {
	color:#767D87;
	font-style:italic;
	font-size:1.2em;
	padding-bottom:15px;
	padding-top:15px;
	border-bottom:1px solid #F5E11D;
	border-top:1px solid #F5E11D;
	width:70%;
	margin-top:30px;
}
.erpQuote1 {
	color:#767D87;
	font-style:italic;
	font-size:1.2em;
	padding-bottom:30px;
	padding-top:30px;
	border-bottom:1px solid #F5E11D;
	border-top:1px solid #F5E11D;
	width:30%;
	margin-top:0px;
	margin-bottom:60px;
	float:left;
	margin-right:30px;
}
.erpQuote2 {
	color:#767D87;
	font-style:italic;
	font-size:1.2em;
	padding-bottom:15px;
	padding-top:15px;
	border-bottom:1px solid #F5E11D;
	border-top:1px solid #F5E11D;
	max-width:565px;
	margin-top:30px;
}
table#dove {
	clear:left;
	float:right;
	margin-left:40px;
}
table#dove img{
	margin-top:23px;
}
.narrow {
	width:80%;
}


table.tableStyle1 {
	border:1px solid  #E8E8E8;
	border-collapse:collapse;
	margin-top:0px;
}
table.tableStyle1 td{
	padding:5px;
	border:1px solid  #E8E8E8;
	font-size:0.9em;
}
table.tableStyle1 th{
	padding:10px;
	border:1px solid  #E8E8E8;
	background-color: #e8e8e8 ;
	border:1px solid #d7d7d7;
}
.IStable {
	margin-left:70px; 
	padding-right:150px;
}
div#content table.tableStyle1 th p{
	margin-bottom:0;
	margin-top:0;
}
div#content table.tableStyle1 p{
	margin-top:0;
	margin-bottom:1em;
}

table.ETSS {
	margin-top:30px;
}

#swxCase, #bryokBrochure {
	background-image: url(../images/swxBck.gif);
	background-repeat: no-repeat;
	float: right;
	height: 260px;
	width: 169px;
	margin-left: 40px;
	margin-bottom: 20px;
	padding-top: 30px;
	padding-right: 20px;
	padding-left: 15px;
	color:#767D87
}
#swxCase p, #bryokBrochure p{
	margin-top:0;
	margin-bottom:15px;
	font-size:0.9em;
	font-weight:bold;
	line-height:1.3em;
}
#swxCase h4{
	margin-bottom:15px;
	color:#637fa7;
}
#bryokBrochure h4{
	margin-bottom:15px;
	color:#767D87;
}
#bryokBrochure {
	background-image: url(../images/brochureBck.gif);
}
.pdfLink {
	background-image: url(../images/iconPdfsm.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;
	display: block;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 2px;
}

#areYouReady {
	width: 149px;
	margin-top: -90px;
	margin-left: 170px;
}
#col1, #col3 {
	vertical-align:top;;
}
#col1{
	padding-right:30px;
}
#col2 {
	vertical-align:middle;
	padding-right:10px;
}
.top {
	text-align:right;
	font-size:0.9em;
}
