/*	
	=================================
	Site styles for normal viewing
	=================================
	Author: Matthew Anderson
	Version: 1.06
	Date: June 12th 2007
	=================================
	Copyright 2007 Applied Automation
	=================================
*/   

/* Hide browser upgrade notice if CSS is working correctly */

.nocss 		{display: none}

/* Reset browser enforced formats */

body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote {padding:0; margin:0}
h1, h2, h3, h4, h5, h6, pre, code {font-size: 12px}
a img {background:none}

/* Div clearing class */
.clear		{clear:both}

/* Basic page framework layout and sizes */

#wrapper	{width:1004px; margin:auto}
#banner		{height:70px}
#navbar		{height:20px}
#left		{width:195px; vertical-align:top}
#right		{width:195px; vertical-align:top}
#center		{vertical-align:top}
#copyright	{text-align:center; font-size:9px; padding:2px; margin:0px}
#footer		{text-align:center; font-size:9px}

/* Colours */

body		{color:#000; background-color:#FFF}
h1 			{color:#060}
h2 			{color:#000}
h3 			{color:#000}
h4 			{color:#FFF}
#banner		{background-color:#E6E6E6}
#navbar		{background-color:#090} #mainnav a {color:#FFF} #mainnav a:hover {color:#000; background-color:#FFF}
#left		{background-color:#E6E6E6}
#right		{background-color:#E6E6E6}
#center		{background-color:#FFF} #center ul {color: #060}
#copyright	{background-color:#090; color:#FFF}
#footer ul li a {color:#333} #footer ul li a:hover {color:#0000FF}


/* Set desired styles for text and image layout */

body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px}

p 	{font-size:11px; font-weight: normal; line-height: 15px; padding:5px}

a 			{font-size:11px; color:#00F; text-decoration: none}
a:hover 	{text-decoration: underline}
a:visited 	{color:#800080}
		
strong, b 	{font-weight: bold}

	hr {
		width:80%;
		margin-left:auto;
		margin-right:auto;
		} 


	h1 {
		font-size: 18px;
		font-weight: bold;
		padding: 5px;
		margin-top:5px;
		}

	h2 {
		font-size: 13px;
		font-weight: bold;
		padding: 5px;
		margin-bottom: 10px;
		}
		
	h3 {
		font-size: 11px;
		font-weight: normal;
		line-height: 15px;
		margin:0px 5px 5px 5px;
		padding:0px;
		}
		
	h4 {
		font-size:11px;
		font-weight:bold;
		padding: 2px 5px;
		text-align:left;
		}
		
		
/*	Banner */
		
	#banner{
		background-image:url(../images/background.jpg);
		background-repeat:no-repeat;
		background-position:center center;
		}


/* Navigation Bar */

	ul#mainnav  {
		margin:0;
		padding:0;
		list-style:none;
		margin-left:140px;
		}
	#mainnav li {
		float:left;
		}
	#mainnav a {	
		font-size:12px;
		font-weight:bold;
		text-decoration:none;
		text-align:center;
		padding: 2px 18px;
		margin: 0px 1px;
		display:block;
		}
	
	.navsep {
		border-right: 1px solid #fff;
		padding: 0px;
		}
		
/* Main content area */

	
	div.caption {
		float:left;
		margin:10px 10px 5px 10px;
		display:inline;
		}	
	.caption p {
		text-align:center;
		background-color:#e6f3ff;
		border:1px dashed #666;
		padding:5px;
		margin:10px 0px 0px 0px;
		}
	.caption img {
		border:1px solid #666;
		padding:5px;
		}		

	div.brand {
		width:142px;
		float:left;
		margin:10px 10px 0px 10px;
		}	
	.brand p {
		text-align:center;
		background-color:#e6f3ff;
		border:1px dashed #666;
		padding:0px;
		margin:5px 0px 15px 0px;
		}
	.brand img {
		border:1px solid #666;
		padding:0px;
		}	

	#gallery {
		margin-left:65px;
		margin-top:10px;
		}

	img.figure {
		float:left;
		padding:1px;
		margin:1px 40px 5px 15px;
		}
	
	#center ul {
		font-size:11px;
		font-weight:bold;
		list-style-image:url(../images/morelist.gif);
		}
			
	#center li {
		line-height:20px;
		}
	
	.byline	{
		color:#000;
		font-size:10px;
		font-weight:normal;
		text-align:center;
		line-height:14px;
		padding: 0px 5px;
		margin:0px;
		}
	
	.back {margin:0px 0px 10px 5px}
		
	.underline {
		padding:15px 0px 15px 5px;
		margin: 0px;
		background:url(../images/horline.gif) left no-repeat;
		}
	
	
