/* CSS Document */
html {
	height:100%;
}
a {text-decoration: none;}
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #de8b37;
}
#main-wrapper {
	position: relative;
	height: 713px;
	width: 840px;
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;	
	background: #de8b37 url(../images/full-bg.jpg) top left no-repeat;
}
body.whatsnew #main-wrapper {
	position: relative;
	height: 1100px;
	width: 840px;
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;	
	background: #de8b37 url(../images/whats-new-bg.jpg) top left no-repeat;
}

body.longtext #main-wrapper {
	position: relative;
	height: 1800px;
	width: 840px;
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;	
	background: #de8b37 url(../images/whats-new-bg.jpg) top left no-repeat;
}

a img {border: 0;}
.hidden {display: none;}
h1 {
	position: relative;
	float: right;
	margin-right: 55px;
	margin-top: 48px;
	text-indent: -5000px;
	overflow: hidden;
	display: block;
}
h1 a {
	text-indent: -5000px;
	display: block;
	overflow: hidden;
	height: 130px;
	width: 190px;
}
#main-menu {
	position: absolute;
	width: 541px;
	height: 95px;
	left: 62px;
	top: 53px;
	background: transparent url(../images/main-menu.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
}
#main-menu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	top: 0px;
}
#main-menu li, #main-menu a{
	height: 95px;
	display: block;
}
#mm-about {left: 0px; width: 98px; text-indent: -5000px; overflow: hidden;}
#mm-portfolio {left: 98px; width: 122px; text-indent: -5000px; overflow: hidden;}
#mm-clients {left: 220px; width: 93px; text-indent: -5000px; overflow: hidden;}
#mm-process {left: 313px; width: 99px; text-indent: -5000px; overflow: hidden;}
#mm-contact {left: 412px; width: 129px; text-indent: -5000px; overflow: hidden;}

/* Sprite Hovers */
#mm-about a:hover {background: transparent url(../images/main-menu.jpg) -0px -95px no-repeat;}
#mm-portfolio a:hover {background: transparent url(../images/main-menu.jpg) -98px -95px no-repeat;}
#mm-clients a:hover {background: transparent url(../images/main-menu.jpg) -220px -95px no-repeat;}
#mm-process a:hover {background: transparent url(../images/main-menu.jpg) -313px -95px no-repeat;}
#mm-contact a:hover {background: transparent url(../images/main-menu.jpg) -412px -95px no-repeat;}

/* Sprite Hovers 
#mm-about a:hover {background: transparent url(../images/main-menu.jpg) -0px -190px no-repeat;}
#mm-portfolio a:hover {background: transparent url(../images/main-menu.jpg) -98px -190px no-repeat;}
#mm-clients a:hover {background: transparent url(../images/main-menu.jpg) -220px -190px no-repeat;}
#mm-process a:hover {background: transparent url(../images/main-menu.jpg) -313px -190px no-repeat;}
#mm-contact a:hover {background: transparent url(../images/main-menu.jpg) -412px -190px no-repeat;}
*/
body.home #menu-container, #portfolio-menu, body.flash #menu-container, body.process #menu-container, body.whatsnew #menu-container {
	float: right;
	width: 140px;
	height: 72px;
	left: 238px;
	top: 288px;
	background: transparent url(../images/portfolio-menu.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
}
body.flash #menu-container, body.whatsnew #menu-container  {width: 250px; left: 300px;}
body.home #menu-container, body.flash #menu-container, body.whatsnew #menu-container {background: none;}
body.process #menu-container {
	background: transparent url(../images/process-menu.jpg) top left no-repeat;
	width: 219px;
	left: 245px;
	top: 282px;
	height: 72px;
}
#whatsnew-menu {
	background: transparent url(../images/whats-new1.jpg) top left no-repeat;
	position: absolute;
	width: 179px;
	left: 661px;
	top: 180px;
	height: 96px;
}
#whatsnew-menu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
}
#whatsnew-menu a {
	height: 96px;
	display: block;
}

#portfolio-menu li, #process-menu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
}
#portfolio-menu {
	top: 278px;
}
#portfolio-menu a, #process-menu li a{
	height: 23px;
	display: block;
}


