@charset "utf-8";
/*  Interactive Solutions 2010  */

@import "reset.css";

/*------BASE--------------------------------------------------------------------------------------------------------------------------------*/

html {
	background-color:#d4d4d4;
	overflow-x: hidden;
	width:100%;
}
body {
	width:100%;
	padding:0px;
	margin:auto;
	background-color:#fff;
	color:#262626;
	font:13px/21px Arial, Helvetica, sans-serif;
	overflow-x: hidden;
}
div.topWrapper {
	position:relative;
	width:100%;
	background-image:url(/images/base/top_bg.gif);
	background-repeat:repeat-x;
	height:auto;
	overflow:visible;
	margin:auto;	
}
div.logoHolder {
	position:relative;
	float:left;
	width:auto;
	height:auto;
}
div.logoHolder img.logo {
	float:left;
	width:auto;
	height:auto;
	overflow:hidden;
	padding-right:30px;
}
div#outerWrapper {
	position:relative;
	width:931px;
	height:auto;
	overflow:visible;
	margin:auto;
	padding-bottom:20px;
	z-index:20;
}
div#outerWrapper div.innerWrapper {
	position:relative;
	width:872px;
	padding-top:30px;
	height:auto;
	overflow:visible;
	margin:auto;
	z-index:11;
}
div#outerWrapper div.innerWrapper#employees {
	width:900px;
	padding-top:0px;
}
div#outerWrapper div.innerWrapper#clients {
	width:900px;
	padding-top:0px;
}
div#pageWrapper img.topShader {
   position:absolute;
   background-repeat:repeat-x;
   width:100%;
   height:258px;
   top:0px;
   left:0px;
   z-index:10;
}
div#pageWrapper img.bottomShader {
   position:absolute;
   background-repeat:repeat-x;
   width:100%;
   height:258px;
   bottom:0px;
   left:0px;
   overflow:visible;
   z-index:10;
}

div#outerWrapper .picBottom {
	position:absolute;
	bottom:0;
	left:0;
	overflow:visible;
}
div#left {
	width:592px;
	float:left;
	padding-bottom:30px;
}
div#left li.last {
	background:none;
	padding-bottom:0px;
}
div#right {
	width:247px;
	float:right;
}
/*------NAVIGATION TOP----------------------------------------------------------------------------------------------------------------------------*/
div.navigationTop {
	position:relative;
	margin:auto;
	width:1006px;
	height:41px;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#898989;
	overflow:visible;
}
div.navigationTop span {
	float:right;
	padding-top:13px;
}
div#navigationWrapper {
	position:relative;
	margin:auto;
	width:1006px;
	height:51px;
	overflow:hidden;
}
/*------NAVIGATION END---------------------------------------------------------------------------------------------------------------------------*/

/*------SEARCHBOX TOP--------------------------------------------------------------------------------------------------------------------------*/
div.searchTopWrapper {
   position:relative;
   background-image:url(../images/base/searchform_bg.png);
   background-position:0 0;
   float:right;
   width:162px;
   height:25px;
   margin-top:12px;
}
div.searchTopWrapper:hover {
	background-image:url(/images/base/searchform_bg.png);
	background-position:0px 25px;
}	
div.searchTopWrapper input {
	position:relative;
	float:left;
	background-color:transparent;
	width:118px;
	height:18px;
	padding:2px 3px 5px 9px;
	margin:0;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#c0c0c0;
	line-height:18px;
	overflow:hidden;
	font-weight:bold;
	text-align:left;
	border:0 none;
}
div.buttonTopSearch {
   position:absolute;
   right:7px;
   top:2px;
   background-image:url(../images/base/button_search.png);
   background-position:0px 0px;
   width:21px;
   height:21px;
}
div.buttonTopSearch:hover {
	background-image:url(/images/base/button_search.png);
	background-position:0px -21px;
	cursor:pointer;
}
div.buttonTopSearch:active {
	background-image:url(/images/base/button_search.png);
	background-position:0px -42px;
	cursor:pointer;
}
/*------SEARCHBOX TOP END----------------------------------------------------------------------------------------------------------------------*/

/*------SPLASH---------------------------------------------------------------------------------------------------------------------------------*/
div.splashHolder {
	position:relative;
	background-color: #000;
	margin:auto;
	width:100%;
	height:480px;
	overflow:visible;
	z-index:20;
}

div.splashHolderLeft {
	position:relative;
	background-repeat:repeat-x;
	width:50%;
	height:480px;
	float:left;
	background-position:right;
}

div.splashHolderRight {
	position:absolute;
	right:0;
	background-repeat:repeat-x;
	width:50%;
	height:480px;
	z-index:1;
}

.splashHolderMiddle {
	position:absolute;
	background-color: #000;
	top:0px;
	left:50%;
	margin-left:-503px;
	width:1006px;
	height:480px;
	z-index:10;
}

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


