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


/*

CSS Table of Contents

1.0	Body
	1.1	Headings
	1.2	Hyperlinks
	1.3 List Style
	1.4 General Classes
	1.5	General ID's
	
2.0	Header

3.0	Navigation
	3.1	Hyperlinks
	3.2	Left/Right Organisation
	
4.0	Secondary Navigation
	4.1	Hyperlinks
	
5.0	Index Page
	5.1	Left Container
	5.2	News Item
	5.3	Right Container
	5.4	Event Item

6.0	Features Solutions
	6.1	Content and background Image
	6.2	Text override.

7.0	Solutions

8.0	Contact Form

9.0	Sitemap

10.0	Contact Form Validation

*/

/*
	1.0	Body
*/
body{
	background:#fefefe;
	
	font-family:"Trebuchet MS";
	font-weight: normal;
	font-size: 12px;
	
	margin: 0;
	padding: 0;
}

/*
	1.1	Headings
*/
	h2
	{
		font-family:"Century Gothic", "Trebuchet MS", Arial, sans-serif;
		color: #b0b0b0;
		font-size:22px;
		margin-top:10px;
	}
	
	h3
	{
		font-family:"Century Gothic", "Trebuchet MS", Arial, sans-serif;
		color: #808080;
		font-size:16px;
		text-transform:uppercase;
		margin:0;
		padding:0;
	}
	
/*
	1.2	Hyperlinks
*/
	a
	{
		font-weight:bold;
		text-decoration:none;
		color: #0099FF;
	}
	
	a:hover
	{
		border-bottom: 1px dotted #005B9F;
	}

/*
	1.3	List Styling
*/

	ul
	{
		list-style:square;
	}
	
/*
	1.4	General Classes
*/
	.container
	{
		margin: 0 auto;
		padding: 0;
		
		width:750px;
		
		clear:both;
	}
	
	.small
	{
		font-size: 11px;
		color:#666;
	}	
	
/*
	1.5	General ID's
*/
	#content
	{
		width:650px;
	}
	
	#contentpicture
	{
		margin-top:20px;
		height:100px;
		clear:both;
	}
	
	#footer
	{
		padding-bottom:30px;
	}
	

/*
	2.0	Header
*/
	
	#header
	{
		background: #09F url(../images/background.jpg) repeat-x;
		height:100px;
		
		margin: 0;
		padding: 0;
		
		clear:both;
	}
	
		#headerpadding
		{
			background: #09F url(../images/background.jpg) repeat-x;
			margin: 0 auto;
			padding: 0;
			
			width:750px;
			height:100px;
		}
		
		#headerimage
		{
			background:#09F url(../images/header.jpg) left no-repeat;
			
			margin: 0;
			padding: 0;
			
			width:199px;
			height:100px;
		}
		
		#header h1
		{
			width: 0;
			height: 0;
			
			margin:0;
			padding:0;
			
			overflow: hidden;
		}
		
		#header h2
		{
			width: 0;
			height: 0;
			
			margin:0;
			padding:0;
			
			overflow: hidden;
		}
		
		#header .hidden
		{
			margin: -150px, 0, 0, 0;
			display:block;
		}
		
/*
	3.0	Navigation
*/
	
	#navigation
	{
		background: #333;
		
		height: 40px;

		margin: 0;
		width: 100%;
		
		text-align:left;
	}
	
		#navigation ul
		{
			margin: 0;
			list-style-type: none;
			padding-top: 12px;
			padding-bottom: 12px;
			width: 100%;
			
			margin-left:0;
			padding-left:0;
		}
		
			#navigation ul li
			{
				display:inline;
				margin-right:20px;
			}

/*
	3.1	Hyperlinks
*/	
		#navigation a
		{
				font-family:Arial, Helvetica, sans-serif;
				text-decoration:none;
				color:white;
				font-size:12px;
				
				text-transform:uppercase;
				font-weight:normal;
		}
		
		#navigation a:hover
		{
			border-bottom:1px dotted white;
			
		}
		
			
