
body {
padding: 0;
margin: 0 auto;
text-align: center;
background: #000 url(img/bg.jpg) top center no-repeat;
font-family: Verdana, sans-serif;
font-size: 12px;
color: #fff;
}

p {
line-height:1.3em;
}

.displayNone {
	display: none;
}

.hidden {
	visibility: hidden;
	display: none;
}

a:link, a:visited {
	color: #ffc40d;
	text-decoration:none;
	}

a:hover {
	color: #f2b700;  
	text-decoration: underline;
	}
	
em {
color:#ffc40d;
font-weight:bold;
font-style:normal;
}

strong {
font-weight:bold;
}

.clear { clear: both; }

#header {
width: 900px;
height: 116px;
margin: 0 auto;
background: transparent url(img/header_bg.gif) top center no-repeat;
}

#header h1 {
float:left;
margin: 16px 0 0 35px;
width: 355px; height: 90px; text-indent: -10000px; font-size: 9px;
background: transparent url(img/logo.gif) top center no-repeat;
}

/*style for IE*/		
* html #header h1 {
margin: 16px 0 0 15px;
}

#header h1 a {
float:left;
width: 355px; height: 90px; display: block; text-decoration: none;
background: transparent url(img/logo.gif) top center no-repeat;
}

#header h2 {
float:right;
margin: 25px 18px 0 0;
width: 247px; height: 21px; text-indent: -10000px; font-size: 9px;
background: transparent url(img/phone_number.gif) top center no-repeat;
}

#navmenu {
float:right;
margin:85px 18px 0 0;
}

h1 {
font: 24px Georgia, serif;
margin: 0;
}

h1 a:link, h1 a:visited {
text-decoration: none;
color: #623272;
}

h1.title{
font: 24px Georgia, serif;
margin: 15px 0 5px 15px;
}

h2 {
margin:0 0 10px 0;
font-family: Georgia, Verdana, Arial, sans-serif;
font-size: 22px;
color: #ffc40d;
}

h3 {
margin:0 0 10px 0;
font-family: Georgia, Verdana, Arial, sans-serif;
font-size: 20px;
color: #ffc40d;
}

h3 a:link, h3 a:visited {
  text-decoration: underline;
  color: #623272;
}

#sidebar h3 {
font-size: 1.2em;
}

h4 {
  font: 14px Georgia, serif;
  margin: 2px;
  font-weight: bold;
  color: #623272;
}

h4 a:link, h4 a:active, h4 a:visited, h4 a:hover {
  text-decoration: underline;
  color: #623272;
}

h4 a:hover {
  text-decoration: underline;
  color: #623272;
}

h5 {
  font-size: 13px;
  margin: 3px;
  font-weight: bold;
}


#content {
background: transparent url(img/home_photo2.jpg) top center no-repeat;
margin: 0 auto;
width: 890px;
height:404px;
border: 5px solid #474139;	
}

#content2 {
background: #272727 url(img/content2_bg.jpg) top center no-repeat;
margin: 0 auto;
width: 830px;
height:auto;
border: 5px solid #474139;
text-align:left;
padding: 15px 25px 35px 35px;
}

#subheader h1{
padding: 0px;
margin:0;
height:66px;
width:578px;
/* Default image. More defined below */
background-image: url("");
background-position: 0 0;
background-repeat: no-repeat;
border-bottom: 5px #4d4444 solid;
}

html>body #subheader h1{
width:578px;
height: 66px;
}

/* specify new images for different pages Look for different ids on body tag */
#aboutpage #subheader h1{ margin: 0; background-image: url("img/subheader_about.gif"); }
#orderpage #subheader h1{ margin: 0; background-image: url("img/subheader_orderonline.gif"); }
#archivespage #subheader h1{ margin: 0; background-image: url("img/subheader_archives.gif"); }
#newspage #subheader h1{ margin: 0; background-image: url("img/subheader_news.gif"); }
#contactpage #subheader h1{ margin: 0; background-image: url("img/subheader_contact.gif"); }

