/* CSS Document */
/* Copyright © 2008 by Ursiny Communications Inc. All rights reserved. http://topdesign.net  */

*	{
	margin:0;
	padding:0;
	}

body {
	background-color:#6d886d;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	}

#headercontainer	{
	width:100%;
	margin-top:60px;
	}
	
	#headercontent	{
		background-color:#FFF;
		width:760px;
		padding:20px 20px 0 20px;
		margin-left:auto;
		margin-right:auto;	
		}
	
	#navicontent	{
		width:760px;
		padding:0;
		background-color:#f2f2f2;
		margin-left:auto;
		margin-right:auto;
		border-left:20px solid #fff;
		border-right:20px solid #fff;
		}
	
		/* navigation */
		
			ul#nav {
				position:relative;
				top:0px;
				left:496px;
				width:264px;
				height:30px;
				margin:0px;
				padding:0px;
				}
		
		   ul#nav li {
				padding-top:0px;
				margin:0;
				list-style-type:none;
				float:left;
				text-indent:-9999px;
				}
		
			ul#nav li a {
				border:1;
				text-decoration:none;
				display:block;
				background:transparent url(contour_navi.jpg) no-repeat;
				}
				
			li#home a {
				width:45px;
				height:30px;
				}
		
			li#products a {
				width:64px;
				height:30px;
				}
		
			li#about a {
				width:48px;
				height:30px;
				}
		
			li#links a {
				width:42px;
				height:30px;
				}
		
			li#contact a {
				width:58px;
				height:30px;
				}
		
		
			li#home a:link, li#home a:visited {
				background-position:-496px 0px;
				}
			li#home a:hover, li#home a:focus {
				background-position:-496px -30px;
				}
		
			li#products a:link, li#products a:visited {
				background-position:-541px 0px;
				}
			li#products a:hover, li#products a:focus {
				background-position:-541px -30px;
				}
		
		
			li#about a:link, li#about a:visited {
				background-position:-605px 0px;
				}
			li#about a:hover, li#about a:focus {
				background-position:-605px -30px;
				}
		
		
			li#links a:link, li#links a:visited {
				background-position:-653px 0px;
				}
			li#links a:hover, li#links a:focus {
				background-position:-653px -30px;
				}
		
		
			li#contact a:link, li#contact a:visited {
				background-position:-695px 0px;
				}
			li#contact a:hover, li#contact a:focus {
				background-position:-695px -30px;
				}
		
		
		/* end of navigation */		
					
	
	
#middlecontainer	{
	width:100%;
	background-color:#5c7a5c;
	}
	
	#middlecontent	{
		background-color:#fff;
		width:760px;
		padding:20px 20px 0 20px;
		margin-left:auto;
		margin-right:auto;
		overflow:auto;
		}
		
		
		#leftsidebar	{
			float:left;
			width:148px;
			background-color:#fff;
			padding-left:10px;
			padding-right:20px;
			}
			
			#leftsidebar h1	{
				color:#666;
				font-weight:bold;
				font-size:0.9em;
				margin:0;
				}
				
			#leftsidebar p	{
				color:#666;
				font-weight:normal;
				font-style:italic;
				font-size:0.7em;
				line-height:1.6em;
				margin:1em 0 0 0;
				}
				
			#leftsidebar .menuline	{
				color:#666;
				font-weight:normal;
				font-style:normal;
				font-size:0.7em;
				line-height:1.6em;
				margin:0;
				}
				
			#leftsidebar .menuline a, #leftsidebar .menuline a:visited 	{
				color:#f00;
				text-decoration:none;
				}
				
			#leftsidebar .menuline a:hover 	{
				color:#f63;
				text-decoration:underline;
				}
				
			
		#maincontent	{
			float:left;
			width:558px;
			padding-left:20px;
			background-color:#fff;
			border-left:1px dotted #ccc;
			}
		
			#maincontent h1	{
				color:#86ad86;
				font-size:1.7em;
				font-weight:normal;
				border-bottom:1px dashed #ccc;
				padding-bottom:0.3em;
				}
				
			#maincontent h2	{
				/* width:340px; */
				color:#9f6562;
				font-size:1.0em;
				font-weight:bold;
				margin:1em 0 0 0;
				}
				
			#maincontent p	{
				/* width:340px; */
				color:#666;
				line-height:1.8em;
				font-size:0.8em;
				margin:1em 0 0 0;
				}
				
				#maincontent p a, #maincontent p a:visited	{
					color:#f00;
					text-decoration:none;
					}
					
				#maincontent p a:hover {
					color:#f63;
					text-decoration:underline;
					}
					
			#maincontent .pquote	{
				background-color:#ffcdb4;
				color:#333;
				padding:1em;
				border:2px solid #ccc;
				}
				
			#maincontent .inputbox	{
				background-color:#ffe;
				color:#333;
				width:300px;
				height:22px;
				margin:0 10px 0 10px;
				border:2px solid #ccc;
				}
				
			#maincontent .msgbox	{
				background-color:#ffe;
				color:#333;
				width:95%;
				height:150px;
				margin:0 10px 0 10px;
				border:2px solid #ccc;
				}
				
		
	
#bottomcontainer	{
	width:100%;
	}
	
	#bottomcontent	{
		background-color:#fff;
		width:760px;
		padding:0 20px 10px 20px;
		margin-left:auto;
		margin-right:auto;	
		}
	
	#footercontent	{
		width:760px;
		padding:0;
		margin-left:auto;
		margin-right:auto;
		border-left:20px solid #6d886d;
		border-right:20px solid #6d886d;
		}
		
		#footercontent p	{
			color:#91ba91;
			font-size:0.6em;
			margin:1em 0 0 0;
			}
	
		#footercontent a	{
			font-size:1em;
			color:#6aa561;
			text-decoration:none;
			}
	
		#footercontent a:hover	{
			font-size:1em;
			color:#fff; 
			text-decoration:none; 
			}