/************************************ Start of Rest styles **********************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	    margin:0; 
	    padding:0; 
	} 
	table { 
	    border-collapse:collapse; 
	    border-spacing:0; 
	} 
	fieldset,img {  
	    border:0; 
	} 
	address,caption,cite,code,dfn,em,th,var { 
	    font-style:normal; 
	    font-weight:normal; 
	} 
	ol,ul { 
	    list-style:none; 
	} 
	caption,th { 
	    text-align:left; 
	} 
	h1,h2,h3,h4,h5,h6 { 
	    font-size:100%; 
	    font-weight:normal; 
	} 
	q:before,q:after { 
	    content:''; 
	} 
	abbr,acronym { border:0; 
	} 
/************************************ End of Rest styles **********************************/




/************************************ Layout styles **************************************/
body {
	color:#636466;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%; /* 10px */	
	line-height: 1;
	background:#ffffff url(../images/background.jpg) no-repeat 50% 0;
}
#outterwrapper{
	width:942px;
	
	margin:0px auto;
	background:url(../images/body_shadow.png) repeat-y 0 0;
}
#outterfooter{
	width:942px;
	
	margin:0px auto;
	background:url(../images/body_shadow.png) repeat-y 0 0;
	margin-top:-5px;
}
#outterwrapperbottom 
{
	width:942px;
	margin:0px auto;
	background:url(../images/body_bottomshadow.png) no-repeat 0 6px;
	height:12px;
	margin-top:-6px;
}
#outterwrappertop 
{
	width:942px;
	margin:0px auto;
	background:url(../images/body_topshadow.png) no-repeat 0 0px;
	height:10px;
}
#wrapper{
	width:918px;
	margin:0px auto;
	background:#ffffff url(../images/img_body_sli.gif) repeat-x 0 0;
	padding:0 0 0 12px;
	overflow:hidden;
}
#header {
	width:908px;
	height:107px;
	position:relative;
}
#navholder {
	width:918px;	
}
#nav {
	margin:6px auto;
}
#col1 {
	background-color:#FFF;
}
#cookie { 
	margin:16px 0px; color:#7ec6d9; font-size:1.2em
}
#contentholder {
	background:#ffffff url(../images/img_topcont_bg.gif) no-repeat 0 0;
	width:905px;
	padding:9px 0 0 2px;
}
#contentbottom {
	margin-top:12px;
	float:left;
	clear:left;
}
#footer{
	width:894px;
	margin:0px auto;
	margin-top:5px;
	padding: 0px 17px;
	background:#FFF;	
}
/************************************ End of Layout styles **************************************/

/****** logo styles *****/
.logo { float:left; margin:8px 0 20px 0; width:123px;}

