@charset "utf-8";

/* CSS Document */



body {
	background: #332C22 url("../img/bg-page.jpg") repeat-y top left;
	margin: 0px;
	font-family: Trebuchet, "Trebuchet MS", Verdana, sans-serif;
}

* {
outline:none; }

ul {
	margin:0; }

.hdr {
	/*background: #675846 url("img/bg-hdr.jpg") repeat-x top left;*/
	background: #675846 url("../img/bg-hdr2.jpg") no-repeat top left;
	width:800px;
	margin-left:50px;
	padding:0;
	border-bottom:1px solid #4F4335; 
	height:189px;
	min-height:189px;
	text-align:center;
	font-size:20px;
	color:#96836A;
}

.logo {
	position:relative;
	margin:0 auto;
	width:353px;
}

.tag-left { float:left; margin:12px 0 0 8px; }
.tag-right { float:right; margin:12px 8px 0 0; }

.body-content {
	margin-left:50px;
	background: transparent url("../img/bg-field.jpg") no-repeat bottom left;
	height:662px;
	width:800px;
}

.body-content p.first {
	font-size:95%; 
	line-height:1.5em;
	margin:30px 115px 14px 45px; }

.body-content-internal {
	margin-left:50px;
	background: transparent url("../img/bg-field.jpg") no-repeat bottom left;
	width:800px;
	padding-bottom:250px; }

.body-content p.home {
	font-size:95%; 
	line-height:1.5em;
	margin:30px 115px 14px 45px; }

.body-content-internal p,
.body-content-internal .contain-me {
	font-size:90%; 
	line-height:1.5em;
	margin:30px 40px 14px 40px; }

.body-content-internal h1.top {
	font-size:20px;
	clear:both;
	color:#900;
	margin:30px 40px 10px 40px; }

.body-content:after,
.body-content-internal:after,
.clear-content  {
	content:"."; 
	display:block; 
	height:0;
	font-size:0;
	clear:both; 
	visibility:hidden; }

/********************************************
						                  SITE NAVIGATION
*********************************************/

.nav-container {
	width:800px;
	padding:0; }

.suckertreemenu ul{
	padding: 0;
	list-style-type: none;
	margin:0 0 0 92px;
	font-size:85%;
	}

/*Top level list items*/
.suckertreemenu ul li{
	position: relative;
	display: inline;
	float: left;
	background-color: #900; /*overall menu background color*/
	margin:0 3px;	
	}

/*Top level menu link items style*/
.suckertreemenu ul li a{
	display: block;
	width: 100px; /*Width of top level menu link items*/
	padding: 1px 8px;
	border: 1px solid #4F4335;
	border-top:none;
	text-decoration: none;
	color: #FFF;
	font-weight:bold;
	outline:none;
	}

.suckertreemenu ul li#home a,

.suckertreemenu ul li#about a,

.suckertreemenu ul li#contact a {

	width:90px; }

.suckertreemenu ul li#sell a{

	width: 110px; }

/*1st sub level menu*/

.suckertreemenu ul li ul{

	left: -92px;

	position: absolute;

	top: 1em; /* no need to change, as true value set by script */

	display: block;

	visibility: hidden;

	}



/*Sub level menu list items (undo style from Top level List Items)*/

.suckertreemenu ul li ul li{

	display: list-item;

	float: none;

	margin:0;

	}



/*All subsequent sub menu levels offset after 1st level sub menu */

.suckertreemenu ul li ul li ul{ 

	left: -80px; /* no need to change, as true value set by script */

	top: 0;

	}



/* Sub level menu links style */

.suckertreemenu ul li ul li a{

	display: block;

	width: 106px; /*width of sub menu levels*/

	color: #FFF;

	font-weight:bold;

	text-decoration: none;

	padding: 1px 5px;

	border: 1px solid #4F4335;

	border-top:none;

	}



.suckertreemenu ul li a:hover{

	background-color: #6F0000;

	color: #FFF;

	}



/*Background image for top level menu list links */

.suckertreemenu .mainfoldericon{

	background: #900 url("../img/arrow-down-2.gif") no-repeat center right;

	}



/*Background image for subsequent level menu list links */

.suckertreemenu .subfoldericon{

	background: #900 url("../img/arrow-right.gif") no-repeat center right;

	}



* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/

	padding-top: 1em;

	}

	

