/*  BODY
==============================================================
  Used for general page styles and backgounds. It is possible 
  to add 2 background images to the XHTML document by adding 
  background to both the HTML and BODY tags.
------------------------------------------------------------*/
*{margin:0;padding:0;}

html, body{width:100%;}

body	{background: url(../images/bg.jpg); font: 16px Georgia, "Times New Roman", Times, serif; line-height:1.22em;}
	
a		{color:#660000; text-decoration:none;}
a img 	{border: none;}

.clear 	{clear: both;}
.hide 	{position: absolute; left: -3000px;}
.small	{font:15px Georgia, "Times New Roman", Times, serif; color:#3f543f; text-indent:5px;}
.new	{color:#cc0000; font-style:bold;}

#page{
	width:770px;
	margin:0 auto;
	margin-top: -10px;
	padding:16px 0 55px 0;
	background: #d5c592 url(../images/quote.png) no-repeat bottom;
	border: 4px solid #e8dfc2;}
	
	
/* Makes Horizontal Rules look consistant accross popular browsers.
-------------------------------------------------------*/
hr {background: #e8dfc2; border: 0; color: #e8dfc2; height: 1px; margin: 0 0 10px;}


/*  HEADER (Logo)
==============================================================*/
#header-wrapper{
	width:100%;
	height:161px;
	background:url(../images/top.png) repeat-x;}
#header{
	width:760px;
	height:120px;
	margin:0 auto;
	position:relative;}
#header h1{
	width:263px; height:130px;
	display:block;
	background:url(../images/logo-trans.png) no-repeat;
	text-indent:-9999px;
	position:absolute;
	left:254px; top:40px;}
#header h1 a{
	display:block;
	width:263px;
	height:130px;
	text-indent:-9999px;}


/*  NAVIGATION
==============================================================*/
#header ul#nav{
	list-style:none;
	position:absolute;
	left:73px;
	top:0px;}
#nav li{
	float:left;
	margin:0;
	padding:0;}
a#nav-home, a#nav-machines, a#nav-folio, a#nav-bio, a#nav-contact{
	display:block;
	height:66px;
	text-indent:-9999px;}
a#nav-home:hover, a#nav-machines:hover, a#nav-folio:hover, a#nav-bio:hover, a#nav-contact:hover{
	background-position:0 -66px;}

a#nav-home		{width:107px; background:url(../images/home.png) no-repeat;}
a#nav-machines	{width:145px; background:url(../images/machines.png) no-repeat;}
a#nav-folio		{width:149px; background:url(../images/folio.png) no-repeat;}
a#nav-bio		{width:87px; background:url(../images/bio.png) no-repeat;}
a#nav-contact	{width:135px; background:url(../images/contact.png) no-repeat;}

#home a#nav-home, #machines a#nav-machines, #folio a#nav-folio, #bio a#nav-bio, #contact a#nav-contact{
	background-position:0 -132px;}


/*  HOME FOLIO BIO THANKS
==============================================================*/
#general-cont #tabs{width:100%;}
#general-cont #tabs ul{
	text-indent:-9999px;
	width:760px; height:0;
	list-style:none;
	text-align:center;}

#general-cont .accordian	{width:770px; float:left; background:#d5c592;}
#general-cont .accordian h1	{width:760px; font:normal 18px Georgia, "Times New Roman", Times, serif; padding:10px 0 15px 10px;}

#general-cont .fotomain		{float:left; width:770px;}
#general-cont .fotomain p	{color:#3f543f; font-size:13px; text-align:center;}
#general-cont .fotomain img	{margin:0 7px; border:solid #3f543f 2px;}

#general-cont .thumb14		{float:left; width:200px; text-align:center; padding-bottom:20px;}
#general-cont .thumb14 img	{border:solid #3f543f 1px;}
#general-cont .thumb23		{float:left; width:370px; text-align:center; padding-bottom:20px;}
#general-cont .thumb23 img	{border:solid #3f543f 1px; margin:0 15px;}

#general-cont .info		{float:left;width:750px;margin:10px; padding-bottom:10px; display:inline;}
	
#general-cont .folio	{width:250px; margin:0 3px; float:left; display:inline;}
#general-cont .folio p	{margin:0 5px 10px 5px;}
#general-cont .folio img{border:solid #3f543f 2px;}
	
#general-cont .thanks	{width:600px; margin: 100px auto; text-align:center;}
	