/************************************ Fonts styles **************************************/
		h1 {font-size:1.6em;}
		h2 {font-size:2.1em; color:#102e85; font-weight:bold; margin:16px 0px;}
		h3 {font-size:1.4em;} 
		h4 {font-size:1.4em;}
		h5 {font-size:1.3em;}
		h6 {font-size:1.2em;}
		
		p { color:#333333; font-size:1.4em; margin:16px 24px 16px 0px; line-height:1.4em; }
		a { color:#7EC6D9;}
		h1 span { display:none;}
		h3 span { display:none;}

h1.home { background:url(../images/h1_home.gif) no-repeat 0 0; 	height:42px; width:893px;}
h1.about { background:url(../images/h1_nothing.gif) no-repeat 0 0; height:32px; width:893px;}
h1.services { background:url(../images/h1_nothing.gif) no-repeat 0 0; height:32px; width:893px;}
h1.product { background:url(../images/h1_nothing.gif) no-repeat 0 0; height:32px; width:893px;}
h1.panasonic { background:url(../images/h1_nothing.gif) no-repeat 0 0; height:32px; width:893px;}
h1.polycom { background:url(../images/h1_nothing.gif) no-repeat 0 0; height:32px; width:893px;}
h1.Consultancy { background:url(../images/h1_nothing.gif) no-repeat 0 0; height:32px; width:893px;}
h1.network {background:url(../images/h1_nothing.gif) no-repeat 0 0; height:32px; width:893px;}
h1.contact_centre { background:url(../images/h1_nothing.gif) no-repeat 0 0; height:32px; width:893px;}
h1.maintenance { background:url(../images/h1_nothing.gif) no-repeat 0 0; height:32px; width:893px;}
h1.pmanagement { background:url(../images/h1_nothing.gif) no-repeat 0 0; height:32px; width:893px;}
h1.plantronics { background:url(../images/h1_nothing.gif) no-repeat 0 0; height:32px; width:893px;}
h1.onelan { background:url(../images/h1_nothing.gif) no-repeat 0 0; height:32px; width:893px;}
h1.symon { background:url(../images/h1_nothing.gif) no-repeat 0 0; height:32px; width:893px;}
h1.telstrat { background:url(../images/h1_nothing.gif) no-repeat 0 0; height:32px; width:893px;}
h1.softex { background:url(../images/h1_nothing.gif) no-repeat 0 0; height:32px; width:893px;}
h1.squire { background:url(../images/h1_nothing.gif) no-repeat 0 0; height:32px; width:893px;}
h1.interalia { background:url(../images/h1_nothing.gif) no-repeat 0 0; height:32px; width:893px;}
h1.clients { background:url(../images/h1_nothing.gif) no-repeat 0 0; height:32px; width:893px;}
h1.news { background:url(../images/h1_nothing.gif) no-repeat 0 0; height:32px; width:893px;}
h1.contact { background:url(../images/h1_nothing.gif) no-repeat 0 0; height:32px; width:893px;}

h3.call {height:55px; width:192px; color:#102E85; font-size:2.5em; font-weight:normal; margin: 17px 0 6px 20px;}
h3.support {height:55px; width:192px; color:#102E85; font-size:2.5em; font-weight:normal; margin: 17px 0 6px 20px;}
h3.maintenace { height:55px; width:192px; color:#102E85; font-size:2.5em; font-weight:normal; margin: 17px 0 6px 20px;}
h3.supply { height:55px; width:192px; color:#102E85; font-size:2.5em; font-weight:normal; margin: 17px 0 6px 20px;}

/*.box h3 { margin:9px 0 11px 8px}*/

hr { color:#7EC6D9;
	border-color:#7EC6D9;
	margin-left:0px;
	clear:both;
	display:block;
	border:1px solid #7EC6D9;
	}
/************************************ End of Fonts styles **************************************/

/************************************ General styles  **********************************/
.clear        { clear:both; }
.left         { float:left;}
.last 		  { margin:0px;}
.text-right   { text-align:right; }
.half         { width:45%; /* Not exactly half to account for paddings, margins etc. */ }
.hide{ /* Hide stuff without resorting to display:none; */
	visibility:hidden;
	width:0!important;
	height:0!important;
	line-height:0!important;
	padding:0!important;
	margin:0!important;
}
/************************************ End of General styles  ******************************/

/***** header STYLE *****/
#header select {
	position:absolute;
	bottom:20px;
	right:10px;
	width:160px;

}
#header img {
	float:left;
}
/**** cokie styles ****/
#cookie a {
	color:#7ec6d9;
	margin:0 10px;
	text-decoration:none;	
}
#cookie a:hover {
	color:#7ec6d9;
	margin:0 10px;
	text-decoration:underline;
	}
/***** NAV STYLES ****/
#nav{height:44px;}
#nav ul{}
#nav ul li { 
	float:left;
	width:auto;
}
#nav ul img { float:left;}
#nav ul li a 
{
	font-size:1.6em;
	text-decoration:none;
	font-weight:bold;
	color:#bcbccb;
	background:url(../images/img_nav_sli.gif) repeat-x 0 0;
	height:44px;
	display:block;
	line-height:44px;
	vertical-align:middle;
	padding:0 40px;
	float:left;
	
}
#nav ul li a:hover
{
	font-size:1.6em;
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
	background:url(../images/img_nav_slihover.gif) repeat-x 0 0;
	height:44px;
	display:block;
	line-height:44px;
	vertical-align:middle;
	padding:0 40px;
	
}
#nav ul li a.active
{
	font-size:1.6em;
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
	background:url(../images/img_nav_slihover.gif) repeat-x 0 0;
	height:44px;
	display:block;
	line-height:44px;
	vertical-align:middle;
	padding:0 40px;
	
}
/***** sub nav styles ****/

ul#subnav {
	padding:3px 0 0 0;
	margin: 0;
	list-style: none;
	font-size:1.2em;
	background-color:#FFF;
	}
ul#subnav li a {
	text-decoration:none;
	height: 32px;
	display: block;
	color: #1b1b48;
	background:url(../images/img_subnav.gif) no-repeat 0 0;	
	line-height:32px;
	padding:0 0 0 31px;
	font-weight:bold;
	white-space:nowrap;
}
ul#subnav li a.top {
	text-decoration:none;
	height: 44px;
	display: block;
	color: #1b1b48;
	background:url(../images/active.gif) no-repeat 0 0;	
	line-height:44px;
	padding:0 0 0 13px;
	font-size:1.6em;
	font-weight:bold;
	white-space:nowrap;
}
ul#subnav li a:hover {
	background:url(../images/img_subnav.gif) no-repeat 0 -33px;
}
ul#subnav li a:hover.top {
	text-decoration:underline;
	background:url(../images/active.gif) no-repeat 0 0px	;
}
ul#subnav li a.active {
	background:url(../images/img_subnav.gif) no-repeat 0 -33px;
}