/* Holly Hack for IE \*/

* html .suckertreemenu ul li { float: left; height: 1%; }

* html .suckertreemenu ul li a { height: 1%; }

/* End */



#home .suckertreemenu ul li#home,

#about .suckertreemenu ul li#about,

#inventory .suckertreemenu ul li#inventory a.mainfoldericon,

#items-of-interest .suckertreemenu ul li#sell,

#contact .suckertreemenu ul li#contact{

	background-color: #6F0000;

	color: #FFF;

	}



/*****************************
                      HOMEPAGE
******************************/



#home-content {

	float:left;

	width:700px;

	padding:12px;

}

#home-content dl {

	float:left;

	width:650px;

	margin:10px 20px 10px 30px;

	padding:0;

	display:inline;

}

#home-content dt {

	float:right;

	width:162px;

	margin:0;

	padding:0;

	font-size:130%;

	color:#000;

}

#home-content dd {

	margin:0 0 0 145px;

	padding:0;

	line-height:1.5em;

	color:#000;

	font-size:95%;

}

#home-content dl dd.img {

	margin:0;

}

#home-content dd.img img {

	float:left;

	margin:0 8px 0 0;

	padding:4px;

	border:1px solid #231F20;

	background:transparent;

}



/* alternate float */

#home-content .alt dt {

	float:left;

}

#home-content .alt dd {

	margin:0 98px 0 0;

}

#home-content .alt dd.img img {

	float:right;

	margin:0 0 0 8px;

}





.col-left, .col-right {

float:left;

width:300px;

padding:4px 10px 4px 4px;

}

.col-left {

	margin-left:40px; }

.col-left p, .col-right p {

	text-align:justify;

	font-size:90%; 

	line-height:1.4em;

	margin-top:10px;

	margin-bottom:10px;}

.col-left .highlight {

	font-weight:bold;

	color:#900;

	background:url(../img/icons/medal.gif) no-repeat top left;

	padding-left:20px; }

.col-right img.expert {

	float:left;

	margin:4px 8px 0 0;

	padding:4px;

	/*border:1px solid #231F20;*/

	background:transparent;

}



/*****************************
                         ABOUT
******************************/







#about img.bio {

	float:left;

	margin:4px 8px 0 0;

	padding:4px;

	border:1px solid #231F20;

	background:transparent;

}











/***********************************
                     INVENTORY PAGES
************************************/

.product-block {

	margin:15px 40px; }

.product-block h1 {

	font-size:20px;

	clear:both;

	color:#900;

	margin-bottom:5px; }

.product-block p {

	margin:0 0 14px 0;

	font-size:85%; }

.thumbnail {

	float: left;

	width: 110px;

	border: 1px solid #231F20;

	margin: 0 15px 15px 0;

	padding: 4px; }



.clearboth { clear: both; }



.thumbnail a {

	border:none;

	text-decoration: none; }

	

	

/***********************************
                   ITEMS OF INTEREST
************************************/

.col-one, .col-two, .col-three {

float:left;

width:222px;

padding:4px 10px 4px 4px; }





/***********************************
                        CONTACT FORM
************************************/

form {margin:0 40px 15px 40px; font-size:90%;}

fieldset {border: 0px; margin-top:14px;}

.floatl {

	width: 255px;

	float: left; }

.floatr {

	width: 255px;

	float: right; }

form div input, form div textarea{

	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;

	font-size:1em;

	border: 1px solid #bbb;

	border-left-color: #ddd;

	border-top-color: #ddd; 

	padding: 1px 2px; }

form div input { width: 230px;}

form .radio input {

	border: 0px;

	padding: 0px;

	width: auto;

	outline:none; }

form div select {

	width: 230px;

	padding: 3px 2px;

	border: 1px solid #d8d8d8; }

span.error {color:#900;font-size:.9em;}

form div {margin:0 0 .6em 0;}

form .clear br {display: none;} 

form label, form .label {

	display:block;

	margin: 0px;

	cursor: pointer; }

form .radio label {

	display :inline;

	margin: 0px; }	

textarea {

	width: 485px;

	height: 85px;

	overflow: auto; }

#attention, #success {

	background: #F5DC63;

	border: 1px solid #D29C34;

	margin-bottom: 15px;

	padding: 5px; }

#success {

	background: #86D958;

	border: 1px solid #229322;

	}