/*------SPLASH END-----------------------------------------------------------------------------------------------------------------------------*/

/*------SPLASH ICONS---------------------------------------------------------------------------------------------------------------------------*/
div.splashIconHolder {
	position:absolute;
	background-image:url(/images/base/content/splashicon_bottom.png);
	z-index:1000 !important;
	height:58px;
	right:0;
	top:-39px;
	width:auto;
}
div.splashIconHolder ul {
	display:inline;
}
div.splashIconHolder li {
	float:left;
	margin-left:3px;
	margin-right:3px;
}
div.splashIconHolder ul li a {
	width:57px;
	height:57px;
	cursor:pointer;
	background-color:transparent;
}
div.splashIconHolder ul li a {
	display:block;
	background-position:0px 0px;
}
div.splashIconHolder ul li a:hover,
div.splashIconHolder ul li.current a
{
	background-position:0px 57px;
	padding:0;
	margin:0;
	border:none;
	display:block;
}
/*------SPLASH ICONS END-----------------------------------------------------------------------------------------------------------------------*/
	
/*------WRAPPER OF THE CONTENT-----------------------------------------------------------------------------------------------------------------*/
div#pageWrapper {
	position:relative;
	width:100%;
	height:auto;
	background-color:#f2f2f2;
	background-image:url(/images/base/middle.png);
	background-repeat:repeat-y;
	background-position:center;
	overflow:visible;
	z-index:25;
}
div#pageWrapper.bg {
	background-image:none;
	background-color:#FFF;
	height:200px;
	margin:auto;
	width:1006px;
}
/*------WRAPPER OF THE CONTENT END-------------------------------------------------------------------------------------------------------------*/

/*------FOOTER---------------------------------------------------------------------------------------------------------------------------------*/
.footer {
	position:relative;
	background-image:url(/images/base/bottom/bottom_bg.gif);
	background-repeat:repeat-x;
	width:100%;
	height:65px;
	overflow:visible;
	float:left;
}
.footer div.info {
	position:relative;
	width:1006px;
	height:60px;
	overflow:visible;
	background-image:url(/images/base/bottom/infotext.png);
	background-position:0 32px;
	background-repeat:no-repeat;
	margin:auto;
}
.footer div.info div {
	position:absolute;
	margin-left:-10000px;	
}
ul.cpanel {
	position:relative;
	float:right;
	width:359px;
	height:51px;
	display:block;
}
ul.cpanel li {
	position:relative;
	background-image:url(../images/base/buttons.png);
	float:right;
	height:51px;
	margin-top:12px;
	cursor:pointer;
}
ul.cpanel li a {
	display:block;
	padding:0;
	margin:0;
	height:100%;
	border:none !important;
	text-decoration:none;
}
ul.cpanel #cpanelRss {
	background-position:0px -47px;
	width:65px;
	display:block;
}
ul.cpanel #cpanelRss:hover {
	background-position:0px -98px;
	border:none;
}
ul.cpanel #cpanelRss:active {
	background-position:-321px -47px;
}
ul.cpanel #cpanelFacebook {
	background-position:-77px -47px;
	width:68px;
}
ul.cpanel #cpanelFacebook:hover {
	background-position:-77px -98px;
	border:none;
}
ul.cpanel #cpanelFacebook:active {
	background-position:-398px -48px;
}
ul.cpanel #cpanelPartner {
	background-position:-145px -47px;
	width:104px;
}
ul.cpanel #cpanelPartner:hover {
	background-position:-145px -98px;
	border:none;
}
ul.cpanel #cpanelPartner:active {
	background-position:-466px -47px;
}
ul.cpanel #cpanelAa {
	background-position:-250px -47px;
	width:73px;
}
ul.cpanel #cpanelAa:hover {
	background-position:-250px -98px;
	text-decoration:none;
	border:none;
}
ul.cpanel #cpanelAa:active {
	background-position:-570px -47px;
}
/*------FOOTER END------------------------------------------------------------------------------------------------------------------------------*/


