@charset "UTF-8";
/* CSS Document */

body {margin:0;	font-family: Arial, Helvetica, sans-serif, Tahoma, Geneva, sans-serif; font-size:11px; color:#919191;}
	
a,a:active,a:link,a:visited { text-decoration:none;color:#3476b0;}
img { border:0px;}

h1 {color:#3476b0; font-size:18px; font-weight:normal; font-stretch:condensed;}
h1 span.dark {color:#243b5d;}
h1 span.orange {color:#f38b2a;}
h2 { font-weight:normal; font-size:11px; margin-top: 0px;}
h3 {color:#3476b0; margin:0px; font-weight:normal; font-size:10px;}
h2 span.dark {color:#243b5d;}
h2 span.orange {color:#f38b2a;}
a h3 {text-align:right;}
a h3:hover {color:#f38b2a;}
h3 span.dark {color:#243b5d;}
h3 span.orange {color:#f38b2a;}

.page {	width: 960px; margin:auto; border-top: solid 5px #999;}
.page2 {	width: 800px; margin:auto; border-top: solid 5px #999;}
.header {height: 315px; background:url(images/header1b.png) bottom center no-repeat; position:relative;}
.header2 {height: 150px; background:url(images/bannerab.jpg) bottom center no-repeat; position:relative;}
.headerpages {height: 145px; background:url(images/header2.png) bottom center no-repeat; position:relative;}
.logo {float:left; }
.box { position:absolute; top: 40px; right: 20px;}
.more { position:absolute; bottom: 20px; right: 28px;}

.topMenu {width: 400px; float:right; margin: 0px 0px 0px 150px;border:0px solid #000; }
.topMenu ul{padding: 25px 0 0px 0; margin: 0; text-align: right;}
.topMenu ul li{display: inline; width: 72px;margin: 0px 20px 0px 20px;}
.topMenu ul li a {color:#aeaeae; text-decoration: none; vertical-align:middle;}
.topMenu ul li a:hover {color:#333;}
.topMenu ul li a img {margin-right: 5px;}

.Menu {width:500px; float:left; clear:both; margin: 20px 0px 0px 10px; }
.Menu ul{padding: 0px 0 0px 0; margin: 0; text-align: left;}
.Menu ul li{display: block; float:left;  }
.Menu ul li:hover, .Menu ul li.active {background-color:#3476b0;}
.Menu ul li a {color:#3476b0; text-decoration: none; font-size:15px; font-stretch:condensed; font-weight:bold; display: block; padding: 4px 8px 4px 8px; margin: 0px 0px 0px 0px;  }
.Menu ul li a:hover, .Menu ul li a.active {color: #FFF; background-color:#3476b0;}
.Menu ul li a img {padding-right: 5px;}

.fMenu {width: 510px; text-align:center; position:relative; margin: auto; }
.fMenu ul{padding: 0px 0 0px 0; margin: 0; text-align: left;}
.fMenu ul li{display: inline; float:left; padding: 0px 5px 5px 5px; border-right: solid 1px #AEAEAE;}
.fMenu ul li.last{border-right: none;}
.fMenu ul li a { text-decoration: none; color:#AEAEAE; text-transform:uppercase;}
.fMenu ul li a:hover {color:#333;}

.content {}
.leftColumn { width:200px; float:left; padding:0px 10px 10px 10px; margin-top: 10px;}
.leftColumn#dotted {width:195px; border-right: dashed 1px #CCC;}
.leftColumn h1 { margin-bottom: 0px;}
.leftColumn ul {list-style:none; padding:0px; margin:10px 0px 30px 0px;}
.leftColumn li {padding: 0px 0px 4px 20px; background:url(images/arrow_list.png) left center no-repeat; margin:0px; }
.leftColumn li a {color:#f38b2a; text-decoration:underline;}
.leftColumn li.first {color:#6a6a6a; text-decoration:none;font-weight:bold; background:url(images/arrow_list2.png) left center no-repeat;padding: 0px 0px 4px 0px;}

.rightbox { width:150px; float:right; padding:0px 0px 0px 0px; margin-top: 10px;}
.rightboxhome { width:160px; float:right; padding:0px 0px 0px 0px; margin-top: 10px;}
.rightColumn { width:540px; float:left; padding:0px 20px 10px 20px; margin-top: 10px;}
.rightColumnfull { width:90%; padding:0px 20px 10px 20px; margin-top: 10px;}
.rightColumnfull2 { width:700px; float:left;padding:0px 20px 10px 20px; margin-top: 10px;}
.rightboxhome h2 {color:#f38b2a; font-size:10px; font-weight:normal; text-transform:uppercase;}
.rightbox h2 {color:#f38b2a; font-size:10px; font-weight:normal; text-transform:uppercase;}
.news {padding-left: 15px; margin: 10px 0px 0px 10px; background: url(images/icon_news2.png) left top no-repeat;}
.date {font-size:12px; color:#000; font-weight:bold;}
.quote {font-weight:bold; color:#f39300;}
.client {color:#56bcd3; clear:both; display:block;}

.products {background:url(images/bg_gray.png) top center repeat-x; position:relative; width: 100%; min-height:250px;}
.products p {padding-left:98px; color:#000; font-size:10px;}
.product1 {width: 45%; float:left; background: #88dedd url(images/billing_solution.png) left top repeat-x; padding:10px; }
.product2 {width: 45%; float:right; background: #396a93 url(images/wlr3_solution.png) left top repeat-x; padding:10px;}

.products ul {list-style:none; padding:0px; margin:10px 0px 70px 0px; color:#3476b0;}
.products li {padding: 0px 0px 4px 20px; background:url(images/arrow_list.png) left center no-repeat; margin:0px; text-decoration:underline;}

.prodbox{float:left;margin:0px 10px 0px 10px;width:250px;}
.prodbox h2{color:#3476b0; font-size:10px; font-weight:bold; font-stretch:condensed;}
.prodboximg{float:left;margin-right:5px;width:100px;}
.prodbutton{text-align:center;margin-top:20px;}

.products a {float:right;}

.productspage {background:url(images/bg_gray.png) top center repeat-x; position:relative; width: 100%; min-height:135px;}
.productspage p {padding-left:98px; margin-top:25px;color:#000; font-size:10px;}
.productpage1 {width: 45%; float:left; background:  url(images/billing_solution.jpg) left top repeat-x #88dedd; padding:10px; }
.productpage2 {width: 45%; float:right; background: url(images/wlr3_solution.jpg) left top repeat-x #396a93 ; padding:10px;}
.productspage a {float:right;}

.footer {clear:both;}
.fLeft { width:160px; float:left; padding:5px 10px 10px 70px;  background: url(images/envelope.png) left center no-repeat;}
.fRight { text-align:center; width:690px; float:left; padding:5px 0px 10px 5px;border:0px solid #cccccc;}
.boldGray {color:#666; font-weight:bold;}
.grayBack {background:url(images/bg_gray.png) top center repeat-x; padding:5px 5px 5px 20px; width:95%;}