/* Sidebar stuff */

	.title {
		font-size:11px;
		font-weight:bold;
		padding:15px 0px 15px 45px;
		margin: 0px;
		background:url(../images/horlinetitle.gif) left no-repeat;
		}
		
	.call {
		font-size: 100%;
		font-weight:bold;
		line-height:15px;
		margin: 10px 5px 0px 5px;
		padding-left: 20px;
		color: #CA1D07;
		background:url(../images/telphone.gif) no-repeat left center;
		}
		
	
	#support a {text-decoration:none;font-size:10px; font-weight:bold;color:#000}
	#support a:hover {text-decoration:underline;}	
			
	.goto, .book, .disk, .faq, .pc {margin:0px 5px;padding-left: 20px}
		
	.goto {background:url(../images/icons/goto.gif) no-repeat left center}	
	.book {background:url(../images/icons/book.gif) no-repeat left center}	
	.disk {background:url(../images/icons/disk.gif) no-repeat left center}
	.faq  {background:url(../images/icons/faq.gif) no-repeat left center}
	.pc  {background:url(../images/icons/pc.gif) no-repeat left center}
	
	.feature  {background:url(../images/icons/feature.gif) no-repeat left center; font-size:10px;font-weight:bold;color:#000; margin:10px 5px; padding-left:25px}
	.demo  	  {background:url(../images/icons/3d.gif) no-repeat left center; font-size:10px;font-weight:bold;color:#000;margin:5px;padding-left:25px;padding-bottom:5px;padding-top:5px}
	
	.sidebarbrand {margin-top:20px; margin-left:30px}
		
	img.offer {
		float:left;
		padding:2px;
		border:solid 1px #666;
		margin:2px 5px;
		}	
				
	
	/* Search box */
	input#search {
		width:120px;
		margin:5px 1px 5px 10px;
		padding:3px 0px 4px 20px;
		border:solid 1px #999;
		background:url(../images/search.gif) left no-repeat;
		font-size: 12px;
		}

	input#button {
		width: 23px;
		height: 23px;
		margin:5px 0px;
		font-size: 10px;
		}
		
	/* Background colours */ 	
	.red {
		background-color: #F00;
		margin: 20px 0px 10px 0px;
		}
		
	.green {
		background-color: #090;
		margin: 20px 0px 10px 0px;
		}
		
	.cyan {
		background-color: #069;
		margin: 20px 0px 10px 0px;
		}

/* Footer Area links */

	#footer ul {
		list-style: none;
		margin-top: 15px;
		}
		
	#footer li {
		display:inline;
		}
		
	#footer ul li a {
		padding: 3px 7px;
		}
		
	.price {
		color: #FF0000;
		font-weight: bold;
		}

/* Menus for non java script browsers */

	#dmlinks ul {
		list-style: none;
		margin-top: 5px;
		}
	#dmlinks li {
		font-size:10px;
		display:block;
		margin-left:5px;
		}
	#dmlinks h3 {
		font-size:12px; font-weight:bold
		}
		

/* Printer sytle overides */

	@media print {

	#banner, #navbar, #left, #right, #copyright, #footer {display:none}
	#wrapper {width:600px; margin:auto}
			
	}