/* WPS Standard Template A */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 75%; /* same as 12px with IE with Text Size "Normal" @96dpi, "Smallest" @120dpi */
	margin: 0;
	padding: 0; /* Opera has a default padding */
	line-height:150%;
}
ul, form, p {
	padding:0;
	margin:0;
}
li {
	list-style:none;
}
/*	Layout only	*/

#toplogo, #navigation, #topbanner, #topblock, #wrap_content, #separator {
	width: 950px;
	margin: 0px auto;
	border: 0;
	position: relative;
}

#toplogo {
	min-height: 75px;
	margin-top:5px;
}
#wrap_menu {
	height:26px;
	padding:5px 0;
}
#navigation {
	height: 26px; /* not necessary, ruins Opera height */
	position: static; /* needed for menu to display at the right place */
	overflow: visible; /* in case there are too much menus */
}
#separator {
	display: none;
}
#wrap_content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html #wrap_content {
	height: 1%;
}
#wrap_content {
	zoom: 1;
	display: block;
	clear: both;
}
#leftblock {
	float: left;
	display: inline; /* IE hack */
	width: 182px;
	padding: 14px 0 5px 0;
	margin: 0 0 0 0;
}
#rightblock {
	float: right;
	display: inline; /* IE hack */
	width: 170px; /* Total width should be 180px */
	padding: 5px;
	margin: 0 0px 0 0;
}
#leftblock, #rightblock, #content {
	overflow: visible;
}
* html #leftblock, * html #rightblock, * html #content {
	overflow: auto; /* IE6 falls apart otherwise */
}
#breadcrumbs {
}
#content {
	width: 757px;
	float: right;
	display: inline; /* IE6 hack */
	margin:13px 0 0 0px;
	background:#EDEDED url(images/content_bg.gif) -800px 0 repeat-y;
}
#wrap_body #content{ line-height:180%;}
#frontpage #content {
	width: 380px;
	margin-right: 5px;
}
#contentinner1 {
	background:url(images/content_bg.gif) 0 0 no-repeat;
}
#contentinner2 {
	padding: 20px;
	background:url(images/content_bg.gif) -1600px bottom no-repeat;
}
h1.article-title{ font-size:133%; margin:0; padding:0; }
h2.article-list-title{ font-size:100%; margin:5px; padding:0;}
/* left padding for FF tables */

#wrap_footer {
	text-align:center;
	margin: 12px 0 0 0;
	padding:5px 0;
}
#footer {
}
/*	Shortcuts or Search - Positioning and Layout */ 

#toplogo #shortcuts {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	margin: 0;
}
#navigation #shortcuts {
	float: right;
	margin: 0 0 0 0;
	padding: 0;/*display: inline;*//*background-color: #f00; /* for testing */
}
/* Search form */
div.search form {
	margin: -1px 3px 0 3px;
	padding: 0 0 1px 0;
} /* False values for IE7+IE6 */
html:not([dummy]) div.search form {
 margin-top: 0px;
} /* True values for Safari and Firefox */
div.search input.button {
	vertical-align: text-top;
	border: 1px solid; /*	margin-top: 1px;*/
	line-height: 13px;
	height: 18px;
	padding: 0;/*	font-size: 12px;*/
}
span.searchbuttonbox > input.button {
	padding: 0 0.4em;/*display: inline;*/
}
div.search input.searchwords {
	height: 16px;
	border: 1px solid;
	padding: 0 0.3em;/*	font-size: 12px;*/
}
/* Dropdown Menu */