/*------NEWSWRAPPER STARTPAGE-------------------------------------------------------------------------------------------------------------------*/
.newsObject { 
	width:153px;
	height:141px;
	position:absolute;
	right:15px;
	bottom:20px;
	margin-right:1px;
}
ul.newsBoxesWrapper {
	position:relative;
	width:auto;
	height:auto;
	float:left;
	padding-top:25px;
	overflow:hidden;
	z-index:21;
}
ul.newsBoxesWrapper li {
	width:315px;
	height:175px;
	background-image:url(../images/base/content/news/bg_left.png);
	background-position:0 -20px;
	padding:0;
	margin:0;
	position:relative;
	float:left;
	padding-left:20px;
	z-index:20;
}
ul.newsBoxesWrapper li.noBG {
	background-image:none;
}
ul.newsBoxesWrapper li span.horizontalText {
	position:relative;
	float:left;
	width:300px;
	padding-top:10px;
	line-height:16px;
}
ul.newsBoxesWrapper li span.verticalText {
	position:relative;
	float:left;
	width:160px;
	padding-top:10px;
	line-height:16px;
}
ul.newsBoxesWrapper li h2 {
	position:relative;
	float:left;
	width:300px;
	overflow:visible;
	padding-top:12px;
	padding-bottom:3px;
	z-index:10;
	margin-left:-1px;
}
.newsHorizontalRub {
	position:relative;
	float:left;
	width:300px;
	height:auto;
	overflow:hidden;
	padding-top:35px;
	padding-bottom:10px;
	padding-left:17px;
}
.newsHorizontalBrodtext {
	position:relative;
	float:left;
	width:250px;
	height:auto;
	overflow:hidden;
	clear:both;
	padding-bottom:15px;
	padding-left:17px;
}
/*------NEWSWRAPPER EN---------------------------------------------------------------------------------------------------------------------*/

/*------POST WRAPPER TEMPLATE--------------------------------------------------------------------------------------------------------------*/
ul.content {
	position:relative;
	float:left;
	z-index:12;
	clear:both;
	width:592px;
	height:auto;
	overflow:visible;
}
ul.content li {
	position:relative;
	margin:auto;
	width:100%;
	height:auto;
	overflow:visible;
	padding-bottom:60px;
	z-index:11;
	background-image:url(/images/subpages/hr.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}
ul.content li div.iconWrapper {
	position:absolute;
	background-color:transparent;
	z-index:10;
	width:57px;
	height:auto;
	overflow:visible;
	top:0;
	left:0;
	margin-left:-62px;
}
ul.content li div.iconWrapper ul {
	padding:0;
	margin:0;
	z-index:10;
}
ul.content li div.iconWrapper ul li {
	padding:0;
	margin:0;
}
ul.content li div.iconWrapper a 
{
	position:relative;
	float:left;
	background-position:0 0;
	display:block;
	width:57px;
	height:63px;
	border:none;
}

ul.content li .iconWrapper a:hover 
{
	background-position:0 -63px;
}


ul.content li h1 a:hover, a:active, a:visited 
{
	border:0px;
}
ul.content li h1 {
   position:relative;
   display:block;
   float:left;
   width:95%;
   height:auto;
   overflow:visible;
   padding-top:0px;
   padding-bottom:0px;
   padding-left:13px;
   padding-right:13px;
}
ul.content li h1 a {
   margin:auto;
   color:#000;
}
ul.content li div.text {
   position:relative;
   padding-left:16px;
   padding-right:16px;
   width:95%;
   display:block;
   float:left;
   padding-bottom:25px;
}
ul.content li div.text_company {
	padding-top:15px;
	position:relative;
	padding-left:16px;
	padding-right:16px;
	width:95%;
	display:block;
	float:left;
	padding-bottom:10px;
	border-bottom:1px solid #e0e0e0;
	margin-bottom:25px;
}
ul.content li div.text p {
   padding-bottom:10px;
   padding-top:10px;
}
ul.content li div.text_company p {
	padding-bottom:20px;	
}
ul.content li div.text p.date {
   float:left;
   width:100%;
   color:#898989;
   font-size:13px;
   display:block;
   padding:0;
}
ul.content li div.text p.preamble {
	width:100%;
	color:#262626;
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	line-height:24px;
	padding-top:0px;
	padding-bottom:15px;
	padding-top:10px;
}
div#left img.pic {
	position:relative;
	width:100%;
	margin:auto;
	border:none;
	display:block;
	padding-bottom:20px;
}
div#left a:hover img.pic {
	border:none;
}
ul.content li div.text p img 
{
	 
}
ul.content li p.preamble span.icon {
	position:relative;
	float:right;
	width:120px;
	height:100px;
	display:block;
	background-position:center !important;
	background-repeat:no-repeat !important;
	margin-top:-40px;
	overflow:visible;
}
/*------POST WRAPPER TEMPLATE END----------------------------------------------------------------------------------------------------------*/


/*------DESCRIBE STYLE FOR SERVICES WRAPPER END--------------------------------------------------------------------------------------------*/
ul.content#services ul li img {
	width:592px;
	height:288px;
	float:left;
}
/*------DESCRIBE STYLE FOR SERVICES WRAPPER END--------------------------------------------------------------------------------------------*/

/*------DESCRIBE STYLE FOR CLIENTS WRAPPER-------------------------------------------------------------------------------------------------*/
ul.content#clients {
	margin:auto;
	float:none;
}
ul.content#clients li {
	background-image:none;
	width:285px;
	float:left;
	padding:0;
	padding-bottom:10px;
}

