
/*  CSS */

a,
a:link,
a:visited,
a:hover,
a:active	{color:#000;}

.left		{float:left;}
.right		{float:right;}
.clear		{clear:both;}
.clrright	{clear:right;}
.clrleft	{clear:left;}

h1			{font:18px Georgia, "Times New Roman", Times, serif;margin:0;padding:0}
h2			{font:16px Georgia, "Times New Roman", Times, serif;margin:0;padding:0}
h3			{font:14px Georgia, "Times New Roman", Times, serif;margin:0;padding:0}

.pad5		{padding:5px;}
.sm9		{font-size:9px;}
.sm10		{font-size:10px;}

img,#content {behavior: url(inc/pngbehavior.htc);}

#pageheading	{
	font: 24px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #2f3129;
	text-indent:25px;
	height:27px;
	border-bottom:1px dotted #696969;
	}
.largeletter	{
	font:30px Georgia, "Times New Roman", Times, serif;
	}
/*************  NEW WINDOW   ************/
a[target ="_blank"] {
   padding-right: 18px;
   background: transparent url(../images/newwindow.gif) no-repeat center right;
   }
a.nonewwin {
   padding-right: 18px;
   background: transparent url() no-repeat center right;
	}
a[target ="_blank"].pdf 	{
   padding-right: 18px;
   background: transparent url(../images/adobe-pdf.gif) no-repeat center right;
   }
ul#pdf a[target ="_blank"] {background:none;}


table.buy	{
	 padding:3px 8px; 
	 background: #eadb80;
	 border:1px solid #c9b854;
	 }

/******   LAYOUT   ******/
html,body	{
	height:100%;
	width: 100%;
	margin: 0 auto;
	}
	
body	{
	margin:0 auto;
	text-align:center;
	padding:0;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #2f3129;
	line-height:18px;
	background:#fbea8e url(../images/bg.jpg) repeat-x;
	}
	
td	{	
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #2f3129;
	line-height:18px;
	}

#wrapper	{
	width:775px;
	height:auto;
	margin: 0 auto;
	text-align:left;
	}
	
#header	{
	height:139px;
	margin:0 auto;
	}

#header:after	{clear:both;}
#content:after	{clear:both;}
#content		{
	width:755px;
	padding: 5px 10px 15px 10px;
	background:url(../images/bgwrapper.png) repeat-y;
	
	min-height:500px;
    height:auto !important;
    height:500px;
	}
	





/******* FOOTER *******/
#footer	{
	height:144px;
	margin:-14px 4px 0 6px;
	padding-top:16px;
	font-size:9px;
	color:#696969;
	clear:both;
	background:url(../images/bgfooter.png) repeat-x;
	}
	
#footer a	{
	color:#696969;
	font-size:9px;
	text-decoration:none;
	}

#footer #credit				 {float:right;width:124px;}
#footer #credit a 	 		 {color:#696969;text-decoration:none;}
#footer #credit a:hover 	 {color:#fff;text-decoration:none;}




/******* HORIZONTAL NAV MENU  ***********/
#nav	{
	margin:0px -1px 0px 1px;

	}

#nav a img	{
	background:#f4db7c;
	background-position: 35px;
	}
#nav a:hover img	{
	background:#fff;
	background-position: 35px;
	}
	






/**********  CONTACT FORM   **********/
form#contact 	{
	margin:0;
	padding: 5px;
	float:right;
	width: 275px;
	}	


#contact label,#contact input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	}

#contact label {
	text-align: right;
	width: 75px;
	padding-right: 5px;
	}

#contact br {clear: left;}

#contact fieldset	{
	background: #eadb80;
	color:#696969;
	border: 1px solid #d1c36b;	
	margin:20px 0px 20px 0px;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
	} 
	
#contact legend	{
	color:#696969;
	font-weight:bold;
	font-variant:small-caps;
	font-size:15px;
	padding:2px 5px;
	position: relative;  
	left: -7px;  
	top: -0.75em;
	}
#contact fieldset ol {  
	padding-top: 0.25em;
	}
	
#contact #city {
	display: block;
	width: 60px;
	margin-right:12px;
	float: left;
	margin-bottom: 10px;
	}
	
#contact #comments	{
	display: block;
	width: 240px;
	height:70px;
	margin-bottom: 15px;
	}
	
#contact #submit	{
	width: 85px;
	height:32px;
	margin-left:90px;
	}

#contact .shhhh { display:none; }




/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
	
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    border:none;
}
/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;margin-left:95px;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}


.buttons a.order, button.order{
    color:#639fd5;
	margin-left:0;
	float:left;
	background:#bcd6f0;
	border:1px solid #639fd5;
}
.buttons a.order:hover, button.order:hover{
    background:#c3cfdb;
    border:1px solid #fff;
    color:#d12f19;
}
.buttons a.order:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}