/* Blocks */
#topblock {
	margin:12px auto;
}
#topbanner {
	margin-top:13px;
	height:120px;
	background:url(images/topbanner_bg.gif);
	padding:7px 0;
}
#frontblock3 {
	width:288px;
	float:left;
	display:inline;
}
#frontblock4 {
	width:490px;
	height:100px;
	background:#EDEDED url(images/caseblockbg.png) 0 0 no-repeat;
	float:left;
	display:inline;
	padding:12px 12px 12px 117px;
	margin-top:12px;
}
#frontblock1, #frontblock2 {
	float:left;
	width:318px;
	display:inline;
	background:#EDEDED url(images/frontblock_bg1.gif) 0 0 no-repeat;
	margin-right:13px;
}
#frontblock1 .block, #frontblock2 .block {
	background:url(images/frontblock_bg2.gif) 0 bottom no-repeat;
	padding:10px;
}
#frontblock2 .block {
	padding-top:9px;
}
#frontblock1 .block{ min-height:229px; overflow:auto;}
#frontblock1 p {
	padding:0 5px;
	line-height:180%;
}
#frontblock2 p {
	padding:0 5px;
	margin:0 0 5px 0;
}
#frontblock1 h2, #frontblock2 h2 {
	background:url(images/fronttitle_bg.gif) 0 0 no-repeat;
	line-height:24px;
	font-size:100%;
	padding:0 0 0 10px;
	text-shadow:1px 1px 0 #FFF;
	color:#1095CD;
	margin:10px 0 0 10px;
}
#frontblock2 h3 {
	font-size:100%;
	margin:0 0 5px 0;
	padding:0;
	font-weight:normal;
}
#frontblock2 h3 a {
	background:url(images/dot1.gif) -3px -105px no-repeat;
	padding:0 0 0 13px;
	color:#555;
	text-decoration:none;
}
#frontblock2 h3 a:hover {
	color:#1095CD;
}
#leftblock h2, #rightblock h2 {
	background: transparent url(images/dot3.gif) repeat-x scroll left bottom;
	font-size: 1.08em;
	font-weight: bold;
	padding: 0 0 5px 0;
	margin-bottom: 0.4em;
}
#leftblock h2 span, #rightblock h2 span {
	background: transparent url(images/arrow.gif) no-repeat scroll 6px 50%;
	padding: 0 0 0 18px;
}
#topbanner img {
	border: 0;
	display: block;/*	width: auto;
	height: auto; our banner module sucks, but ie6 sucks more */
}
#content ul{ margin-left:20px;}
#content ul li{
	padding-left:15px; 
	background:url(images/dot1.gif) 0 -193px no-repeat;
}
/*-----------front service---------*/
.service{display:block; float:left; width:89px; height:31px; padding:6px 0 6px 54px; background:url(images/servicelist.gif) 0 0 no-repeat; margin:5px 0 0 0; line-height:125%; color:#555; text-decoration:none;}
.service1{ background-position:0 0;}
.service2{ background-position:0 -50px;}
.service3{ background-position:0 -100px;}
.service4{ background-position:0 -150px;}
.service1:hover{ background-position:0 -200px;}
.service2:hover{ background-position:0 -250px;}
.service3:hover{ background-position:0 -300px;}
.service4:hover{ background-position:0 -350px;}
/* Side Menu */
#smenu {
	padding-top:8px;
	background:#DDE2E3 url(images/smenu_bg.png) -1000px 0 no-repeat;
}
#smenu ul {
	margin: 0;
	padding: 0 0 8px 0;
	list-style-type: none;
	background:url(images/smenu_bg.png) -1200px bottom no-repeat;
}
#smenu ul ul {
	padding:0;
	background:none;
}
#smenu li {
	margin: 0;
}
* html #smenu a {
	height: 1%
} /* hasLayout */
#smenu a {
	line-height:25px;
	height:25px;
	overflow:hidden;
}
#smenu a {
	text-decoration: none;
	display: block;
	color: #000;
	text-shadow:1px 1px 0 #FFF;
	background:url(images/smenu_bg.png) -200px 0 no-repeat;
}
#smenu ul a {
	font-weight: bold;
	background:url(images/smenu_bg.png) 0 0 no-repeat;
	padding-left:30px;
	line-height:25px;
}
#smenu ul ul a {
	padding-left: 15px;
	font-weight: normal;
	background:url(images/smenu_bg.png) -200px 0 no-repeat;
	line-height:25px;
}
#smenu ul ul a:hover {
	background:url(images/smenu_bg.png) -400px 0 no-repeat;
}
#smenu ul ul ul a {
	padding-left: 30px;
	font-weight: normal;
	background:url(images/smenu_bg.png) -600px 0 no-repeat;
	line-height:25px;
}
#smenu ul ul ul a:hover {
	background:url(images/smenu_bg.png) -800px 0 no-repeat;
}
#current-smenu.current {
	color:#118CCF;
}
#smenu a:hover {
	color: #000;
	background-color: #ccc;
}
#smenu ul, #smenu a {
	border-color: #666;
}
#smenu div.search {
	display: none; /* hide unwanted search box */
}
/* -------------ShortCuts Menu Styling-------------*/

