* { padding: 0; margin: 0; }

body {
 font-family: sans-serif , Arial, Verdana;
 font-size: 12px;
 color: #706C6C; 
}
#overallcontainer {
 position:absolute; 
 left:0px; 
 top:0px;
 width:100%;
 background:#fff url('images/header-bg.gif') repeat-x center 117px; 
 
 }
#gradient {
  margin: 0 auto;
  width: 1250px;
  height:auto !important;
  background:#fff url('images/header-bg.png') no-repeat center 107px;  
  margin-top:10px;
  padding-top:10px;
}
#wrapper {
 margin: 0 auto;
 width: 724px;
 margin-top:-10px;
}
.module {
 margin: 0 auto;
 width: 775px;
 background:transparent url(images/middle_module_br.png) repeat-y scroll 100% 100%; 
 height:auto !important;
}
div.module div.tr {
  background:transparent url(images/middle_module_tr.png) no-repeat scroll 100% 0;
}
div.module div.bl {
 background:transparent url(images/middle_module_bl.png) repeat-y scroll 0 100%;
 height:auto !important;
}
div.module div.tl {
 background:transparent url(images/middle_module_tl.png) no-repeat scroll 0 0;
 height:auto !important;  
 padding:0px;
}
.module_bottom {
 background:transparent url(images/middle_module_bbl.png) no-repeat scroll 0 100% ;
 height:auto !important;
 margin: 0 auto;
 width: 775px;
}
div.module_bottom div.bbr {
 background:transparent url(images/middle_module_bbr.png) no-repeat scroll 100% 100%; 
 height: 19px;
 padding-right:1px;
 margin-left:-1px;
}

#faux {
 margin-bottom: 5px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%;
}
#header {
 color: #333;
 width: 710px;
 padding: 4px 4px;
 height: 300px;
 margin: 10px 0px 5px 0px;
 border: 0px solid yellow;
}
#header-logo {
 color: #333;
 width: 710px;
 height: 60px;
 margin: 0px 0px 0px 0px; 
 border: 0px solid green;
 z-index: 999;
 float:left;
 position:absolute;
}
#header-image {
 width: 714px;
 height: 212px;
 border: 0px solid red; 
 padding-top: 92px; 
}

#page-title {
 color: #333;
 width: 713px;
 height: 58px;
 padding-top:0px;
 margin: 0 auto;
}
#leftcolumn { 
 display: inline;
 color: #333;
 padding: 0px;
 width: 95px;
 float: left;
 border: 0px solid #ddd;
 height: 100% !important;
}


#leftcolumn a
{
	text-decoration: none;
	border:none;
	outline:none;	
	cursor: pointer;	
}

#leftcolumn img {
	border: 0px solid transparent;
}

#leftcolumn   #btn-home{ 
	height: 56px;
}
#leftcolumn  #btn-home:hover{ 
	height: 56px;
}
#leftcolumn   #btn-home.btnactive{ 
	height: 56px;
}


/* A  B O U T */
#leftcolumn  #btn-aboutus{ 
	height: 50px;
}
#leftcolumn  #btn-aboutus:hover{ 
	height: 50px;
}
#leftcolumn  #btn-aboutus.btnactive{ 
	height: 50px;
}

/* A  B O U T - SERVICE*/
#leftcolumn  #btn-aboutus-service{ 
	height: 30px;
}
#leftcolumn  #btn-aboutus-service:hover{ 
	height: 30px;
}
/* A  B O U T - INVOLVEMENT*/
#leftcolumn  #btn-aboutus-involvement{ 
	height: 30px;
}
#leftcolumn  #btn-aboutus-involvement:hover{ 
	height: 30px;
}


/*P R O D U C T S*/
#leftcolumn  #btn-productssolutions{ 
	height: 90px;
}
#leftcolumn  #btn-productssolutions:hover{ 
	height: 90px;
}
#leftcolumn  #btn-productssolutions.btnactive{ 
	height: 90px;
}

