/* ---------------------------------------
Filename: color.css
Tilte: Primary color CSS for PioneerPrinters.com
Author: Craig Campbell
URL: http://www.pioneerprinters.com/css/screen/color.css
Description: This style sheet provides basic color styles for XHTML elements for the website of Pioneer Printers. To include: font colors, background-color, background graphics, link colors, etc.
----------------------------------------- */
/* -----------------------------------------
COLORS
Main Site Palette: Dark Gray (#222), Teal (#037285), WHite (#fff), Gold (#b2aa14) 
Text: Dark Gray (#222)
Headings: Dark Gray (#222)
a:Link: Teal (#037285)
a:Visited: Dark Gray (#222)
a:Hover: Dark Gray (#222)
a:Active: Dark Gray (#222)
#MAIN_NAV BG: Teal (#037285)
#main_nav a:link text: White (#fff) 
#main_nav a:visited text: White (#fff) 
#main_nav a:visited BG: Dark Gray (#222)
#main_nav a:hover text: White(#fff)
#main_nav a:hover BG: Dark Gray (#222) 
#main_nav a:active text: White (#fff)
#main_nav a:active BG: Teal (#037285)
Current Page Link TEXT in #MAIN_NAV: #fff; 
Current Page Link TEXT in #MAIN_NAV: #222
.important: Red (#ff0000)
#outer_container BG: Dark Gray (#222)
#inner_container BG: White (#fff)
#header BG: jpg/photo
#footer BG: White (#fff)
--------------------------------------- */
/* GENERAL site color styles: Basic color styles for main site elements */
	body {
		color: #222; 
	}
	div {
		
	}
	p {	
	}
	address {
		color: #222; 
	}
	hr { 
		color: #222; 
	}
	strong {
	}
	em {
	}
	img {
	}
	.important {
		color: #ff0000; 
	}
	.subtext {
	}
	.spacer {
	}
	.pioneer {
		color: #8c8500;  
	}
	.large_text {
	}
/* Screen layout styles for HEADINGS */
	h1, h2, h3, h4, h5, h6 {
	}
	h1 {
	}
	h2 {
	}
	h3 {
	}
	h4 {
	}
	h5 {
	}
	h6 {
	}
	.subhead {
	}
/* Screen layout styles for LIST ITEMS */
	ul {
	}
	ol {
	}
	li { 
	}
	ul li {
	}
	dl {
	}
	dt {
	}
	dd {
	}
/* Screen layout styles for TABLE elements */
	table th, table td {
	}
	th { 
	}
/* Styles for LINKS */
	a:link {
		color: #037285; 
	}
	a:visited {
		color: #222; 
	}
	a:hover {
		color: #222; 
	}
	a:active {
		color: #222; 
	}
/* Screen layout styles for CURRENT link states here for nav bar */
	#home a:link.homenav, #home a:hover.homenav, #home a:visited.homenav, #home a:active.homenav, #services a:link.servicesnav, #services a:hover.servicesnav, #services a:visited.servicesnav, #services a:active.servicesnav, #gifts a:link.giftsnav, #gifts a:hover.giftsnav, #gifts a:visited.giftsnav, #gifts a:active.giftsnav,#blotters a:link.blottersnav, #blotters a:hover.blottersnav, #blotters a:visited.blottersnav, #blotters a:active.blottersnav, #quote a:link.quotenav, #quote a:hover.quotenav, #quote a:visited.quotenav, #quote a:active.quotenav {
		color: #fff; 
		background-color: #222; 
	}
/* Screen layout stylse for FORM elements */
	form {
	}
	fieldset {
		background-color: #037285; 
	}
	fieldset p {
		background-color: #fff; 
		 
	}
	legend {
		background-color: #037285; 
		color: #fff; 
	}
	label {
	}
	input, textarea {
	}
	textarea {
	}
	input[type=radio], input[type=submit], input[type=checkbox] {
	}
	select{ 
	}
/* Layout styles for #OUTER_CONTAINER div */
	#outer_container {
		background-color: #222; 
	}
/* Layout styles for #INNER_CONTAINER */
	#inner_container {
		background-color: #fff; 
	}
/* Layout styles for #HEADER div */
	#header {
		background: url(../../graphics/pioneer_building.jpg) no-repeat; 
	}
	#header a:hover {
		background-color: transparent; 
	}
	#header h1 {
	}
	
	#header h2 {
	}

/* Layout styles for #CONTENT_WRAPPER div */
	#content_wrapper {
	}

/* Layout styles for #CONTENT_CONTAINER div */
	#content_container {
	}
/* Layout styles for #CONTENT div */
	#content {
	}
	#content img {
	}

/* Layout styles for #MAIN_NAV div */
	#main_nav {
		background-color: #037285; 
	}	
	#main_nav ul, #main_nav li {
	}
	#main_nav ul {
	}
	
	#main_nav li {
	}
	#main_nav a {
	}
	#main_nav a:link {
		color: #fff; 
	}
	#main_nav a:visited {
		color: #fff; 
		background-color: #222; 
	}
	#main_nav a:hover {
		color: #fff; 
		background-color: #222; 
	}
	#main_nav a:active {
		color: #fff; 
		background-color: #037285; 
	}
/* Layout styles for #PRODUCT_NAV div */
	#product_nav {
	}
	#product_nav ul {
	}
	#product_nav ul li {
	}
/* Layout styles for #FOOTER div */
	#footer {
		background-color: #fff; 
	}
	#footer img {
	}
/* Layout styles for SPECIFIC PAGES */
/* Layout styles for HOME PAGE */
/* Layout styles for GIFTS page */
	#gifts iframe {
	}
/* Layout styles for BLOTTERS page */
	#blotters ul.warning {
	}	
/* Layout styles for QUOTE page */
	#quote p.other_details {
	}
	#quote label.other_details, #quote input.other_details {
	}
/* Layout styles for QUOTE ERROR pages - all styles from QUOTE page should be copied into QUOTE ERRO page styles if changes are made to ERROR page */