/*************************************************************
*
*  File:			main.css
*  Author:		Andy dePasquale @ Web Akimbo
*  Created:		December 2008
*
*************************************************************/


/* ==============================
	HTML ELEMENTS
============================== */

html {
	font-size:					62.5%;
	line-height:				1.5;
	height:						100%;
}

body {
	font:						1.1em/1.5em "Trebuchet MS",sans-serif;
	color:						#fff;
	width:						100%;
	height:						100%;
	background:					#191617 url(../img/bg_container.png) top center repeat-y;
}

a {
	text-decoration:			underline;
	color:						#fff;
}

a:hover,
a:active {
	text-decoration:			underline;
	color:						#fff;
	outline:					none;
}

p {
	margin:						0 0 12px 0;
}

ul,
ol {
	list-style:					square outside;
	margin:						10px 0 10px 16px;
	padding:					0;
}

li {
	padding:					0 0 6px 0;
}

img {
	margin:						0;
	border:						0;
ÊÊÊÊdisplay:					block; /* global declaration to avoid descender padding for images in IE6 */
}

h1,
h2,
h3 {
	color:						#fff7d6; /*adcb73*/
	text-transform:				uppercase;
}

h1 {
	font-size:					1.6em;
	margin:						0 0 16px 0;
}

blockquote {
	color:						#555;
	font-size:					1em;
	line-height:				1.2;
	background-color:			#eee;
	border:						1px solid #bbb;
	margin:						16px 20px 8px 20px;
	padding:					8px 10px;
}


/* ==============================
	LAYOUT
============================== */

#container {
	width:						936px;
	height:						100%;
	margin:						0 auto;
	padding:					0 26px;
	position:					relative;
	top:						0;
	left:						0;
}

#hd {
	width:						100%;
	height:						215px;
	padding:					10px 0 20px 0;
	position:					relative;
	top:						0;
	left:						0;
}

#content {
	font-size:					1.1em;
	line-height:				1.6em;
	padding:					0 15px;
}

#ft {
	width:						906px;
	margin:						40px 0 0 0;
	padding:					12px 15px 35px 15px;
	border-top:					1px solid #a0774c;
	position:					relative;
	top:						0;
	left:						0;
}


/* ==============================
	HOME
============================== */

#homeLogo {
	width:						389px;
	height:						389px;
	position:					absolute;
	top:						0;
	left:						274px;
	overflow:					hidden;
	z-index:					9000;
	background:					transparent url(../img/logo_lg.png) top left no-repeat;
}

#homeOuter {
	width:						936px;
	height:						389px;
	position:					absolute;
	left:						26px;
	top:						50%;
}

#homeInner {
	height:						389px;
	position:					relative;
	left:						0;
	top:						-194px;
}

#homeNavOuter {
	width:						924px;
	padding:					2px 4px 4px 4px;
	border:						2px solid #a0774c;
	position:					relative;
	top:						131px;
	left:						0;
	z-index:					1;
}

#homeNavInnerLt {
	width:						462px;
	float:						left;
}

#homeNavInnerRt {
	width:						462px;
	float:						right;
}

#homeNavOuter a {
	text-decoration:			none;
	height:						48px;
	margin:						2px 0 0 0;
	background:					#a0774c url(../img/bg_home_nav.png) 0 0 no-repeat;
	display:					block;
	overflow:					hidden;
}
#homeNavOuter a,
#homeNavOuter a:hover,
#homeNavOuter a:active,
#homeNavOuter a:visited {
	text-decoration:			none;
}

#homeNavOuter a span {
	visibility:					hidden;
}

#homeNavOuter a.hnPrice {
	background-position:		0 0;
}
#homeNavOuter a.hnShipping {
	background-position:		0 -48px;
}
#homeNavOuter a.hnCamo {
	background-position:		0 -96px;
}
#homeNavOuter a.hnTestimonials {
	background-position:		-462px 0;
}
#homeNavOuter a.hnPlaques {
	background-position:		-462px -48px;
}
#homeNavOuter a.hnFS {
	background-position:		-462px -96px;
}

#homeNavOuter a.hnPrice:hover {
	background-position:		0 -144px;
}
#homeNavOuter a.hnShipping:hover {
	background-position:		0 -192px;
}
#homeNavOuter a.hnCamo:hover {
	background-position:		0 -240px;
}
#homeNavOuter a.hnTestimonials:hover {
	background-position:		-462px -144px;
}
#homeNavOuter a.hnPlaques:hover {
	background-position:		-462px -192px;
}
#homeNavOuter a.hnFS:hover {
	background-position:		-462px -240px;
}

#camoSnipe {
	width:						259px;
	height:						230px;
	position:					absolute;
	top:						0;
	left:						13px;
	overflow:					hidden;
	z-index:					10;
	background:					transparent url(../img/camo_snipe.png) top left no-repeat;
}


