/* --------------------------------------------------------------- INITIALISE */
html,body { font-size: 13px; height: 100%;-webkit-text-size-adjust: none;}
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0; }
a img,:link img,:visited img { border:none }
address { font-style:normal }
abbr:hover { cursor: help; }

/* --------------------------------------------------------------------- CORE */
body {
  	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff url('../images/body_bg.gif') repeat-x;
}

p {
	margin-bottom: 10px;
}
h3 {
       font-size: 15px;
}

/* ------------------------------------------------------------------- LAYOUT */

#top {
	background: #4e4e4e;
	height: 50px;
}

#topcentered {
	width: 840px;
	margin-left: auto;
	margin-right: auto;
}

#logo {
	float: left;
	background: url('../images/logo.png');
	width: 153px;
	height: 29px;
	margin-top: 10px;
}

#logo h1, #logo h2 {
	display: none;
}

#topnavigation {
	float: right;
}


#centered {
	clear: both;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	background-color: #ffffff;
	padding-top: 140px;
	padding-bottom: 0px;
	position: relative;
	
}

#centered h1 {
	color: #444;
         font-size: 20px;
         word-spacing: 2px;
}
#centered h2 {
	color: #444;
         font-size: 14px;
         word-spacing: 2px;
}
#centered p {
	 color: #444;
         padding-bottom: 10px;
         word-spacing: 2px;
         line-height: 1.8em;
}
#centered p.intro {
	 color: #444;
         font-size: 16px;
         padding-bottom: 10px;
         word-spacing: 2px;
         line-height: 1.4em;
}
#centered ol.numberedList {
         list-style-type: decimal;
         list-style-position: inside;
}
#centered ol.numberedList li {
         display:inline;
         margin-left: 10px;
}

#midcontent {
	width: 800px;
}

#footercontent {
	clear: both;
}

#footerbox {
	background: #ffffff url('../images/footerbox.png') no-repeat;
	width: 176px;
	height: 149px;
	float: left;
	margin-top: 10px;
}

div#footerbox.blog div.moduletable {
	height: 135px;
	overflow: hidden;
}


#footeradvert {
	background: #ffffff url('../images/footeradvert.png') no-repeat;
	width: 392px;
	height: 168px;
	float: left;
	margin-top: 10px;
	margin-right: 8px;
	margin-left: 7px;
}

#legalfooter {
	background: url('../images/microsoftgold.png') no-repeat 720px 5px;
	padding-top: 25px;
	font-size: 10px;
	color: #999999;
	clear: both;
	height: 33px;
}

/* ------------------------------------------------------------------- HOMEPAGE */

#home #topcontent {
	height: 54px;
	margin-top: -90px;
	padding: 18px;
	width: 620px;
	font-size: 14px;
	color: #ffffff;
}

#home #midcontent a{
  color: #FD8005;
	margin-top:15px;
}
#home #midcontent {
  float: left;
  height: 188px;
}

#home #centered {
	padding-top: 214px;
}

.homecontactus {
	font-size: 16px;
	text-align: center;
	padding-top: 15px;
}

/* ------------------------------------------------------------------- TOP NAVIGATION */

#topnavigation ul {
	margin-top: 29px;
}

#topnavigation li {
	display: inline;
	margin-left: 5px;
}

#topnavigation a {
	color: #ffffff;
	font-size: 14px;
	background:#4E4E4E url(../images/topNavLinks_bg.gif) repeat-x scroll left top;
	padding:5px 0;
}

#topnavigation a:hover {
	color:#5B8B9A;
}

#topnavigation a span {
	background:transparent url(../images/topNavSpan_bg.gif) no-repeat scroll right top;
	padding: 0px;
	padding:5px 11px;
}

/* ------------------------------------------------------------------- SIDE NAVIGATION */

#subnavigation ul {
	border-bottom: 1px solid #286084;
	height: 20px;
	margin-bottom: 10px;
}

#subnavigation li {
	background: #ffffff;
	font-size: 10px;
	padding-left: 20px;
	margin-top: 3px;
	display: block;
	float: left;
}

#subnavigation li:first-child {
	padding-left: 0px;
}

#subnavigation a {
	color: #444444;
}

/* ------------------------------------------------------------------- FOOTER NAVIGATION */


#legalfooter ul {
	display: inline;
}

#legalfooter li {
	display: inline;
	margin-left: 10px;
}

#legalfooter a {
        color: #999999;
}

#legalfooter a:hover {
	text-decoration: underline;
}

#legalfooter div.moduletable {
	display: inline;
}

/* ------------------------------------------------------------------- QUICK NAVIGATION & BLOG */

#footerbox {
	padding: 10px;
	overflow: hidden;
}

#footerbox h3 {
	margin-bottom: 5px;
}

#footerbox ul {
	list-style: url(../images/bullet.gif);
	margin-left: 15px;
	margin-bottom: 5px;
}

#footerbox ul li {
	font-size: 11px;
	margin-left: 10px;
	padding-bottom: 3px;
}

#footerbox a:hover {
	text-decoration: underline;
}

#footerbox ul li a {
	color: #000000;
}

#footerbox div.moduletablebloglink {
	text-align: right;
}

#footerbox div.moduletablebloglink a {
	color: #fd8005;
	font-size: 11px;
}

/* ------------------------------------------------------------------- ADVERT */

#footeradvert {
	padding: 0px;
	overflow: hidden;
	text-align: center;
}

#footeradvert img {
		margin-top: 28px;
}