/*  MACHINES
==============================================================*/
#machines-cont #tabs		{width:100%;}
#machines-cont #tabs ul		{width:100%; list-style:none; text-align:center; border-bottom:1px solid #e8dfc2;}
#machines-cont #tabs li		{display:inline; font-size:11pt; font-weight:bold;}
#machines-cont #tabs a		{padding:2px 5px; text-decoration:none; color:#3f543f; background:#888d77;}
#machines-cont #tabs a:hover{background:#aaaf97;}

#machines-cont .accordian	{width:100%; float:left; background:#d5c592;}
#machines-cont .accordian h1{width:100%; color:#3f543f; font:normal 22px Georgia, "Times New Roman", Times, serif; padding:10px 0 10px 10px;}

#machines-cont .foto	{width:auto; float:left;}
#machines-cont .foto p	{padding-left:10px;}
#machines-cont .foto img{margin:10px 0 0 0; border:solid #3f543f 2px;}

#machines-cont .infoh{
	width:370px;
	padding-left:20px;
	border-left:1px dotted #e8dfc2;
	float:left;}
#machines-cont .infov{
	width:480px;
	padding-left:20px;
	margin-left:10px;
	border-left:1px dotted #e8dfc2;
	float:left;}
#machines-cont .infov p, #machines-cont .infoh p{
	margin:7px 0;
	text-indent:10px;}
#machines-cont .infov li, #machines-cont .infoh li{
	list-style:none;
	text-indent:20px;
	background:url(../images/dot.gif) 0 2px no-repeat;}
	
#machines-cont .testimonial{
	color:#5c6156;
	line-height:1em;
	font-style:italic;
	margin-bottom:10px;}
#machines-cont .testimonial li{
	list-style:none;
	text-align:right;
	background:none}

#machines-cont .thumb		{width:auto;}
#machines-cont .thumbv		{width:auto;}
#machines-cont .thumbv img	{margin:40px 10px 0 40px; border:solid #3f543f 1px;}
#machines-cont .thumb img	{display:block; float:left; margin:40px 10px 0 0; border:solid #3f543f 1px;}

#machines-cont .bigbutton{
	width:181px; height:32px;
	background:url(../images/button.png) no-repeat;
	display:block;
	text-indent:-9999px;
	margin-top:170px;
	padding-top:4px;
	border:none;
	cursor:pointer;}
#machines-cont .bigbutton:hover	{background-position:0 -36px;}


.rightpic{float:right;} 


/*  CONTACT
==============================================================*/
#contact-cont #tabs		{width:100%;}
#contact-cont #tabs ul	{width:760px; height:0; list-style:none; text-indent:-9999px; text-align:center;}

#contact-cont .accordian	{width:770px; float:left; background:#d5c592;}
#contact-cont .accordian h1	{width:760px; font:normal 18px Georgia, "Times New Roman", Times, serif; padding:10px 0 15px 10px;}

#contact-cont .info	{float:left; width:200px; padding:10px;}

.form						{float:left; width:450px; font-size:12px;}
.form fieldset				{border:none;}
.form legend				{display:none;}
.form label					{width:75px; height:16px; padding-top:4px; text-align:left; margin-right:5px; display:block; float:left;}
.form input,.form textarea	{width:100%; margin:2px 0; border:1px solid #d4d1cb; padding-left:5px;}
.form input					{height:18px;}

#q12		{width:70px;}
#q13		{width:80px;}

input#button{
	width:60px; height:20px;
	margin-top:10px; margin-left:220px;
	border:none;
	background:url(../images/submit.png) no-repeat;
	font:bold 9pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
	color:#61382a;
	cursor:pointer;}
input#button:hover{background-position:0 -20px;}

/*  JotForm
=========================*/
.tbmain			{height:100%; background-color:#d5c592 !important; margin:0 0 20px 50px; float:left;}
.left			{width:80px; float:left; color: black !important; font-family: Georgia !important; font-size: 12px !important;}
.rightsmall		{width:80px; color: black !important; font-family: Georgia !important; font-size: 12px !important;}
span.required	{font-size: 13px !important; color:#660000 !important;}

	
/*  LEGAL (Footer)
==============================================================*/
#legal			{width:770px; font:10px Georgia, "Times New Roman", Times, serif; color:#212a1f; text-align:center; margin:25px auto;}
#legal a		{color:#212a1f; text-decoration:none}
#legal a:hover	{color:#41473b; text-decoration:none}

#legal ul			{width:360px; height:16px; display:block; font:12px Georgia, "Times New Roman", Times, serif; margin:10px auto 10px auto;}
#legal ul li		{display:block; float:left; height:16px; color:#212a1f;}
#legal ul li a		{height:16px; color:#212a1f; text-decoration:none; text-transform:uppercase; padding:0 8px 0 8px;}
#legal ul li a:hover{color:#660000;}