/* Kogo Styles */

* {
margin: 0;
padding: 0;
}




a {
color: #FF8730;
font-weight: bold;
text-decoration:underline;
}


a:hover {
color: #ffffff;
font-weight: bold;
text-decoration:underline;
}



img {
padding:30px 0 20px 10px;
}





a img {
	border: none;
	margin: 0;
	padding: 0;
	outline:none;
}


p {
	line-height: 115%;
	font-size: 14px;
	color: #35867F;
}

.bodytextwhite14 {
	line-height: 120%;
	font-size: 14px;
	color: #ffffff;
}

.bodytextaqua14 {
	line-height: 120%;
	font-size: 14px;
	color: #1adfd3;
}

.bodytextorangebold14 {
	line-height: 120%;
	font-size: 14px;
	color: #FF8730;
	font-weight: bold;
}


.bodytextboldgreen16 {
color: #35867F;
font-size: 16px;
font-weight: bold;
}

.bodytextgreen16 {
color: #35867F;
font-size: 16px;
}


#more1 {
	height: 15px;
	width: 205px;
	position: absolute;
	left: 6px;
	top: 452px;
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
}

#more2 {
	height: 15px;
	width: 205px;
	position: absolute;
	left: 230px;
	top: 452px;
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
}

#more3 {
	height: 15px;
	width: 205px;
	position: absolute;
	left: 455px;
	top: 452px;
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
}

#more4 {
	height: 15px;
	width: 205px;
	position: absolute;
	left: 679px;
	top: 452px;
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
}


.morelink {
color: #35867F;
font-size: 12px;
}

.morelink a {
	color: #35867F;
	font-size: 12px;
	text-decoration: none;
}

.morelink a:hover {
color: #FF8730;
font-size: 12px;
}

.whitetextbolditalic {
font-size: 16px;
color: #ffffff;
font-style:italic;
font-weight: bold;
line-height: 110%;
}


.footertext {
	font-size: 10px;
	color:#35867F;
	line-height: 130%;
}

.footertext a {
font-size: 10px;
color:#35867F;
font-weight:bold;
text-decoration:none;
}

.footertext a:hover {
font-size: 10px;
color:#FF8730;
font-weight:bold;
text-decoration:underline;
}






body{
	background-color: #ffffff;
	background-repeat: repeat-x;
	background-position: left top;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000000;
	background-image: url(images/bgimage2.jpg);
}


#pagewrapper {
	height: 650px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding: 0;
	margin-bottom: 0px;
	background-image: url(images/serviceswrapperbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}




/*
	SLIDER
*/
.slider-wrap								{
	width: 640px;
	position: absolute;
	top: 330px;
	left: 230px;
	height: 260px;
}
.wrapper {
width: 640px;
height:260px;
}			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 640px; height: 285px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 419px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px #ffffff; margin-right: 5px; }
#movers-row									{ margin: -43px 0 0 62px; }
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }



















#subfooter {
	height: 25px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-bottom: 20px;
}


#navcontainer {
	height: 46px;
	width: 878px;
	position: absolute;
	left: 11px;
	top: 171px;
}


li {
	list-style: none;
	display: inline;
	float: left;
}


ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display:inline;
	float: left;
}





/* nav bar */

#divider1{
	height: 46px;
	width: 2px;
	background-image: url(images/divider.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position:absolute;
	top: 0px;
	left: 0px;
}

#divider2{
	height: 46px;
	width: 2px;
	background-image: url(images/divider.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position:absolute;
	top: 0px;
	left: 90px;
}

#divider3{
	height: 46px;
	width: 2px;
	background-image: url(images/divider.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position:absolute;
	top: 0px;
	left: 180px;
}

#divider4{
	height: 46px;
	width: 2px;
	background-image: url(images/divider.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position:absolute;
	top: 0px;
	left: 268px;
}


#divider5{
	height: 46px;
	width: 2px;
	background-image: url(images/divider.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position:absolute;
	top: 0px;
	left: 358px;
}


#divider6{
	height: 46px;
	width: 2px;
	background-image: url(images/divider.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position:absolute;
	top: 0px;
	left: 516px;
}
#flashheader {
	height: 171px;
	width: 900px;
	position: absolute;
	left: 0px;
	top: 0px;
}

#divider7{
	height: 46px;
	width: 2px;
	background-image: url(images/divider.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position:absolute;
	top: 0px;
	left: 606px;
}
#healthcheckpanel {
	height: 141px;
	width: 215px;
	position: absolute;
	left: 679px;
	top: 311px;
}
#mobilepanel {
	height: 141px;
	width: 215px;
	position: absolute;
	left: 455px;
	top: 311px;
}
#smallbusinesspanel {
	height: 141px;
	width: 215px;
	position: absolute;
	left: 230px;
	top: 311px;
}

#divider8{
	height: 46px;
	width: 2px;
	background-image: url(images/divider.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position:absolute;
	top: 0px;
	left: 696px;
}
#serverspanel {
	height: 141px;
	width: 215px;
	position: absolute;
	left: 6px;
	top: 311px;
}


#divider9{
	height: 46px;
	width: 2px;
	background-image: url(images/divider.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position:absolute;
	top: 0px;
	left: 786px;
}


