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

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #ccc;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	}


#horizon{
	background-color:#555658 ;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
	}
	
	#maincontainer {
	width:100%;
	padding:0;
	height:500px;
	margin-left: 0;
	position:absolute;
	left: 0;
	top: -250px; background-image: url(images/mainbg.gif);
	background-position:left;
	background-repeat:repeat-x;
	}
	
	#center {width: 985px; 
	padding: 0.5em 0 1em 0;
	margin: 0 auto 0 auto;
	}
	
	.clear {clear: both;
	margin: 0;
	padding: 0
	}
	
	#logo {text-align:right}
	
	#mainnav {margin: 1em 0 0 3em}
	
	
	
	#mainnav ul li {list-style: none;
	padding-right: 3em;
	display: inline;}
	
	#mainnav ul li a {color: #ccc;
	text-decoration: none;
	font-weight:bold}
	
	#mainnav ul li a:hover {color: #fff}
	#mainnav ul li a.on {color: #fff}
	
	#nav2 {margin: -0.5em 0 0 0;
	height: 70px;
	}
	
	#nav2 ul {margin-left: 9.25em}
	
	#nav2 ul li {list-style: none}
	
	#nav2 ul li a {color: #ccc;
	text-decoration: none}
	
	#nav2 ul li a:hover {color: #fff}
	#nav2 ul li a.on {color: #fff}
	
	
	#nav3 {margin-top: -0.5em;
	height: 70px;
	}
	
	#nav3 ul {margin-left: 17.75em}
	
	#nav3 ul li {list-style: none}
	
	#nav3 ul li a {color: #ccc;
	text-decoration: none}
	
	#nav3 ul li a:hover {color: #fff}
	#nav3 ul li a.on {color: #fff}
	
	
	#content {
	
	padding-left: 4em;
	font-family: "Times New Roman", Times, serif;
	font-size:20px;
	margin-top: 0.5em;
	height: 320px;
	}
	
	#content2 {
	
	padding-left: 7.75em;
	font-family: "Times New Roman", Times, serif;
	font-size:20px;
	margin-top: 0.5em;
	height: 323px;
	}
	
	#content3 {
	
	font-family: "Times New Roman", Times, serif;
	font-size:26px;
	margin-top: 0.5em;
	line-height: 0.75em;
	height: 320px;
	}
	
	
	
	
	
	#contentclients {
	
	margin-top: 3em;
	padding-left: 3em;
		color: #fff;
	font-size: small;
	font-weight:bold;
height: 371px;
	}
	
	#contentcontact {
	
	padding-left: 3.75em;
	font-family: "Times New Roman", Times, serif;
	font-size:21px;
	margin-top: 3em;
height: 347px;
	}
	
	#base {font-size: 9px;
	margin: 0.5em 0 0 8em;
	color:#666666;
	clear: both}
	
	#base a {color: #666;
	text-decoration:none}
	
	#base a:hover {color: #000}
	
	#intro {padding:  0 0 2em 6em;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: small;
	font-weight:bold}
	
	#intro2 {padding:  0 0 3em 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: small;
	font-weight:bold}
	
	
	
	#image {width: 225px;
	float: left;
	}
	
	#image2 {width: 150px;
	float: left;
	
	}
	
	#image3 {width: 210px;
	float: left;
	margin-left: 0.5em}
		
	
			
	#text  {width: 500px;
	float: left;
	margin-left: 3em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px}
	
	#text2  {width: 500px;
	float: left;
	margin-left: 7.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px}
	
	
	

.style1 {color: #fff;
}
	
	

.style4 {color: #ccc
}

.style5 {font-family: "Times New Roman", Times, serif;
font-size: 26px;
color: #fff;
letter-spacing:1px;
line-height: 1em}


table {margin-top: 1em;
width: 100%;
padding-right : 6px;
font-weight: normal}

td#left {padding-left: 0}
td#left2 {padding-left: 0}
td#tdintro  {color: #fff;
font-family: "Times New Roman", Times, serif;
	font-size: 26px;
	padding-bottom: 6px

	}

#contentcontact a {color: #ccc;
text-decoration: none}

#contentcontact a:hover {color: #F0589C}