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

<style type="text/css">

* {
	margin: 0;
	border: 0;

}

body,
	html {
	background: #ffffff;
	height: 100%;
	font-family:"Helvetica", Helvetica, sans;
	margin:0;
	padding:0;
	color:#647383;
	font-size: 8px;
	}
	
	body {
	/*background: #e3eac9;*/
	background: #ffffff;
		min-width: 900px;
		margin: 0px;
	}
	
	body,td,th {
	font-family:Arial, Helvetica, sans-serif;
	/*font-family: Arial, Helvetica, sans-serif;*/
	color: #647383;
	font-size: 12px;
	}
	
	img, div {
	behavior: url(iepngfix.htc);
	outline: none;
	text-align: left;
	vertical-align: top;
	}
	
	#ground {
	background-image: url(assets1/groundgrade.jpg);
	background-repeat: repeat-x;
	height: auto !important;
	height: 100%;
	}
	
	#wrap {
	background: transparent;
	width:900px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -0;
	}
	* html #container {
		height: 100%;
	}
	#header {
	background: url(assets1/header.png);
	margin: 0;
	height:380px;
	width: 900px;
	float: left;
	background-repeat: no-repeat;
	}
	
	#headerflash {
	background: #000000;
	margin-top: 40px;
	margin-left: 40px;
	height:250px;
	width: 810px;
	float: left;
	}
	
	#flashcontent {
		height: 100%;
	}
	
	#logo {
	float: left;
	padding-left: 25px;
	padding-top: 15px;
	padding-right: 100px;	
	}
	
	
	#main_nav{
	float: right;
	width: 500px;
	padding-top: 40px;
	padding-right: 52px;
	}
	
	
	
	main_nav a{
	color: #ffffff;
	
	}
	
	.main_image h2 a {
color: #FFFFFF;
text-decoration: none;
}

.main_image a {
color: #FFFFFF;
text-decoration: underline;
}

.main_image a:hover {
color: #CCCCCC;
}

.main_image {
float: left;
position: relative;
overflow: hidden;
color: #FFFFFF;
}

.main_image h2 {
font-size: 2em;
font-weight: normal;
margin: 0 0 5px;
padding: 10px;
}

.main_image p {
font-size: 1.2em;
padding: 10px;
margin: 0;
line-height: 1.6em;
}