ul.content#clients li a:hover{
	border: none;
}
ul.content#clients li.even {
	float:right;
}
/*------DESCRIBE STYLE FOR CLIENTS WRAPPER END---------------------------------------------------------------------------------------------*/

/*------DESCRIBE STYLE FOR SEARCHRESULTS---------------------------------------------------------------------------------------------------*/
ul.content#searchresults li.headWrapper {
	padding-bottom:40px;	
}
ul.content#searchresults li.headWrapper p {
	color:#8c8c8c;
}
ul.content#searchresults li.headWrapper h3 {
	color:#000;
	font-size:30px;
	text-transform:none;
	padding:0;
}
ul.content#searchresults li h5 {
	color:#666;
	font-size:11px;
	line-height:18px;
	text-transform:none;
	padding:0;
	width:95%;
	margin:auto;
}
/*------DESCRIBE STYLE FOR SEARCHRESULTS END-----------------------------------------------------------------------------------------------*/

/*------DESCRIBE STYLE FOR EMPLOYEES BOX ON ABOUT US PAGE END------------------------------------------------------------------------------*/
ul.employeesWrapper {
	width:100%;
	/*background:url(../images/subpages/employees/bg.png) repeat-y center top;*/
	margin-left:14px;
}
ul.employeesWrapper li {
	position:relative;
	/*background:url(../images/subpages/employees/bg.png) transparent no-repeat center bottom !important;*/
	/*float:left;*/
	width:100%;
	height:auto;
	margin-bottom:15px;
}
ul.employeesWrapper li img.picture {
	display:block;
	width:572px;
	height:auto;
}

ul.employeesWrapper ul.employeeDetails li.name
{
	display: block;
	width: 355px;
}
	
