/* CSS Document */

/*
Contents:
---------
1. BASE
2. LAYOUT (inc BORDERS)
3. TYPE
4. BACKGROUNDS
*/

/* =============
1. BASE
==============*/

* {
	margin: 0;
	padding: 0;
	outline: 0;
}

a img {
	border: none;
}


/* =============
2. LAYOUT
==============*/

.clearer {
	clear: both;
}

#header, #content, #footer {
	width: 830px;
	margin: 0 auto;
}

#header {
	height: 235px;
	position: relative;
}

#topNav {
	position: absolute;
	top: 52px;
	right: 30px;
}

#topNav ul li {
	display: inline;
	float: left;
}

#topNav ul li a {
	float: left;
	display: block;
	width: 100px;
	height: 40px;
	padding: 30px 0 0 0;
	margin: 0 0 0 0;
}

#topNav ul li a#homeNav { width: 52px; }
#topNav ul li a#anglingNav { width: 63px; }
#topNav ul li a#outdoorNav { width: 114px; }
#topNav ul li a#salesNav { width: 98px; }
#topNav ul li a#contactNav { width: 64px; }

#content {
	overflow: auto;
	padding: 0 10px 10px 10px;
	width: 810px;
}

#leftCol {
	width: 255px;
	float: left;
	margin: 20px 0 10px 0;
}

#leftCol h2 {
	font-size: 16px;
}

#leftCol h2, #leftCol h3 {
	margin: 0 0 1em 0;
}

#leftCol #map {
	border: 1px solid #fff;
	width: 425px;
	padding: 2px;
}

#salesNews #leftCol, #contact #leftCol {
	width: 590px;
	margin: 20px 0;
}

#manufacturerLogos {
	margin: 15px 0 0 2px;
}

#manufacturerLogos img {
	border: 1px solid #fff;
	margin: 0 3px 3px 0;
}

#salesList {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
}

#salesList th, #salesList td {
	border: 1px solid #999;
	padding: 3px;
}

#leftCol #salesList th {
	border-color: #fff;
}

#leftCol .button {
	margin: 5px 0;
}

#leftColTop {
	height: 14px;
}

#midCol {
	width: 335px;
	float: left;
	margin: 10px 0 0 10px;
	padding: 10px;
}

#midCol h2, #midCol h3, #midCol p {
	margin: 0 0 1em 0;
}

#midCol p {
	margin: 0 0 1.1em 0;
}

#midCol ul {
	margin: 0 0 1em 20px;
	list-style: circle;
}

#midCol h3 {
	border-bottom: 1px dashed #999;
}

#rightCol {
	width: 180px;
	float: right;
	margin: 20px 0;
}

#rightCol h2 {
	font-size: 16px;
}

#rightCol h2, #rightCol h3, #rightCol p {
	margin: 0 0 1em 0;
}

#rightCol .box {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}

#footer {
	overflow: auto;
	margin-bottom: 10px;
}

#copyright {
	float: left;
}

#webDesign {
	float: right;
}

/* =============
3. TYPE
==============*/

a, body {
	color: #74c025;
}

body {
	font: 62.5% Arial, Helvetica, sans-serif;
}

#headerTitles {
	text-indent: -9999px;
}

#topNav {
	font-size: 1.2em;
}

#topNav ul {
	list-style: none;
}

#topNav ul li a {
	color: #2d5806;
	text-decoration: none;
	text-align: center;
}

#topNav ul li a.current {
	color: #000;
}

#outerContent {
	color: #333;
}

#outerContent a {
	color: #484848;
}

#leftCol #leftColMid {
	text-align: center;
}
	
#leftCol #leftColBot {
	height: 10px;
}

#leftCol #salesList th {
	color: #fff;
}

#midCol h2 {
	color: #2d5806;
	font-size: 1.4em;
	border-bottom: 1px solid #666;
}

h3 {
	font-size: 1.2em;
}

#midCol p {
	font-size: 1.2em;
	line-height: 1.45em;
}

#midCol ul {
	font-size: 1.2em;
}

#rightCol {
	text-align: center;
}

#rightCol h3 {
	color: #fff;
}

#rightCol .box p {
	font-size: 1.2em;
}

/* =============
4. BACKGROUNDS
==============*/

body {
	background: #2d5806;
}

#outerHeader {
	background: url(images/outerheader-bg.jpg) repeat-x left bottom;
}

#header {
	background: url(images/header-bg.jpg);
}

#outerContent {
	background: #dbf776 url(images/outercontent-bg.jpg) repeat-x left bottom;
}

#contact #leftCol {
	background: url(images/store-photo2.jpg) no-repeat 440px;
}

#leftCol #leftColTop {
	background: url(images/leftcol-topcorner.jpg) no-repeat;
}

#leftCol #leftColMid {
	background: url(images/leftcol-mid.jpg);
}

#leftCol #leftColBot {
	background: url(images/leftcol-bottomcorner.jpg) no-repeat;
}

#leftCol #salesList th {
	background: #2d5806;
}

#topNav ul li a#homeNav:hover, #topNav ul li a#homeNav.current { background: url(images/nav/homenav-bg.jpg); }
#topNav ul li a#anglingNav:hover, #topNav ul li a#anglingNav.current { background: url(images/nav/anglingnav-bg.jpg); }
#topNav ul li a#outdoorNav:hover, #topNav ul li a#outdoorNav.current { background: url(images/nav/outdoornav-bg.jpg); }
#topNav ul li a#salesNav:hover, #topNav ul li a#salesNav.current { background: url(images/nav/salesnav-bg.jpg); }
#topNav ul li a#contactNav:hover, #topNav ul li a#contactNav.current { background: url(images/nav/contactnav-bg.jpg); }

#rightCol h3 {
	background: #73bf24;
}

#rightCol p {
	font-size: 1.2em;
}

#rightCol .box {
	background: #fff;
	padding: 4px;
	text-align: left;
}

h4 {
	font-size: 12px;
	margin: 10px 0;
	background: #eee;
}

#rightCol .box ul.manufacturers {
	list-style: none;
	width: 128px;
	margin: 0 auto;
}

#rightCol .box ul.manufacturers li {
	float: left;
	margin: 2px;
}