@charset "utf-8";

/* Basic style */
* 		{ margin: 0px; padding: 0px; }
html 	{ height: auto; width: 100%; }
body 	{ background: #91C9E8 top left repeat-x; color: #ffffff; font: normal 11px "Arial", sans-serif; width: 100%; }
a 		{ border: 0px; color: #ffffff; font-weight: bold;}
a:visited { color: #ffffff;}
img 	{ border: 0px; }
hr 	{ display: none; }

pre{
    margin: 10px 0;
    padding:10px;
    background: #E0EAEF url(../graphics/pre-back.gif) bottom right no-repeat;
    color: #13394C;
    overflow:auto;
    font-size: 1em;
    width:525px;
}
/* Common classes */
.clearfix:after { content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }
.hidden 			 { display: none; }
/* Decorations */
#linesTopLeft 		{ background: url('../graphics/lines-top-left.png') top left no-repeat; height: 305px; left: -305px; position: absolute; top: 0px; width: 305px;}
#linesBottomLeft 	{ background: url('../graphics/lines-bottom-left.png') top left no-repeat; height: 436px; left: -436px; position: absolute; top: -300px; width: 439px; }
#linesBottomRight	{ background: url('../graphics/lines-bottom-right.png') top left no-repeat; height: 500px; right: 0px; position: absolute; top: 200px; width: 437px; }
#linesBottom		{ background: url('../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: #91C9E8 url("../graphics/content.gif") top left repeat; min-height: 100%; }
#footer 	{ background: #6fb8e0 url("../graphics/footer.png") top left repeat-x; height: 400px; position:relative; }

/* Content */
#content 			{ padding:20px 55px 10px;float:left; position: relative; }

#content #logo				{ height: 36px; text-indent: -9999px; margin: 0px 0px 30px 0px;  overflow: hidden; position: relative; width: 118px; }
#content #logo strong 	{ background: url('../graphics/content-logo.png') top left no-repeat; display: block; height: 36px; position: absolute; left: 0; top: 0; width: 118px; z-index: 1; }

#content #h1wrap				{ position: absolute; top: 90px; left:54px;}
#content #h1wrap p 			{ height: 129px; text-indent: -9999px; overflow: hidden; width: 461px; }
#content #h1wrap p span 	{ background: url('../graphics/content-head.png') top left no-repeat; display: block; height: 129px; position: absolute; left: 0; top: 0; width: 461px; z-index: 1; }
#content #h1wrap #more 		{ background: url('../graphics/content-head-more.png') top left no-repeat; bottom: -30px; height: 69px; position: absolute; right: -30px; width: 69px; z-index: 2;}

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


#content #why 				{ margin:43px 0 30px 538px;}
#content #why h2 			{ height: 42px; overflow: hidden; margin: 0px 0px 10px 0px; position: relative; text-indent: -9999px;  width: 99px; }
#content #why h2 span	{ background: url('../graphics/content-why.png') top left no-repeat; display: block; height: 42px; position: absolute; left: 0; top: 0; width: 99px; z-index: 1; }
#content #why ul 			{ list-style: none; margin: 0px 0px 0px 5px; }
#content #why ul li 		{ background: url('../graphics/content-bullet.gif') center left no-repeat; font-size: 1.25em; margin: 0px 0px 3px 0px; padding: 0px 0px 0px 12px;text-shadow: #5DA5C7 0.1em 0.1em ; }

#content #how 				{ width: 375px; float: right;}
#content #how h2 			{ height: 42px; overflow: hidden; margin: 0px 0px 10px 0px; position: relative; text-indent: -9999px;  width: 99px; }
#content #how h2 span	{ background: url('../graphics/content-how.png') top left no-repeat; display: block; height: 42px; position: absolute; left: 0; top: 0; width: 99px; z-index: 1; }
#content #how ul 			{ list-style: none; margin: 0px 0px 0px 5px; }
#content #how ul li 		{ background: url('../graphics/content-bullet.gif') center left no-repeat; font-size: 1.25em; margin: 0px 0px 3px 0px; padding: 0px 0px 0px 12px; text-shadow: #5DA5C7 0.1em 0.1em ;}

#content #share		{ position: absolute; left:589px; top:565px;}
#content #share a {color: #ffffff; text-decoration: none; font-size:1.25em;text-shadow:0.1em 0.1em #5DA5C7;}

#content #malbec-leave		{ position: absolute; left:589px; top:590px; font-size:1.25em;text-shadow:0.1em 0.1em #5DA5C7;}
#content #malbec-leave a {color: #13394C; text-decoration: none; text-shadow:0.1em 0.1em #5DA5C7;}
#content #malbec-leave img {float:left; margin-right:5px;}

#content #preface 	{ width: 460px;float:left; }
#content #preface h1 { color: #13394C; font-size: 18px; margin: 0px 0px 20px 0px; text-shadow: #5DA5C7 0.1em 0.1em ;}
#content #preface p 	{ margin: 0px 0px 25px 0px; font-size: 1.3em; text-shadow: #5DA5C7 0.1em 0.1em ;}

#content .panel 			{float:left; clear: both;position:relative;}
#content .panel .rule   { background: url('../graphics/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#labelEmail span { background: url('../graphics/email-address.png') top left no-repeat; }
#content .panel h3#latestLogotypes span { background: url('../graphics/content-latest-logotypes.png') top left no-repeat;}

#content .panel h4 		{ color: #13394C; font-size: 1.5em; font-weight: bold; margin: 0px 0px 20px 0px; }
#content .panel p 		{ font-size:1.25em; margin:0 0 15px; text-shadow:0.1em 0.1em #5DA5C7; }
#content .panel p a {text-shadow:none;color:#13394C;}
#content .panel .item 	{ margin: 0px 0px 25px 0px; }
#content .panel .image 	{ background: url('../graphics/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 .panel .buttonSmall 				{ background: #91C9E8 url('../graphics/content-button-small-center.gif') top left repeat-x; float: left; height: 25px; line-height: 23px; margin: 0px 0px 5px 5px; }
#content .panel .buttonSmall a 			{ background: url('../graphics/content-button-small-left.gif') top left no-repeat; color: #fff; display: block; font-weight: bold; height: 25px; text-decoration: none; }
#content .panel .buttonSmall a:hover 	{ color: #fff; display: block; font-weight: bold; text-decoration: underline; }
#content .panel .buttonSmall a strong	{ background: url('../graphics/content-button-small-right.gif') top right no-repeat; display: block; height: 25px; padding: 0px 14px; }
#content .panel .buttonSmall a span 	{ background: url('../graphics/content-button-small-arrow.gif') 0px 9px no-repeat; cursor: pointer; display: block; padding: 0px 0px 0px 10px; }

#content .panel .buttonLarge 				{ background: #91C9E8 url('../graphics/content-button-large-center.gif') top left repeat-x; cursor: pointer; float: right; height: 28px; line-height: 28px; margin: 0px 0px 5px 0px; }
#content .panel #encodebutton.buttonLarge 	{position:absolute; right:0px; top:35px;}
#content .panel .buttonLarge a 			{ background: url('../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; }
#content .panel .buttonLarge a:hover 	{ color: #2e4300; display: block; font-weight: bold; text-decoration: underline; }
#content .panel .buttonLarge a strong	{ background: url('../graphics/content-button-large-right.gif') top right no-repeat; display: block; height: 28px; padding: 0px 14px; }
#content .panel .buttonLarge a span 	{ background: url('../graphics/content-button-large-arrow.gif') 0px 9px no-repeat; cursor: pointer; display: block; padding: 0px 0px 0px 15px; }

#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('../graphics/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('../graphics/footer-contact.png') top left no-repeat; height: 31px; width: 261px; }                         
#footer #contactForm input 			{ border: 0px; background: #699800 url('../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: #91C9E8 url('../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: #13394C; margin: 0px 0px 22px 0px; }
#footer #contactForm form p			{ margin: 0px; }
#footer #contactForm textarea			{ height: 115px; background: #699800 url('../graphics/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('../graphics/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 8px 0px 6px; text-align: center; text-decoration: none; }

#footer #quickNavigation ul li a.main:hover					{ background: #567a00 url('../graphics/footer-nav-center.gif') repeat-x; display: block; padding: 0px; }
#footer #quickNavigation ul li a.main:hover strong 		{ background: url('../graphics/footer-nav-right.gif') top right no-repeat; display: block; }
#footer #quickNavigation ul li a.main:hover strong span 	{ background: url('../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: #13394C; 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('../graphics/content-top.png') top left no-repeat; display: block; height: 21px; position: absolute; left: 0; top: 0; width: 44px; z-index: 1; }

div.input input{
    font-size:18px;
    font-weight:lighter;
    height:22px;
    padding:3px;
    width:350px;
}

div.text-area textarea{
    width: 450px;
    height: 280px;
    padding:3px;
}

div.input, div.text-area{
    padding: 0px 0px 15px 0px;
}

div.error{
    background:#F8B4C4;
    font-size:14px;
    font-weight:bold;
    padding:10px;
    position:absolute;
    right:-235px;
    text-shadow:0.1em 0.1em 2px #414247;
    top:26px;
    width:200px;
    -moz-border-radius: 0.3em;
    border: 1px dotted #D44A58;
    display:none;
}

input.error{
    background: #ffffff url(../graphics/16-message-warn.png) center right no-repeat;
}

div#disclamer {
    width: 100%;
}

#not-found{
    float:left;
    width: 960px;
}

#not-found img{
    float:left;
}

#not-found #preface {
    width: auto;
}

#not-found #preface p 	{ margin: 75px 0px 25px 0px; font-size: 2.5em; text-shadow: #5DA5C7 0.06em 0.06em ;}

#faq #preface p{
    color:#13394C;
    font-size:1.3em;
    margin:10px 0;
    text-shadow: none;
}

#faq #preface h2{
    font-size:1.6em;
    text-shadow: #5DA5C7 0.06em 0.06em ;
}

#faq #preface {
    width: auto;
}

#content #badges-box{
    position: absolute;
    left:589px;
    top:450px;
    font-size:1.25em;
    text-shadow:0.1em 0.1em #5DA5C7;
}
#content #badges-box h2{
    font-size: 1.2em;
    margin-bottom:10px;
}
#content #badges-box img{
    margin-left: 23px;
}