#wn {left: 0px; top: 0px; height: 96px; width: 179px; text-indent: -5000px; overflow: hidden;}
#pm-web {left: 0px; top: 3px; height: 23px; width: 160px; text-indent: -5000px; overflow: hidden;}
#pm-print {left: 0px; top: 25px; height: 23px; width: 160px; text-indent: -5000px; overflow: hidden;}
#pm-identity {left: 0px; top: 48px; height: 23px; width: 160px;  text-indent: -5000px; overflow: hidden;}
#proc-web {left: 0px; top: 10px; height: 23px; width: 219px; text-indent: -5000px; overflow: hidden;}
#proc-print {left: 0px; top: 33px; height: 23px; width: 219px; text-indent: -5000px; overflow: hidden;}
/* Sprite Hovers */
#wn a:hover {background: transparent url(../images/whats-new1.jpg) -0px -96px no-repeat;}
#pm-web a:hover {background: transparent url(../images/portfolio-menu.jpg) -0px -75px no-repeat;}
#pm-print a:hover {background: transparent url(../images/portfolio-menu.jpg) -0px -97px no-repeat;}
#pm-identity a:hover {background: transparent url(../images/portfolio-menu.jpg) -0px -120px no-repeat;}
#proc-web a:hover {background: transparent url(../images/process-menu.jpg) -0px -82px no-repeat;}
#proc-print a:hover {background: transparent url(../images/process-menu.jpg) -0px -105px no-repeat;}
body.whatsnew #whatsnew-menu {	background: transparent url(../images/whats-new-sprite-2.jpg) top left no-repeat;}
body.whatsnew #wn a:hover {background: transparent url(../images/whats-new-sprite-2.jpg) -0px -96px no-repeat;}

#proc-testimonial {
	position: absolute;
 	left: 637px;
 	top: 350px;
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#index-whatsnew-menu {
	background: transparent url(../images/whats-new-index.jpg) top left no-repeat;
	position: absolute;
	width: 179px;
	left: 661px;
	top: 340px;
	height: 96px;
}
#index-whatsnew-menu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
}
#index-whatsnew-menu a {
	height: 96px;
	display: block;
}
#index-wn {left: 0px; top: 0px; height: 96px; width: 179px; text-indent: -5000px; overflow: hidden;}
#index-wn a:hover {background: transparent url(../images/whats-new-index.jpg) -0px -96px no-repeat;}

#port-submenu {
	position: absolute;
	text-align: right;
	text-transform: lowercase;
	color: #2A340A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	list-style: none;
	width: 220px;
	left: 555px;
	top: 383px;
	margin: 0;
	padding: 0;
	line-height: 18.75px;
}
#port-submenu a {color: #2A340A; text-decoration: none;}
#port-submenu a.current {font-weight: bold; color: #6b4520;}
#port-submenu a:visited {color:#713314;}
#port-submenu a:active, #port-submenu a:hover {color: #a73209;}

#side-contact {
	position: absolute;
	left: 31px;
	top: 170px;
	background: transparent url(../images/phone-email.jpg) top left no-repeat;
	width: 25px;
	height: 335px;
	overflow: hidden;
	text-indent: -9000px;
}
#side-contact .email a{position: relative; height: 225px; width: 25px; top: 84px; display: block;}
#side-contact .email a:hover {background: transparent url(../images/email-nav-over.jpg) top left no-repeat;}
#content-box {
	position: absolute;
	float: left;
	left: 80px;
	top: 164px;
}
body.home #content-box {
	padding-top: 8px;
	top: 126px;
	background: transparent url(../images/butterfly11.jpg) 1px 42px no-repeat;
}
body.whatsnew #content-box h2 {width: 100%; color: #84401e; text-transform: uppercase; font-weight: bold; font-size: 13px;}
body.flash #content-box {background: none;}
body.portfolio #content-box {top: 178px; left: 108px;}
body.text #content-box {top: 164px; left: 108px; width: 500px;}
#content-box h2 {
	float: left;
	width: 150px; 
	text-align: left;
	display: inline;
	color: #2a340a;
	color: #2a340a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}