/*P R O D U C T S - NETWORK*/
#leftcolumn  #btn-products-network{ 
	height: 30px;
}
#leftcolumn  #btn-products-network:hover{ 
	height: 30px;
}
/*P R O D U C T S - PHONE*/
#leftcolumn  #btn-products-phone{ 
	height: 30px;
}
#leftcolumn  #btn-products-phone:hover{ 
	height: 30px;
}
/*P R O D U C T S - REPAIR*/
#leftcolumn  #btn-products-repair{ 
	height: 30px;
}
#leftcolumn  #btn-products-repair:hover{ 
	height: 30px;
}
/*P R O D U C T S - IT SOLUTIONS*/
#leftcolumn  #btn-products-it{ 
	height: 30px;
}
#leftcolumn  #btn-products-it:hover{ 
	height: 30px;
}
/*P R O D U C T S - PRINTER SOLUTIONS*/
#leftcolumn  #btn-products-printer{ 
	height: 30px;
}
#leftcolumn  #btn-products-printer:hover{ 
	height: 30px;
}


#leftcolumn  #btn-contactus{ 
	height: 55px;
}
#leftcolumn  #btn-contactus:hover{ 
	height: 55px;
}
#leftcolumn  #btn-contactus.btnactive{ 
	height: 55px;
}

#leftcolumn  #btn-whycw{ 
	height: 68px;
}
#leftcolumn  #btn-whycw:hover{ 
	height: 68px;
}
#leftcolumn  #btn-whycw.btnactive{ 
	height: 68px;
}


#rightcolumn { 
 float: right;
 padding: 0px;
 width: 486px;
 display: inline;
 position: relative;
 border: 0px solid #ccc;
 font-family:MS San Serif;
}
#rightcolumn p {
	color:#706C6C;
	font-family:MS San Serif;
	line-height:2.1em;
	text-align:justify;
}
#rightcolumn p.call-us {
	color:#000000;
	font-weight:bold;
}
#rightcolumn #service-partners #service-logo {
	cursor:pointer;
}
#rightcolumn #it-solutions{ 
	border: 0px solid red;
	margin-left: 30px;	
	line-height: 2.1em;
	color: #706C6C; 
}

#rightcolumn #it-solutions ul { 
	text-align:left;
}

#rightcolumn #network-solutions{ 
	border: 0px solid red;
	margin-left: 30px;	
	line-height: 2.1em;
	color: #706C6C; 
}

#rightcolumn #network-solutions ul { 
	text-align:left;
}
#rightcolumn #benefits-experience{ 
	border: 0px solid red;
	margin-left: 30px;	
	line-height: 2.1em;	
	color: #706C6C; 
}

#rightcolumn #benefits-experience ul { 
	text-align:left;
}

#rightcolumn #printer-solutions{ 
	border: 0px solid red;
	margin-left: 30px;	
	line-height: 2.1em;
	color: #706C6C; 
}

#rightcolumn #printer-solutions ul { 
	text-align:left;
}


#rightcolumn #contact-details{ 
	border: 0px solid red;
	margin-left: 10px;	
	line-height: 2.1em;	
	color: #706C6C; 
}

#rightcolumn #contact-details li{ 
	list-style: none;
}

#rightcolumn #contact-details ul { 
	text-align:left;
}




#footer { 
 width: 730px;
 clear: both;
 color: #333;
 background: transparent;
 margin: 0 auto;
 text-align:right;
 border: 0px solid #ddd;
}

/* pop down */

.menu-nav  ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;	
	}	
	
.menu-nav  li li  {
	height: 29px;
	border-bottom:3px solid transparent;	
	}	

.menu-nav  li li a, .menu-nav  li li a:link, .menu-nav  li li a:visited {		
	width: 120px;
	color: #fff;	
	padding-bottom: 2px;		
	height: 29px;
	}
	

.menu-nav  li ul.product-ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 120px;
	margin: 0px;
	padding: 0px;	
	border:0px solid red;
	float:right;
	margin-left: 96px;
	margin-top: -60px;
	}

.menu-nav  li ul.about-ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 120px;
	margin: 0px;
	padding: 0px;	
	border:0px solid red;
	float:right;
	margin-left: 96px;
	margin-top: -45px;
	}

.menu-nav  li:hover ul, .menu-nav  li li:hover ul, .menu-nav  li li li:hover ul, .menu-nav  li.sfhover ul, .menu-nav li li.sfhover ul, .menu-nav  li li li.sfhover ul {
	left: auto;	
	float: left;
	position: absolute;
	}

.menu-nav  li:hover, .menu-nav  li.sfhover { 
	position: static;
	}
	
.clear { clear: both; background: none; }