ul.employeesWrapper li.name h1 {
	color:#000;	
	font-size:35px;
	text-transform:none;
	margin-left:-2px;
	padding-bottom:5px;
}
ul.employeesWrapper li.name {
	padding-bottom:0px;
}
ul.employeesWrapper li p {
	color:#7f7f7f;	
	margin-left:25px;
	margin-top:2px;
}
ul.employeesWrapper li ul {
	border:1px solid #e0e0e0;
	width:570px;
	margin:5px 0 0 0;
	padding-top:15px;
	z-index:10;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
ul.employeesWrapper li ul li {
	font-weight:normal;
	background:none !important;
	margin:0;
	padding:0 15px 21px 15px;
	width:auto;
	height:auto;
	border:none;
}
ul.employeesWrapper li ul li p {
   font-size:14px;
   line-height:14px;
   font-weight:bold;
   color:#262626;
   padding:0;
   margin:0;
   width:100%;
}
ul.employeesWrapper li ul li span {
	width:100%;
	line-height:12px;
	color:#7f7f7f;
	display:block;
	padding-bottom:4px;
}
ul.employeesWrapper li ul li a {
	font-weight:bold;
	clear:both;
	line-height:18px;
	margin-top:2px;
}


/*------DESCRIBE STYLE FOR EMPLOYEES BOX ON ABOUT US PAGE END------------------------------------------------------------------------------*/

/*------BUTTON-----------------------------------------------------------------------------------------------------------------------------*/
a.button {
    /* Sliding right image */
    background: transparent url('../images/base/buttons2.png') no-repeat top right; 
	display: block;
	float: left;
	height: 30px; 
	font-size:13px;
	line-height:20px;
	margin-top:0px;
	/* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 30px;
	padding-right: 2px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
}

/* Background left image */
a.button span { 
	background: transparent url('../images/base/buttons2.png') no-repeat scroll top left; 
	display: block !important;
	width:auto !important;
	line-height: 22px;
	color:#2a2a2a;
	border:none;
	text-transform:uppercase;
	text-decoration:none;
	/* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 2px 10px 6px 14px;
}

a.button:hover {
	text-decoration:none;
	background-image:url(../images/base/buttons2.png);
	background-position:right top;
	border:none;
	color:#090;
	display:block;
}
a.button:hover span {
	text-decoration:none;
	background-image:url(../images/base/buttons2.png);
	background-position:left top;
	color:#888;
	text-decoration:none;
}
a.button:active span {
	padding:3px 10px 5px 14px;	
}
/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadow:before {
  display: block;
  margin: 0 0 -2.12em 0.15em;
  padding: 0;
  color: #666666; 
}

#shadow_1:before { 
  content: 'In shadow'; 
}
#second_2:before { 
  content: 'Happy Shadowing!'; 
}

/*\*/
html*.shadow {

  [color:red;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    text-shadow: #666666 5px 5px 5px; 

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before {

  [color:red;/* required by Safari. 
                seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

a.button:active {
	text-decoration:none;
	background: transparent url('../images/base/buttons2.png') no-repeat right bottom; 
}
a.button:active span {
	text-decoration:none;
	background: transparent url('../images/base/buttons2.png') no-repeat left bottom; 
}

/*---------------------------------------------------------------------------------------------------------------------------------------*/

/*------BUTTON CLIENTSPAGE---------------------------------------------------------------------------------------------------------------*/
div.buttonWrapper {
	position:relative;
	width:100%;
	float:left;
	padding-bottom:20px;
	font-weight:bold;
}
div.buttonWrapper ul {
	margin:0;
	padding:0;
}
div.buttonWrapper ul li {
	background:url(../images/base/buttonsWhite.png) no-repeat scroll left top;
	float:left;
	margin:0;
	margin-right:4px;
	padding:0px 0px 0px 2px;
}
div.buttonWrapper ul li a {
	display:block;
	background:url(../images/base/buttonsWhite.png) no-repeat scroll right top;
	color:#adadad;
	height:53px;
	border:none;
}
div.buttonWrapper ul li a span {
	display:block;
	padding-right:20px;
	padding-left:65px;
	line-height:54px;
}
div.buttonWrapper ul li a span.icon {
	background-repeat:no-repeat !important;
	background-position:10px top !important;
	height:53px;
}
div.buttonWrapper ul li:hover {
	background:url(../images/base/buttonsWhite.png) no-repeat scroll left center;
}
div.buttonWrapper ul li a:hover {
	background:url(../images/base/buttonsWhite.png) no-repeat scroll right center;
	color:#5b5b5b;
}
div.buttonWrapper ul li.current {
	background:url(../images/base/buttonsWhite.png) no-repeat scroll left bottom;
}
div.buttonWrapper ul li.current a {
	background:url(../images/base/buttonsWhite.png) no-repeat scroll right bottom;
	color:#fff;
	font-weight:bold;
}
div.buttonWrapper ul li.current a span.icon {
	background-repeat:no-repeat !important;
	background-position:10px bottom !important;
	height:53px;
}
/*------BUTTON CLIENTSPAGE---------------------------------------------------------------------------------------------------------------*/


/*------BUTTON SMALL---------------------------------------------------------------------------------------------------------------------*/
a.buttonReadmore_small 
{
	background-image:url(../images/base/buttons.png);
	background-position:0 -149px;
	cursor:pointer;
	width:53px;
	height:22px;
	padding:0px;
	margin: 10px 0 0 0;
	float:left;
	clear:both;
}
#buttonReadmore_small li a {
	display: block;
	height:22px;
	text-decoration: none;
}
a.buttonReadmore_small:hover {
	background-position:-53px -149px;
	border:none;
}
a.buttonReadmore_small:active {
	background-position:-106px -149px;
}
/*------BUTTON SMALL END-----------------------------------------------------------------------------------------------------------------*/


div#navigationWrapper a {
   border:none;    
}



/*------NAVIGATION-----------------------------------------------------------------------------------------------------------------------*/
ul.navigation {
   padding: 0px;
   margin: 0px;
   list-style: none;
   float: left;
   text-transform:uppercase;
}
ul.navigation li {
   float:left;
   margin:0;
   padding:0 0 0 9px;
 }
ul.navigation a {
   float:left;
   display:block;
   padding:14px 15px 12px 6px;
   text-decoration:none;
   font-weight:bold;
   color:#765;
}
/*HOVER*/
ul.navigation li.current {
   background: url(../images/base/button_left.png) left top;
   padding:0 0 0 9px;
}
ul.navigation li.current a {
   background: url(../images/base/button_right.png) right top;
   padding:14px 15px 12px 6px;
   }
/*------NAVIGATION END-------------------------------------------------------------------------------------------------------------------*/

/*------PAGINGSYSTEM---------------------------------------------------------------------------------------------------------------------*/
div.pagingWrapper
{
	clear: both;
	display: block;
	width:100%;
	background-image:url(../images/subpages/hr.gif);
	background-position:top;
	background-repeat:repeat-x;
	height:auto;
	padding-top:15px;
	padding-bottom:30px;
}

div.pagingWrapper ul 
{
	overflow:visible;
	float:right;
	margin:0;
	font-weight:bold;
	z-index:12;
	font-size:14px;
}
div.pagingWrapper ul li {
	float: left;
	display: inline; /*For ignore double margin in IE6*/
	margin: 0;
}
div.pagingWrapper ul li span {
	float:left;
	position: relative; /*To fix IE6 problem (not displaying)*/
	padding-left:5px;
	margin-right:0px;
	padding-top:5px;
	margin-top:0px;
	background-image:url(../images/base/buttons.png);
	background-position:4px -233px;
	background-repeat:no-repeat;
	width:29px;
	height:26px;
	text-align:center;
	overflow:hidden;

}
div.pagingWrapper ul li a span {
	float:left;
	cursor:pointer; 
	position: relative; /*To fix IE6 problem (not displaying)*/
	padding-left:4px;
	margin-right:0px;
	margin-top:0px;
	background-image:url(../images/base/buttons.png);
	background-position:-31px -231px;
	width:30px;
	height:26px;
	text-align:center;
	padding-top:5px;
	color:#2a2a2a;
	text-shadow: #fff 0px 1px;
}

div.pagingWrapper ul li a:hover span {
	background-position:-31px -231px;
	color:#888;
}
div.pagingWrapper ul li a:active span {
	background-position:-64px -231px;
	padding-top:6px;
	height:25px;	
}
div.pagingWrapper ul li.current span {
	background-position:4px -231px;
	color:#fff;
}
/*------PAGINGSYSTEM END-----------------------------------------------------------------------------------------------------------------*/

/*------FILTER---------------------------------------------------------------------------------------------------------------------------*/

div.paging-outer {
	clear:none;
	float:right;
	padding-right:8px;
}
div.paging-outer div.pagingWrapper {
	background-image:none;
	padding-top:0;
	padding-bottom:0;	
}
div.filter {
	background-image: url("../images/subpages/hr.gif");
    background-position: center 30px;
    float: left;
    padding: 0 0 30px;
    width: 100%;
}
div.filter ul {
	float:left;
}
div.filter ul li {
	float:left;	
}
div.filter ul.view-as {
	padding-top:2px;	
}
div.filter ul.view-as li {
	background: url("../images/base/filter/button_left.png") no-repeat scroll left top transparent;
    font-weight: bold;
    margin-right: 4px;
    padding: 0 0 0 4px;
    text-transform: uppercase;
}
div.filter ul.view-as li:active {
	background: url("../images/base/filter/button_left_down.png") no-repeat scroll left top transparent;	
}
div.filter ul.view-as li:active span a {
	background: url("../images/base/filter/button_right_down.png") no-repeat scroll right top transparent;
	padding: 3px 9px 4px 8px;
}
div.filter ul.view-as li span a {
	background: url("../images/base/filter/button_right.png") repeat scroll right top transparent;
    padding: 2px 9px 5px 8px;
    float:left;
    color:#2a2a2a;
}
div.filter ul.view-as li a:hover {
	border:none;
	color:#888;
}
div.filter ul.view-as li.active {
	background: url("../images/base/filter/active_button_left.png") no-repeat scroll left top transparent;
	padding:0 3px 5px 7px;
}
div.filter ul.view-as li.active span {
	background: url("../images/base/filter/active_button_right.png") repeat scroll right top transparent;
    color: #FFFFFF;
    padding: 2px 7px 5px 3px;
    display:block;
}
div.filter div.view-as-label {
	float:left;
	color:gray;
	padding:5px 5px 0 0;	
}


/*------FILTER END-----------------------------------------------------------------------------------------------------------------------*/

/*------CONTENT BOX TEMPLATE ------------------------------------------------------------------------------------------------------------*/
div.contentBox {
   position:relative;
   float:left;
   width:247px;
   height:auto;
   overflow:visible;
   margin-bottom:20px;
}

div#newsBox li p
{
	line-height: 18px !important;
	padding-top: 4px;
	padding-bottom: 2px;	
}

div.content ul li.last {
	border:none !important;
}
div.contentBox div.header {
	position:relative;
	background-image:url(../images/subpages/moduletop_bg.gif);
	background-repeat:no-repeat;
	float:left;
	width:247px;
	height:28px;
	padding-bottom:3px;
}
div.contentBox div.roundedTop {
	position:relative;
	background-image:url(../images/subpages/module_top.gif);
	background-color:#f0f0f0;
	background-repeat:no-repeat;
	float:left;
	width:247px;
	height:7px !important;
	margin:0;
	padding:0;
}
div.contentBox div.header h4 {
	margin-left:10px;
	margin-top:3px;
	line-height:18px;
}
div.contentBox div.content {
	position:relative;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f9f9f9,  #f0f0f0); /* for firefox 3.6+ */ 
	border:1px solid #f0f0f0;
	width:245px;
	height:auto;
	overflow:visible;
	float:left;
	padding:5px 0 5px 0;
}
div.contentBox div.roundedBottom {
	position:relative;
	background-image:url(../images/subpages/module_bottom.gif);
	background-position:bottom;
	background-color:#f0f0f0;
	background-repeat:no-repeat;
	float:left;
	width:247px;
	height:13px;
}
div.contentBox a.arrowButton {
   position:absolute;
   right:6px;
   top:6px;
   width:14px;
   height:14px;
   background-image:url(../images/subpages/buttons_arrow.png);
   background-position:0 0;
   border:none;    
}
div.contentBox a.arrowButton:hover {
	background-position:0 -14px;
	border:none;
}
div.contentBox a.arrowButton:active {
	background-position:0 -28px;
	border:none;
}
/*------END CONTENT BOX TEMPLATE ---------------------------------------------------------------------------------------------------------------------*/

/*------DESCRIBE STYLE FOR CLIENTS BOX----------------------------------------------------------------------------------------------------------------*/
div#clientsBox div.content ul
{
   margin:0;
   padding:0;
   width:205px;
   padding:0 10px 10px 20px;
   padding-bottom:10px;
   list-style-type:none;
   float:left;    
}
div#clientsBox div.content ul li {
	padding:0;
	padding-bottom:1px;
	padding-top:1px;
	font-weight:bold;
}
div#clientsBox div.content ul li a {
	font-weight:normal;
}
div#clientsBox div.content ul li.hr {
	border-bottom:1px solid #FFF;
	margin-bottom:4px;
	padding-bottom:14px;
}
div#clientsBox div.content ul .noBorder {
	border-bottom:0px solid;
}
div#clientsBox div.content ul li div.categoryTitle {
	position:relative;
	width:100%;
	height:10px;
	padding-bottom:5px;
}
div#clientsBox div.content ul li span {
	display:block;
	padding:0;
	margin:0;
	line-height:12px;
}
/*------DESCRIBE STYLE FOR CLIENTS BOX END------------------------------------------------------------------------------------------------------------*/