ul#subnav li:hover ul {
	display: block;
}
ul#subnav  li ul li a {
	background:url(../images/img_subnav.gif) no-repeat 0 -101px;
	padding:0 0 0 40px;
	font-weight:normal;
	line-height:28px;
	height:31px;
}
ul#subnav li ul li a:hover {
		background:url(../images/img_subnav.gif) no-repeat 0 -101px;
		padding:0 0 0 40px;
		text-decoration:underline;
}
ul#subnav li a.active {
		font-weight:bold; 
		background:url(../images//copy of active.gif; 
		height:32px; 
		line-height:32px;
}
ul#subnav li a.active:hover {
		font-weight:bold; 
		background:url(../images/copy of active.gif); 
		height:32px; 
		line-height:32px;
}
ul#subnav li ul li a.active1 {
	background:url(../images/img_subnav.gif) no-repeat 0 -135px!important;
	padding:0 0 0 40px;
	font-weight:normal;
	line-height:28px;
	height:31px;
}
ul#subnav li.active {
		font-weight:normal; 
		background:url(../images/active.gif); 
		height:41px; 
		line-height:45px;
		text-decoration:none;
		display: block;
	color: #1b1b48;
	font-weight:bold;
}
.subnav1Active a {
background:transparent url(../images/active.gif) repeat scroll 0 0!important;
color:#1B1B48;
display:block;
font-weight:bold!important;
font-size:1.6em;height:44px!important;
line-height:44px!important;
padding:0 0 0 13px!important;
text-decoration:none!important;
white-space:nowrap!important;

}




.subnav2Active a {
	background:transparent url(../images/img_subnav.gif) no-repeat scroll 0 -33px !important;
	color:#1B1B48;
	display:block;
	font-weight:bold!important;
	height:32px;
	line-height:32px;
	padding:0 0 0 31px!important;
	text-decoration:none;
	white-space:nowrap;
}
.subnav2Normal a {
	background:transparent url(../images/img_subnav.gif) no-repeat scroll 0 0;
	color:#1B1B48;
	display:block;
	font-weight:bold!important;
	height:32px;
	line-height:32px;
	padding:0 0 0 31px!important;
	text-decoration:none;
	white-space:nowrap;
}

.subnav3Active a {
	background:transparent url(../images/img_subnav.gif) no-repeat scroll 0 -135px !important;
	font-weight:normal;
	height:31px;
	line-height:28px;
	padding:0 0 0 40px!important;
	font-weight:normal!important;
	height:31px!important;
	line-height:28px!important;
}
.subnav3Normal a {
	background:transparent url(../images/img_subnav.gif) no-repeat scroll 0 -101px !important;
	font-weight:normal;
	height:31px!important;
	line-height:28px;
	padding:0 0 0 40px!important;
	font-weight:normal!important;
	height:31px!important;
	line-height:28px!important;
}

.subnavActive a:hover { text-decoration:underline!important;}
.subnavNormal a:hover { text-decoration:underline!important;}
/***** col STYLES ****/
#contenttopsubpage .splitb ul { list-style:disc; color:#333333;
font-size:1.4em;
margin:-10px 24px 16px 24px; width:75%;}
#contenttopsubpage .splitb ul ul { font-size:1em; margin:5px 24px 16px 24px;}
#contenttopsubpage .splitb  ul  li { margin-left:16px; line-height:1.4em;}
#col1 { 
	position:relative;
	width:894px;
	padding:13px 3px 0 3px;
}
#col1 img.tl { 
	position:absolute;
	top:-2px;
	left:0;
}
#col1 img.tr {
	position:absolute;
	top:-2px;
	right:0;
}
#col1 span.rightgrad {
	background:#fcf7f7 url(../images/cont_sli.gif) no-repeat 0 0;
	width:2px;
	height:100%;
	float:right;
	margin:-4px -6px 0 0;
}
#col1 span.leftgrad {
	background:#e9f6fa url(../images/cont_sli.gif) no-repeat 0 0;
	width:2px;
	height:100%;
	float:left;
	margin:-4px 0 0 -6px;
}
#col1 #contenttop { 
	margin-top:2px;
	border-top:#8cdbec solid 1px;
	border-bottom:#8cdbec solid 1px;
	overflow:hidden;
}
#col1 #contenttopsubpage { 
	margin-top:2px;
	border-top:#8cdbec solid 1px;
	border-bottom:#8cdbec solid 1px;
	overflow:hidden;
	background:url(../images/img_subpage_sli.gif) repeat-y -6px 0;
}
#col1 #contenttop .splita {margin-left:27px; width:417px; float:left;}
#col1 #contenttop .splitb { width:444px; float:left;}
#col1 #contenttop .splitb img { margin:6px 0 8px 0px;}
#col1 #contenttopsubpage .splita { width:215px; float:left;}
#col1 #contenttopsubpage .splitb { width:655px; float:left; margin-left:24px}

