/*
    Theme Name: Hydraulic Warehouse
    Description: Custom theme designed specifically for Hydraulic Warehouse in Lewiston, ID.
    Author: Jeremy Movius (In The Flow Web Design)
    Author URI: http://www.intheflowwebdesign.com
*/


/*
    Dark Green - #1e7008
    Light Green - #c9ddc4
    Gray - #9c9c9c
*/

/*
	UTILITY
*/
.floatLeft	{ float: left; }
.floatRight	{ float: right; }
.clear		{ clear: both; }
.button		{ border: 1px solid #272727; background: white; padding: 3px 8px; color: #272727;
                  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.button:hover	{ background: #990000; color: #fff; }


/*
	FORMS
*/
input		{ padding: 3px; }


/*
	TYPOGRAPHY
*/
body { background-color: #000; color: #000; font-size: 1em; font-family: arial, helvetica, sans-serif; }
a    { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }
h2   { color: #1e7008; }
.phone { font-size: 130%; font-weight: bold; color: #000; }

/*
	STRUCTURE
*/
body        { margin: 0; }
#page-wrap	{ position: relative; top: 0; left: 0; width: 960px; margin: 0 auto; }
#header     { width: 960px; height: 321px; }
#header h1  { text-indent: -9999px; width: 960px; height: 321px; background-image: url('images/header.jpg'); margin: 0; }
#content    { position: relative; top: 0; left: 0; width: 930px; background-color: #c9ddc4; padding: 10px 15px; }
#content a  { color: #1e7008; font-weight: bold; text-decoration: underline; }
#content a:hover { color: #fff; text-decoration: none; }
#colLeft    { width: 400px; float: left; }
#colRight   { width: 480px; float: right; }
#menu       { position: absolute; top: 263px; *top: 278px; left: 0; }
#footer     { position: relative; top: 0; left: 0; width: 960px; height: 76px; margin: 0 auto; padding: 20px 0 0 0; }
.credit     { position: relative; top: 0; left: 0; width: 960px; margin: 0 auto; padding: 10px 0; text-align: center; 
              font-size: 70%; color: #c9ddc4; }

/*
	HEADER
*/
#subhead    { width: 960px; height: 30px; padding: 10px 0; background-color: #9c9c9c; color: #fff; font-weight: bold; 
              font-size: 140%; text-align: center; }

/*
	MENU
*/
#menu, #menu a { font-size: 100%; font-weight: bold; }
li.page_item { display: inline; list-style: none; padding: 0 10px; border-left: 2px solid #fff; }
#first       { border-left: none; }


/*
	FOOTER
*/
#footer     { text-align: center; background-color: #9c9c9c; color: #fff; font-size: 100%; }
#footer a   { color: #000; }
#nfpa-left  { position: absolute; top: 10px; left: 10px; width: 76px; height: 76px; 
              background-image: url('images/nfpa_logo.png'); }
#nfpa-right { position: absolute; top: 10px; right: 10px; width: 76px; height: 76px; 
              background-image: url('images/nfpa_logo.png'); }
.credit a   { color: #c9ddc4; }