/* common */
* { margin:0; padding:0; }
html { margin:0; padding:0; /*\*/height: 100%; /**/ font-size: 100.01%; }
body { background: url(../images/site-bg.gif) repeat; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; /*\*/min-height: 100%;/**/ color:#fff; margin: 0px;/*text-align: center;*/ }

div.clearboth {	clear: both; display: block; height: 0; visibility: hidden; }
img { border: 0; vertical-align:middle; }
ul, ol { list-style: none; }
p { text-align: left; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* titles */
h1, h2 { font-size:32px; color:#fff; margin:0 0 0 0; font-family: Verdana, Arial, Sans-serif; font-weight: bold; text-transform: uppercase; }
h3 { font-size:12px; }
h4 { font-size:10px; font-weight: bold; margin-left: 0px; }

/* links */
a:link, a:visited { color: #fff; text-decoration: none; font-weight:bold; }
a.selected:link, a.selected:visited { color: #f8b1c5; text-decoration: none; }
a:hover, a:active { color: #fff; text-decoration: none; font-weight:bold; }
/*div#footer p a:link, div#footer p a:visited { color:#333;}
div#footer p a:hover, div#footer p a:active { color:#999;}*/

div#container { width: 775px; margin: 20px auto 0 auto; text-align:left; overflow:hidden; }

/* main page */
div#navigation { background:url(../images/top-navigation-trans.png) no-repeat top center; width: 775px; height: 140px; }
ul#navigation-menu { float:left; width: 600px; margin-top: 40px; margin-left: 185px; }
ul#navigation-menu li { margin-right: 20px; float:left; vertical-align: bottom; }
div#bottom-navigation { background:url(../images/bottom-navigation-trans.png) no-repeat top center; width: 775px; height: 162px; }

div#top-content { background:url(../images/top-content-bg-trans.png) repeat-y center; width: 774px; height: 223px; }
div#bottom-content { background:url(../images/bottom-content-bg-trans.png) repeat-y center; width: 774px; height: 223px; }

/*div#logo { background:url(../images/logo-trans.png) no-repeat left; width: 170px; height: 190px; position: absolute; z-index: 10; top: 10px; }*/
div#logo { width: 170px; height: 190px; position: absolute; z-index: 10; top: 10px; }
div#pdf-button { width: 200px; height: 150px; position: absolute; z-index: 10; top: 617px; margin-left: 545px; }

div#flipping-book-button { width: 204px; height: 110px; position: absolute; z-index: 10; top: 643px; margin-left: 365px; }
div#flipping-book-content { background-color: #fff; border-radius: 5px; -moz-border-radius: 5px; position: absolute; width: 241px; height: 357px; top: 200px; margin-left: 75px; padding-left: 7px; padding-top: 19px; }
div#news-content { background:url(../images/globe.png) no-repeat center; border-radius: 5px; -moz-border-radius: 5px; position: absolute; width: 260px; height: 377px; top: 200px; margin-left: 75px; }

div#main-content { position: absolute; z-index: 10; width: 350px; height: 377px; top: 200px; margin-left: 360px; text-transform: normal; }
div#main-content h1 { padding-bottom: 10px; }
div#main-content ul { list-style: disc; float:none; margin-left: 15px; }
div#main-content li { margin-bottom: 20px; }
div#main-content ul.references { list-style: none; }
div#main-content ul.references li { margin-bottom: 10px; }
div#main-content ul.references li.bubble { background:url(../images/bubble.gif) no-repeat top left; padding-left: 16px; padding-top: 28px; color:#229ad2; height: 70px; }
div#main-content ul.references li.bubble a { color:#229ad2; }

div#main-content-contact { position: absolute; z-index: 10; width: 700px; height: 377px; top: 200px; margin-left: 65px; text-transform: normal; font-size: 10px; }
div#main-content-contact h1 { margin-left: 0px; padding-bottom: 15px; }
div#main-content-contact a { font-weight: normal; text-decoration: none; }
div#main-content-contact a:hover { text-decoration: underline; }

/* intro page */
div#container-intro { width: 100%; overflow:hidden; }

div#language-selection { width: 100%; height: 170px; margin: 10% auto; }

div#download-section { background-color:#FFFFFF; width: 100%; height: 140px; margin: 0 auto; position:fixed; bottom: 0px; text-align:center; padding-left: 35px; }
div#download-section h2 { font-size:20px; color:#707172; font-family: Verdana, Arial, Sans-serif; font-weight: bold; }

ul#language-menu { width: 500px; margin: 0 auto; }
ul#language-menu li { margin-right: 40px; float:right; }
ul#language-menu li.flag { margin-top: 80px; }
ul#language-menu li.logo { margin-top: 0px; }

ul#download-menu { width: 450px; margin: auto; }
ul#download-menu li { margin-right: 20px; float:left; }
ul#download-menu li.text { margin-top: 58px; }
ul#download-menu li.image { margin-top: 40px; }
ul#download-menu li.separator { margin-top: 32px; }