#main_container{
	width:760px;
	margin:0px auto 0px auto;
	display:block;
	}
	
	#left {
	display: inline;
	margin-top: 15px;
	padding-bottom: 40px;
	padding-left: 10px;
	float:left;
	width: 200px;
	}
	
	.slider {
	height:280px;
	width:560px;
	margin:0;
	padding:0;
}
.slider h2 { color:#000; font:normal 48px Arial, Helvetica, sans-serif; margin:0; padding:0 40px; line-height:1.4em; }
.slider p { color:#505050; font:normal 14px Arial, Helvetica, sans-serif; margin:0; padding:0 40px; line-height:1.8em; }
.slider div.img {
	float:left;
	padding:0;
	margin:10px auto;
}
.slider2 { width:560px; margin:0 auto; padding:0; }
.slider2 h2 { color:#000; font:normal 48px Arial, Helvetica, sans-serif; margin:0; padding:0 20px; line-height:1.4em; }

	
	#slider { width:560px; height:400px; margin:0 auto; padding:0; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li {
	width:560px;
	height:400px;
	overflow:hidden;
}
p#controls { margin:0; padding:0; position:relative; }
#prevBtn { display:block; margin:0; overflow:show; width:29px; height:29px; position:absolute; left:-50px; top:100px; }
#nextBtn { display:block; margin:0; overflow:show; width:29px; height:29px; position:absolute; left:-50px; top:100px; }

#prevBtn a { display:block; width:29px; height:29px; background:url(images/l_arrow.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:29px; height:29px; background:url(images/r_arrow.gif) no-repeat 0 0; }

	#signup {
	margin-top: 0px;
	padding-top: 8px;
	margin-bottom: 10px;
	float:left;
	width: 200px;
	letter-spacing: 0px;
	text-align: center;
	}
	
	#signup2 {
	margin-top: 0px;
	padding-top: 8px;
	margin-bottom: 0px;
	float:left;
	width: 200px;
	letter-spacing: 0px;
	text-align: center;
	}
	
	#signup3 {
	border-top:solid #336699 1px;
	margin-top: 0px;
	padding-top: 4px;
	margin-bottom: 0px;
	float:left;
	width: 200px;
	letter-spacing: 0px;
	text-align: center;
	}
	
	#whereweare {
	margin-top: 0px;
	padding-top: 8px;
	margin-bottom: 0px;
	float:left;
	width: 325px;
	letter-spacing: 0px;
	text-align: justify;
	}

	#content {
	float: right;
	width: 250px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	color: 003366;
	padding-left: 10px;
	}
	
	#form {
	float:left;
	width: 450px;
	}
	
	#feature {
	float:left;
	width: 578px;
	height: 180px;
	border-color: #036;
	background-image:url(assets1/feature.png);
	background-repeat: no-repeat;
	}
	
	#featurenext {
	float:left;
	width: 590px;
	height: 40px;
	}
	
	#featurenext1 {
	float:left;
	font-family: Trebuchet Ms;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size:16px;
	color:#798e5d;
	width: 250px;
	height: 25px;
	padding-top: 10px;
	padding-left: 7px;
	}
	
	#featurenext2 {
	float: right;
	font-family: Trebuchet Ms;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size:10px;
	color:#036;
	width: 315px;
	height: 25px;
	text-align: left;
	float: right;
	padding-right: 13px;
	}
	
	#featurenext3 {
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size:0.6em;
	color:#666;
	height: 25px;
	text-align: left;
	vertical-align: text-bottom;
	padding-top: 4px;
	padding-left: 10px;
	padding-right: 15px;
	}
	
	#featurenext4 {
	float: left;
	font-family: Trebuchet Ms;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size:12px;
	color:#036;
	height: 25px;
	text-align: left;
	vertical-align: text-bottom;
	padding-left: 12px;
	}
	
	#featurework {
	float:left;
	width: 580px;
	height: 50px;
	border-color: #036;
	background-repeat: no-repeat;
	padding-left: 5px;
	background-image: url(assets1/feature3.png);
	padding-bottom: 10px;
	font-size: 22px;
	}
	
	#featurework2 {
	float:left;
	width: 600px;
	height: 25px;
	border-color: #036;
	background-repeat: no-repeat;
	padding-left: 5px;
	background-image: url(assets1/feature2.png);
	margin-top: -35px;
	}
	
	#featurework3 {
	float:left;
	width: 600px;
	height: 160px;
	border-color: #036;
	background-repeat: no-repeat;
	padding-left: 5px;
	padding-bottom: 22px;
	font-size: 12px;
	}
 
 	#featurebox {
	margin-bottom:10px;
	font-size:11px;
	padding-top: 15px;
	padding-left: 15px;
	color: #798e5d;
	float:left;
	width: 300px;
	height: 150px;
	text-align: left;
	line-height: 18px;	}
	
	#featuretext {
	font-size: 11px;
	color: grey;
	padding-top: 5px;
	float:left;
	width: 255px;
	text-align: left;
	line-height: 22px;
	}
	
	#features_block_right {
	float:left;
	width: 280px;
	height: 140px;
	border-color: #036;
	background-repeat: no-repeat;
	padding-left: 5px;
	padding-bottom: 10px;
	font-size: 12px;
	}
	
	#featurethumbs {
	font-size: 11px;
	color: #647383;
	padding-top: 0px;
	padding-left: 6px;
	padding-right: 10px;
	float:left;
	width: 570px;
	text-align: justify;
	line-height: 16px;
	}
	
	/********************************************************************************************** Features Blocks */	
#features_wrap{
	position:relative;
	width:780px;
	background: repeat-y url('../images/features_bg.jpg');
 	}
.features_corners_top{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:960px;
	height:9px;
	background:center top  no-repeat url('../images/features_corners_top.jpg'); 
	}
.features_corners_bottom{
	position:absolute;
	bottom:0px; 
	left:0px;
	display:block;
	width:960px;
	height:37px;
	font-size:11px;
	text-align:right;
	background:center  top no-repeat url('../images/features_corners_bottom.jpg');
	}

.features_block_left{
	width:285px;
	margin:25px 20px 45px 25px;
	float:left;
	display:inline;
	}
.features_block_center{
	width:260px;
	margin:25px 20px 45px 20px;
	float:left;
	display:inline;
	}
.features_block_right{
	width:285px;
	margin:25px 25px 45px 20px;
	float:left;
	display:inline;
	}
	
.features_block_left h4{
	background:top left no-repeat url('../images/blog_icon.jpg');
	padding-left:45px;
	padding-top:5px;
	height:29px;
	padding-bottom:20px;
	}
.features_block_center h4{	
	background:top left no-repeat url('../images/features_icon.jpg');
	padding-left:50px;
	padding-top:5px;	
	height:29px;
	}
.features_block_right h4{
	background:top left no-repeat url('../images/testimonials_icon.jpg');
	padding-left:45px;	
	padding-top:5px;
	height:29px;
	}
.features_block_left a{
	display:block;
	color:#7E7E7E;
	padding:15px 10px!important;
	border-top:1px #d2d2d2 solid;
	}