/*
	4.0	Secondary Navigation
*/	
	#secondarynavigation ul
	{
		margin: 0;
		
		list-style:none;
		padding-top: 12px;
		padding-bottom: 12px;
		
		margin-left: 0;
		padding-left:0;
	}
	
	#secondarynavigation ul li
	{
		display: inline;
		margin: 0 50px 0 0;
	}
	
/*
	4.1	Hyperlinks
*/	
	#secondarynavigation ul li a
	{
		font-weight:normal;
		color: #333;
		font-size:12px;
		background:#e2e2e2;
		padding:4px;
	}
	
	#secondarynavigation ul li a:hover
	{
		background:#a5d5f9;
		border-bottom:none;
	}
	
	#secondarynavigation ul li a.current
	{
		background:#a5d5f9;
	}
	

/*
	5.0	Index Page
*/

	#mainpage
	{
		padding-top:20px;
	}
/*
	5.1	Left Container
*/
	#leftcontainer
	{
		width:400px;
		float:left;
		
		
	}
		#leftcontainer .info
		{
			margin-top: 0px;
			padding-top: 0px;
		}
		
		#leftcontainer p
		{
			color: #868686;

		}
		
/*
	5.2	News Item
*/
		
			#news .newsitem
			{
				width:200px;
				float:left;
				margin-top:10px;
			}
			#news .newsitem .newsitemheading
			{
				clear:both;
				width:190px;
				height:18px;
				display:block;
				background:#E6E6E6;
			}
			#news .newsitem .newsitemheading .newsitemtitle
			{
				font-family:"Century Gothic", "Trebuchet MS", Arial, sans-serif;
				
				color: #101010;
				font-size:14px;
				text-transform:uppercase;
				margin:0;
				padding:0;
				float:left;
			}
			
			#news .newsitem .newsitemheading .newsitemdate 
			{
				float: right;
				font-style:italic;
				color: #057AD2;
				font-size:12px;
			}
			
			.newsitemdate
			{
				font-style:italic;
				color: #057AD2;
				font-size:12px;
			}
/*
	5.3	Right Container
*/
	#rightcontainer
	{
		width:325px;
		margin: 0;
		padding-left:25px;
		
		float:left;
	}
	
		#rightcontainer p
		{
		 color: #868686;
		 }

/*
	5.4	Event Item
*/

		.eventitem
		{
			width: 320px;
			margin-top: 20px;
		}
		
		.eventitem .eventheading
			{
				clear:both;
				width:320px;
				height:18px;
				display:block;
				background:#E6E6E6;
			}
			.eventitem .eventheading .eventtitle
			{
				font-family:"Century Gothic", "Trebuchet MS", Arial, sans-serif;
				
				color: #101010;
				font-size:14px;
				text-transform:uppercase;
				margin:0;
				padding:0;
				float:left;
			}
			
			.eventitem .eventheading .eventdate
			{
				float: right;
				font-style:italic;
				color: #057AD2;
				font-size:12px;
			}
			
			.eventitem .eventcontent
			{
				width:280px;
				margin-left:40px;
			}
			
/*
	6.0	Features Solutions
*/
	#featuredsol{
		position:relative;
		overflow:hidden;
		width:750px;
		height:349px;
		margin-top:20px;
	}
	
		#featuredsol a{
			font-size:12px;
		}
		
		#featuredsol a:hover{
			border-bottom:1px dotted blue;
		}
		
		#featuredsol h2{
			color:white;
			font-size:1.5em;
		}
		
		#featuredsol p{
			font-style:italic;
		}
	
