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

body {
	margin:0px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	color:#666;
	font-weight:normal;
}

#container {
	width:962px;
	margin-left:auto;
	margin-right:auto;
}

#head {
	width:962px;
	height:81px;
	padding-top:10px;
}

#nav {
	width:962px;
	height:41px;
	background-image:url(/images/nav-bar.gif);
	background-repeat:no-repeat;
}

#content {
	margin-top:8px;
	background-image:url(/images/content-bg.gif);
	background-repeat:repeat-y;
}
 
a:link { COLOR: #2277bc;  TEXT-DECORATION: none }
a:hover { COLOR: #ffffff; background-color: #2277bc;  TEXT-DECORATION: none }
a:visited { COLOR: #2277bc;  TEXT-DECORATION: none }
a:visited:hover { COLOR: #ffffff; background-color: #2277bc;  TEXT-DECORATION: none 
}


.nav{
height:41px;
background-image:url(/images/nav-bar.gif);
background-repeat:no-repeat;
width: 962px;
overflow: hidden;
}

.nav ul{
margin-top: 4px;
margin-left:10px;
padding: 0;
float: left;
width: 678px; /*width of menu*/
height:32px;
border-top:none;
border-bottom:none;
border-width: 0px 0;
background: black url(/images/nav-bg.gif) center center repeat-x;
background-color:#none;
}

.nav ul li{
display: inline;
}

.nav ul li a{
float: left;
color: #666;
padding: 7px 11px;
text-decoration: none;
border-right: 1px solid #e7e7e7; /*dark purple divider between menu items*/
}

.nav ul li a:visited{
color: #666;
}

.nav ul li a:hover, .nav ul li .current{
	color: #2277bc !important; /*text color of selected and active item*/
	padding-top: 8px; /*shift text down 1px for selected and active item*/
	padding-bottom: 4px;
	background-image: url(/images/nav-bg-over.gif);
	background-repeat: repeat-x;
	background-position: center center;
	background-color:none;
}


#footer {
	font-size:10px;
	color:#CCC;
}

#footer a:link {
	color:#CCC;
}

#footer a:visited {
	color:#CCC;
}

.services {
	float:right;
	width:404px;
	height:252px;
	background-image:url(/images/services.jpg);
	background-repeat:no-repeat;
	padding-right:20px;
}

.services-icons {
	margin-top:50px;
	margin-left:16px;
}

.services a:link { COLOR: #ffffff;  TEXT-DECORATION: none }
.services a:hover { COLOR: #ffffff; background-color:transparent;   TEXT-DECORATION: none }
.services a:visited { COLOR: #ffffff;  TEXT-DECORATION: none }
.services a:visited:hover { COLOR: #ffffff; background-color:transparent;  TEXT-DECORATION: none 
}


.icon-space {
	padding-right:3px;
}

.icon-space-two {
	padding-top:3px;
	padding-right:3px;
	margin-left:16px;
}

.contact {
	background-image:url(/images/contactbg.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

.about {
	background-image:url(/images/about-bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

.icubes {
	background-image:url(/images/icubesbg.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

.customers {
	background-image:url(/images/customers.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

.products {
	background-image:url(/images/products.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

.credit {
	background-image:url(/images/credit.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

h1 {
	color:#4d5158;
	margin:0px;
	letter-spacing:-0.07em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
}

h2 {
	color:4d5158;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:-0.05em;
	margin:0px;
}

h3 {
	color:4d5158;
	font-family:Arial, Helvetica, sans-serif;
		letter-spacing:-0.05em;
}

.text {
	margin-left:20px;
}

.tablebg {
	background-color:#f0f0f0;
}

/* CONTACT FORM */

#contact p, label, legend { font: 1.0em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; font-weight:bold; }

#contact h1 { margin: 10px 0 10px; font-size: 24px; color: #333333; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contact { display: block; width: 550px; margin: 20px; padding: 5px; border: 0px solid #cbcbcb; background-color: #FFF; -webkit-border-radius:5px;  }

/* Form style */

#contact label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 1.0em; -webkit-border-radius:5px; }
#contact input, textarea, select { width: 280px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:1.0em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; webkit-border-radius:5px; }   
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
#contact input.submit:hover { background:#444; }
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset { padding:20px; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; }
#contact legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('/images/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('/images/success.gif') left no-repeat; padding-left:22px; }

acronym { border-bottom:1px dotted #ccc; }