@CHARSET "UTF-8";

* {
	margin: 0em;
	padding: 0em;
}

body {
	font-family: Arial,"Lucida Grande",helvetica,verdana,sans-serif,Helvetiva,sans-serif;
	font-size: 79%;
	text-align: left;
	color: #222;
	text-align: center;
	background-color: #222;
}

img     {border: none;}
p    {line-height: 1.6em;margin-bottom: 1em;}
h1, h2, h3 {margin: 0em 0em 0.5em 0em;}
a    {color: #0F86D2;text-decoration: none;}
a:hover {text-decoration: underline;}
a.more {
	padding-right: 9px;
	background:transparent url('../images/more_arrow.gif') no-repeat scroll right 4px;
}
.fs090 {font-size: 90%;}
.fs110 {font-size: 110%;}
.fs120 {font-size: 120%;}
.fs150 {font-size: 150%;}
.fwb {font-weight: bold;}
.fwn {font-weight: normal;}
.clr {clear: both;}
.mt05 {margin-top: 0.5em;}
.mt1 {margin-top: 1em;}
.mt2 {margin-top: 2em;}
.mt3 {margin-top: 3em;}
.mt4 {margin-top: 4em;}
.mb05 {margin-bottom: 0.5em;}
.mb1 {margin-bottom: 1em;}
.mb2 {margin-bottom: 2em;}
.mb3 {margin-bottom: 3em;}
.mb4 {margin-bottom: 4em;}.fl  {float: left;}
.fr  {float: right;}
.w10 {width: 10%;}
.w20 {width: 20%;}
.w30 {width: 30%;}
.w40 {width: 40%;}
.w50 {width: 50%;}
.w60 {width: 60%;}
.w70 {width: 70%;}
.w80 {width: 80%;}
.w90 {width: 90%;}
.w100{width: 100%;}
.t-green {color: #568a0b;}
.t-grey {color: #535E6E;}
.t-blue {color: #1970AE;}
.brd {border-right: 1px dashed #c0c0c0;}
.bld {border-left: 1px dashed #c0c0c0;}
.subcl {padding: 0px 30px 0px 0px;}
.subcc {padding: 0px 30px;}
.subcr {padding: 0px 0px 0px 30px;}

.button {
	background: #FFF url('../images/bg_button.png') repeat-x scroll;
	height: 30px;
	border: 1px solid;
	border-color: #D4D4D4 #B4B4B4 #B4B4B4 #D4D4D4;
	padding: 6px 10px;
	text-shadow: 0 1px rgba(255, 255, 255, 0.75);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	cursor: pointer;
}

.button:hover {
	background-color: #F2F2F2;
	text-decoration: none;
	
}

form {
	margin-top: 0em;
}
form dt {
	clear: both;
	float: left;
	width: 100px;
	text-align: right; 
	margin-right: 10px;
	padding: 10px 5px 5px 0px;
}

form dd {
	float: left;
	padding: 5px;
	width: 75%;
}

form input.text, form textarea {
	padding: 0.75em;
	width: 60%;
	font-family: "Lucida Grande",helvetica,verdana,sans-serif,Arial,Helvetiva,sans-serif;
	font-size: 100%;
	border-left: 1px solid #ccc;
	border-top: 2px solid #888;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

form textarea {
	height: 12em;
}

form ul.errors {
	list-style-type: none;
	margin: 0.2em 0em 0.75em 0em;
	color: red;
	background-color: #F6F5EE;
	border: 1px solid #D2CEAD;
	padding: 6px;
	font-size: 90%;
	width: 61%;
}
div.page-margins {
	max-width: 80em;
	margin: 0 auto;
	text-align: left;
}

div.page {
	margin: 0px 20px;
}

#header {
	background-color: #ECEDEF;
}

#header .page {
	padding: 10px 0px 20px 0px;
}

#header, #nav, #main, #extended, #footer {
	min-width: 980px;
	overflow: hidden;
	clear: both;
}

#header ul {
	float: right;
	margin: 1.6em 0em 1.4em 0em;
	padding: 0em;
	list-style-type: none;
}

#header ul li {
	float: left;
	line-height: 1.65em;
}

#header ul li a {
	font-size: 130%;
	color: #000;
	display: block;
	padding: 0.5em 0.5em 0.5em 0.5em;
	font-weight: bold;
	margin: 0em 1.5em 0em 0em;
	width: auto;
	text-decoration: none;
	border: 1px solid #ECEDEF;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#header ul li a:hover {
	color: #F0F0F0;
	background-color: #444;
	border: 1px solid #444;
	
}

#header ul li a span {
	color: #aaa;
	font-weight: normal;
	display: block;
	font-size: 70%;
}