/* ==============================
	SUB PAGES
============================== */

a#subLogo {
	width:						215px;
	height:						215px;
	display:					block;
	position:					absolute;
	top:						10px;
	left:						10px;
	overflow:					hidden;
	z-index:					100;
	background:					url(../img/logo_sm.png) top left no-repeat;
}

#subNavOuter {
	width:						924px;
	padding:					4px;
	border:						2px solid #a0774c;
	position:					relative;
	top:						137px;
	left:						0;
	z-index:					1;
}

#subNavInner {
	padding:					0 15px 0 0;
	background-color:			#a0774c;
}

#subNavInner a {
	text-decoration:			none;
	height:						35px;
	background:					#a0774c url(../img/bg_sub_nav.png) 0 0 no-repeat;
	float:						right;
	display:					block;
	overflow:					hidden;
}
#subNavInner a,
#subNavInner a:hover,
#subNavInner a:active {
	text-decoration:			none;
}

#subNavInner a span {
	visibility:					hidden;
}

#subNavInner a.nPrice,
#subNavInner a.nPriceSel {
	width:						103px;
	background-position:		0 0;
}
#subNavInner a.nShipping,
#subNavInner a.nShippingSel {
	width:						136px;
	background-position:		-103px 0;
}
#subNavInner a.nCamo,
#subNavInner a.nCamoSel {
	width:						135px;
	background-position:		-239px 0;
}
#subNavInner a.nTestimonials,
#subNavInner a.nTestimonialsSel {
	width:						132px;
	background-position:		-374px 0;
}
#subNavInner a.nPlaques,
#subNavInner a.nPlaquesSel {
	width:						90px;
	background-position:		-506px 0;
}
#subNavInner a.nFS,
#subNavInner a.nFSSel {
	width:						94px;
	background-position:		-596px 0;
}

#subNavInner a.nPrice:hover,
#subNavInner a.nPriceSel {
	background-position:		0 -35px;
}
#subNavInner a.nShipping:hover,
#subNavInner a.nShippingSel {
	background-position:		-103px -35px;
}
#subNavInner a.nCamo:hover,
#subNavInner a.nCamoSel {
	background-position:		-239px -35px;
}
#subNavInner a.nTestimonials:hover,
#subNavInner a.nTestimonialsSel {
	background-position:		-374px -35px;
}
#subNavInner a.nPlaques:hover,
#subNavInner a.nPlaquesSel {
	background-position:		-506px -35px;
}
#subNavInner a.nFS:hover,
#subNavInner a.nFSSel {
	background-position:		-596px -35px;
}

#contactInfo h2,
#ft h2 {
	width:						169px;
	height:						15px;
	margin:						0 0 5px 0;
	background:					#221e1f url(../img/bg_hd_ft_headline.png) 0 0 no-repeat;
	overflow:					hidden;
}

#contactInfo {
	font:						normal 1.2em/1.4em "Trebuchet MS",sans-serif;
	text-align:					right;
	position:					absolute;
	bottom:						110px;
	right:						6px;
	z-index:					10;
}

#contactInfo h2 {
	height:						22px;
	float:						right;
	background-position:		0 0;
}

#contactInfo h2 span,
#ft h2 span {
	visibility:					hidden;
}

#ftCopyright,
#ftAddlContact,
#ftThanks,
#ftGallery {
	width:						175px;
	padding:					0 20px 0 0;
	float:						left;
}
#ftGallery {
	width:						155px;
}
#ftAddlContact {
	width:						220px;
}
#ftThanks {
	width:						296px;
	padding:					0;
}

#ftCopyright h2 {
	background-position:		0 -22px;
}

#ftAddlContact h2 {
	background-position:		0 -37px;
}

#ftThanks h2 {
	background-position:		0 -52px;
}

#ftGallery h2 {
	background-position:		0 -67px;
}


/* ==============================
	TABLES
============================== */

table {
	width:						562px;
	margin:						0 0 20px 0;
	border:						1px solid #fff;
	display:table;
}

th {
	font-size:					1.2em;
	font-weight:				bold;
	color:						#fff;
	text-transform:				uppercase;
	padding:					4px 0;
	border-bottom:				1px solid #fff;
	background-color:			#33491e;
}

th.sub,
th.subItem {
	font-size:					1em;
	background-color:			#555;
}
th.subItem {
	text-indent:				6px;
	text-align:					left;
}

tr td {
	background-color:			#eee;
}

tr.alt td {
	background-color:			#bbb;
}

td {
	text-align:					left;
	color:						#222;
	line-height:				1.2em;
	padding:					3px 6px;
}

td.subItem {
	text-indent:				20px;
}

td.price {
	text-align:					center;
	width:						180px;
}

tr.ph td {
	background-color:			#555;
	height:						6px;
}


/* ==============================
	GENERAL
============================== */

.row {
	margin:						0 0 20px 0;
}

