/*   --- STRUCTURE ---   */

body {
background: #fff url(images/bg.gif) repeat-x;
margin: 0;
padding: 0;
text-align: center;
}

#container {
width: 960px;
margin: 0 auto;
text-align:left;
}


#header {
height:85px;

}

	#header-left{
	float: left;
	}
	
	#header-right{
	float: right;
	}


#nav-main {
float:right;
position:relative;
top:-17px;
}

	#nav-main ul {
	display: block;	
	}
	
	#nav-main li {
	background: url(images/vdots-white.gif) repeat-y right;
	display: inline;
	float: left;
	list-style: none;
	height: 25px;
	padding: 30px 10px;
	}
	
		#nav-main li.last {
		background: none;
		display: inline;
		float: left;
		list-style: none;
		height: 25px;
		padding: 30px 10px;
		}
	
#content {
clear:both;
overflow:hidden;
padding:0 0 20px;

}

.feature {
background: url(images/hdots.gif) repeat-x bottom;
height:430px;
padding:20px 0 0;
}

	.feature p{
	font-size: 14px;
	}

	.feature-left {
	float:left;
	margin:0 40px 0 0;
	width:300px;
	}
	
	.feature-right {
	float: left;
	padding:50px 0 0 20px;
	width: 588px;	
	}


.feature-home {
background: url(images/hdots.gif) repeat-x bottom;
padding:0px 0 40px;
text-align:center;
}

.feature-specs {
padding:20px 0 40px;
}

	.feature-center {
	text-align: center;
	margin: 0 auto;
	}
	
.solution {
float: left;
padding:0 0 25px;
}

.specs {
background: url(images/hdots.gif) repeat-x bottom;
min-height:120px;
padding:10px 0;
margin:0 0 20px;
}

	.specs p {
	font-size: 12px;
	}

.specs-home {
background: url(images/hdots.gif) repeat-x bottom;
height:120px;
padding:20px 0;
margin:0 0 20px;
}

	.specs-home p {
	font-size: 13px;
	}
	.specs-1{
	background: url(images/vdots.gif) repeat-y right;
	width: 280px;
	float: left;
	text-align: center;
	padding:0 20px;	
	}
		.specs-last{
		width: 280px;
		float: left;
		text-align: center;
		padding: 0px 20px;
		}
		
		
	.specs-1-home{
	background: url(images/vdots.gif) repeat-y right;
	width: 280px;
	float: left;
	text-align: center;
	padding:0 20px;	
	height: 120px;
	}
		.specs-last-home{
		width: 280px;
		float: left;
		text-align: center;
		padding: 0px 20px;
		}
		
.mobile-home {
float: right;
width: 155px;
text-align:left;
}

	.mobile-home p {
	font-size:11px;
	line-height:16px;
	margin:15px 0 0;
	}
	
	
.navigation {
background: url(images/bg-navigation.gif) no-repeat;
width: 720px;
height: 147px;
text-align: center;
margin: 0 auto;
padding: 28px 50px;
}

	.navigation-1{
	float:left;
	padding:25px 12px;
	width: 205px;
	}
	
	.navigation-2{
	float:left;
	padding: 0 12px;
	}
	
	
.left {
margin:0 25px 0 0;
float: left;

}


	.left-heading {
	float: left;
	margin:0 30px 0 0;
	}
	
	.left-buttons {
	float: left;
	margin:5px 0 0;
	}

	.left-internal {
	background: url(images/vdots.gif) repeat-y right;
	width: 575px;
	float: left;
	margin: 0 25px 0 0;
	padding: 0 10px 0 0 ;
	}

.right {
float: right;
}

	.right-work {
	float:left;
	padding:60px 50px 0;
	width:375px;
	}
	
	.right-port {
	float:left;
	padding:60px 50px 0;
	width:410px;
	}
		
#footer {
background: #006e97;
overflow: hidden;
}

#sitemap {
width:960px;
margin: 0 auto;
text-align: left;
padding: 5px 0;
}
	#sitemap p {
	color: #fff;
	font-size: 10px;
	}
	
	ul.sitemap-menu {
	background: url(images/hdots-white.gif) repeat-x bottom;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 25px;
	}
		ul.sitemap-menu li {
		display: inline;
		margin: 0 10px 0 0 ;
		}
		
		ul.sitemap-menu li a{
		text-transform: uppercase;
		font-weight:bold;
		text-decoration: none;
		font-size: 10px;
		color:#fff;
		}

#legals {
width: 960px;

}

	.legals-left{
	width:800px;
	float:left;
	}
	
		.legals-left a {
		color: #fff;
		font-weight:bold;
		}
	
	.legals-right {
	width: 115px;
	float:right;
	margin: 10px 0 0 0;
	}
	
.specs-column {
width: 260px;
float:left;
margin:0 0 20px;
}

.specs-column-right {
float:left;
margin:0 0 20px;
width: 325px;
}

.feature-right ul, .feature-left ul {
padding: 0px;
}

.feature-right li, .feature-left li {
list-style:none outside none;
margin:0 0 15px;
line-height:16px;
}

.feature-right h2, .feature-left h2 {
color:#FF6600;
font-size:16px;
margin: 5px 0 0 0;
}

.specs-features {
float: left;
width: 195px;
}


/*   --- TYPOGRAPHY ---   */

body, div, td, p {
font: normal 12px Trebuchet MS, Arial, Helvetica, sans-serif;
color: #3e3e3e;
line-height: 21px;
}

a {
font-weight:bold;
text-decoration: none;
color:#FF6600;

}

a:hover {
color: #3e3e3e;
text-decoration: none;

}

h1, h2, h3, h4 {

}

.hr {
background: url(images/hdots.gif) repeat-x center;
height:5px;
margin:10px 0;
clear: both;
}


.specs h2 {
font-size: 16px;
text-transform: uppercase;
color: #ff6600;
line-height: 12px;
}

input.submit {
background: url(images/button-submit.gif) no-repeat;
border: none;
width:97px;
height:25px;
text-indent: -9999px;
float: right;
margin: 15px 0;
cursor: pointer;
}

tr {
height: 50px;
}

a img {
outline: none;
}

/*   --- OTHER ---   */

.about {
padding: 0 0 0 100px;
}

	.about ul{
	list-style: none;
	}