#attention div, #success div {

	background: #fff url(../images/icon-attention.gif) 10px 10px no-repeat;

	margin: 0px;

	padding: 15px 20px 10px 60px; }

#success div {background: #fff url(../images/icon-success.gif) 10px 10px no-repeat;}

#attention ul, #success p {margin: 0px;}

.btnNormal, .btnHover {

	font-family: "Century Gothic", "Lucida Sans Unicode","Lucida Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 1.1em;

	clear: both;

	cursor: pointer;

	float: left;

	width: 120px;

	height: 29px;

	line-height: 29px;

	color: #fff;

	padding: 0px;

	border: 0px;

	background: url(../img/btn-submit-2.png) 0 0 no-repeat; }

.btnNormal {background: url(../img/btn-submit-2.png) 0 0 no-repeat;}

.btnHover {background: url(../img/btn-submit-2.png) 0 -29px no-repeat;}

.btnNormal,

.btnHover {

   behavior: url("../pngHack.htc");

}

.vcard {float: left; padding-top:5px;}







.IR {

  position: relative;

  overflow: hidden;

  font-size: 1em;

}



.IR em {

  display: block;

  position: absolute;

  top: 0; left: 0;

  z-index: 1;

}



button#IRbutton {

  background: none;

  border: none;

  float: left;

  display: inline;

}



#IRbutton:hover { cursor: pointer; /* cursor: hand; for IE5 */ }

#IRbutton, #IRbutton em { width: 134px; height: 29px; }

#IRbutton em { background: url(../img/btn-submit-2.jpg) no-repeat; }

#IRbutton:hover em, #IRbutton:focus em { background-position: 0 -29px; }



/* for ie5.x/mac only */

* html>body .IR {

  position: static;

  overflow: visible;

  font-size: 10px;

}

* html>body .IR em { position: static; }

* html>body #IRbutton em { margin-bottom: -29px; }









div.fileinputs {

	position: relative;

}



div.fakefile {

	position: absolute;

	top: 0px;

	left: 0px;

	z-index: 1;

}



input.file {

	position: relative;

	text-align: right;

	-moz-opacity:0 ;

	filter:alpha(opacity: 0);

	opacity: 0;

	z-index: 2;

}



/*****************************

                FOOTER CONTENT

******************************/

.footer-content {

	background:#000;

	height:140px;

	}

.footer-container {

	margin-left:50px;

	padding:12px 0 0 0;

	width:800px;

	color:#fff;

	background:#000 url(../img/bg-footer.gif) center center no-repeat;

}

.footer-container a {

color:#A7957F;}

.footer-container span {

font-size:80%;}

.footer-container .floatl,

.footer-container .floatr {

	test-align: center; }





/*****************************
               ABSOLUTE IMAGES
******************************/

.gun {
	position:absolute;
	top:52px;
	left:0;
}

.sword {
	position:absolute;
	top:174px;
	left:741px;
}

.helmet {
	position:absolute;
	top:268px;
	left:661px;
}

.flag {
	position:absolute;
	top:232px;
	left:584px;
}

.insignia {
	position:absolute;
	top:231px;
	left:656px;
}

.misc {
	position:absolute;
	top:199px;
	left:747px;
}

.artillery {
	position:absolute;
	top:228px;
	left:660px;
}

.contact {
	position:absolute;
	top:264px;
	left:627px;
}

.gun img,
.sword img,
.helmet img,
.flag img,
.insignia img,
.misc img,
.artillery img,
.contact img {
   behavior: url("../behavior/iepngfix.htc");
}

a.site-by {
	display:block;
	width: 147px;
	height: 35px;
	margin: 14px auto 0;
}


/*****************************
                GOOGLE ADWORDS
******************************/

#home .google-ad {
	width:180px;
	height:90px;
	position:absolute;
	top:7px;
	left:865px;
	
}

#inventory .google-ad {
	width:160px;
	height:90px;
	position:absolute;
	top:7px;
	left:865px;
	
}

#inventory .google-ad-tall,
#about .google-ad-tall,
#items-of-interest .google-ad-tall {
	width:120px;
	height:600px;
	position:absolute;
	top:7px;
	left:865px;
	
}
#inventory .google-ad-240 {
	width:120px;
	height:240px;
	position:absolute;
	top:7px;
	left:865px;
	
}