#shortcuts {
}
#shortcuts ul li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height:28px;
	float:left;
	display: inline;
}
#shortcuts ul li a {
	color: #000;
	text-decoration: none;
	text-shadow:1px 1px 0 #FFF;
	background:url(images/dot1.gif) center 0 no-repeat;
	margin:0 0 0 24px;
	display:block;
	font-size:91.7%;
	font-weight:700;
}
#shortcuts ul li a:hover {
	color: #118CCF;
	background:url(images/dot1.gif) center -50px no-repeat;
}
/*-------------------------top menu------------------------*/
#topmenu {
	float:right;
	font-weight:700;
}
#topmenu li {
	float:left;
	line-height:26px;
	margin-left:5px;
}
/*
#topmenu  li:hover{ background:url(images/topmenu_bg.gif) right 0  no-repeat;}
#topmenu  li a{ padding:0 15px; color:#FFF; display:block; text-decoration:none;}
#topmenu  li a:hover{ background:url(images/topmenu_bg.gif) left -26px  no-repeat;}
*/
#topmenu li {
}
#topmenu li a {
	padding:0 15px;
	color:#FFF;
	display:block;
	text-decoration:none;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#topmenu li a:hover {
	background:url(images/topmenu_bg2.gif);
}
#topmenu li a.current {
	background:url(images/topmenu_bg2.gif);
}
/* Teasers */

/* Teasers Colours */


/*	Styling (Colours, backgrounds) */
body {
	background: #fff;
	color: #555;
}
#wrap_body,#frontpage{
	background: #65AADD url(images/body_bg.png) top repeat-x;

}
#toplogo {
	background:url(images/head_bg.png);
}
#wrap_content {
	color: #555;
}
#content h1 {
	background:url(images/articletitle_bg.gif);
	padding:8px;
	text-align:center;
	margin:10px 0;
	color:#118CCF;
}
#leftblock, #rightblock, #rightblock h2 {
	color: #000;/*	background-color: Pink; /* For testing */
}
#wrap_footer {
	background:#222 url(images/footer_bg.gif);
	border-top:1px solid #9BC8E9;
	color:#FFF;
}
#wrap_footer a{
	color:#FFF;
	text-decoration:none;
}
#wrap_footer a:hover{
	text-decoration:underline
}
a {
	color:#118CCF;
}
#content a:hover, #content a:active {
	color:#000;
}
#searchwords, input.button {
}
#toplogo div.shortcuts span {
	color: #000;
}

/* Text styling (fonts) */

a::selection {
background-color:#0C0;
color:#FFF;
}
::-moz-selection {
background:#63C;
color:#FFF;
}
a::-moz-selection {
background-color:#0C0;
color:#FFF;
}








/*-------------------Slides styles---------------------------*/
div#carousel{
	padding:7px 0 0 0;
	background:url(images/top_bg.gif) top left no-repeat;
}
div#carousel ul.slides {
	margin:7px 0 0 0;
	padding:0;
	list-style:none;
	
}
div#carousel ul.slides li {
	margin:0;
	padding:0;
	position:relative;
	display:none;
}
div#carousel ul.slides li img{
	border:0;
}
div#carousel ul.slides li.fallback {
	display:block;
}

/*-------------------Navigation styles---------------------------*/
div#carousel ul.nav {
	margin:0;
	padding:0 20px;
	list-style:none;
	position:absolute;
	width:910px;
	background:url(images/bottom_bg.gif) repeat-x;
}
div#carousel ul.nav li { 
	margin:0;
	padding:0 0 0 0;
	list-style:none;
	display:block;
	float:left;
}
div#carousel ul.nav li a {
	display:block;
	float:left;
	line-height:29px;
	padding:0 15px;
	margin:0;
	color:#555;
	text-decoration:none;
	font-weight:700;
	border-left:1px #DDE1E2 solid;
	border-right:1px #AFB9BE solid;
}
div#carousel ul.nav li.current {
	background:url(images/current_bg.gif) center no-repeat;
	margin-top:-7px;
	padding-top:7px;

}
div#carousel ul.nav li.current a {
	color:#65AADD;
}
div#carousel ul.nav li#clients a {
	border-right:0;
}
div#carousel ul.nav li#users {
	float:right;
}
ul.extraNavLinks {
	display:none;
}