@import url('stylesheet.css');


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:url(../images/background.jpg) repeat-x;
	background-position:top;
	text-align:left;
}

a:link {
    color: #676767;
    font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:12px;

}
a:visited {
    color: #676767;
    font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:12px;

}
a:hover {
    color: #2C6ABA;
    font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:12px;

}
a:active {
    color: #676767;
    font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:12px;

}

.bodyText {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #636B75;
}
.clientName {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #934050;
}


.software {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #365754;
}
.whiteBorder {
	border: 1px solid #FFFFFF;
}
.quickfield {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #aebec3;
	border-bottom-color: #aebec3;
	border-top-width: 0px;
	border-left-width: 0px;
	padding:5px;
	width:250px;
	background-color: #cfe8f1;
}
.quickfield2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #aebec3;
	border-bottom-color: #aebec3;
	border-top-width: 0px;
	border-left-width: 0px;
	padding:5px;
	width:260px;
	background-color: #cfe8f1;
}
.contactusfield {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #6a6a6a;
	border-bottom-color: #6a6a6a;
	border-top-width: 0px;
	border-left-width: 0px;
	padding:5px;
	width:250px;
	background-color: #efefef;
	margin-top:5px;
	margin-bottom:5px;
}
.contactusfield2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #6a6a6a;
	border-bottom-color: #6a6a6a;
	border-top-width: 0px;
	border-left-width: 0px;
	padding:5px;
	width:260px;
	background-color: #efefef;
	margin-top:5px;
	margin-bottom:5px;
}
.contacttext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#666666;
}
.rightHeading {

	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #5c9582;
}
.borderWeb {
	border: 1px solid #b1bebd;
}
.description {

	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #2c6aba;
}
.redesterik {

	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #c40009;
}
.clientName2 {

	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #2c6aba;
}
h1.clientName2 {
padding:0px;
margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #2c6aba;
}
.descriptionBlack {


	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
.headingBlack {


	font-family:Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
h1.headingBlack {

	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
.headingBlack1 {


	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
h1.headingBlack1 {
	padding:0px; margin: 0 0 8px;

	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
.headingBlue {


	font-family:Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #2c6aba;
}
a.web:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	text-transform: none;
	color: #000000;
	font-weight: bold;
	}
a.web:visited {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: none;
	color: #000000;
	font-weight: bold;
}
a.web:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	text-transform:uppercase;
	color: #72A396;
	font-weight: bold;
}
.greenBorder {
		background-image: url(../images/unerportfolio.gif);
}
a.web2:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	text-transform: uppercase;
	color: #365754;
	font-weight: bold;
	}

a.web2:visited {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #365754;
	font-weight: bold;
}
a.web2:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	text-transform: uppercase;
	color: #2e71c9;
	font-weight: bold;
}
a.web5:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration:none;
	text-transform: uppercase;
	color: #2e71c9;
	font-weight: bold;
	}

a.web5:visited {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #2e71c9;
	font-weight: bold;
}
a.web5:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration:none;
	text-transform: uppercase;
	color: #365754;
	font-weight: bold;
}
a.web6:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	text-transform: uppercase;
	color: #2e71c9;
	font-weight: bold;
	}

a.web6:visited {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #2e71c9;
	font-weight: bold;
}
a.web6:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	text-transform: uppercase;
	color: #365754;
	font-weight: bold;
}
a.web3:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration:none;
	text-transform: uppercase;
	color: #365754;
	font-weight: bold;
	}
a.web3:visited {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	color: #365754;
	font-weight: bold;
}
a.web3:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration:none;
	text-transform: uppercase;
	color: #2e71c9;
	font-weight: bold;
}

a.web22:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: bold;
	}
a.web22:visited {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: bold;
}
a.web22:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	text-transform: uppercase;
	color: #aeefe7;
	font-weight: bold;
}

.web21{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	text-transform: uppercase;
	color: #365754;
	font-weight: bold;
}
a.bluelink:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #2c6aba;
	text-decoration:none;
	}
a.bluelink:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #2c6aba;
	text-decoration:none;
}
a.bluelink:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #43BCC4;
	text-decoration:none;
}

a.bluelink2:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #2b2b2b;
	text-decoration:none;
	}
a.bluelink2:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #2b2b2b;
	text-decoration:none;
}
a.bluelink2:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #1a79a3;
	text-decoration:none;
}





.bodywhiteText {

	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
}

.leftheads{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}

.socialmedia {
    float: right;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 66px;
}
.socialmediaf {
    float: right;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 52px;
}
.socialmediat {
    float: right;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 62px;
}

hr{
	border: 0;
	color: #ececec;
	background-color: #ececec;
	height: 1px;
	width: 100%;
}
.linkfoooter{
	width:580px;
	float:left;
	text-align:left;
}
.linkfoooter ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
} 

.linkfoooter ul li {
	margin-left: 0;
	padding: 0px 6px;
	border-left: 1px solid #ffffff;
	list-style: none;
	display: inline;
}
.linkfoooter ul li a {text-decoration: none; color: #ffffff; font-size:12px;}
.linkfoooter ul li a:hover{text-decoration: none; color:#000}

.linkfoooter ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display:inline;
}
.copyright {
	margin-left: 0px;
	padding-left: 0px;
	margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #fff;
	clear:left;
	margin-bottom:20px;
	padding-top:10px;
	float:left;
}
#sitemap{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
#sitemap ul{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 2em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	text-indent: 5px;
	list-style-position: outside;
	list-style-type: square;
	 padding: 6px 6px 6px 20px;
	margin: 2px;
}
#sitemap ul li a {text-decoration: none; color: #4086e6; font-size:12px;}
#sitemap ul li a:hover{text-decoration: none; color:#000}

