html,body{margin:0;padding:0; height:100%}
body{font: 76% Verdana, Arial, Helvetica, sans-serif; color:#333333; text-align:center; background:url(../images/body_bg.jpg) repeat-x bottom #BBBBBB; }
a{text-decoration:none; color:#F7A12A; border:none}
a:hover{color:#666; }
h1 {border-left: 2px solid #F7A12A; font-size:20px; color: #666666!important; padding-left:5px; }
h2 {color:#F7A12A; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:0px; padding-top:12px;}

.orange {color: #F7A12A}
.white {color:#FFF }
img {  border-style: none;}

#outer{text-align:left;width:980px;margin:0 auto; padding:0; height:500px; border-left:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px;}

#header{padding-top:5px; height:75px; background:#FFFFFF}
#top-logo {float:left; padding-top:0px;}
#top-number {float:right; padding-top:0px;}

#top-links {float:right; padding-right:15px; color:#666666; font: Verdana, Arial, Helvetica, sans-serif}
#top-links a:hover { text-decoration:underline}

#wrapper{float:left;width:100%; background-color:#333333; background:url(../images/wrapper_bg.jpg) repeat-x #E2E2E2; padding-bottom:10px; border-bottom:#CCCCCC solid 1px}

#innertube {padding: 0px 15px 5px 15px;}

#innertube-content {padding: 40px 15px 10px 15px; line-height:18px;}

.intro-block {width:340px; padding:0px; margin:0 0 10px 0; border-bottom:1px solid #CCC}
.intro-block p {text-align:justify; padding:0}

.clear {clear:both}

.left {float:left}
.right {float:right}

#content-left p {text-align:justify}
#content-right p {text-align:justify}

#home-buckets { text-align:center}

#content-left { width:345px; border-right: #999999 solid 1px; padding-right:15px; color:#333333}
#content-left ul {list-style: none; margin:0; padding:0}
#content-left li {background: url(../images/arrow.gif) no-repeat; padding-left:10px; background-position: 0 .4em; padding-bottom:14px}

#content-right {width: 350px; float:right; color:#333333}
#content-right ul {list-style: none; margin:0; padding:0}
#content-right li {background: url(../images/arrow.gif) no-repeat; padding-left:10px; background-position: 0 .4em; padding-bottom:14px}

#content-container {padding-left:10px;}

#container {width:750px; background-color:#FFFFFF; background: url(../images/main_middle.gif) repeat-y;}

#content {padding: 10px  0 10px 10px;}

#container-top { padding-top:10px; position: relative; height: 28px; width: 750px; background: url(../images/main_top.gif) no-repeat bottom;}

#container-bottom {position: relative; height: 28px; width: 750px; background: url(../images/main_bottom.gif) no-repeat bottom;}

#right-column{float:right; width:210px; margin-left:-210px; margin-top:10px}

#footer{width:960px; height:100px; clear:left; background: #EFEFEF; margin:0 auto;}
.footer {margin:0 auto; color:#666666; padding-top:10px; font-size:9px}
#footer-spacer {height:20px;}

#partner-logos {padding-top:15px; }

#banner-itsolutions {background: url(../images/itsolutions_banner.jpg) #343434; height: 167px; width: 960px; margin: 0 auto}
#banner-itsupport {background: url(../images/itsupport_banner.jpg) #343434; height: 167px; width: 960px; margin: 0 auto}
#banner-networking {background: url(../images/networking_banner.jpg) #343434; height: 167px; width: 960px; margin: 0 auto}
#banner-communications {background: url(../images/communications_banner.jpg) #343434; height: 167px; width: 960px; margin: 0 auto}
#banner-datavoice {background: url(../images/datavoice_banner.jpg) #343434; height: 167px; width: 960px; margin: 0 auto}

#enquire {background: url(../images/enquire.jpg) no-repeat; height:123px; padding:45px 10px 10px 10px}
#enquire input {border: 1px solid #999999; margin-bottom:10px; color:#666666; padding-left:3px}

#address {background: url(../images/address.jpg) no-repeat; height:123px; padding:45px 10px 10px 10px; color:#FFFFFF;}

#our-services{background: url(../images/our-services.jpg) no-repeat; height:165px; padding:45px 0px 10px 10px}
#our-services ul {list-style: none; margin:0; padding:0}
#our-services li {background: url(../images/arrow.gif) no-repeat; color:#FFFFFF; padding-left:10px; background-position: 0 .4em;
padding-bottom:14px}

#our-services-large{background: url(../images/our-services-large.jpg) no-repeat; height:225px; padding:45px 0px 10px 10px}
#our-services-large ul {list-style: none; margin:0; padding:0}
#our-services-large li {background: url(../images/arrow.gif) no-repeat; color:#FFFFFF; padding-left:10px; background-position: 0 .4em;
padding-bottom:14px}

#our-solutions{background: url(../images/our-solutions.jpg) no-repeat; height:165px; padding:45px 0px 10px 10px}
#our-solutions ul {list-style: none; margin:0; padding:0}
#our-solutions li {background: url(../images/arrow.gif) no-repeat; color:#FFFFFF; padding-left:10px; background-position: 0 .4em;
 padding-bottom:14px}

/***Top Buttons***/

#imageMenu {
	width: 960px;
	height: 200px;
	overflow: hidden;
	margin: 0 auto;
}


#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 192px;
	width: 1400px;
	padding:0;
	}

#imageMenu ul li {
	float: left;
}

#imageMenu ul li a {
	text-indent: -1400px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:192px;
	height: 200px;
}

#imageMenu ul li.consult a {
	background: url(../images/consult.jpg) repeat scroll 0%;
}

#imageMenu ul li.solutions a {
	background: url(../images/solutions.jpg) repeat scroll 0%;
}

#imageMenu ul li.support a {
	background: url(../images/support.jpg) repeat scroll 0%;
}

#imageMenu ul li.protect a {
	background: url(../images/protect.jpg) repeat scroll 0%;
}

#imageMenu ul li.connect a {
	background: url(../images/connect.jpg) repeat scroll 0%;
	width: 310px;
}

#menucontainer{
	z-index:100;
	color:#FFFFFF;
	background:#343434;
	width:960px;
	margin: 0 auto;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	}

#mainnav{
	position:relative;
	height:33px;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	background:#fff url(../images/mainnav_bg.gif) repeat-x bottom left;
	padding:0 0 0 20px;
	}

#mainnav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	float:left;
	}

#mainnav ul li{
	display:block;
	float:left;
	margin:0 1px;
	}

#mainnav ul li a{
	display:block;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	padding:0 0 0 20px;
	height:33px;
	}

#mainnav ul li a span{
	padding:12px 20px 0 0;
	height:21px;
	float:left;
	}

#mainnav ul li a:hover{
	color:#F7A12A;
	}

#mainnav ul li a:hover span{
	display:block;
	width:auto;
	cursor:pointer;
	}

#mainnav ul li a.current,#mainnav ul li a.current:hover{
	color:#fff;
	background:#1D6893 url(../images/mainnav_left-ON.gif) no-repeat top left;
	line-height:275%;
	}

#mainnav ul li a.current span{
	display:block;
	padding:0 20px 0 0;
	width:auto;
	background:#1D6893 url(../images/mainnav_right-ON.gif) no-repeat top right;
	height:33px;
	}


/******partner logos*******/	
.gradualshine{
filter:alpha(opacity=30);
-moz-opacity:0.3;
}