@charset "utf-8";
/* Basic Elements */
body {
	margin: 0;
	background-color: #e8e8e8;
	background-repeat: repeat-x;
	font-family: Verdana, 'trebuchet ms', "Times New Roman", Times, serif;
	color:#000206;;
	font-size: 1.2em;
	}
#box {
	width: 850px;
	padding-top: 20px;
	margin: 0 auto;
	}
#header {
	width: 100%;
	height: 99px;
	background: url("../img/bg_header.jpg");
	text-align: center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size:1.8em;
	line-height: 3.0em;
    letter-spacing:-0.1em;
	}
#top_menu {
	width: 100%;
	height: 31px;
	background:url("../img/bg_middle.jpg");
	font-size: 0.95em;
	}
#main {
	width: 100%;
	padding-top: 20px;
	background-color: #f2f5fa;
	font-size:0.9em;
	}

#index_main {
	width: 100%;
	padding-top: 20px;
	background-color: #f2f5fa;
	font-size:0.9em;
	}

#left_content {
	float:left;
	width: 630px;
	padding: 0 10px 0 0;
	font-size: 0.95em;
	line-height: 1.0em;
	}

#right_content {
	float: right;
	width: 200px;
	padding: 0 10px 0 0;
	font-size: 0.75em;
	}
	
.wedo {
	float:left;
	width: 200px;
	margin: 20px 10px 20px 0;
	border: 2px solid #0c46c4;
	background-color: #f2f5fa;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
	font-size: 0.75em;
	line-height: 1.0em;
	}
	
.it_tech {
	float:left;
	width: 200px;
	margin: 45px 10px 20px 10px;
	border: 2px solid #0c46c4;
	background-color: #f2f5fa;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
	font-size: 0.75em;
	line-height: 1.0em;
	}

.it_sec {
	float:left;
	width: 200px;
	margin: 20px 10px 20px 0;
	border: 2px solid #0c46c4;
	background-color: #f2f5fa;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
	font-size: 0.75em;
	line-height: 1.0em;
	}

.it_web {
	float:left;
	width: 180px;
	margin: 45px 10px 20px 0;
	border: 2px solid #0c46c4;
	background-color: #f2f5fa;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
	font-size: 0.75em;
	line-height: 1.0em;
	}

#contact_form {
	float: left;
	width: 530px;
	padding-left: 100px;
	font-size: 1.0em;
	color: #000000;
	}
#contact_phone {
	float: left;
	width: 530px;
	margin-bottom: 15px;
	font-size: 0.75em;
	color: #5D7CBA;
	}

#footer {
	clear:both; 
	width:100%;
	height: 31px;
	background:url("../img/bg_bottom.jpg");
	text-align: center;
	color: #ffffff;
	font-size: 0.65em;
	line-height: 2.9em;
	} 

.spacer {
	width: 100%;
	height: 20px;
	background-color: #f2f5fa;
	}

/* Additional styles */

a.bottom {
	text-decoration: none;
	color: #5D7CBA;
	}

a.bottom:hover {
	text-decoration: underline;
	color: #ffffff;
	}

p {
	padding: 10px;
	/*margin-left: 20px;*/
	margin: 0;
	font-size: 0.75em;
	}

p.main {
	padding: 10px;
	margin-left: 20px;
	font-size: 0.75em;
	}

p.center {
	padding: 10px;
	margin: 0;
	font-size: 0.80em;
	text-align: center;
	font-weight: bold;
	color: #0c46c4;
	}

p.highlight {
	padding: 2px;
	margin-left: 5px;
	line-height: 1.25em;
	font-size: 0.85em;
	}

p.indent {
	padding: 2px;
	margin-top: -4px;
	margin-left: 10px;
	line-height: 1.25em;
	font-size: 0.85em;
	}

ul.tech {
	list-style-type: disc;
    padding: 0 0 0 100px;
	font-size: 0.75em;
	line-height:1.60em;
	}