/*------DESCRIBE STYLE FOR EMPLOYEES BOX -------------------------------------------------------------------------------------------------------------*/
div#employeesBox div.content ul
{
	margin:0;
	padding:0;
	width:247px;
	margin-top:0px;
	margin-bottom:0px;
	list-style-type:none;
	float:left;	
}
div#employeesBox div.content ul li {
   border-bottom:1px solid #FFF;
   height:66px;
   font-weight:bold;
   width:100%;
   float:left;
   clear:both;
}
div#employeesBox div.content ul li a {
	font-weight:normal;
}
div#employeesBox div.content ul .noBorder {
	border-bottom:0px solid;
}
div#employeesBox div.content ul li div {
   position:relative;
   float:left;
   padding:0;
   margin:0;
   width:120px;
   height:66px;
   padding-top:6px;
   padding-left:13px;
   vertical-align:top;
   overflow:visible;
}
div#employeesBox div.content ul li div {
	position:relative;
	display:inline-block;
	padding:0;
	margin:0;
	width:120px;
	height:66px;
	padding-top:6px;
	padding-left:13px;
	vertical-align:top;
	overflow:visible;
}
div#employeesBox div.content ul li div.pic {
   position:relative;
   float:left;
   padding:0;
   margin:0;
   width:107px;
   height:66px;
   background-position:bottom center;
   background-repeat:no-repeat;
}
div#employeesBox div.content ul li div span.role {
	font-size:11px;
	display:block;
	color:#8b8b8b;
	font-weight:normal;
	overflow:hidden;
}
div#employeesBox div.content ul li div span.name {
	font-size:11px;
	display:block;
	color:#8b8b8b;
	font-weight:bold;
	line-height:10px;
	margin:0;
}
div#employeesBox div.content ul li div span.name a {
	font-weight:bold;
}
div#employeesBox div.content ul li div span.phone {
	font-size:12px;
	color:#757575;
	font-weight:normal;
	height:16px;
}
/*------DESCRIBE STYLE FOR EMPLOYEES BOX END----------------------------------------------------------------------------------------------------------*/