#content-box .def-text {
	float: left;
	clear: right;
	width: 330px; 
	text-align: left;
	display: inline;
	color: #2a340a;
	color: #2a340a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 30px;
	text-align: justify;
}
#content-box .def-text a{
	color: #2a340a;
	font-weight: bold;
}
.caption {
	display: block;
	color:#6b4520;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10.4px;
	line-height:15.4px;
	color:#411f01;
	text-align: left;
	letter-spacing: 75;
	text-decoration: none;
	width: 350px;
	line-height: 14px;
}
.viewsite {
	display: block;
	width: 127px;
	margin-top: 10px;
	font-weight: bold; 
	color: #6b4520;
}
.viewlarger {
	clear: left;
	margin-left: 10px;
	display: block;
	text-indent: -4000px;
	overflow: hidden;
	margin-top: 10px;
	background: transparent url(../images/viewlarger.gif) top left no-repeat;
	width: 127px;
	height: 17px;
}
.viewlarger:hover {
	background-position: 0 -17px;
}
.viewlarger a {display: block; width: 127px; height: 17px;}
#content-box a {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10.4px;
	line-height:15.4px;
	color:#2a340a;
	letter-spacing: 75;
}
#content-box a:visited, #content-box a:visited {
	color:#713314;
}
#content-box a:hover, #content-box a:hover {
	color:#A73209;
}
/*body.home #content-box {top: 83px;}*/
#photo-farm {
	position: absolute;
	clear: left;
	top: 635px;
	display: block;
	left: 59px;
	height: 28px;
	width: 140px;
	background: transparent url(../images/photo-farm.jpg) top left no-repeat;
	overflow: hidden;
}
#photo-farm a {
	position: absolute;
	margin: 0;
	padding: 0;
	display: block;
	height: 28px;
	width: 140px;
	text-indent: -5000px;
	background: transparent url(../images/photo-farm.jpg) top left no-repeat;
	overflow: hidden;
}
#photo-farm a:hover {background: transparent url(../images/photo-farm.jpg) -0px -28px no-repeat;}
#copyright {
	position: absolute;
	margin: 0;
	top: 470px;
	left: 805px;
	background: transparent url(../images/copyright.gif) top left no-repeat;
	width: 12px;
	height: 171px;
	text-indent: -5000px;
	overflow: hidden;
}
body.whatsnew #copyright, body.whatsnew #photo-farm {display: none;}
body.whatsnew #side-contact, body.whatsnew #side-contact .email a:hover {background: none;}
body.whatsnew #side-contact .email a{position: relative; height: 225px; width: 25px; top: 85px; left: 2px; display: block;}
body.whatsnew #side-contact .email a:hover {background: transparent url(../images/whats-new-email-over.jpg) top left no-repeat;}

body.flash #content-box {color: #2A340A;} 
.testimonials, .citation {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#5D3B1F;
 text-align: right;
 width: 138px;
 margin-top: 10px;
 line-height: 175%;
}
.citation {
 line-height: 11px;
 color: #2a340a;
}
#fivekeys {
	float: right;
	position: relative;
	clear: both;
	display: block;
	width: 145px;
	height: 54px;
	margin-top: 175px;
	right: 53px;
}
#fivekeys a {
	display: block;
	width: 145px;
	height: 54px;
	font-weight: bold;
	line-height: 1.75em;
	text-decoration: none;
	color: #2a340a;
}
#fivekeys a:visited {color: #713314;}
#fivekeys a:hover {color: #a73209;}
#content-box p {margin-top: 12px;}
.5line2 {clear: left;}
#whatsnewlabel {position: absolute; top: 530px; left: 39px; background: transparent url(../images/home-whats-new.jpg) top left no-repeat; width: 14px; height: 94px;}
#whatsnewlist {
	position: absolute;
	float: left;
	top: 492px;
	left: 85px;
	width: 595px;
	height: 167px;
}
#whatsnewlist ul {list-style: none; text-align:left;}
#whatsnewlist ul li {size: 12px; font-weight: bold; margin-top: 7px;}
#whatsnewlist ul li a {color: #465519;}
#whatsnewlist ul li a:hover {color: #a73209;}
#whatsnewlist ul li a:visited {color: #713314;}
#whatsnewlist ul li a:visited:hover {color: #a73209;}

#home-promo {
	float: right;
	width: 182px;
	height: 162px;
	left: 391px;
	top: 177px;
	background: transparent url(../images/home_haybalers.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
}
#home-testimonial {
	position: absolute;
 	left: 660px;
 	top: 460px;
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
body.whatsnew #menu-container {
	text-align: right;
	color: #713314;
	font-weight: bold;
	line-height: 17px;
}
body.whatsnew #menu-container ul, body.whatsnew #menu-container p {
	width:150px;
	margin-left: -20px;
	text-align: right;
}
body.whatsnew #menu-container ul li {
	list-style: none;
	text-align: right;
}
body.whatsnew #menu-container ul li {
	list-style: none;
	text-align: right;
}
body.whatsnew #menu-container a {
	color: #2a340a;
}
body.whatsnew #menu-container a:visited {
	color: #713314;
}
body.whatsnew #menu-container a:hover {
	color: #a73209;
}
body.whatsnew #menu-container h3 {
	color: #713314;
	margin-top: 10px;
	width: 135px;
	text-transform: uppercase;
	font-size: 12px;
}
body.whatsnew #menu-container #fivekeys {
	float: right;
	position: relative;
	text-align: right;
	clear: both;
	display: block;
	width: 145px;
	height: 14px;
	margin-top: 0px;
	right: 115px;
	color: #713314;
}
body.whatsnew #menu-container #fivekeys a {color: #713314;}

body.ratchfordbio {
	background-color: #fecd86;
}
.style1 {color: #333333}

/*#home-testimonial .testimonials {
 	color:#5D3B1F;
 	text-align: right;
 	width: 138px;
 	margin-top: 10px;
 	line-height: 175%;
}
#home-testimonial .citation {
 	font-family:Verdana, Arial, Helvetica, sans-serif;
 	line-height: 11px;
 	color: #2a340a;
}*/