#sitemap ul li ul li a {text-decoration: none; color: #b0d53a; font-size:12px;}
#sitemap ul li ul li a:hover{text-decoration: none; color:#000}

#sitemap ul li ul li ul li a {text-decoration: none; color: #2ab3e7; font-size:12px;}
#sitemap ul li ul li ul li a:hover{text-decoration: none; color:#000}



#sitemap ul li{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 1.5em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	text-indent: 10px;
	list-style-position: outside;
	list-style-type: square;
}

#s3slider { 
   width: 400px; /* important to be same as image width */ 
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 400px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}
ul, ol {
	
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#footer-right{
	width:920px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
}
#footer-right ul .heading {
	color: #ffffff;
	font-weight:bold;
	text-decoration: none;
	padding-bottom: 10px;
	font-size: 12px;
	display: block;
	margin-right:13px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #4abfef;
	border-bottom-color: #4abfef;	
}
#footer-right ul .heading a {
	color: #ffffff;
	font-weight:bold;
	text-decoration: none;
	padding-bottom: 10px;
	font-size: 12px;
	display: block;
}

#footer-right ul .heading ul li a {
	font-size:11px;
	color: #a3e4ff;
	text-transform:none;
}
#footer-right ul .heading ul li a:hover{text-decoration: underline; color:#ffffff;}
#footer-right ul.main li.heading {
	float: left;
	width: 98px;	
}
.bubble-line {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #5c5c5c;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.bubbleheading{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#2ab1e8;
	text-transform:uppercase;
}
#bubble{
	float:none;
	text-align:left;
	margin-bottom:10px;
}
#bubble ul{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
	list-style-position: outside;
	list-style-image:url(../images/redTri.png);
	list-style-type: decimal;
	line-height:18px;
	padding: 8px;
	margin-left: 15px;
}
#bubble ul a{text-decoration: none; color: #ffffff; font-size:10px;}
#bubble ul a:hover{text-decoration: none; color:#2ab3e7}
#bubble .righttext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:normal;
}

#bubble .righttext a {text-decoration: none; color: #2ab3e7; font-size:12px;}
#bubble .righttext a:hover{text-decoration: none; color:#ffffff}

#bubble .blue{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#2ab3e7;
}
.buttonform{
	width:80px;
	padding:3px;
	background-color: #808080;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000;
	border-bottom-color: #000;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	border-top-width: 0px;
	border-left-width: 0px;
}
#services-home{
	background:url(../images/servicesback.jpg) no-repeat;
}
#navwrap{
 width:619px;
 text-align:center;

}
#navWrap     { position:relative; padding:0 0 0 0;}
#navWrap #nav    {z-index:999; position:relative; width: 696px; text-align:center; margin-left:0px;  float:right;}
#navWrap #nav ul   { z-index:999; position:relative; float:left; display:inline; margin-bottom:0; margin-top:0px; margin-left:0px; padding:0; list-style-type:none; }
#navWrap #nav ul li   { z-index:999; position:relative; float:left; display:inline; margin:0 20px 0 0; padding:0;}
#navWrap #nav ul li a, 
#navWrap #nav ul li a:link,
#navWrap #nav ul li a:active,
#navWrap #nav ul li a:visited { padding:0 0 0px 0; float:left; display:inline; font:normal 13px/31px Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:none; color:#606060; }
#navWrap #nav ul li a:hover  { text-decoration:none; color:#2E71c9;}
#navWrap #nav ul li.parent a  { background:url(../images/navArrow.gif) no-repeat 50% 35px; }
#navWrap #nav ul li.both a  { background:url(../images/empty.gif); color:#919191; } 
#navWrap #nav ul ul      { display:none; width:190px; position:absolute; z-index:999; top:35px; padding:17px 0 0 0; left:50%; margin-left:-40px; }
#navWrap #nav ul ul li     { z-index:999; background:url(../images/navMenuBackground.png); width:190px; padding:0; clear:both; margin:0; }
#navWrap #nav ul ul li a, 
#navWrap #nav ul ul li a:link, 
#navWrap #nav ul ul li a:active,
#navWrap #nav ul ul li a:visited   { border-bottom:1px solid #2d86c8; text-align:center; float:none; display:block; margin:0 5px 0 0; padding:0 10px 0 10px; font:normal 13px/23px "Trebuchet MS", arial, helvetica, sans-serif; color:#fff; }
#navWrap #nav ul ul li.active a   { background:#2d86c8; text-decoration:none; }
#navWrap #nav ul ul li.active a   { background:#2d86c8; text-decoration:none; }
#navWrap #nav ul li ul span.navMenuTop  { display:none; z-index:1; background:url(../images/navMenuTop.png); no-repeat; height:17px; width:190px; position:absolute; top:0; left:0; }
#navWrap #nav ul li ul span.navMenuBottom { display:none; z-index:1; background:url(../images/navMenuBottom.png) no-repeat; height:11px; width:190px; position:absolute; top:100%; left:0; }
#navWrap #nav ul li.both ul,
#navWrap #nav ul li.both ul span.navMenuTop,
#navWrap #nav ul li.both ul span.navMenuBottom  { display:block; }
#navWrap #nav ul ul ul   { display:none; }