/* CSS Document */
*{margin:0; padding:0;}

html{font-size:125%; height:100%;}
body{font-size:50%; background-color:#181416;}

/*TEXT STYLES*/
p, h2{
	font-size:1.0em; 
	font-family:verdana; 
	margin:10px 0; 
	color:#CCCCCC;
	}
	
table { margin: 0 auto 0 auto;}
	
.headers{font-size:7.5em; font-family:arial; margin:0px 0; color:#FFFFFF; text-align:center;}
.headersfront{font-size:5.3em; font-family:arial; margin:20px 0px 20px 0px; color:#FFFFFF; text-align:center;}

h1{font-size:2.4em; font-weight:normal; margin:20px 0px 10px 0px;  color:#FFFFFF; font-family:arial;}
h2{font-size:1.4em; font-weight:normal; margin:10px 20px 0 0px; color:#FFFFFF; font-family:arial;}
h3{font-size:1.2em; font-weight:normal; margin:10px 0px 0 0px; color:#FFFFFF; font-family:arial;}
h4{font-size:1.6em; font-weight:normal; margin:10px 20px 0 0px; color:#FFFFFF; font-family:arial;}
h5{font-size:2.4em; font-weight:normal; margin:10px 0px 10px 0px;  color:#FFFFFF; font-family:arial;}

a{text-decoration:none; color:#CCCCCC;}
a:hover{color:#008BC3; text-decoration:none;}
a#current {color:#008BC3; text-decoration:none;}
a img{border:0;}

.floatleft{float:left;}
	
/*NAVIGATION CSS BELOW*/
#navigation p{
	line-height:0px;
	color:#FFFFFF; 
	font-size:1.0em; 
	font-family:verdana; 
	font-weight:bold;
	text-align:left;
	}
#navigation p a {padding:0px; color:#ffffff;}
#navigation p a:hover{text-decoration:none; color:#000033;}
#navigation p a#current {color:#000033;}
#navigation{
	position:relative;
	background-color:#008BC3;
	width:886px;
	}
	
#navigationnews p{
	line-height:18px;
	color:#FFFFFF; 
	font-size:1.3em; 
	font-family:verdana; 
	margin:10px 3px 3px 3px;
	font-weight:bold;
	text-align:left;
	}
#navigationnews p a {padding:0px; color:#ffffff;}
#navigationnews p a:hover{text-decoration:none; color:#000033;}
#navigationnews p a#current {color:#000033;}
#navigationnews{
	position:relative;
	background-color:#008BC3;
	width:100%;
	font-family:verdana; 
	height:29px;
	}
	
.blue{
color:#000033;
	}
	
.clients{
	font-size:1.2em; 
	font-family:verdana; 
	margin:13px 0;
	color:#CCCCCC;
	}
	
.contact{
	font-size:1.4em; 
	font-family:verdana; 
	margin:13px 0;
	color:#CCCCCC;
	}
	
.solution{
	font-size:1.1em; 
	font-family:verdana; 
	margin:7px 0 9px 0;
	color:#CCCCCC;
	}
	
.ourteam{
	font-size:1.2em; 
	font-family:verdana; 
	margin:13px 0;
	color:#CCCCCC;
	}
	
.products{
	font-size:0.8em; 
	font-family:verdana; 
	margin:15px 0; 
	color:#CCCCCC;
	}
	
.brochures{
	font-size:1.0em; 
	font-family:verdana; 
	margin:13px 0;
	color:#CCCCCC;
	}
	
.news{
	font-size:1.3em; 
	font-family:verdana; 
	margin:10px 3px 3px 3px;
	color:#CCCCCC;
	}

.newstest{
	font-size:0.9em; 
	font-family:verdana; 
	margin:10px 10px 10px 10px;
	color:#CCCCCC;
	}

.solutions{
	font-size:1.0em; 
	font-family:verdana; 
	margin:0px 0;
	color:#CCCCCC;
	}
	
#subnavigation p{
	line-height:20px;
	color:#FFFFFF; 
	font-size:1.4em; 
	font-family:verdana; 
	font-weight:bold;
	text-align:left;
	}
#subnavigation p a {padding:0px; color:#ffffff;}
#subnavigation p a:hover{text-decoration:none; color:#008BC3;}
#subnavigation p a#current {color:#008BC3;}
#subnavigation{
	position:relative;
	width:578px;
	}
	
.menu {
	line-height:20px;
	color:#999; 
	font-size:1.2em; 
	font-family:verdana; 
	text-align:center;
	margin:30px 0 10px 0; 
	}
	
.menu a{text-decoration:none; color:#999;}
.menu a:hover{color:#008BC3; text-decoration:none;}
.menu a:active{color:#008BC3; text-decoration:none;}
.menu a:current {color:#008BC3;}

.footer {
	line-height:20px;
	color:#CCCCCC; 
	font-size:1.0em; 
	font-family:verdana; 
	text-align:right;
	margin:6px 0; 
	}
	
.bold{font-weight:bold;}

.center{text-align:center;}


	
/*CONTENT HOLDERS*/
#main{margin:-400px auto 0 auto; width:888px;}
#leftSide{margin-left:20px;}
#rightSide{margin-left:680px;}
#rightSide, #leftSide{position:absolute; top:290px; } 
#rightSideContent, #leftSideContent{padding:0 10px; width:200px; margin-top:-200px;}

.right15{margin-right:10px;}
.top15{margin-top:10px;}

#contentHolder{
	height:574px; 
	width:888px; 
	margin:0px auto 0 auto; 
	padding:0px;
	border:#008BC3 solid 1px;
	}
	
#top{
z-index:20;
margin:0 80px;
width:500px;
}

#frontcontent{width:888px; height:96px; margin:0px 0px; padding:0px 0px 0px 0px ;}
#frontcontent2{width:888px; height:183px; margin:0px 0px; padding:0px 0px 0px 0px ;}
#frontcontent3{width:888px; height:109px; margin:0px 0px; padding:20px 0px 0px 0px ;}

#fronttext{	width:600px; height:150px; margin:0px 0px 0px 154px; text-align: left;}
#fronttext p {margin:10px 0px 0 0px; color:#FFFFFF; font-size:0.9em; font-family:verdana; font-weight:normal;}

#buttons{width:176px; height:20px; margin:3px 0px 0px 0px; background-color:#008BC3; color:#FFFFFF; font-size:1.2em; font-family:verdana; font-weight:bold; text-align:left;}
#buttons p {line-height:17px; margin:0 10px 0 7px; color:#FFFFFF; font-size:1.0em; font-family:verdana; font-weight:bold;}
#buttons p a {padding:0px; color:#ffffff;}
#buttons p a:hover{text-decoration:none; color:#004762;}
#buttons p a#current {color:#004762;}

#maincontent{
	width:888px; 
	height:388px; 
	margin:0px 0px 0px 0px; 
	padding:2px 0px 0px 0px ;
	border-bottom:#008BC3 solid 1px;
	}
	
#middle{
	width:860px; 
	margin:0px 0px; 
	background-color:#FFFFFF; 
	padding:10px 20px 10px 20px ;
	}

#indexcolumn1{
	float: left;
	width:176px; 
	height:183px; 
	margin:0px 0px 0px 153px; 
	padding:0px 0px 0px 0px ;
}

#indexcolumn2{
	float: left;
	width:176px; 
	height:183px; 
	margin:0px 0px 0px 24px; 
	padding:0px 0px 0px 0px ;
}
#indexcolumn3{
	float: left;
	width:176px; 
	height:183px; 
	margin:0px 158px 0px 24px; 
	padding:0px 0px 0px 0px ;
}
	
#bottom{
	margin:auto auto auto auto; width:900px;
	width:888px; 
	height:30px; 
	text-align:right;
}

input
{
color: #FFFFFF;
background: #181415;
border: 1px solid #008BC3;
font-size:1.0em; 
font-family:verdana; 
}

textarea
{
color: #FFFFFF;
background: #181415;
border: 1px solid #008BC3;
font-size:1.0em; 
font-family:verdana; 
}

.submit input
{
color: #FFFFFF;
background: #008BC3;
border: 2px outset #008BC3;
font-size:1.0em; 
font-family:verdana; 
}