#divider10{
	height: 46px;
	width: 2px;
	background-image: url(images/divider.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position:absolute;
	top: 0px;
	left: 876px;
}





#services{
	height: 46px;
	width: 88px;
	position: absolute;
	left: 2px;
	top: 1px;
}



#products{
	height: 46px;
	width: 88px;
	position: absolute;
	left: 92px;
	top: 1px;
}



#technologies{
	height: 46px;
	width: 88px;
	position: absolute;
	left: 182px;
	top: 1px;
}



#aboutus{
	height: 46px;
	width: 88px;
	position: absolute;
	left: 270px;
	top: 1px;
}



#navlogosection {
	width: 154px;
	height: 46px;
	position: absolute;
	left: 362px;
	top: 0px;
}




#newsevents{
	height: 46px;
	width: 88px;
	position: absolute;
	left: 518px;
	top: 1px;
}



#casestudies{
	height: 46px;
	width: 88px;
	position: absolute;
	left: 608px;
	top: 1px;
}



#contactus{
	height: 46px;
	width: 88px;
	position: absolute;
	left: 698px;
	top: 1px;
}

#helpme{
	height: 46px;
	width: 88px;
	position: absolute;
	left: 788px;
	top: 1px;
}









#leftheadertextcontainer {
	height: 45px;
	width: 370px;
	position: absolute;
	left: 0px;
	top: 217px;
	text-align: right;
	padding-top: 30px;
	padding-right: 80px;
}

#rightheadertextcontainer {
	height: 45px;
	width: 370px;
	position: absolute;
	left: 450px;
	top: 217px;
	padding-left: 80px;
	padding-top: 30px;
}


#bottomleftcontainer {
	height: 140px;
	width: 390px;
	position: absolute;
	left: 0px;
	top: 530px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
}

#bottomrightcontainer {
	height: 140px;
	width: 300px;
	position: absolute;
	left: 450px;
	top: 530px;
	text-align: right;
	padding-right: 130px;
	padding-top: 10px;
	padding-left: 20px;
}








#categorymenu {
	width: 196px;
	position: absolute;
	left: 10px;
	top: 330px;
}
#supportdetailscontainer {
	height: 250px;
	width: 620px;
	position: absolute;
	left: 250px;
	top: 350px;
}

.title_box{
	width:186px;
	height:30px;
	margin:0;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	line-height:30px;
	background-color: #FF820C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding: 0 0 0 10px;
}




.left_menu_corner{
width:9px;
height:50px;
float:left;
background:url(images/menu_left.gif) no-repeat center;
}
.right_menu_corner{
width:9px;
height:50px;
float:left;
background:url(images/menu_right.gif) no-repeat center;
}
ul.menu {
list-style-type:none; float:left; display:block; width:982px; 
margin:0px; padding:0px;background:url(images/menu_bg.gif) repeat-x;}

ul.menu li {
display:inline;
font-size:11px;
font-weight:bold;
line-height:50px;
}
ul.menu li.divider {
display:inline;
width:2px;
height:50px;
float:left;
background:url(images/menu_divider.gif) no-repeat center;
}


ul.left_menu{
width:196px;
padding:0px;
margin:0px;
list-style:none;
}
ul.left_menu li{
margin:0px;
list-style:none;
}
ul.left_menu li.odd a{
	width:186px;
	height:25px;
	display:block;
	border-bottom:1px #FFFFFF solid;
	text-decoration:none;
	color:#0C6762;
	padding:0 0 0 10px;
	line-height:25px;
	background-color: #3EC9C2;
	font-size: 13px;
}

ul.left_menu li.even a{
	width:186px;
	height:25px;
	display:block;
	border-bottom:1px #FFFFFF solid;
	text-decoration:none;
	color:#0C6762;
	padding:0 0 0 10px;
	line-height:25px;
	background-color: #8EEAE7;
	font-size: 13px;
}

ul.left_menu li.static a{
	width:186px;
	height:25px;
	display:block;
	border-bottom:1px #FFFFFF solid;
	text-decoration:none;
	color:#0C6762;
	padding:0 0 0 10px;
	line-height:25px;
	background-color:#3EC9C2;
	font-size: 13px;
}
ul.left_menu li.sub a{
	width:186px;
	height:25px;
	display:block;
	border-bottom:1px #FFFFFF solid;
	text-decoration:none;
	color:#0C6762;
	padding:0 0 0 10px;
	line-height:25px;
	background-color:#A5C0C2;
	font-size: 11px;
	font-weight: normal;
}
ul.left_menu li.even a:hover, ul.left_menu li.odd a:hover, ul.left_menu li.sub a:hover{
	color:#FFFFFF;
	background-color: #31837C;
}










#footer {
	height: 58px;
	width: 880px;
	position: relative;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	background-image: url(images/footerbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.dividerbar {
color: #FF8730;
}

#creditscontainer {
	width: 150px;
	height: 19px;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-left: 20px;
	padding-top: 9px;
}
#spidercontainer {
	height: 28px;
	width: 39px;
	position: absolute;
	left: 170px;
	top: 0px;
}
