/* Main tags */

*{ margin:0; padding:0; }
img { border:0; }
html, body { width:100%; height:auto; font-family: Arial, sans-serif; margin:0px; font-size:100%; background:url(../../images/bg.gif) repeat-x top; color:#848484; background-color:#cccccc; }
p { margin-bottom:1em; font-size:0.875em}
ul { margin-bottom:1em; }
li {list-style-position:inside;}
h1 { font-size:2em; margin:1.25em 0; }
h2 { font-size:1.75em; margin:1em 0; }
h3 { font-size:1.10em; margin:0.875em 0; }
h4 { font-size:1.25em; margin:0.75em 0; }
h5 { font-size:1em; margin:0.63em 0; }
h6 { font-size:0.875em; margin:0.5em 0; }

a { color:#848484; }
a:visited { color:#848484; text-decoration:underline; }
a:hover { color:#848484; text-decoration:none; }
a:focus {  }

/* WYSIWYG styles */

.strongText{ font-weight:bold; }
.uppercaseText{ text-transform:uppercase; }
.smallText{ font-size:90%; }
.mediumText{ font-size:100%; }
.largeText {font-size:130%;}
.blackText {color:#000000;}
.blueText {color: #225cad;}
.redText {color: #fe0202;}
.greyText {color: #9d9d9d;}
.orangeText {color: #f5b118;}


/*Navigations*/

#nav { padding:0; margin:0; list-style:none; background-color:#225cad; }
#nav ul { padding:0; margin:0; list-style:none; background-color:#225cad; }
#nav li { float:left; position:relative;color:#fff; text-align:center; height:30px; line-height:30px; padding:0 28px 0 28px; }
#nav li span {font-weight:bold;  text-decoration:none;font-size:0.875em; color:#ccc;}
#nav li a { display:block; color:#fff; font-size:0.875em; font-weight:bold;  text-decoration:none;}
#nav li a:hover {text-decoration:underline;}
#nav li ul {position:absolute; left:0; display:none;width:250px; border-right:1px solid #f4c0c0; border-top:1px solid #BEBEBE;  }
#nav li ul li { display:block; float:none; text-align:left; line-height:1em; height:auto; padding:0; text-transform:none; border-bottom:1px solid #f5b118; }
#nav li ul li a { display:block; width:auto; height:auto; padding:5px 0 5px 5px;font-size:0.775em; border-left:6px solid #f5b118; text-decoration:none;}
#nav li ul li a:hover { border-left:6px solid #b9b9b9; text-decoration:underline; }
#nav li > ul { top:auto; left:auto; }
#nav li:hover ul,#nav  li.over ul { display:block; top:auto; left:auto; }
#navigation  { width:770px; height:30px; background-color:#225cad;}
/*
#navigation { clear:both; }
#navigation ul { list-style-type:none; margin-left:-10px; }
#navigation li { display:inline; padding:0 10px; border-right:1px solid #a98646; }

ul {margin-left:6px}

#navigation ul { display:block; list-style-type:none; margin:0px; }
#navigation ul li { float:left;  }
#navigation ul li a { float:left; display:block; margin-right:20px;  font-weight:bold; text-decoration:none; color:#fff; text-align:center; }
#navigation ul li a:hover { color:#fff; text-decoration:underline;}
#mainnavigation ul li {}
#mainnavigation ul li a {}
#mainnavigation ul li a:hover {} */

#footernavigation ul {}
#footernavigation ul li {}
#footernavigation ul li a {}
#footernavigation ul li a:hover {}

/* Used in the FAQs to hide the answers (which are in <DIV> tags) when the page loads up */
.answer { display:none; }

/* Layout*/
#pagewidth { position:relative; display:block; width:770px; margin:0 auto 0 auto;  background-color:#fff; font-size:0.875em; }
#topHeader  {height:155px;margin:0px;}



#content {padding:0 10px 10px 10px;width:524px;float:left;display:block;margin-top:10px;}
#content h2 {color:#205dad;font-size:1.5em;margin:0.8em 0;}

#content #software {background:url(../../images/software_bg.gif) no-repeat;padding:4px;height:120px;}

#content #training {background:url(../../images/training_bg.gif) no-repeat;padding:4px;height:120px;}

#content #consultancy {background:url(../../images/consultancy_bg.gif) no-repeat;padding:4px;height:120px;}

#content li {list-style-position:inside;font-size:0.875em; padding-left: 2em;text-indent: -1em;}
#content .error {font-size:0.8em; color:red;margin-bottom:5px;}
.image {float:left; display:block; width:140px; }
.text h3 {color:#fff;font-size:1.25em;margin:0.5em; text-decoration:underline;}
.text p {color:#fff; font-size:0.875em; margin:0.7em 0;}

.text a,.text a:hover {color:#fff;}

#rightcol {width:202px;float:left;display:block;padding:0 10px 10px 10px;border-left:1px solid #ddd;margin-top:10px;}

#rightcol #finance {background:url(../../images/financial_planning.gif) no-repeat #1b72bd; width:70px; height:127px; color:#fff;padding:7px 25px 0 110px;}
#rightcol #finance h3 {margin:0.3em 0.3em 0.3em 0; font-size:1.1em;}
#rightcol #finance p {font-size:0.875em;}
#rightcol #finance a, #leftcol #finance a:hover {color:#fff;}
#rightcol #client_title {background-color:#b8b8ba;}
#rightcol #client_title h3 {color:#fff; background:url(../../images/consultancy_arrow.gif) no-repeat right; padding:3px;margin:0.2em; font-size:1.1em;margin-right:10px;}
#rightcol #client_title h3 a {color:#fff;text-decoration:none;}
#rightcol #client_title h3 a:hover {color:#fff;text-decoration:underline;}

#rightcol #client_testimonial {background-color:#b8b8ba; color:#fff;padding:5px;margin-bottom:5px;}
#rightcol #news_title {background-color:#f4b120;}
#rightcol #news_title h3 {color:#fff; background:url(../../images/training_arrow.gif) no-repeat right; padding:3px;margin:0.2em; font-size:1.1em;margin-right:10px;}
#rightcol #news_title h3 a {color:#fff;text-decoration:none;}
#rightcol #news_title h3 a:hover {color:#fff;text-decoration:underline;}
#rightcol #news_items {background-color:#f4b120; color:#fff;padding:5px;margin-bottom:5px;}
#rightcol #news_items p {border-bottom:1px dotted #fff;padding-bottom:5px; margin-bottom:5px;}
#rightcol #news_items a {color:#fff; text-decoration:none;}
#rightcol #news_items a:hover {color:#fff;text-decoration:underline;}

#navigation {}
#news {}
#team {background:#b8b8ba;}
#team h2 {color:#fff;font-size:1.25em;padding:2px 0 2px 2px;}
#footer {padding:4px;font-size:0.9em;margin-left:10px;}

#imageSlideshowHolder{ display:block; position:relative; margin:0 auto; height:155px; }
#imageSlideshowHolder img{ position:absolute; left:0px; top:0px; }