/***** box STYLES ****/
.box {
	width:218px;
	float:left;
	background:#92dcec url(../images/img_box_slid.gif) repeat-x 0 0;
	border:1px solid #cfcfcf;
	margin:0 4px 0 0;
}
.box img {
	float:left;
}
 .last { margin:0px;}
.innderbox {
	background-color:#FFF;
	margin:0 7px 0 7px;
	height:130px;
}
.innderbox p {
	font-size:1.2em;
	padding:10px 0 0 0;
	margin:0 9px 0 20px;
	color:#1c1c49;
}
.innderbox a { color:#36b9d5;}	
.innerboxleftshadow { background:url(../images/img_box_leftshadow.gif) no-repeat 0 0; float:left; height:207px; width:6px;}
.innerboxrightshadow  { background:url(../images/img_box_rightshadow.gif) no-repeat 0 0; float:right; height:207px; width:6px;}
.imgbottom { margin:0 0 0 -1px;}

/******* Client styles **********/
.clientsh2 { width:667px;}
.clientsh2 h2 { font-weight:normal; border-bottom:1px solid #88cfe3; height:26px; margin-top:0px; margin-bottom:0px; padding-top:45px;}
.clientsh2 img { float:right; margin-right:20px; }
/******* Footer styles **********/ 
#footer a { color:#848585; text-decoration:none;  font-size:0.9em; line-height:1.1em;}
#footer p strong { color:#000000; background-color:#d8eff4; display:block; padding:5px 0 5px 27px; margin-right:6px; margin-bottom:5px; font-weight:bold; margin-top:20px;}
#footer a:hover { text-decoration:underline;}
p.footerbottom { background:#fafafa url(../images/img_footerbottom_sli.gif) repeat-x 0 0;  color:#848585; padding:35px 0 50px 27px; margin:0 0 0 0; font-size:1.3em; clear:left;}
 p.footerbottom a {margin:0 10px; font-size:1.1em;}
 p.footerbottom a:hover { text-decoration:underline;}
#footer .col2 { width:440px; float:left; margin:0px;}
#footer .col4 { width:219px; float:left; margin:0px;}
.half { width:50%; float:left;}
#footer .col2 a, #footer .col4 a { padding:0 0 0 27px; float:left; width:auto; clear:left; margin:4px 0;}
img.grad { padding-top:10px;}
/*************** CMS STYLES *****************/
.contactpage p.split_three { width:25%;}
.contactpage p { width:30%; float:left;}
.contactpage p.p_right { width:60%; float:left; margin:16px 0 0 0; }
.contactpage img { float:right;}
.contactpage h4 { background:url(../images/img_barsli.gif) repeat-x 0 0; width:652px; height:23px; float:left; clear:left; font-weight:bold; color:#FFF; padding:13px 0 0 16px; margin:16px 0px; display:block;} 
.contactpage a { text-decoration:none; font-weight:bold;}
label { font-weight:bold; color:#000; font-size:1.2em;}
.contactpage table div { padding-left:25px; width:115px;}
.contactpage table input { width:350px; border:1px solid #c4c4c4; height:23px; margin:5px 0 5px 0; padding:7px 0 0 6px}
.contactpage table textarea  { width:350px; border:1px solid #c4c4c4; padding:7px 0 0 6px;  padding:7px 0 0 6px;}
.contactpage table input.submit_box { border:1px solid #c4c4c4; height:30px; width:105px; color:#4a5588; font-weight:bold; font-size:110%; background-color:#fff; padding:0px;}
.contactpage table input.submit_hover { border:1px solid #c4c4c4; height:30px; width:105px; color:#4a5588; font-weight:bold; font-size:110%; background-color:#fff; padding:0px;}
.contactpage table input.submit { border:1px solid #c4c4c4; height:30px; width:105px; color:#4a5588; font-weight:bold; font-size:110%; background-color:#fff; padding:0px;}




.CMSclientsh2 img { float:right;
margin-right:20px;
margin-top:-45px;}