@charset "utf-8";

/* Basic style */
* 		{ margin: 0px; padding: 0px; }
html 	{ height: auto; width: 100%; }
body 	{ background: #8eb700 url('../files/graphics/bg-body.png') top left repeat-x; color: #ffffff; font: normal 0.7em "Arial", sans-serif; width: 100%; }
a 		{ border: 0px; color: #4f7500; }
img 	{ border: 0px; }
p		{ font-size: 1.15em; line-height: 18px; }

h1 { font-size: 4em;  }

/* Common classes */
.clearfix:after { content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }
.clearfix { height: 1%; }

.print { display: none; }
.top 			{ margin: 20px 0px 0px 0px;}
.fl { float: left; }
.fr { float: right; }

.buttonSmall 				{ background: url('../files/graphics/content-button-small-center.gif') top left repeat-x; float: left; height: 26px; margin: 0px 0px 0px 5px; }
.buttonSmall a 			{ background: url('../files/graphics/content-button-small-left.gif') top left no-repeat; color: #fff; display: block; font-weight: bold; height: 26px; text-decoration: none; }
.buttonSmall a:hover 	{ color: #fff; display: block; font-weight: bold; text-decoration: underline; }
.buttonSmall a strong	{ background: url('../files/graphics/content-button-small-right.gif') top right no-repeat; display: block; height: 26px; padding: 0px 14px; }
.buttonSmall a span 		{ background: url('../files/graphics/content-button-small-arrow.gif') 0px 10px no-repeat; cursor: pointer; display: block; height: 26px; padding: 6px 0px 0px 10px; }

.buttonLarge 				{ background: url('../files/graphics/content-button-large-center.gif') top left repeat-x; cursor: pointer; float: right; height: 28px; line-height: 25px; margin: 0px 0px 5px 0px; }
.buttonLarge a 			{ background: url('../files/graphics/content-button-large-left.gif') top left no-repeat; color: #2e4300; display: block; font-size: 1.2em; font-weight: bold; height: 28px; text-decoration: none; }
.buttonLarge a:hover 	{ color: #2e4300; display: block; font-weight: bold; text-decoration: underline; }
.buttonLarge a strong	{ background: url('../files/graphics/content-button-large-right.gif') top right no-repeat; display: block; height: 28px; padding: 0px 14px; }
.buttonLarge a span 		{ background: url('../files/graphics/content-button-large-arrow.gif') 0px 9px no-repeat; cursor: pointer; display: block; padding: 0px 0px 0px 15px; }

/* Decorations */
#linesTopLeft 		{ background: url('../files/graphics/lines-top-left.png') top left no-repeat; height: 305px; left: -305px; position: absolute; top: 0px; width: 305px;}
#linesBottomLeft 	{ background: url('../files/graphics/lines-bottom-left.png') top left no-repeat; height: 436px; left: -436px; position: absolute; top: -300px; width: 439px; }
#linesBottomRight	{ background: url('../files/graphics/lines-bottom-right.png') top left no-repeat; height: 500px; right: 0px; position: absolute; top: 200px; width: 437px; }
#linesBottom		{ background: url('../files/graphics/lines-bottom.png') top left no-repeat; bottom: 0px; height: 47px; right: 0px; position: absolute; width: 47px; }

/* Main content */
#main 	{ margin: 0px auto; min-height: 100%; position: relative; width: 1024px; }

#content { background: #93bc00 url("../files/graphics/content.gif") top left repeat; min-height: 100%; }
#footer 	{ background: #88b400 url("../files/graphics/footer.png") top left repeat-x; height: auto; position:relative; }

/* Content */
#content 			{ min-height: 500px; padding: 55px 55px 10px 55px; }

#content #logo				{ float: left; margin: 0px 0px 30px 0px; width: 200px; }

#content #smallMenu						{ float: right; height: 36px; margin: 10px 0px 30px 0px; width: 250px; }
#content #smallMenu li					{ float: left; list-style: none; margin: 0px 0px 0px 15px; text-align: center; }	
#content #smallMenu li a   			{ color: #7fa300; text-decoration: none; }	
#content #smallMenu li a span			{ display: block; }
#content #smallMenu li a:hover 		{ color: #fff; }

#content h1 { float: left; margin: 0px 0px 0px 0px; overflow: hidden; position: relative; width: 520px; }

#content #mainMenu 					{ background: url('../files/graphics/content-nav-center.gif') repeat-x; float: left; height: 27px; margin: 0px 0px 50px 0px; width: auto; }

#content #mainMenu .wrapper 		{ background: url('../files/graphics/content-nav-right.gif') top right no-repeat; height: 27px; width: auto; }
#content #mainMenu ul 				{ background: url('../files/graphics/content-nav-left.gif') top left no-repeat; height: 27px; list-style: none; }
#content #mainMenu ul li 			{ float: left; }
#content #mainMenu ul li a			{ color: #ffffff; font-size: 1.2em; font-weight: normal; line-height: 26px; padding: 0px 11px; text-decoration: none; }
#content #mainMenu ul li a:hover	{ text-decoration: underline; }

#content #why 				{ margin: 8px 0px 40px 538px;}
#content #why h2 			{ margin: 0px 0px 10px 0px; }
#content #why ul 			{ list-style: none; margin: 0px 0px 0px 5px; }
#content #why ul li 		{ background: url('../files/graphics/content-bullet.gif') center left no-repeat; font-size: 1.2em; margin: 0px 0px 3px 0px; padding: 0px 0px 0px 12px; }

#content #preface 					{ margin: 0px 0px 20px 0px; width: 100%; }
#content #preface h2 				{ color: #394f00; font-size: 2em; margin: 0px 0px 20px 0px; }
#content #preface p 					{ margin: 0px 0px 20px 0px; }
#content #preface .buttonSmall 	{ float: right; }

#content #preface #services 		{ float: left; height: 130px; position: relative; width: 540px; }
#content #preface #howIWorks		{ float: right; height: 130px; position: relative; width: 360px; }

#content #map			{ font-size: 1.15em; }
#content #map li		{ margin: 0px 0px 5px 0px; }
#content #map ul 		{ color: #fff; list-style: decimal; list-style-position: inside; }
#content #map ul ul 	{ margin: 5px 0px 0px 20px; }

#content #interest 					{ background: #8eb901; border: 1px solid #8bb102; padding: 15px; width: 510px; }
#content #interest h3 				{ color: #394f00; font-size: 1.5em; margin: 0px 0px 20px 0px;  }
#content #interest p					{ color: #394f00; margin: 0px 0px 10px 0px; }
#content #interest .buttonSmall	{ margin: 0px 0px 10px 0px; }

#content .smallBox 					{ background: #8eb901; border: 1px solid #8bb102; padding: 15px; width: 510px; }
#content .smallBox h3 				{ color: #394f00; font-size: 1.5em; margin: 0px 0px 20px 0px;  }
#content .smallBox p					{ color: #394f00; margin: 0px 0px 10px 0px; }
#content .smallBox .buttonSmall	{ margin: 0px 0px 10px 0px; }

#content .textPage 					{ margin: 0px 0px 20px 0px; width: 100%; }
#content .textPage h2 				{ color: #394f00; font-size: 2em; margin: 0px 0px 20px 0px; }
#content .textPage h3 				{ color: #394f00; font-size: 1.5em; margin: 0px 0px 20px 0px; }
#content .textPage p 				{ margin: 0px 0px 15px 0px; }
#content .textPage img  			{ background: #a9ca36; padding: 10px; }
#content .textPage .buttonSmall 	{ float: right; }
#content .textPage .clearfix 		{ margin: 0px 0px 0px 0px; }
#content .textPage .fl				{ margin: 0px 0px 20px 0px; width: 540px; }
#content .textPage .fr				{ width: 360px; }
#content .textPage ul				{ list-style: none; }
#content .textPage ul li			{ background: url('../files/graphics/content-bullet.gif') 0px 5px no-repeat; font-size: 1.1em; margin: 0px 0px 3px 0px; padding: 0px 0px 0px 12px; }

#content .textPage #coopForm input 				{ border: 0px; background: #699800 url('../files/graphics/footer-input.gif') top left no-repeat; height: 16px; margin: 0px 0px 4px 0px; width: 529px; }
#content .textPage #coopForm input:outline	{ border: 0px; }
#content .textPage #coopForm input#submit		{ background: #699800 url('../files/graphics/footer-submit.gif') top left no-repeat; color: #ffffff; cursor: pointer; float: right; font-weight: bold; height: 28px; padding: 0px 0px 3px 0px; vertical-align: top; text-align: center; width: 59px; }  
#content .textPage #coopForm textarea			{ background: #699800 url('../files/graphics/footer-textarea.gif') top left no-repeat; border: 0px; height: 115px; margin: 0px 0px 13px 0px; width: 529px; }

#content .panel .rule   	{ background: url('../files/graphics/content-hr.gif') top left repeat-x; border: 0px; height: 1px; margin: 0px 0px 10px 0px; }

#content .panel h3#latestWebdesigns span 	{ background: url('../files/graphics/content-latest-webdesigns.png') top left no-repeat; }
#content .panel h3#latestLogotypes span 	{ background: url('../files/graphics/content-latest-logotypes.png') top left no-repeat;}

#content .panel h4 		{ color: #4f7500; font-size: 1.5em; font-weight: bold; margin: 0px 0px 20px 0px; }
#content .panel p 		{ margin: 0px 0px 15px 0px; }
#content .panel .item 	{ padding: 0px 0px 25px 0px; }
#content .panel .image 	{ background: #a9ca36; float: left; height: 130px; padding: 5px 5px 5px 5px; position: relative; width: 530px; }
#content .panel .info	{ background: #000; border-top: 1px solid #fff; bottom: 5px; display: none; left: 5px; position: absolute; width: 530px; }
#content .panel .info p { margin: 10px; }
#content .panel .desc 	{ float: right; height: 140px; position: relative; width: 360px; }

/* Footer */
#footer 										{ padding: 0px 55px 0px 55px; }
#footer input,
#footer textarea							{ color: #ffffff; font: normal 100% "Arial", sans-serif; margin: 0px; padding: 4px 6px 6px 6px; }
#footer h2 									{ margin: 10px 0px; }

/* Contact form */
#footer #contactForm 					{ float: left; width: 541px; }
#footer #contactForm input 			{ border: 0px; background: #699800 url('../files/graphics/footer-input.gif') top left no-repeat; height: 16px; margin: 0px 0px 4px 0px; width: 529px; }
#footer #contactForm input:outline	{ border: 0px; }
#footer #contactForm input#submit	{ background: #699800 url('../files/graphics/footer-submit.gif') top left no-repeat; color: #ffffff; cursor: pointer; float: right; font-weight: bold; height: 28px; padding: 0px 0px 3px 0px; vertical-align: top; text-align: center; width: 59px; }  
#footer #contactForm p 					{ color: #344b00; margin: 0px 0px 10px 0px; }
#footer #contactForm form p			{ margin: 0px; }
#footer #contactForm textarea			{ height: 115px; background: #699800 url('../files/graphics/footer-textarea.gif') top left no-repeat; border: 0px; margin: 0px 0px 13px 0px; width: 529px; }

/* Contact information */
#footer #contact 				{ float: right; width: 360px; }
#footer #contact .fl,
#footer #contact .fr			{ width: 175px; }
#footer #contact strong 	{ color: #344b00; display: block; }
#footer #contact a			{ color: #ffffff; }
#footer #contact p			{ margin: 0px 0px 10px 0px; }

/* Quick navigation */       
#footer #quickNavigation 				{ float: right; width: 365px; }
#footer #quickNavigation p 			{ margin: 0px 0px 0px 6px; }

#footer #quickNavigation ul							{ list-style: none; height: 130px; }         
#footer #quickNavigation ul li						{ position: relative; float: left; }
#footer #quickNavigation ul li a.main				{ color: #ffffff; font-size: 1.1em; font-weight: bold; display: block; height: 25px; line-height: 23px; padding: 0px 8px 0px 6px; text-align: center; text-decoration: none; }

#footer #quickNavigation ul li a.main:hover					{ background: #567a00 url('../files/graphics/footer-nav-center.gif') repeat-x; display: block; padding: 0px; }
#footer #quickNavigation ul li a.main:hover strong 		{ background: url('../files/graphics/footer-nav-right.gif') top right no-repeat; display: block; }
#footer #quickNavigation ul li a.main:hover strong span 	{ background: url('../files/graphics/footer-nav-left.gif') top left no-repeat; display: block; padding: 0px 8px 0px 6px; }

#footer #quickNavigation ul li ul					{ position: absolute; margin: 10px 0px 0px 6px; }
#footer #quickNavigation ul li ul li				{float: none; }
#footer #quickNavigation ul li ul li a				{ color: #344b00; font-size: 1em; font-weight: normal; text-decoration: none; }
#footer #quickNavigation ul li ul li a:hover		{ text-decoration: underline; }