body{ background : url('../img/bg.jpg'); font-family : 'Georgia'; font-size : 13px; margin : 0; color : #333; }
a{ color : #333; }
h1{ display : none; }
.clearer{ clear : both; }
p{ margin : 0; padding : 0;  }

#map{ height : 300px; width : 550px; border : 1px solid #ccc; margin : 10px 0 0 0; }

#top{ height : 136px; margin : 10px auto 0 auto; width : 975px; background : url('../img/top.png') no-repeat; position : relative; }
#lang{ margin : 0; padding : 0; list-style : none; position : absolute; top : 30px; right : 20px; }
#lang li{ float : left; padding : 0 5px 0 0; }
#lang li#first{ padding : 10px; }
#lang li a{ text-decoration : none; padding : 10px; float : left; }
#lang li a:hover, #lang li a#active{ background : url('../img/arrow_lang.jpg') no-repeat center center; color : #fff; }

#main_nav{ list-style : none; bottom : 10px; padding : 0;  margin : 0; position : absolute; left : 25px; }
#main_nav li{ display : inline; padding : 0 2px 0 0; float : left; }
#main_nav li a{ font-size : 12px; color : #fff; text-decoration : none; float : left; padding : 10px 3px 10px 3px; }
#main_nav li a:hover, #main_nav li a#active{ background : url('../img/li_hover.gif') repeat-x; color : #333; }

#sec_nav{ list-style : none; bottom : 8px; padding : 0;  margin : 0; position : absolute; top : 140px; left : 25px; }
#sec_nav li{ display : inline; padding : 0 2px 0 0; float : left; }
#sec_nav li a{font-size : 12px; color : #fff; text-decoration : none; float : left; padding : 10px 3px 10px 3px; }
#sec_nav li a:hover, #sec_nav li a#active{ background : url('../img/li_hover.gif') repeat-x; color : #333; }

#sec_bar{ width : 974px; position : absolute; top : 130px; background : url('../img/bar_2.jpg') no-repeat; height : 50px;left : 0px; }

#container{ margin : 0 auto; width : 955px; background : #fff; padding : 50px 10px 10px 10px; }

#banner{ padding : 30px 0 0 480px; height : 190px; }
#quote h2{ color : #333; font-weight : normal; font-size : 20px; }
#quote{ width : 390px; }
#quote div{ line-height : 1.6; margin : 30px 0 0 0; }

#image{ position : absolute; z-index : 0; height : 210px; width : 400px; background : #fff; }
#imageb{ background : url('../img/banner.png') no-repeat; position : absolute; z-index : 1; height : 210px; width : 400px; }

#middle{ background : url('../img/middle.jpg') no-repeat -11px; height : 130px; }
#middle h3{ color : #fff; font-weight : normal; font-size : 18px; float : left; width : 318px; text-align : center; padding : 5px 0 0 0; margin : 20px 0 15px 0; }
#middle a{ width : 318px; float : left; text-align : center; margin : 22px 0 0 0; text-decoration : none; color : #666; }
#middle a:hover{ color : #338DEE; text-decoration : underline; }

#content{ padding : 0 10px;  background : url('../img/dot.jpg') repeat-y 650px top; margin : 20px 0 0 0; }
#left{ width : 630px; float : left; padding : 0 20px 0 0; }
#left p{ line-height : 1.4; }
#right{ float : left; width : 282px; margin : 0; }
#left h2{ color : #3366ff; font-weight : normal; margin : 0 0 10px 0; }
#left h3{ font-size : 16px; color : #333; font-weight : normal; }

#submenu{ list-style : none; margin : 0; padding : 0; }
#submenu li{ background : url('../img/rep.jpg') bottom repeat-x; }

#blog{ background : url('../img/blog.jpg') no-repeat; text-align : center; display : block; width : 131px; height : 130px; padding : 50px 0 0 0; line-height : 80px; font-size : 18px; text-decoration : none; color : #666; margin : 20px auto 0 auto; }
#blog b{ display : block; color : #333;  }
#blog:hover > b{ color : #338DEE; }
#submenu li a{ text-decoration : none; background : url('../img/arrow.jpg') no-repeat left; padding : 16px 0 16px 45px; display : block; text-decoration : underline; }
#submenu li a:hover{ background : url('../img/arrow_hover.jpg') no-repeat left; text-decoration : none; }

#bottom{ background : url('../img/bottom.png') no-repeat; width : 975px; height : 23px; margin : 0 auto 10px auto; }
#above{ background : url('../img/above.png') no-repeat; width : 975px; height : 23px; margin : 0 auto; }
#recap{ background : #fff; width : 955px; margin : 0 auto; padding : 0 10px; }

#recap ul{ margin : 0; padding : 0; list-style : none; width : 200px; float : left; margin : 0 50px 0 0; color : #666; }
#recap ul#long{ width : 452px; margin : 0; }
#recap ul li{ background : url('../img/rep.jpg') repeat-x bottom; padding : 4px 3px 4px 5px; }
#recap ul li a{ text-decoration : underline; color : #666; }
#recap ul li a:hover{ text-decoration : none; color : #338DEE; }

#copyright{ margin : 0 auto 10px auto; text-align : center; color : #fff; font-size : 12px; }

.pers{ margin : 15px 0; background : url('../img/pdf.jpg') no-repeat left; padding : 0 0 0 40px; }
.pers b{ font-weight : normal; font-size : 16px; }
.pers b a{ color : #333; text-decoration : none; }
.pers b a:hover{ color : #338DEE; text-decoration : underline; }

hr{ background : url('../img/rep.jpg') repeat-x; height : 1px; border : 0; }
.top{ background : url('../img/rep.jpg') repeat-x top; text-decoration : none; padding : 5px; display : block; text-align : right; margin : 10px 0 0 0; font-weight : bold; font-size : 11px; }
#home{ height : 52px; width : 265px; position : absolute; z-index : 1; top : 28px; left : 30px; }

/* FIELDSET */

form, fieldset{ margin : 10px 0; padding : 0; border : 0; }
label{ float : left; width : 155px; }
form input, form textarea{ border : 1px solid #ccc; padding : 3px; font-family : 'Tahoma'; font-size : 11px; width : 200px; }
form textarea{ width : 300px; }
form input.small{ width : 50px; }
form .radio{ border : 0; width : auto; }

.formerror{ font-weight : bold; margin : 5px !important; font-size : 11px; color : #3366ff; padding : 5px 0; }
form div{ margin : 5px 0; }
form .button{ background : url('../img/arrow.jpg') no-repeat left; display : block; padding : 10px 0 10px 45px;  text-decoration : none; color : #3366ff; font-weight : bold; text-transform : uppercase; }
form .button:hover{ color : #99cc66; background : url('../img/arrow_hover.jpg') no-repeat left; }

#copy{ display : none; }