ul.block {
	list-style-type: disc;
    padding: 0 0 0 15px;
	font-size: 0.85em;
	line-height:1.5em;
	}

.centeredImage {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }

.centeredText {
	text-align: center;
	font-size: 0.75em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-style: italic;
	line-height: 2.3em;
	}

img {
	border: 0;
	}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 50px;
	}

img.insertl {
	float: left;
	border: 2px solid #87a0b0;
	border-top-left-radius: 0.75em;
	border-top-right-radius: 0.75em;
	border-bottom-left-radius: 0.75em;
	border-bottom-right-radius: 0.75em;
	margin: 5px 6px 3px 0;
	padding: 4px;
	}

img.insertr {
	float: right;
	border: 2px solid #f2f5fa;
	border-top-left-radius: 0.75em;
	border-top-right-radius: 0.75em;
	border-bottom-left-radius: 0.75em;
	border-bottom-right-radius: 0.75em;
	margin: 15px 55px 5px 0;
	}

img.inserts {
	float: right;
	border: 2px solid #f2f5fa;
	border-top-left-radius: 0.75em;
	border-top-right-radius: 0.75em;
	border-bottom-left-radius: 0.75em;
	border-bottom-right-radius: 0.75em;
	margin: 5px 30px 5px 5px;
	}

img.imgleft {
	float: left;
	border: 0px; 
	padding: 5px 5px 5px 0;
	}

img.imgheader {
	float: left;
	border: 0px; 
	margin-top: 30px;
	margin-left: 60px;
	}

img.imgright {
	float: right;
	padding: 6px 15px 2px 5px;
	}

img.list {
	float: right;
	padding: 15px 70px 2px 5px;
	}

h1 {
	display: block;
	text-align: center;
	}

h2 {
	text-align: center;
	color: #c12026;
	}

h3 {
	padding-top: -20px;
	text-align: center;
	color: #000000;
	}

h4 {
	text-align: center;
	color: #0c46c4;
	font-weight: bold;
	}

h5	{
	text-align: center;
	color: #000000;
	line-height: 2.0em;
	}

h6	{
	text-align: center;
	font-size: 0.75em;
	color: #000000;
	line-height: 2.0em;
	}
a {
	color: #ffffff;
	text-decoration: none;
	}

a:hover {
	color: #ffffff;
	text-decoration: none;
	}

a.blue {
	color: #00F;
	text-decoration: none;
	}

a.blue:hover {
	color: #F00;
	text-decoration: none;
	}

a.rec {
	color: #0c46c4;
	text-decoration: underline;
	}

a.rec:hover {
	color: #3366cc;
	text-decoration: none;
	}

a.block {
	color: #000000;
	text-decoration: none;
	border: 0;
	}

a.block:hover {
	color: #000000;
	text-decoration: none;
	border: 0;
	}

.menu{
	margin:0; 
	padding-left:25px; 
	width:160px; 
	list-style:none;
	background:#f2f5fa;
	}

.menu li{
	padding:0; 
	margin:0 0 1px 0; 
	height:30px; 
	display:block; 
	}

.menu li a{
	text-align:left;
	height:30px; 
	padding:0 0 0 10px; 
	font-family: 'trebuchet ms',Arial, Helvetica, sans-serif; 
	color:rgb(255,255,255); 
	display:block; 
	background:url('../img/bg_menu.png') 0px 0px no-repeat; 
	text-decoration:none;
	}

.menu li a:hover{
	background:url('../img/bg_menu.png') 0px -30px no-repeat; 
	color:rgb(255,255,255);
	}

.menu li a.active, .menu li a.active:hover{
	background:url('../img/bg_menu.png') 0px -60px no-repeat; 
	color:rgb(255,255,255);
	}

.menu li a span{
	line-height:30px;
	}

/* Inset 3D Raised */
.raised {background: transparent; width:95%; margin:0 auto;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#f0f8f9; border-left:1px solid #fff; border-right:1px solid #999;}