/*------DESCRIBE STYLE FOR NEWS BOX ------------------------------------------------------------------------------------------------------------------*/

div#newsBox div.content ul
{
	margin:0;
	padding:0;
	width:205px;
	padding-left:20px;
	padding-right:20px;
	list-style-type:none;
	float:left;	
}
div#newsBox div.content ul li, div#contactBox div.content ul li  {
	border-bottom:1px solid #FFF;
	padding-bottom:5px;
	padding-top:5px;
}
div#newsBox div.content ul .noBorder {
	border-bottom:0px solid;
}
div#newsBox div.content ul li div.categoryTitle {
	position:relative;
	width:100%;
	height:10px;
	padding-bottom:5px;
}
div#newsBox div.content ul li span {
	display:block;
	color:#939393;
	font-size:11px;
	padding:0;
	padding-top: 2px;
	margin:0;
	line-height:12px;
}
/*------DESCRIBE STYLE FOR NEWS BOX END---------------------------------------------------------------------------------------------------------------*/


/*------DESCRIBE STYLE FOR CONTACT BOX----------------------------------------------------------------------------------------------------------------*/

div#contactBox div.content ul {
	line-height:20px;
	width:205px;
	margin:auto;
}
div#contactBox div.content ul li p {
	font-size:11px;
	color:#757575;
}
div#contactBox div.content ul li p b {
	display:block;
	padding-top:5px;
	font-size:13px;	
	color:#000;
}
div#contactBox div.content ul li a {
	font-size:11px;
	font-weight:bold;
	width:205px;
}
/*------DESCRIBE STYLE FOR CONTACT BOX END------------------------------------------------------------------------------------------------------------*/


