/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

body {
   color:#000;
   background:#FAF4BA url(../images/bg.gif) repeat-x top left;
   font-family:Helvetica,Arial,  sans-serif;
   font-size: 62.5%;}
 
* {
   margin:0;
   padding:0;
   list-style-type:none;}
  

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/


/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	
input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;}


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	
a:link, a:visited {
 color:#000;
 text-decoration: underline;}

a:hover, a:active {
 text-decoration:none;}


/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	
hr { 
	display: none; }

img {
	border: none; }

fieldset br{
 clear:both;}
 
fieldset{
 border:none;}


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;}
	
.clearfix:after { /* clear floats */
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */


/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#container{
 width: 775px;
 margin: 0 auto;}

#header{
 /*background:url(../images/subs/rotate.php) no-repeat top left;*/
 background:url(../images/bg_header.jpg) no-repeat top left;
 height:169px;}

#home #header{
 background:url(../images/bg_header.jpg) no-repeat top left;}

#content{
 padding: 0 0 20px 0;}

#footer{
 border-top: 4px solid #EDE7AB;
 padding: 18px 0 0 0;
 font-family:Arial, Helvetica, sans-serif;
 color:#88643C;}

/* 3.1 HEADER
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#header h1 {
	padding: 22px 0 0 15px;
}
.logo{
 background:url(../images/logo.gif) no-repeat top left;
 width: 264px;
 height:67px;
 text-indent:-9999px;
 overflow:hidden;
 display:block;}

ul#main-nav{
 padding:42px 0 0 0;
 font-size:1.6em;
 height:20px;
 font-family:Georgia, "Times New Roman", Times, serif;
 }

ul#main-nav li{
 float:left;
 padding: 0 22px 0 0;}

ul#main-nav li a{
 color:#502F0B !important;
 padding: 0 0 6px 0;
 display:block;
 float:left;
 height:19px;
 text-decoration:none !important;}

ul#main-nav li a:hover,
ul#main-nav li.active a{
 background:url(../images/nav_arrow.gif) no-repeat bottom center;}

/* 3.2 CONTENT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#content p{
 font-size:1.2em;}
 
 #content tr{
  font-size:1.2em;}
  
  #content table{
  margin-top:10px;
  }

 
/* HOMEPAGE */
#home #intro{
 width: 325px;
 height: auto !important;
 height: 210px;
 min-height: 210px;
 padding: 14px 0 0 33px;}

#home #intro p{
 font-size:1.4em;
 line-height:120%;
 padding: 0 0 15px 0;}

#home #intro h2{
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:2.5em;
 line-height:120%;
 padding: 0 0 15px 0;
 font-weight:normal;}

#home .image{
 position:absolute;
 background:url(../images/shadow.png) no-repeat top left;
 width: 296px;
 height:345px;
 margin: -68px 0 0 414px;
 overflow:hidden;}

#home .bottom-image{
 margin: 10px 0 0 0;}
 
h2.hometext {
	width: 277px;
	height: 59px; 
	background: url(../images/home-text.gif) no-repeat 0 0;
	overflow: hidden;
	text-indent: -9999px;
} 

/* Subpage */
.product-desc{
 /*width: 122px;
 float:left;
 margin-right:-15px;*/}



.product-desc p span{
 display:block;
 font-size:1.4em;
 font-weight:bold;}

#products p{
 padding: 10px 0 13px 27px;
 float:left;}

 
#products a.arrow{
 background:url(../images/icon_arrow.gif) no-repeat 0 0;
 display:block;
 height:15px;
 float:left;
 margin: 16px 0 0 0;
 text-indent:-9999px;
 overflow:hidden;
 width: 22px;}
 
.regular-paragraphs p {
	margin: 12px 0 12px 0;
	line-height: 130%;
} 
.about-img {
	float: right;
	width: 246px;
	margin: 33px 25px 0 0;
	background-color: #e0d993;
	padding: 10px;
}
.about-img img {
	border: 2px solid #b9b26d;
}
ol {
	margin: 0;
	padding: 0 0 0 20px;
	list-style-type: decimal;
}
ol li {
	margin: 12px 0;
	font-size: 1.2em;
	line-height: 130%;
	list-style-type: decimal;
}
.processImages {
	float: right;
	width: 266px;
	margin: 33px 25px 0 0;
	font-size: 1.1em;
	display: inline;
}
#imageContainerXF {
	position:relative;
	width: 246px;
}
.processImages span {
	display: block;
	margin: 0 0 5px 0;
	width: 246px;
	padding: 10px;
	background-color: #e0d993;
}
#imageContainerXF img {
	border: 2px solid #b9b26d;
}


/* 3.3 FOOTER
-----------------------------------------------------------------------------------------------
===============================================================================================*/

#footer li{
 padding: 0 3px 5px 0;
 float:left;
 text-transform:uppercase;}

#footer  p{
 padding: 0 0 5px 0;
 clear:both;}

#footer a{
 color:#88643C !important;}