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

/*
* html  ===>  IE6 only
html>body  ===> everything except IE6
*/


/* Reset CSS Import */
@import url("reset.css");

/* Global Layout
============================================================================================ */
html { background-color:#fff; }
body { font-family:"Trebuchet MS", "Lucida Grande", Verdana, sans-serif; font-size:11px; letter-spacing:.04em; color:#444; text-align:center; margin:0; }

#wrapper { width:700px; text-align:center; margin:0 auto; }

#head { width:inherit; height:110px; background:url(../images/global/head.gif) no-repeat; clear:both; position:relative; padding:0 0 20px 0; }

#contentarea { width:inherit; clear:both; }

#legal { width:inherit; font-size:9px; color:#ccc; letter-spacing:.08em; text-align:center; clear:both; }

.clear { width:inherit; height:0px; clear:both; line-height:0px; font-size:0px; padding:0; margin:0; }
.none { display:none; }

.splitrow { width:inherit; clear:both; padding:0 0 20px; }

/* ================================================================= */

/* Header Navigation
============================================================================================ */
#headnav { clear:both; position:absolute; top:36px; left:140px; }
#headnav ul.menu { height:36px; position:relative; }
#headnav ul.menu li { list-style:none; display:inline; line-height:36px; }
#headnav ul.menu li a span { display:none; }
#headnav ul.menu a { height:36px; line-height:36px; text-decoration:none; float:left; padding:0; margin:0; }
#headnav ul.menu a.home { width:41px; background:url(../images/mainnav/home.gif) no-repeat 0 0; margin:0 20px 0 0; }
#headnav ul.menu a.customers { width:75px; background:url(../images/mainnav/customers.gif) no-repeat 0 0; margin:0 20px 0 0; }
#headnav ul.menu a.solutions { width:75px; background:url(../images/mainnav/solutions.gif) no-repeat 0 0; margin:0 20px 0 0; }
#headnav ul.menu a.tech { width:94px; background:url(../images/mainnav/technologies.gif) no-repeat 0 0; margin:0 20px 0 0; }
#headnav ul.menu a.about { width:75px; background:url(../images/mainnav/about.gif) no-repeat 0 0; margin:0 20px 0 0; }
#headnav ul.menu a.blog { width:33px; background:url(../images/mainnav/blog.gif) no-repeat 0 0; margin:0 20px 0 0; }

#headnav ul.menu a.home:hover,
#headnav ul.menu a.customers:hover,
#headnav ul.menu a.solutions:hover,
#headnav ul.menu a.tech:hover,
#headnav ul.menu a.about:hover,
#headnav ul.menu a.blog:hover,
#headnav ul.menu a.selected { background-position:0 -36px; }

/* ================================================================= */



/* Rounded Box Column Containers
============================================================================================ */
/* Big and small home page */
/*#box01 { width:460px; float:left; }*/
#box02 { width:220px; float:right; }

/* 3 col home page */
#box03 { width:220px; float:left; padding:0 20px 0 0; }
#box04 { width:220px; float:left; padding:0 20px 0 0; }
#box05 { width:220px; float:right; }


/* ================================================================= */

/* Rounded Boxes */
/* do not change load order of these classes 
============================================================================================ */
.boxcontent { font-size:12px; }

.greybox { padding:0; margin:0 0 20px 0; }
.greybox .topbar div div,
.greybox .btmbar div div { height:5px; font-size:0;	background:#fff none;	margin:0 5px; }
.greybox .boxcontent {	background:#fff url(../images/roundbox/mid.gif) repeat-x 0 0;	border:solid #bdbcbd;	border-width:0 1px;	padding:5px 10px; min-height:400px;}
.greybox .topbar div div {	background:url(../images/roundbox/top.gif) repeat-x 0 0; /*border-top:solid 1px #8fb9d0;*/ }
.greybox .btmbar div div {	background:url(../images/roundbox/btm.gif) repeat-x 0 -11px; /*border-bottom:solid 1px #8fb9d0;*/ }
.greybox .topbar,
.greybox .topbar div,
.greybox .btmbar,
.greybox .btmbar div {	background:transparent url(../images/roundbox/round.gif) no-repeat left top; }
.greybox .topbar div {	background-position:right top; }
.greybox .btmbar {	background-position:left -5px; }
.greybox .btmbar div {	background-position:right -5px; }

.bluebox { padding:0; margin:0; }
.bluebox .topbar div div,
.bluebox .btmbar div div { height:5px; font-size:0;	background:#fff none;	margin:0 5px; }
.bluebox .boxcontent {	background:#fff url(../images/roundbox/mid.gif) repeat-x 0 -1000px;	border:solid #b1d1e6;	border-width:0 1px;	padding:5px 10px; }
.bluebox .topbar div div {	background:url(../images/roundbox/top.gif) repeat-x 0 -16px; /*border-top:solid 1px #8fb9d0;*/ }
.bluebox .btmbar div div {	background:url(../images/roundbox/btm.gif) repeat-x 0 -27px; /*border-bottom:solid 1px #8fb9d0;*/ }
.bluebox .topbar,
.bluebox .topbar div,
.bluebox .btmbar,
.bluebox .btmbar div {	background:transparent url(../images/roundbox/round.gif) no-repeat left -10px; }
.bluebox .topbar div {	background-position:right -10px; }
.bluebox .btmbar {	background-position:left -15px; }
.bluebox .btmbar div {	background-position:right -15px; }

.greenbox { padding:0; margin:0; }
.greenbox .topbar div div,
.greenbox .btmbar div div { height:5px; font-size:0;	background:#fff none;	margin:0 5px; }
.greenbox .boxcontent {	background:#fff url(../images/roundbox/mid.gif) repeat-x 0 -2000px;	border:solid #94bb1c;	border-width:0 1px;	padding:5px 10px; }
.greenbox .topbar div div {	background:url(../images/roundbox/top.gif) repeat-x 0 -32px; /*border-top:solid 1px #8fb9d0;*/ }
.greenbox .btmbar div div {	background:url(../images/roundbox/btm.gif) repeat-x 0 -43px; /*border-bottom:solid 1px #8fb9d0;*/ }
.greenbox .topbar,
.greenbox .topbar div,
.greenbox .btmbar,
.greenbox .btmbar div {	background:transparent url(../images/roundbox/round.gif) no-repeat left -20px; }
.greenbox .topbar div {	background-position:right -20px; }
.greenbox .btmbar {	background-position:left -25px; }
.greenbox .btmbar div {	background-position:right -25px; }

/* ================================================================= */

/* Rounded Boxes */
/* do not change load order of these classes 
============================================================================================ */
#footer { clear:both; padding:0 0 20px 0; margin:0; }
#footer .topbar div div,
#footer .btmbar div div { height:5px; font-size:0;	background:#f6f6f6 none;	margin:0 5px; }
#footer .boxcontent {	background:#f6f6f6 url(../images/roundbox/foot_mid.gif) repeat-x 0 0;	border:solid #aeaeae;	border-width:0 1px;	padding:5px 10px; }
#footer .topbar div div {	background:url(../images/roundbox/foot_top.gif) repeat-x 0 0; /*border-top:solid 1px #8fb9d0;*/ }
#footer .btmbar div div {	background:url(../images/roundbox/foot_btm.gif) repeat-x 0 -11px; /*border-bottom:solid 1px #8fb9d0;*/ }
#footer .topbar,
#footer .topbar div,
#footer .btmbar,
#footer .btmbar div {	background:transparent url(../images/roundbox/foot_round.gif) no-repeat left top; }
#footer .topbar div {	background-position:right top; }
#footer .btmbar {	background-position:left -5px; }
#footer .btmbar div {	background-position:right -5px; }

#footer .left { width:420px; float:left; }
#footer .right { width:240px; float:right; }

#footer .formrow { padding:0 0 10px 0; }
#footer .formleft { width:205px; float:left; }
#footer .formright { width:205px; float:right; }
#footer .btnrow { padding:0; }

#footer label.labelleft { width:70px; float:left; }
#footer input.inputright { width:125px; float:right; }
#footer textarea.inputright { width:129px; height:80px; float:right; }

html>body #footer .sendemlwrap { width:88px; height:17px; background:url(../images/buttons/sendemail.png) no-repeat 0 0; padding:0; margin:0 0 0 291px; }
html>body #footer input[type=image].sendeml { width:88px; height:17px; position:relative; top:0; background:transparent url(../images/buttons/sendemail.png) no-repeat 0 0; padding:0; margin:0; }
html>body #footer input[type=image].sendeml:hover { background-position:0 -17px; }

* html #footer .sendemlwrap { width:88px; height:13px; background:url(../images/buttons/sendemail.png) no-repeat 0 0; padding:0; margin:0 0 0 291px; behavior:url(assets/css/iepngfix.htc); }
* html #footer input.sendeml { width:88px; height:13px; position:relative; top:0; border:none; background:transparent url(../images/buttons/sendemail.png) no-repeat 0 0; padding:0; margin:0; behavior:url(assets/css/iepngfix.htc); }

/* ================================================================= */

/*  Form Elements 
============================================================================================ */
label { font-weight:bold; }

input[type=text],
input[type=password],
select,
textarea { font-family:"Trebuchet MS", "Lucida Grande", Verdana, sans-serif; font-size:11px; letter-spacing:.03em; }

input[type=text],
input[type=password] { border:1px solid; border-top-color:#999;	border-right-color:#CCC;	border-bottom-color:#CCC;	border-left-color:#999; background:#fff; padding:2px; margin:0; }

* html input { border:1px solid; border-top-color:#999;	border-right-color:#CCC;	border-bottom-color:#CCC;	border-left-color:#999; background:#fff; padding:2px; margin:0; }

select { border:1px solid; border-top-color:#999;	border-right-color:#CCC;	border-bottom-color:#CCC;	border-left-color:#999; background:#fff; padding:0; margin:0; }

textarea { border:1px solid; border-top-color:#999;	border-right-color:#CCC;	border-bottom-color:#CCC;	border-left-color:#999; background:#fff; padding:0; margin:0; }

.checkbox, .radio { border:none; padding:0; margin:0; }

/* ================================================================= */


/*  Text 
============================================================================================ */

.errorglobal { clear:both; color:#000; border:1px solid #c10000; background-color:#f86b6b; padding:3px; margin:0 0 10px 0; }

/* Text Alignments */
.txtcenter { text-align:center; }
.txtright { text-align:right; }
.txtleft { text-align:left; }

/* General Headlines */
h1 { font-size:18px; line-height:18px; padding:0 0 15px 0; }
h2 { font-size:16px; line-height:16px; padding:0 0 10px 0; }
h3 { font-size:14px; line-height:14px; padding:0 0 10px 0; }
h4 { font-size:12px; line-height:12px; padding:0 0 10px 0; }

h1, h2, h3, h4 { font-weight:bold; letter-spacing:.04em; }

p { line-height:16px; padding:0 0 10px 0; }

strong { font-weight:bold; }

/* Lists */
ol.bull { list-style-type:decimal; padding:0 0 10px 30px; }
ol.bull li { line-height:16px; padding:0 0 5px 0; }
ol.bull li.last { line-height:16px; padding:0; }

ul.bull { list-style-type:disc; padding:0 0 10px 30px; }
ul.bull li { line-height:16px; padding:0 0 5px 0; }
ul.bull li.last { line-height:16px; padding:0; }

ul.nobull { list-style-type:none; padding:0 0 10px 30px; }
ul.nobull li { line-height:16px; padding:0 0 5px 0; }
ul.nobull li.last { line-height:16px; padding:0; }

/* Links */
a:link, a:visited { color:#0095d7; text-decoration:none; }
a:hover { color:#a60e13; text-decoration:none; }

a.reverse:link, a.reverse:visited { color:#fff; text-decoration:underline; }
a.reverse:hover { color:#fba30b; text-decoration:underline; }

/* Color Variations */
.dkblue { color:#004785; }
.cyan { color:#007ac3; }
.black { color:#000; }
.green { color:#a6bb1c; }
.white { color:#fff; }

/* Txt Size Variations */
.small { font-size:10px; line-height:12px; }

/* ================================================================= */

/*  Clear Fix 
============================================================================================ */
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden;	overflow:hidden;	line-height:0;	height:0;	}
.clearfix { display: inline-block; }
/* Holly Hack Targets IE Win only \*/
* html .clearfix { height:1%; }
.clearfix { display: block; }
/* ================================================================= */