#welcomemsg {
float:left;
width:275px;
margin:115px 0 0 42px;
text-align:left;
font-size:11px;
}

.separator {
	margin: 10px 0 10px 0;
	padding: 5px 0px 5px 0px;
	border-bottom: 2px #4d4444 solid;
	width: 95%;
}

.callout {
	margin: 10px 0 5px 0;
	padding: 0px 0px 4px 0px;
	float:left;
	clear:left;
	width:520px;
	border-bottom: 1px solid #555;
	}
	
.callout p {
	margin:2px;
	padding: 0px;
	font-size:11px;
	}	

.callout img {
	width: 200px;
	float:left;
	margin-right: 6px;
	border: 3px #4d4444 solid;
	}
	
.callout a {
	width: auto;
	float:left;
	padding: 0;
	}	

.callout h2 {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold;
color: #bd8a55;
margin: 0px;
	}

.callout h2 a {
text-decoration: underline;
}	

.callout * {
	width:300px;
	float:right;
	}

.callout * * {
	width:auto;
	float:none;
	}
	
.page_divider {
clear: left;
width: 96%;
height: 3px;
padding: 0;
margin-bottom: 5px;
}	
	
.button_left {
float: left;
margin: 2px 5px 0 0;
}

#productsinfo {
float:right;
width:340px;
background-color:#000;
margin:0 0 10px 15px;
padding:5px 5px 10px 5px;
}

#productsinfo p {
padding: 5px 10px 5px 15px;
}

#contactinfo {
float:right;
width:428px;
background-color:#000;
margin:0 0 10px 15px;
padding:5px 5px 10px 5px;
}

#contactinfo p {
padding: 5px 10px 5px 15px;
}
	
form {
margin: 0;
padding:0;
}

form label {
font-weight:bold;
}

form label.required {
color:#edde67;
font-weight:bold;
}
	
.thumbnail {
float: left;
border: 3px #4d4444 solid;
margin: 5px 15px 10px 0px;
}

.photo {
border: 3px #181616 solid;
margin: 0 0 5px 0;
}

.photo-r {
float: right;
border: 3px #181616 solid;
margin: 5px 0 15px 15px;
}

#bottombar {
clear:both;
margin: 0 auto;
width: 890px;
height:195px;
border-left: 5px solid #474139;
border-right: 5px solid #474139;
border-bottom: 5px solid #474139;
text-align:left;
font-size:11px;
}

#aboutbox {
background: transparent url(img/about_bg.jpg) top center no-repeat;
float:left;
width: 594px;
height:195px;
border-right: 5px solid #474139;
}

#productsbox {
background: transparent url(img/products_bg.jpg) top center no-repeat;
float:left;
width: 594px;
height:195px;
border-right: 5px solid #474139;
}

#servicesbox2 {
background: transparent url(img/services_bg.jpg) top center no-repeat;
float:left;
width: 594px;
height:195px;
border-right: 5px solid #474139;
}

.bottomtext1 {
margin: 23px 0 3px 42px;
width:200px;
}

#servicebox {
float:right;
width: 290px;
height:195px;
}

.bottomtext2 {
margin: 23px 0 3px 35px;
width:230px;
}

#footer {
clear:both;
width: 890px;
height: 50px;
margin: 0 auto 20px auto;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
color: #777;
}

/*style for IE*/		
* html #footer {
border-top:5px solid #474139;
}

#footer a:link, #footer a:visited { 
color: #ccc;
text-decoration: none;
}

#footer a:hover { 
color: #fff;
text-decoration: none;
}

#footer p.address {
float: left;
text-align: left;
margin: 15px 0 20px 15px;
}

#footer p.developer {
float: right;
text-align: right;
margin: 15px 15px 20px 0;
color: #444;
}

#footer p.developer a:link, #footer p.developer a:visited {
color:#555;
}

#footer p.developer a:hover {
color:#777;
}

.copyright {
color: #888;
}