#header ul li a.hi {
	color: #F0F0F0;
	background-color: #33510B;
	border: 1px solid #33510B;
}

#header-logo {
	float: left;
	width: 175px;
	height: 90px;
	margin-top: 0px;
}


#main {
	background-color: #E8ECDC;
	background-color: #dae5ca;
	min-height: 200px;
	color: #000;
}

#main .page {
	padding: 30px 0px 40px 0px;

}

#main .navigation {
	float: left;
	width: 20%;
	/*background-color: #D1DDBB;*/
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#main .navigation .title {
	font-weight: bold;font-size: 110%;margin-bottom: 0.75em;
	margin-top: 1em;
}

#main .navigation ul {
	list-style-type: none;
	width: 100%;
}

#main .navigation ul li {
	float: left;
	width: 86%;
	display: block;
}

#main .navigation ul li a {
	width: 100%;
	display: block;
	font-size: 90%;
	color: #444;
	line-height: 2em;
	padding: 3px 0px;
	border-bottom: 1px dashed #fff;
}

#main .main-content {
	float: left;
	margin-left: 40px;
	width: 71%;
}

#main h1 {
	font-size: 240%;
	font-weight: bold;
	text-shadow: 0 1px #ccc;
	line-height: 1.2em;
}

#main h2 {
	font-size: 135%;
	font-weight: normal;
	color: #333;
	line-height: 1.55em;
}

#main h3 {
	font-size: 125%;
	font-weight: bold;
	line-height: 1.45em;
	margin: 3em 0em 2em 0em; 
}

#main h3.home {
	margin: 0.2em 0em 1em 0em;
}

#main ul.customer-list {
	list-style-type: square;
	margin: 0px 0px 0px 15px;
	padding: 0;
}

#main ul.customer-list li {
	padding: 5px 0px;
	float: left;
	width: 50%;
}

#main ul.content-list {
	list-style-type: none;
	margin: 0px 0px 0px 15px;
	padding: 0;
}

#main ul.content-list li {
	padding: 5px 0px;
	margin: 2px 0px;
	float: left;
	width: 50%;
}

#main .content-box {
	background-color: #F0F0F0;
	-moz-border-radius: 6px;
	/*border: 1px solid #CCC699;*/
	padding: 15px;
}

#main .tech-box {margin-top: 3em;}
#main .tech-box .tech-title {
	font-size: 160%; font-weight: bold;
	color: #568a0b;
	margin-bottom: 1.5em;
}
#main .tech-box .box {
	background-color: #d4d4d4;
	padding: 10px;
	margin-bottom: 1em;
}
#main .tech-box .box .title {
	font-weight: bold;
	margin-bottom: 1em;
}
#main .tech-box .box .content {
	text-align: center;
	padding: 20px 80px;
	background-color: #f0f0f0;
}

#main a.a-list {
	display: block;
	width: 50%;
	padding:1em;
	background-color: white;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-top: 1em;
}

#main a.a-list:hover {
	text-decoration: none;
	background-color: #f0f0f0;
}

#main .jobs ul li {
	margin-left: 25px;
	margin-bottom: 5px;
}

#extended {
	background-color: #FFFFFF;
	color: #111;
}

#extended .page {
	padding: 50px 0px 60px 0px;
}

#footer {
	color: #888;
}

#footer .page {
	padding: 20px 0px 80px 0px;
	font-size: 90%;
}

#footer ul {
	margin: 1.5em 0em;
	padding: 0em;
	list-style-type: none;
	clear: both;
}

#footer ul li {
	float: left;
	line-height: 1.65em;
}

#footer ul li a {
	color: #999;
	display: block;
	padding: 0.1em 0.1em 0.1em 0em;
	font-weight: normal;
	margin: 0em 2em 0em 0em;
	width: auto;
	text-decoration: none;
}

#footer ul li a:hover {
	text-decoration: underline;
}