@charset "utf-8";

/* Basic style */
* 		{ margin: 0px; padding: 0px; }
html 		{ height: auto; width: 100%; }
body 	{ background: url("../images/back.png") repeat;
background-size: 100%; color: #ffffff; font: normal 0.7em "Arial", sans-serif; width: 100%; }
a 		{ border: 0px; }
img 	{ border: 0px; }
hr 	{ display: none; }
/* Common classes */
.clearfix:after { content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }
.hidden 			 { display: none; }

/* Main content */
#main 	{ margin: 0px auto; min-height: 100%; position: relative; width: 1024px; }
#content { background: #93bc00 url("../images/content.gif") top left repeat; min-height: 100%; }
#footer 	{ background: #73a300 url("../images/footer.png") top left repeat-x; height: 400px; position:relative; }

/* Content */
#content 			{ padding: 0px 55px 10px 55px; }

#content #logo		{ margin: 0; float: left; }

#content #login		{ margin: 20px 40px 0 0; float: right;}
#content #login h2	{ margin: 0 0 10px 0; }
#content #login input#submit 	{ border: 0px; background: #699800 url('../images/footer-input.gif') top left no-repeat; height: 16px; margin: 0px 0px 4px 0px; width: 529px; }
#content #login input#submit	{ background: #699800 url('../images/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; margin-right: 5px; }  


#content #mainMenu 					{ background: url('../images/content-nav-center.gif') repeat-x; float: right; height: 27px; margin: -30px 20px 0 0; width: auto; }
#content #mainMenu .wrapper 		{ background: url('../images/content-nav-right.gif') top right no-repeat; height: 27px; width: auto; }
#content #mainMenu ul 				{ background: url('../images/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: bold; line-height: 26px; padding: 0px 11px; text-decoration: none; }
#content #mainMenu ul li a:hover	{ text-decoration: underline; }


#content #why 			{ float: right; margin: 0 60px 10px 0;}
#content #why ul 			{ list-style: none; margin: 0px 0px 0px 5px; }
#content #why ul li 		{ background: url('../images/content-bullet.gif') center left no-repeat; font-size: 14px; margin: 0px 0px 3px 0px; padding: 0px 0px 0px 12px; }
#content #why ul li	a		{ color: #ffffff; text-decoration: none; }
#content #why ul li a:hover	{ color: #3d3d3d; text-decoration: underline; }

#content #preface 	{ width: 600px; margin: 0px 0px 10px 0px; }
#content #preface h2 { color: #fbfbfb; font-size: 18px; margin: 0px 0px 10px 0px; }
#content #preface p 	{ font-size: 17px; }
#content #preface a	{ color: #3d3d3d; text-decoration: none; }
#content #preface a:hover	{ color: #ffffff; text-decoration: underline; }


#content .panel 			{}
#content .panel .rule   { background: url('../images/content-hr.gif') top left repeat; border: 0px; height: 1px; margin: 0px 0px 10px 0px; }
#content .panel h3 		{ height: 31px; font-size: 0px;  margin: 0px 0px 0px 0px; position: relative; text-indent: -9999px; width: 251px; }
#content .panel h3 span	{ display: block; height: 31px; position: absolute; left: 0; top: 0; width: 251px; z-index: 1; }
#content .panel h3#latestWebdesigns span { background: url('../images/content-latest-webdesigns.png') top left no-repeat; }
#content .panel h3#latestLogotypes span { background: url('../images/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 		{ font-size: 1em; margin: 0px 0px 15px 0px; }
#content .panel .item 	{ margin: 0px 0px 25px 0px; }
#content .panel .image 	{ background: url('../images/content-image-bg.png') top left repeat; float: left; height: auto; padding: 5px 5px 5px 5px; width: 530px; }
#content .panel .desc	{ float: right; width: 360px; }


#content .top 			{ cursor: pointer; height: 21px; margin: 20px 0px 0px 0px; text-indent: -9999px; width: 44px; }
#content .top a		{ cursor: pointer; display: block; font-size: 0px; height: 21px; overflow: hidden; position: relative; width: 44px; }
#content .top a span	{ background: url('../images/content-top.png') top left no-repeat; display: block; height: 21px; position: absolute; left: 0; top: 0; width: 44px; z-index: 1; }

/* Footer */
#footer 										{ padding: 0px 55px 0px 55px; }
#footer input,
#footer textarea							{ color: #ffffff; font: normal 100% "Arial", sans-serif; padding: 4px 6px 6px 6px; }
#footer h2 									{ overflow: hidden; font-size: 0px; margin: 10px 0px; position: relative; }
#footer h2 span							{ display: block; position: absolute; left: 0; top: 0; z-index: 1;}
#footer #contactForm 					{ float: left; width: 541px; }
#footer #contactForm h2 				{ height: 31px; width: 261px; }
#footer #contactForm h2 span 			{ background: url('../images/footer-contact.png') top left no-repeat; height: 31px; width: 261px; }                         
#footer #contactForm input 			{ border: 0px; background: #699800 url('../images/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('../images/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 22px 0px; }
#footer #contactForm form p			{ margin: 0px; }
#footer #contactForm textarea			{ height: 115px; background: #699800 url('../images/footer-textarea.gif') top left no-repeat; border: 0px; margin: 0px 0px 13px 0px; width: 529px; }
       
#footer #quickNavigation 			{ float: right; width: 365px; }
#footer #quickNavigation h2 			{ height: 31px; margin-left: 6px; width: 233px; }
#footer #quickNavigation h2 span 	{ background: url('../images/footer-navigation.png') top left no-repeat; height: 31px; width: 233px; }                         
#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 12px 0px 12px; text-align: center; text-decoration: none; }

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

#footer #quickNavigation ul li ul				{ position: absolute; margin: 0px 2px 0px 12px; }
#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; }

#footer .top 			{ bottom: 10px; cursor: pointer; height: 21px; position: absolute; text-indent: -9999px; width: 44px; }
#footer .top a			{ cursor: pointer; display: block; font-size: 0px; height: 21px; overflow: hidden; position: relative; width: 44px; }
#footer .top a span		{ cursor: pointer; background: url('../images/content-top.png') top left no-repeat; display: block; height: 21px; position: absolute; left: 0; top: 0; width: 44px; z-index: 1; }



.column label, .column-big label {display: block; font-size: 13px; font-weight: bold; color: #ffffff; padding-bottom: 2px;}
.column input {display: block; background: transparent; color: #ffffff; height: 23px; border: 0; font-family: arial, sans-serif; font-size: 13px; padding-top: 5px; width: 200px;}
span.text-field {background: url(../images/text-field.png) no-repeat 0 0; display: block; width: 200px; height: 30px; padding: 2px 0 0 5px;}
form p {padding-top: 15px;}

#slider { padding: 10px 0 10px 45px; width: 800px; position: relative;}

ul#mycarousel {position: relative;}
ul#mycarousel li {float: left; display: inline; height: 184px; width: 270px;}
.jcarousel-clip { height:184px; width:800px; overflow:hidden; position:relative;}
.jcarousel-prev ,
.jcarousel-next {background: url(../images/next.gif) no-repeat 0 0; width: 28px; height: 30px; display: block; float: left; position:absolute; top:103px; left: 870px; cursor: pointer; }
.img-cnt {background: url(../images/image-shadow.png) no-repeat 0 0; width: 264px; height: 184px; float: left;}
.img-cnt img {display: block; margin: 0 auto; padding-top: 6px;}
.jcarousel-prev { background: url(../images/prev.gif) no-repeat 0 0; left: 0px;}