#footeradvert p {
		text-align: left;
		font-size: 12px;
		color: #ffffff;
		padding: 10px;
}

#footeradvert a {
		text-align: right;
		font-size: 12px;
		color: #ffffff;
		padding: 10px;
}


/* ------------------------------------------------------------------- MAIN CONTENT - QUOTE */

div.quote {
	color: #fd8005;	
	text-align: right;
	margin-bottom: 10px;
}

div.quote span {
	font-size: 16px;
	font-weight: bold;
	color: #aaaaaa;
	display: block;
}

div.quote span.line1 {
	background:transparent url(../images/quote_open.png) no-repeat scroll left top;
	vertical-align: bottom;		
	text-align: left;
	margin-left: 40px;
	padding-left: 30px;
	padding-top: 5px;
}

div.quote span.line2 {
	background:transparent url(../images/quote_close.png) no-repeat scroll right bottom;
	text-align: right;
	margin-right: 40px;
	padding-right: 30px;
	padding-bottom: 5px;
}

/* ------------------------------------------------------------------- MAIN CONTENT - HIGHLIGHT */

.highlight {
	color: #fd8005;
}

/* ------------------------------------------------------------------- MAIN CONTENT - CONTACT US*/

.map {
	float: left;
  text-align: left;
  margin-top: 10px;
}
.contacts span p {
	padding-left: 10px;
         margin-top: 5px;
}
.contacts a{
	color: #fd8005;
}

div.form div.jform {
	width: 580px;
	padding: 0px;
	padding-top: 40px;
	clear: both;
}

div.form div.jform form label, div.form div.jform form input, div.form div.jform form select, div.form div.jform form textarea, div.form div.jform form  {
	margin-bottom: 5px;
}

div.form div.jform form input.jfbutton {
	margin-left: 75px;
}

div.contacts {
	float: left;
	width: 200px;
}

/* ------------------------------------------------------------------- MAIN CONTENT - BLUE BOXES */

div.boxwide {
	width: 274px;
}

div.boxouter {
	background: #cadfed;
	border: 1px solid #b5c8d5;
	color: #000000;
	font-weight: bold;
	padding: 5px;
}

div.boxinner {
	background: #407fa8;
	border: 1px solid #407fa8;
	color: #ffffff;
	font-weight: normal;
	padding: 5px;
	margin-bottom: 5px;
}

div.boxinner td {
	padding-left: 5px;
         padding-right: 5px;
}

div.boxwide ul {



}

div.boxwide ul li {
	background: transparent url(../images/tick.png) no-repeat;
         display: block;
         height: 20px;
         padding-left: 30px;
}



/* ------------------------------------------------------------------- MAIN CONTENT - SMALL BLUE BOXES */

div.boxsmall {
	width: 201px;
         padding-top:126px;
         margin-left: 0px;
         margin-right: 4px;
         text-align:center;
         background-repeat: no-repeat;
}

div.boxsmall p {
	font-weight: normal;
  text-align:left;
  font-size: 10px;
}
div.boxsmall p a {
	color: #fd8005;
	font-size: 12px;
}
div.boxsmall .invisiblelink {
	cursor: pointer;hand;
}
div.boxsmall div {
         margin-top: -126px;
				width: 100%;
         height: 126px;
}

/* ------------------------------------------------------------------- MAIN CONTENT - SMALL New BOXES */

div.boxnew {
	width: 225px;
         padding-top:140px;
         margin-left: 0px;
         margin-right: 20px;
         text-align:center;
         background-repeat: no-repeat;
}

div.boxnew p {
  font-size: 12px;
  padding: 5px;
}
div.boxnew p a {
	color: #fd8005;

}
div.boxnew .invisiblelink {
	cursor: pointer;hand;
}
div.boxnew div {
         margin-top: -120px;
	width: 100%;
         height: 150px;
}

/* ------------------------------------------------------------------- MAIN CONTENT - OUR OFFERINGS */

body#our-offerings div.boxsmall {
		margin-left: 50px;
}

ul.technology {
	margin-top: 0px;
	
}

ul.technology li {
	list-style: disc;
	margin-left: 15px;
}

ul.technology li a {
	
}



/* ------------------------------------------------------------------- MAIN CONTENT - OUR TECHNOLOGY */

body#our-technology div.boxsmall {
		margin-left: 50px;
}


/* ------------------------------------------------------------------- MAIN CONTENT - CASE STUDIES */

div.caseLeft{
         float: left;
         margin-left: 5px;
         width: 350px;
}

div.caseLeft ul {
	list-style: url(../images/bullet.gif);
         margin-left: 10px;

}

div.caseLeft ul li {
         margin-left: 20px;
}
div.caseLeft a{
	color: #444;
}
div.caseLeft a:hover {
	text-decoration: underline;
}



div.caseTestimonial{
         float: left;
         width: 95px;
}
div.caseGetintouch{
         float: right;
         width: 95px;
}
div.caseRight{
         float: right;
         width: 385px;
         height: 180px;
         font-size: 11px;
         background: transparent url('../images/case-study-box.gif') no-repeat;
         padding: 10px;
}

ul.standardList {
color:#444; 
list-style-image:url(/templates/SpiderGroup/images/bullet.gif);
list-style-position:outside;
list-style-type:disc;
margin-bottom:5px;
margin-left:20px;
}
ul.standardList li{
margin-top:6px;
margin-left:4px;
}

span.bigQuote {
text-align:right;