@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;
	margin:0; padding:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	outline:0;
	vertical-align:baseline;
}
/* remember to define focus styles! */
:focus {
	outline:0;
}
body {
	color:#222222;
	line-height:1em;
}
ol, ul {
	list-style:none;
}
strong {
	font-weight:bold;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
/* end reset */
a {
	color:#1f90b2;
	text-decoration:none;
}
body {
	color:#333333;
	font:normal 14px "helvetica","arial",sans-serif;
	position:relative;
	margin:0 auto; padding:0;
	width:900px; height:100%;
}
big {
	font-size:30px;
	line-height:36px;
}
big em {
	font-size:28px;
	font-style:italic;
	line-height:32px;
}
br.clear {
	clear:both;
	margin:0; padding:0;
	width:100%; height:1px; 
}
form br {
	clear:both;
}
form label {
	display:block;
	float:left;
	margin:7px 5px 5px 0; padding:2px;
	text-align:right;
	width:90px;
}
form label .required {
	color:#996699;
}
form input, form textarea {
	border:1px solid #666666;
	float:left;
	margin:5px 0; padding:2px;
	width:300px;
}
form div.buttons {
	margin:0 95px; padding:10px 0 20px 0;
}
form div.buttons input {
	background: #cccccc url('/img/common/button_normal.png') repeat-x;
	display:inline;
	font-size:11px;
	margin:0 0.5em 0 0; padding:0.4em 0.8em;
	width:auto;
}
form div.buttons input:hover {
	background: #cccccc url('/img/common/button_hover.png') repeat-x;
	cursor:pointer;
}
form div.buttons input:active {
	background: #cccccc url('/img/common/button_active.png') repeat-x;
	cursor:pointer;
}
form div#msg {
	display:block;
	font-size:12px;
	margin:10px; padding:5px;
}
form div#msg.success {
	background-color:#ccffcc;
	border:1px solid green;
}
form div#msg.error {
	background-color:#ffcccc;
	border:1px solid red;
}
form div#msg.notify {
	background-color:#ccccff;
	border:1px solid blue;
}
form .err {
	color:#996699;
	display:block;
	font-weight:bold; 
	padding-left:100px;
}
html {
	background-color:white;
	margin:0; padding:0;
	width:100%; height:100%;
}

div#content {
	background-color:#e0e1e2;
	clear:both;
	margin:0; padding:15px 50px;
}
div#content h1 {
	color:#123579;
	font:normal 25px "Arial","Helvetica",sans-serif;
	line-height:20px;
	margin:20px 0;
}
div#content h2 {
	color:black; 
	font:900 15px "Arial","Helvetica",sans-serif;
	line-height:20px;
	margin:10px 0;
}
div#content p {
	font:100 14px "Arial","Helvetica",sans-serif;
	line-height:24px;
	margin:10px 0;
}
div#content ul {
	list-style:disc inside;
}
div#content ul li {
	font:100 14px "Arial","Helvetica",sans-serif;
	margin:10px 5px;
}
div#footer {
	background-color:#e0e1e2;
	clear:both;
	color:#187ccc;
	font-size:12px;
	line-height:16px;
	margin:0; padding:5px 0;
	text-align:center;
}
div#footer strong {
	color:#073684;
}
div#footer a {
	color:#187ccc;
	font-weight:normal;
}
div#footer a:hover {
	text-decoration:underline;
}
div#header {
	background-image:url('/img/head-home.jpg');
	background-repeat:no-repeat;
	clear:both;
	overflow:hidden;
	width:100%; height:397px;
}
div#header h1 {
	color:white;
	font:100 49px "arial","helvetica",sans-serif;
	margin:150px 0 0 0; padding:0 0 0 50px;
}
div#header h2 {
	color:white;
	font:100 20px "arial","helvetica",sans-serif;
	margin:0; padding:0 50px;
	text-transform:uppercase;
}
div#header.contact {
	background-image:url('/img/head-contact.jpg');
}
div#header.products {
	background-image:url('/img/head-products.jpg');
}
div#header.solutions {
	background-image:url('/img/head-solutions.jpg');
}
div#legal {
	background: gray url('/img/common/navigation.png') repeat-y;
	clear:both;
	padding-top:20px;
}
div#legal p {
	background-color:white;
	font-size:11px;
	margin:0; padding:10px;
	text-align:center;
}
ul#navigation {
	background: gray url('/img/common/navigation.png') repeat-y;
	margin:10px 0 5px 0; padding:0px 10px 10px 450px;
	height:42px;
	overflow:hidden;
} 
ul#navigation li {
	background:none;
	display:inline;
} 
ul#navigation li a {
	border-left:1px solid white;
	color:white;
	display:block;
	float:left;
	font:100 20px "Arial","Helvetica",sans-serif;
	padding:15px 0;
	text-align:center;
	text-decoration:none;
	text-transform:lowercase;
	width:110px; height:60px;
} 
ul#navigation li a:first-child {
	border:none;
} 
ul#navigation li a:hover {
	background-color:white;
	color:black;
}

div.column {
	float:left;
	margin:0;
	width:50%;
}
div.column p {
	margin:0; padding:10px 20px 0 0;
}
div.column.upper {
	position:relative;
	top:-80px;
}

div.showcase {
	float:left;
	height:160px;
	position:relative;
	top:-160px;
}
div.showcase.slim {
	float:left;
	height:70px;
	position:relative;
	top:-160px;
}
div.showcase div.column {
	float:left;
	width:255px;
	margin-left:15px;
}
div.showcase div.column:first-child {
	margin-left:0;
}


img.logo {
	float:left;
	position:absolute;
	top:25px; left:50px;
}
img.black {
	border:2px solid black;
}
img.gray {
	border:1px solid gray;
	margin:2px 0;
}
img.white {
	border:2px solid white;
}

.blue {
	color:#133479;
}