/*
	6.1	Content and background Image
*/
	.featuredcontent{
		width:400px;
		padding:20px;
		position:absolute;
		bottom:0px;
	}
	
		#nexusams
		{
			position:relative;
			
			width:750px;
			height:349px;
			background:url(../images/scroller/nexusams.jpg) no-repeat;
		}
		
		#nexusasb
		{
			position:relative;
			
			width:750px;
			height:349px;
			background:url(../images/scroller/nexusasb.jpg) no-repeat;
		}
		
		#nexusatrs
		{
			position:relative;
			
			width:750px;
			height:349px;
			background:url(../images/scroller/nexusatrs.jpg) no-repeat;
		}
		
		#visicadcommand
		{
			position:relative;
			
			width:750px;
			height:349px;
			background:url(../images/scroller/visicadcommand.jpg) no-repeat;
		}
		
		#visinetbrowser
		{
			position:relative;
			
			width:750px;
			height:349px;
			background:url(../images/scroller/visinetbrowser.jpg) no-repeat;
		}
		
		#visinetmobile
		{
			position:relative;
			
			width:750px;
			height:349px;
			background:url(../images/scroller/visinetmobile.jpg) no-repeat;
		}
		
/*
	6.2	Text override.
*/
		#nexusasb .featuredcontent p{
			color:#fefefe;
		}
		
		#nexusatrs .featuredcontent p
		{
			color:#fefefe;
		}
		
		#visicadcommand .featuredcontent p{
			color:#fefefe;
		}
		
		#visinetbrowser .featuredcontent p{
			color:#fefefe;
		}
		
		#visinetmobile .featuredcontent p{
			color:#fefefe;
		}


/*
	7.0	Solutions
*/	
	.solution
	{
		background:#f2f8ff;
		clear:both;
		overflow:hidden;
		margin-top:30px;
		margin-bottom:-15px;
	}
	
		.solution .solution_image
		{
			float:left;
			margin-right: 20px;
			padding: 5px;
		}
		
		.solution .solution_title h2
		{
			margin:0;
			padding:0;
			
			color:#666;			
			text-transform:uppercase;
		}
		
		.solution .solution_text
		{
			color: #444;
			margin-right:20px;
			margin-top:5px;
		}
		
		.solution .solution_text .solution_link a 
		{
			text-transform:uppercase;
			border-bottom: 1px dotted;
			font-weight:normal;
		}
		
		.solution .solution_text .solution_link a:hover
		{
			color:#333;
		}

/*
	8.0	Contact Form
*/

	#contactform
	{
		float:left;
		width: 280px;
		border-right:1px solid #e8e8e8;
		margin-top: 20px;
	}
	
		#contactform .field-label
		{
			margin-top:15px;
			margin-bottom:15px;
		}
		#contactform .field-label label
		{
			color:#6dabff;
			background:#e5f0ff;
			padding-top:5px;
			padding-bottom:5px;
			padding-left:8px;
			padding-right:8px;
		}
		
		#contactform .field-input input
		{
			border: 1px solid #e8e8e8;
			width: 200px;
		}
		
		#contactform .field-input textarea
		{
			border: 1px solid #e8e8e8;
		}
		
		#contactform #submitbutton input
		{
			color:#6dabff;
			margin-left: 150px;
			background:#e5f0ff;
			padding-top:5px;
			padding-bottom:5px;
			padding-left:8px;
			padding-right:8px;
			border: none;
			margin-top:15px;
		}
	
	#contactdetails{
		float:left;
		width:300px;
		margin-left:50px;
		margin-top:80px;
	}
	
		#contactdetails .contacttitle
		{
			text-transform:uppercase;
			color:#0099FF;
			margin-top:15px;
		}
/*
	9.0	Sitemap
*/		
	#sitemap ul
	{
		list-style: none;
		
		padding:0;
		margin:0;
		margin-left:30px;
	}
	
		#sitemap ul li
		{
			text-transform:uppercase;
			font-size:14px;
			color: #999;
			padding-top: 1px;
			padding-bottom: 1px;
		}
		
		#sitemap ul li a
		{
			font-weight:normal;
		}
		
/*
	10.0	Contact Form Validation
*/

	.validation-advice {
		color :#0099FF;
		font-weight: bold;
		font-size:0.8em;
	}