body{margin:0px; font-family:Arial, Helvetica, sans-serif; font-size: 130%; color: #5a5a5a; background-color: #CCC;}

#header{ background-image: url(images/header.jpg); height: 100px; margin: 0px;position: relative; top:-140px;z-index: 10;}

h1 {width: 160px; height: 140px; margin: 0px; position: relative; top:0px;background: url(images/logo.png); text-indent: -9999px; z-index: 15; border: none;}

#wrapper{width:960px; margin-left: auto; margin-right: auto; margin-top: 0px; position: relative; background-color: #FFF; background-image: url(images/bg.png); background-repeat: repeat-x; background-position: top;}

#wrapper p{ margin: 0px 100px 0px 100px;position: relative; top:-140px;}

#maincontent{ width: 760px; margin: 0 auto 0 auto; position: relative; top:-140px;}

h6 {margin:0px; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size: 60%; color: #FFF;}

h4 { margin: 5px 0 5px 100px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-weight:lighter; font-size: 100%; color: #9063b0; position: relative; top:-140px; width: 760px;}
h5 { margin: 5px 0 5px 100px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-weight:lighter; font-size: 150%; color: #9063b0; position: relative; top:-140px;}
p.bodytext{margin: 10px 0 0 100px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-weight:lighter; font-size: 70%; color: #999; position: relative; top:-140px; line-height: 130%;}

.randbox{margin: 15px 0 15px 0;}

#navMenu{margin: 77px 50px 0 auto; padding:0; float: right; display: inline; width: 800px;}
#navMenu ul{margin: 0; padding:0;}
#navMenu li{margin: 0; padding:0 0 0 45px; list-style: none; float: left; position: relative; }
#navMenu ul li a { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 50%; text-decoration:none; display: block; color:#FFF;}
#navMenu ul li a:hover{ color: #F0F;}
#navMenu ul ul{position:absolute; visibility: hidden;}
#navMenu ul li{}
#navmenu ul li:hover ul { visibility: visible;}
.on {text-align:center; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 50%; text-decoration:none; display: block; color: #F0F; margin: 0; padding:0; list-style: none; float: left; position: relative;}
.on:hover {color: #FFF;}
.off {text-align:center; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration:none; display: block; color: #FFF; margin: 0; padding:0; list-style: none; float: left; position: relative;}

div#slideshow {width: 960px; height: 366px; overflow: scroll; /* Allows the slides to be viewed using scrollbar if Javascript isn't available */ position: relative; z-index: 5; margin: 0; top: -162px;}
div#slideshow ul#nav {display: none; list-style: none;position: absolute; top: 130px; z-index: 1; width: 960px;}
div#slideshow ul#nav li#prev {float: left; margin: 0 0 0 -30px;}
div#slideshow ul#nav li#next { float: right; margin: 0 50px 0 0;}
div#slideshow ul#nav li a {display: block; width: 80px; height: 80px; text-indent: -9999px;}
div#slideshow ul#nav li#prev a {background: url(/images/prev.png);}
div#slideshow ul#nav li#next a {background: url(/images/next.png);}
div#slideshow ul#slides {list-style: none;}
div#slideshow ul#slides li {margin: 0;}

#gateways{margin: 0px auto 0px auto; width: 800px; top: -140px; position: relative;}
#gateways td.title{background-image: url(images/gateway_bg.png); background-repeat: repeat; width: 25%; border: 1px solid #CCC;}
#gateways td.title a{background-image: url(images/gateway_bg.png); background-repeat: repeat; width: 25%; text-decoration: none;}
#gateways td.title:hover{background-image: url(images/gateway_bg_hover.png); background-repeat: repeat; width: 25%;}
#gateways td.title3{background-image: url(images/gateway_bg3.png); background-repeat: repeat; width: 25%; border: 1px solid #CCC;}
#gateways td.title3 a{background-image: url(images/gateway_bg3.png); background-repeat: repeat; width: 25%; text-decoration: none;}
#gateways td.title3:hover{background-image: url(images/gateway_bg_hover3.png); background-repeat: repeat; width: 25%;}
#gateways td.gatewaytext{font-family:Arial, Helvetica, sans-serif; font-size: 70%; color: #5a5a5a; line-height: 120%; width: 25%; border: 1px solid #CCC; padding: 10px}
#gateways td.gatewaytext a{ color: #2e2467; text-align:right; text-decoration: none; }
#gateways td.gatewaytext a:hover{ color: #9063b0;}

#clients{ top: -140px; position: relative; margin: 0px auto 20px auto; width: 800px;}

#wrapper p.clients{margin: 0px; padding-left: 100px;}

#clients td.client1{background-image: url(images/clients/clients1.png); background-position: top; height: 88px;background-repeat: no-repeat;}
#clients td.client1:hover{background-image: url(images/clients/clients1.png); background-position: bottom;}
#clients td.client2{background-image: url(images/clients/clients2.png); background-position: top; height: 88px; background-repeat: no-repeat;}
#clients td.client2:hover{background-image: url(images/clients/clients2.png); background-position: bottom;}
#clients td.client3{background-image: url(images/clients/clients3.png); background-position: top; height: 88px;background-repeat: no-repeat;}
#clients td.client3:hover{background-image: url(images/clients/clients3.png); background-position: bottom;}
#clients td.client4{background-image: url(images/clients/clients4.png); background-position: top; height: 88px;background-repeat: no-repeat;}
#clients td.client4:hover{background-image: url(images/clients/clients4.png); background-position: bottom;}
#clients td.client5{background-image: url(images/clients/clients5.png); background-position: top; height: 88px;background-repeat: no-repeat;}
#clients td.client5:hover{background-image: url(images/clients/clients5.png); background-position: bottom;}
#clients td.client6{background-image: url(images/clients/clients6.png); background-position: top; height: 88px;background-repeat: no-repeat;}
#clients td.client6:hover{background-image: url(images/clients/clients6.png); background-position: bottom;}
#clients td.client7{background-image: url(images/clients/clients7.png); background-position: top; height: 88px;background-repeat: no-repeat;}
#clients td.client7:hover{background-image: url(images/clients/clients7.png); background-position: bottom;}
#clients td.client8{background-image: url(images/clients/clients8.png); background-position: top; height: 88px;background-repeat: no-repeat;}
#clients td.client8:hover{background-image: url(images/clients/clients8.png); background-position: bottom;}

#advert { width: 860px; margin: 0 auto 0 auto; top: -140px; position: relative;}

#footer{ background-image: url(images/footer_bg.png); background-repeat: repeat-x; width: 960px; height: 127px; margin:10px 0px 0px 0px; top: -140px; position: relative; clear: both;}

#footer ul{ font-family:Arial, Helvetica, sans-serif; font-size:45%; line-height: 180%; float: left; color: #2e2467; margin: 20px 0 0 0px; padding: 0 0 0 15px; list-style-type: none; width: 15%;}

#footer ul li a{list-style-type: none; text-decoration: none; color: #2e2467;}
#footer ul li a{list-style-type: none; }
#footer ul li a:hover{color: #9063b0;}
#footer #twitter a.twitter{ float: right; background-image:url(images/twitter.png); background-position: bottom; height: 90px; width: 460px;}
#footer #twitter a.twitter:hover{ float: right; background-image:url(images/twitter.png); background-position: top; height: 90px;}
#footer span.footer{ font-size: 50%; font-family:Arial, Helvetica, sans-serif; color: #2e2467; text-align: right; clear: both; width: 460px; padding-right: 20px; float: right;}
#footer span.footer a{ font-family:Arial, Helvetica, sans-serif; color: #2e2467; text-align: right; clear: both; width: 960px; text-decoration: none;}
#footer span.footer a:hover{color: #9063b0;}

#three {   width: 760px; margin: 0 auto 0 auto; top: -140px; position: relative;}
#three td span {font-family: Arial, Helvetica, sans-serif; font-weight:lighter; font-size: 70%; color: #999; line-height: 130%;}
#three td span.purple {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 70%; color: #9063b0; line-height: 130%;}

#meet { top: -140px; position: relative; width: 820px; margin: 0 0 0 100px; }


#clear{clear: both; width: 760px; top: -140px; position: relative; margin: 15px auto 15px auto; }


#meet1 {background-image: url(images/meet1.jpg); height: 210px; background-position: top; width: 183px;display: block; margin: 0 20px 20px 0; float: left; border: solid 1px #CCC;}
#meet1 a:hover{background-image: url(images/meet1.jpg); height: 210px; background-position: bottom;display: block;width: 183px;}
#meet2 {background-image: url(images/meet2.jpg); height: 210px; background-position: top; width: 183px;display: block; margin: 0 20px 20px 0; float: left; border: solid 1px #CCC;}
#meet2 a:hover{ background-image: url(images/meet2.jpg); height: 210px; background-position: bottom;display: block;width: 183px;}
#meet3 { background-image: url(images/meet3.jpg); height: 210px; background-position: top; width: 183px;display: block;margin: 0 20px 20px 0;float: left; border: solid 1px #CCC;}
#meet3 a:hover{ background-image: url(images/meet3.jpg); height: 210px; background-position: bottom;display: block;width: 183px;}
#meet4 { background-image: url(images/meet4.jpg); height: 210px; background-position: top; width: 183px;display: block;margin: 0 20px 20px 0;float: left; border: solid 1px #CCC;}
#meet4 a:hover{ background-image: url(images/meet4.jpg); height: 210px; background-position: bottom;display: block;width: 183px;}
#meet5 { background-image: url(images/meet5.jpg); height: 210px; background-position: top; width: 183px;display: block;margin: 0 20px 20px 0;float: left; border: solid 1px #CCC;}
#meet5 a:hover{ background-image: url(images/meet5.jpg); height: 210px; background-position: bottom;display: block;width: 183px;}
#meet6 { background-image: url(images/meet6.jpg); height: 210px; background-position: top; width: 183px;display: block;margin: 0 20px 20px 0;float: left; border: solid 1px #CCC;}
#meet6 a:hover{ background-image: url(images/meet6.jpg); height: 210px; background-position: bottom;display: block;width: 183px;}
#meet7 { background-image: url(images/meet7.jpg); height: 210px; background-position: top; width: 183px;display: block;margin: 0 20px 20px 0;float: left; border: solid 1px #CCC;}
#meet7 a:hover{ background-image: url(images/meet7.jpg); height: 210px; background-position: bottom;display: block;width: 183px;}
#meet8 { background-image: url(images/meet8.jpg); height: 210px; background-position: top; width: 183px;display: block;margin: 0 20px 20px 0;float: left; border: solid 1px #CCC;}
#meet8 a:hover{ background-image: url(images/meet8.jpg); height: 210px; background-position: bottom;display: block;width: 183px;}
#meet9 { background-image: url(images/meet9.jpg); height: 210px; background-position: top; width: 183px;display: block;margin: 0 20px 20px 0;float: left; border: solid 1px #CCC;}
#meet9 a:hover{ background-image: url(images/meet9.jpg); height: 210px; background-position: bottom;display: block;width: 183px;}

#meet span.purple{font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 70%; color: #9063b0; line-height: 130%;display: block; width: 600px;float: left;  padding-top: 10px;}
#meet span.meet_text{font-family: Arial, Helvetica, sans-serif; font-weight:lighter; font-size: 70%; color: #999; line-height: 130%;display: block; width: 600px;float: left;}
#team { width: 820px; clear: both; height: 220px;}


#spacer { height:20px; top: -140px; position: relative; clear:both; }

p.contact{ top: -140px; position: relative; font-family: Arial, Helvetica, sans-serif; font-weight:lighter; font-size: 70%; color: #999; line-height: 130%;text-align: right;}
p.contact a{ list-style: none; text-decoration: none; color: #999;}
p.contact a:hover { color: #333; } 

.input_name {width: 275px;}
.input_email { width: 275px;}
.input_number {width: 275px;}
.input_message {height: 205px; width: 275px;}
#form_wrapper{ margin-left: 10px;font-family: Arial, Helvetica, sans-serif; font-weight:lighter; font-size: 70%; color: #999; line-height: 130%;}