/**
 * Layout
 */
html, body { background: #fff; font-family: arial; font-size: 11px; }
html, body, div, td { margin: 0; padding: 0; text-align: left; }

body { margin: 20px 10px 20px 50px; }
div#site { width: 800px; border: 0px solid; margin: 0; }
div#head { width: 100%; margin-bottom: 20px; height: 160px; }
div#main { width: 100%; min-height: 250px; }
div#foot { width: 100%; }
div#head h1 { display: none; }

a, a:hover { color: #777; }
a:hover { color: #337733; }

p#signupFormHolder { color: #6b6; }

/**
 * Menu
 */
div#lang { float: right; padding-top: 10px; }

ul#menu { float: right; list-style-type: none; margin: 15px 0px 0px 0px; padding: 0px; }
ul#menu li { display: inline; margin: 0px; padding: 0px 20px 0px 0px; }
ul#menu li.last { padding: 0px; }
ul#menu li a, ul#menu li a:hover { color: #000; font-size: 12px; font-weight: bold; text-decoration: none; }
ul#menu li a:hover { color: #777; }
ul#menu li a img { line-height: 300px; }


/**
 * Common
 */
h1, h2 { font-size: 16px; margin: 4px 0px 6px 0px; padding: 0px; }
h3, h4 { font-size: 12px; margin: 4px 0px 6px 0px; }

img { border: 0; }
hr { border: 0; height: 1px; color: #666; background: #666; }
p { margin: 5px 10px 5px 0px; }

/**
 * Helpers
 */
.lfloat { float: left; }
.rfloat { float: right; }
.cleaner { clear: both; }
.content { margin: 0px 50px; 0px 50px; }

.padding-l { margin: 0; padding: 0px 0px 0px 20px; }
.padding-r { margin: 0; padding: 0px 20px 0px 0px; }

.text-l { text-align: left; }
.text-c { text-align: center; }
.text-r { text-align: right; }

.content .one-col { width: 100%; }

.content .two-col-l { float: left; width: 50%; }
.content .two-col-r { float: right; width: 50%; }

.content .three-col-l { float: left; width: 36%;  }
.content .three-col-c { float: left; width: 36%;  }
.content .three-col-r { float: right; width: 28%; }

.image-l { margin: 5px 5px 5px 0px; float: left;  }
.image-r { margin: 5px 0px 5px 5px; float: right; }