/*------DESCRIBE STYLE FOR LOGO WRAPPER (CLIENTS SUBPAGE) ***** NEW UPDATE----------------------------------------------------------------------------*/
img.logo {
	float:left;
	width:247px;
	height:110px;
}
/*------DESCRIBE STYLE FOR LOGO WRAPPER (CLIENTS SUBPAGE) END ***** NEW UPDATE------------------------------------------------------------------------*/



/*------DESCRIBE STYLE FOR MORE PROJECTS (CLIENTS SUBPAGE) ***** NEW UPDATE---------------------------------------------------------------------------*/
div#moreprojectsBox div.content ul {
	width:229px;
	margin:auto;
}
div#moreprojectsBox div.content ul img.image {
	position:relative;
	margin-left:-6px;
}
div#moreprojectsBox div.content ul li {
	width:218px;
	margin:auto;
	margin-bottom:10px;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;
	line-height:16px;
	border-bottom:1px #FFF solid;
}
div#moreprojectsBox div.content ul li p {
	font-size:16px;
	font-weight:bold;
	padding-top:10px;
}
div#moreprojectsBox div.content ul li span {
	color:#636363;
	font-size:11px;
	padding-top:5px;
	padding-bottom:5px;
	display:block;
	font-family:Tahoma, Geneva, sans-serif;
}
div#moreprojectsBox div.content ul li a {
	font-size:11px;
	font-weight:bold;
}
div#moreprojectsBox div.content ul li.last {
	padding-bottom:0;
	margin-bottom:0;
	border:none;
}
/*------DESCRIBE STYLE FOR MORE PROJECTS (CLIENTS SUBPAGE) END ***** NEW UPDATE-----------------------------------------------------------------------*/



/*------FONTS-----------------------------------------------------------------------------------------------------------------------------------------*/
.newsObjectTextVertical, 
.newsObjectTextHorizontal, 
.horizontalText, 
.verticalText
{ font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#626262;}

.newsObjectTextVertical a:link, 
.newsObjectTextHorizontal a:link, 
.horizontalText a:link, 
.verticalText a:link
{ color: #626262; text-decoration:none;}

.newsObjectTextVertical a:visited, 
.newsObjectTextHorizontal a:visited,
.horizontalText  a:visited, 
.verticalText a:visited 
{ color: #626262; text-decoration:none;}

.newsObjectTextVertical a:active, 
.newsObjectTextHorizontal a:active, 
.horizontalText a:active, 
.verticalText a:active 
{ color: #626262; text-decoration:none;}

.newsObjectTextVertical a:hover, 
.newsObjectTextHorizontal a:hover, 
.horizontalText  a:hover, 
.verticalText  a:hover
{ color: #c0c0c0; text-decoration:none;}

a:link { text-decoration: none; color: #1177a7;}
a:visited { text-decoration: none; color: #1177a7;}
a:active { text-decoration: none; color: #1177a7;}
a:hover { text-decoration: none; color:#1177a7; border-bottom:1px dotted #1177a7;}

ul.navigation a:link { text-decoration: none; color: #fff;}
ul.navigation a:visited { text-decoration: none; color: #fff}
ul.navigation a:active { text-decoration: none; color: #fff}
ul.navigation a:hover { text-decoration: none; color:#808080}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	margin:0;
	padding:0;
	font-weight:normal;
	line-height: 16px;
}
h2 {
	font-size: 17px;
	font-family:Arial, Helvetica, sans-serif;
	color:#262626;
	margin:0px;
	padding:0px;
	font-weight:bold;
}
h2 h3 h5 h7 b, strong {
	font-weight:700;
}
h3 {
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	color:#FFF;
	text-transform:uppercase;
	padding-left:10px;
	padding-top:1px;
}
/*
h4, h4 a:hover {
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	color:#2a2a2a;
	text-transform:uppercase;
	border:none;
}
*/
h5 {
	font: 14px/25px "Arial", Helvetica, sans-serif;
	margin:0;
	padding:0;
	font-weight:bold;
}
h6 {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
h7 {
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding-top:0;
}
/*------FONTS END-------------------------------------------------------------------------------------------------------------------------------------*/

/*------TWEAKS----------------------------------------------------------------------------------------------------------------------------------------*/

.clear {
	clear:both;
}
/*------TWEAKS END------------------------------------------------------------------------------------------------------------------------------------*/

div.text ul li
{
	list-style:disc inside none;	
}

div.text ol li
{
	list-style: decimal inside none;
}

div.text ul li, div.text ol li
{
	clear: both;
	padding: 0px;
	margin-left: 5px;
	background: none;
	 	
}