.features_block_left a:hover{
	background-color:#E5E5E5;}

.features_footer_left{
	width:285px;
	height:27px;
	padding:10px 20px 0px 25px;
	float:left;
	display:inline;
	}
.features_footer_center{
	width:260px;
	height:27px;
	padding:10px 20px 0px 20px;
	float:left;
	display:inline;
	}
.features_footer_right{
	width:285px;
	height:27px;
	padding:10px 25px 0px 20px;
	float:left;
	display:inline;
	}


.clear{
	width:960px;
	height:1px;
	clear:both;
	}
/**********************************************************************************************  Client List */

	
	#threecol {
	margin-top: 0px;
	float:left;
	width: 150px;
	text-align: justify;
	height: 150px;
	}
	
		#twocol {
	margin-top: 10px;
	float:left;
	width: 680px;
	height: 500px;
	}

	#products {
	width: 575px;
	line-height: 18px;
	text-align: justify;
	}
	
	#tech {
	padding-left: 5px;
	width: 150px;
	line-height: 18px;
	text-align: justify;
	}
	
	#services {
	padding-bottom: 20px;
	padding-left: 25px;
	float:left;
	width: 150px;
	line-height: 18px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #798e5d;
	}
	
	#blog {
	padding-left: 25px;
	float:left;
	width: 180px;
	line-height: 18px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #798e5d;
	padding-bottom: 20px;
	}
	
	#blog2 {
	padding-left: 25px;
	float:left;
	width: 150px;
	line-height: 18px;
	padding-bottom: 20px;
	}
	
	#bodytext {
	padding-left: 0px;
	float:left;
	width: 580px;
	line-height: 18px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #798e5d;
	text-align: justify;
	padding-right: 10px;
	}
	
	#bodyimage {
	float:left;
	width: 590px;
	padding-bottom: 10px;
	}
	
   #tophalf {
	color: #486380;
	margin: 0;
	width: 900px;
	z-index: 100;
	letter-spacing: 1px;
	}
	#bottomnavfull {
	color: #ffffff;
	margin-left: 30px;
	float:center;
	width: 850px;
	height: 130px;
	margin-top: 0px;
	}
	#bottomnav {
	padding-top: 0px;
	float:left;
	width: 170px;
	padding-right: 0px;
	}
	
	#bottomlinks {
	color: #336699;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-size:11px;
	font-weight: 60;
	width: 150px;
	height: 22px;
	line-height: 12px;
	text-align: left;
	}
	
	
	/*#bottomnav a{
	color: #ffffff;
	}*/
	
	#footer {
	width:900px;
	clear: both;
	text-align:center;
	height: 145px;
	background-image: url(assets1/footer.jpg);
	background-repeat: no-repeat;
	padding-top: 15px;
}
/*
#footer a {
	color: #ffffff;
}
#footer a:hover {
	color: #000000;
}*/


#footer_content{
	text-align:left;
	margin-top: 15px;
	}
	
#footer_content2{
	width: 100px;
	height: 160px;
	text-align:left;
	}
	
#footer_content3{
	width: 100px;
	display: block;
	height: 160px;
	text-align:left;	
	}
	
#footer_content4{
	width: 100px;
	height: 160px;
	text-align:left;	
	}
	
	#footerbottom{
	margin-top: 0px;
	display:inline;
	}
	
	.copyright {
	display:block;
	font-size:9px;
	color:#647383;
	text-align: center;
	padding-top: 10px;
}