.rowLg {
	margin:						0 0 50px 0;
}

.colLt {
	width:						564px;
	padding:					0 14px 0 0;
	float:						left;
}

.colRt {
	width:						314px;
	padding:					0 0 0 14px;
	float:						left;
}

.step {
	padding:					7px 0 20px 40px;
	position:					relative;
}

.stepColLt {
	width:						536px;
	padding:					0 14px 0 0;
	float:						left;
}

.stepColRt {
	width:						302px;
	padding:					0 0 0 14px;
	float:						left;
}

.stepLbl {
	font:						bold 1.75em/1em arial,sans-serif;
	text-align:					center;
	color:						#221e1f;
	width:						30px;
	height:						25px;
	padding:					5px 0 0 0;
	background:					#221e1f url(../img/bg_step.png) 0 0 no-repeat;
	position:					absolute;
	top:						0;
	left:						0;
}

.note {
	color:						#b00;
	width:						400px;
	margin:						6px 0 16px 20px;
	padding:					7px 12px;
	background-color:			#e0e0e0;
	border:						1px solid #000;
}

.imgLtCont {
	margin:						0 30px 0 0;
	float:						left;
	display:					inline;
}

.imgLtCont img,
.colRt img,
.stepColRt img {
	display:					block;
	border:						1px solid #fff;
}

.imgLtCont .noPhotoFS {
	font-size:					1.5em;
	font-weight:				bold;
	text-align:					center;
	width:						279px;
	height:						124px;
	padding:					85px 0 0 0;
	border:						1px solid #fff;
	background-color:			#999;
}

.quote {
	font-size:					1.1em;
	padding:					0 40px;
	position:					relative;
	top:						0;
	left:						0;
}

.quoteAttr {
	color:						#fff7d6;
	font-size:					1.1em;
	font-style:					italic;
	text-align:					right;
	padding:					10px 50px 0 0;
}

.quoteMarkTop,
.quoteMarkBtm {
	width:						26px;
	height:						27px;
	background:					url(../img/quote.png) 0 0 no-repeat;
	position:					absolute;
	overflow:					hidden;
	z-index:					10;
}
.quoteMarkTop {
	top:						-10px;
	left:						6px;
}
.quoteMarkBtm {
	bottom:						0;
	right:						12px;
	background-position:		0 -27px;
}


/* ==============================
	LIGHTBOX
============================== */

a.tn {
	margin:						0 0 5px 5px;
	border:						2px solid #bbb;
	float:						left;
	display:					inline;
}

a.tn:hover {
	border:						2px solid #dc0000;
}

a.tn img {
	width:						173px;
	height:						130px;
}

.camoPg .print {
	text-align:					center;
	margin:						0 0 10px 5px;
	float:						left;
	display:					inline;
}

.camoPg .noMarginLt {
	margin:						0 0 10px 0;
}

.camoPg .print a.tn,
.camoPg .print img.tn {
	margin:						0;
	border:						2px solid #bbb;
	float:						none;
	display:					block;
}

.camoPg .print a.tn:hover {
	border:						2px solid #dc0000;
}

.camoPg .print a.tn img {
	width:						218px;
	height:						164px;
}


/* ==============================
	UTILITY STYLES
============================== */

.clear {
	height:						0;
	clear:						both;
	overflow:					hidden;
}

a.external {
	padding:					0px 21px 0px 0px;
	background:					url(../img/external.png) top right no-repeat;
}

.warn {
	color:						#b00;
}

.caption {
	text-align:					right;
	margin:						0 0 12px 0;
}

.captionWarn {
	font-size:					1.2em;
	color:						#b00;
	text-align:					center;
	padding:					3px 0;
}

li.readmore {
	list-style-type:			none;
}

.italic {
	font-style:					italic;
}

.bold {
	font-weight:				bold;
}

.underline {
	text-decoration:			underline;
}

.marginTop {
	margin-top:					24px;
}

.noMarginTop {
	margin-top:					0px;
}

div.noMarginLt,
a.noMarginLt {
	margin-left:				0px;
}

.noMargin {
	margin:						0px;
}

.shortMarginBtm {
	margin-bottom:				3px;
}

.noPadTop {
	padding-top:				0px;
}

.height20 {
	height:						20px;
}

.floatLeft {
	float:						left;
}

.floatRight {
	float:						right;
}

.clearFloat {
	clear:						both;
}

.alignRight {
	text-align:					right;
}

.formBtn {
	width:						162px;
	font-size:					12px;
	height:						20px;
	padding:					2px 6px 0px 6px;
}

.lighter {
	color:						#777;
}

.small {
	font-size:					9px;
	line-height:				1.3;
}

.credit {
	font-size:					10px;
	line-height:				1.2;
}


/* ==============================
	IE PNG FIX
============================== */

#homeLogo,
#camoSnipe,
a#subLogo { behavior: url(/iepngfix/iepngfix.htc) }