@charset "UTF-8";
/* Default.css */

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

#page { 				width: 788px;
						height: auto;
						text-align: left;
						margin: 0 auto 50px auto;
						padding: 0; }


/* General Styles */

a:link, a:visited {		color: #34507C;
						text-decoration: none; }
	
a:hover {				color: #34507C;
						text-decoration: underline; }	
						
h3 {					font: 18px Arial, Helvetica, sans-serif;
						color: #333333;
						padding: 0px 70px 0 0px;
						margin: 0; }	
						
h4 {					font: 12px Arial, Helvetica, sans-serif;
						color: #34507C;
						text-transform: uppercase;
						padding: 15px 70px 0 0px;
						margin: 0;
						font-weight: bold; }											
						
.clear {				clear: both; }		


						
/* Header */						
				
#header {				width: 788px;
						height: 122px;
						margin: 0;
						padding: 0; }
						
#header h2 {			font: 15px Arial, Helvetica, sans-serif;
						color: #383D47;
						font-style: italic;
						padding: 45px 55px 7px 0;
						margin: 0;
						text-align: right; 
						font-weight: normal; }
						
#header h3 {			color: #78783F;
						font: 15px Arial, Helvetica, sans-serif;
						padding: 0 55px 0 0;
						margin: 0;
						text-transform: uppercase;
						text-align: right; 
						font-weight: normal; }
						
#header a:link {		color: #78783F;
						text-decoration: none; }
				
#header a:active {		color: #78783F;
						text-decoration: none; }
						
#header a:visited {		color: #78783F;
						text-decoration: none; }
						
#header a:hover {		color: #000;
						text-decoration: none; }

#header .left {			width: 300px;
						height: 122px;
						float: left;
						margin: 0;
						padding: 0; }
				
#header .right {		background: url(../images/header-right-bg.png) top left no-repeat;
						width: 488px;
						height: 122px;
						margin: 0;
						float: left;
						padding: 0; }


/* Navigation */						
						
#nav {					width: 788px;
						height: 51px;
						margin: 0;
						padding: 0;
						list-style: none;
						overflow: hidden;
						float: right; }
				
#nav li { 				float: left;
						text-align: -5000px; }
				 
#nav li a { 			display: block;
						padding: 51px 0 0 0;
						height: 0px !important;
						overflow: hidden; }
			
#about a { 				background: url(../images/nav-about.png) top left no-repeat; 
						width: 198px; }
								
#about a:hover { 		background-position: left -51px; }

#about a.active { 		background: url(../images/nav-about-active.png) top left no-repeat; }
			
#products a { 			background: url(../images/nav-products.png) top left no-repeat; 
						width: 209px; }
								
#products a:hover { 	background-position: left -51px; }

#products a.active { 	background: url(../images/nav-products-active.png) top left no-repeat; }
	
#stock a { 				background: url(../images/nav-stock.png) top left no-repeat; 
						width: 193px; }
							
#stock a:hover { 		background-position: left -51px; }

#stock a.active { 		background: url(../images/nav-stock-active.png) top left no-repeat; }

#contact a { 			background: url(../images/nav-contact.png) top left no-repeat; 
						width: 188px; }
							
#contact a:hover { 		background-position: left -51px; }

#contact a.active { 	background: url(../images/nav-contact-active.png) top left no-repeat; }

	
/* Footer */
						
#footer {				width: 788px;
						height: auto;
						margin: 15px 0 0 0;
						padding: 0;
						float: left; }

#footer p {				font: 9px Arial, Helvetica, sans-serif;
						color: #8E8D5D;
						padding: 0 15px 0 0 ;
						margin: 0;
						line-height: 15px;
						text-align: right; }
						
#footer a:link {		color: #8E8D5D;
						text-decoration: none; }	
						
#footer a:visited {		color: #8E8D5D;
						text-decoration: none; }
						
#footer a:active {		color: #8E8D5D;
						text-decoration: none; }
				
#footer a:hover {		color: #000;
						text-decoration: none; }