.copyright a {
text-decoration:none;
color:#333333;
}
	
	 #usernav {
	font-size: 9pt;
	margin-bottom: 0px;
	padding-right: 20px;
	float:left;
	text-align: right;
	}
	
	#usernav a{
	padding-right: 5px;
	color: #cccccc;
	text-decoration: none;
}
	#usernav a:hover {
	padding-right: 5px;
	text-decoration: none;
	color: #ffcc00;
}
	
	#footnote {
	font-family:Tahoma, Geneva, sans-serif;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 9px;
	color:#669;
	font-style: oblique;
	text-align: left;
	}
	
	h1 {
	font-family:"Times New Roman",Times, serif;
	font-size:24px;
	color: #647383;
	padding-bottom: 5px;
	margin-top: 10px;
	margin-bottom: 0px;
	font-weight: normal;
	}
	
	#headline {
	font-family:"Times New Roman",Times, serif;
	font-size:24px;
	color:#798E5D;
	padding-bottom: 6px;
	margin-top: 10px;
	line-height: 18px;
	width: 240px;
	}
	
	#nheadline {
	font-family:"Times New Roman",Times, serif;
	font-size:24px;
	color:#336699;
	padding-bottom: 6px;
	margin-top: 10px;
	line-height: 18px;
	width: 240px;
	text-align:right;
	}
	
	h2 {
	font-family: Trebuchet Ms;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size:9px;
	color:#999;
	font-style: oblique;
	}
	h20 {
	font-family:Trebuchet Ms;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size:19px;
	color:#cc9900;
	font-weight: 900;
	padding-left: 4px;
	margin-top: 0px;
	margin-bottom: 10px;
	}
	h3 {
	font-family:Trebuchet Ms;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size:9px;
	color:#999;
	}
	#pagetitle {
	font-family:Trebuchet Ms;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size:24px;
	float: left;
	color:#336699;
	font-weight: 900;
	margin-left: 40px;
	margin-top: 25px;
	width: 500px;
	}
	h4 {
	font-family:Trebuchet Ms;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size:14px;
	color:#336699;
	font-weight: 900;
	padding-left: 2px;
	padding-top: 0px;
	}
	h5 {
	font-family:Trebuchet Ms;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size:12px;
	color:#336699;
	font-weight: 900;
	padding-top: 6px;
	padding-bottom: 4px;
	margin: 0px;
	}
	h6 {
	font-family:Trebuchet Ms;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size:12px;
	color:#336699;
	font-weight: 900;
	padding-top: 6px;
	padding-bottom: 4px;
	margin: 0px;
	}
	h7 {
	font-family: Trebuchet Ms;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size:16px;
	color:#798e5d;
	font-weight: 900;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	}

	ul {
	list-style-type:none;
	padding:0px 0 0px 0;
	margin:-3px 0;
	}
	ul li {
	float:left;
	margin:0 2px;
	color:
	}

	ul li a {
	  display:block;
	  padding:0px 10px;
	  color:#4863A0;
	  text-decoration:none;
      }
      
      ul li a.current {
      color:#2B3856;
      }
      ul li a:hover {
      color:#2B3856;
      }

a:link {
	color: #336699;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #4863A0;
}

a:hover {
	text-decoration: none;
	color: #2B3856;
}
a:active {
	text-decoration: none;
	color: #2B3856;
}

a.user:link {
	color: #ffffff;
	text-decoration: none;
}
a.user:visited {
	text-decoration: none;
	color: #ffffff;
}
a.user:hover {
	text-decoration: none;
	color: #e5daa0;
}
a.user:active {
	text-decoration: none;
	color: #ffffff;
}
	
	#enterbttn {
  width: 67px;
  height: 28px;
  margin: 0;
  margin-top: 8px;
  padding-left: 10px;
  border: 0;
  background: transparent url(assets/enter.png) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

#enrollbttn {
  width: 67px;
  height: 24px;
  margin: 0;
  padding-left: 10px;
  border: 0;
  background: transparent url(assets/enroll.png) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

#replacement-2 {
  width: 67px;
  height: 24px;
  padding: 24px 0 0;
  margin: 0;
  border: 0;
  background: transparent url(assets/enter.png) no-repeat center top;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

/********************************************************************************************** Contact Form */
span.red{
	color:#F00;}
.message{
	display:block;
	width:80%;
	padding:10px;
	margin:0px auto;
	border:1px #999 solid;
	text-align:center;
	font-size:16px;
	/* styles in template_style.css */
	}	
#commentForm {
	width: 350px;	
	}
#commentForm label.error { 
	width: 250px; text-align:left;  color: #F00; font-size:12px;
	}
#commentForm label.error{
	display:block;
	}

#commentForm input.submit:hover {
	background-color:#069;
	}	
table.quote-form {
	}
table.quote-form tr td{
	border:0px!important;
	}
table.quote-form tr td.field-name{
	width:150px;
	padding:12px;
	text-align:right;	

	}
table.quote-form input, table.quote-form select, table.quote-form textarea{
    width:180px;
	background-color:#F2F2F2;
	border:1px #C5C5C5 solid;
	padding:5px;
	}
table.quote-form select{
	/*width:250px;*/
	background-color:#F2F2F2;
	}
table.quote-form textarea{
	width:250px;
	height:200px;
	background-color:#F2F2F2;
	border:1px #C5C5C5 solid;
	padding:5px;
	}
table.quote-form .submit{
	/*width:79px;8/
	height:30px;
	display:block;
	border:0px;
	padding:0px;
	cursor:pointer;
	/* styles in template_style.css */
	}
table.quote-form .submit:hover{
	/* styles in template_style.css */
	}	
	
	/********************************************************************************************** Sidebar */

#sidebar{
	width:285px;
	margin:25px 25px 25px 20px;
	float:left;
	display:inline;
	}
#sidebar .submenu {
	margin-bottom:40px;
	}
#sidebar .submenu a{
	display:block;
	padding:10px;
	border-bottom:1px #d2d2d2 solid;	
	}
#sidebar .sidebar_block{
	margin-bottom:10px;
	width:150px;
	float: right;
	}	


		

</style>