/* © 2009 ArattaUna Communications */
/* http://www.arattauna.com/ */
/* http://www.arattadesign.com/ */
/* http://www.arattasoftware.com/ */
/* http://www.siteius.com/ */

body { margin:0px; padding:0px; color:#fff; background-image:url(../img/bg.jpg); }

a { color:#c00; text-decoration:underline; }
a:hover { color:#c00; text-decoration:none; }

img { border:0px; }
p { margin:5px 0px 5px 0px; }
ul { padding:10px 0px 20px 30px; }

h1 { padding:0px; margin:0px; color: #fff; }
h2 { padding:0px; margin:0px; color: #fff; }
h3 { padding:0px; margin:0px; color: #fff; }
form { padding:0px; margin:0px; }
select, imput { color:#333; }

.headerInnerBg { height:330px; background-image:url(../img/headerBg.jpg); background-repeat:no-repeat; background-position:bottom center; }
.headerInnerArea { width:980px; height:330px; margin: 0 auto; }

.headerBg { height:450px; background-image:url(../img/headerBg.jpg); background-repeat:no-repeat; background-position:center; }
.headerArea { width:980px; height:450px; margin: 0 auto; }

.headerMenuArea { position:absolute; width:980px; height:200px; z-index:100; }
.logoArea { float:left; padding:40px 0px 0px 40px; }
.topMenuArea { float:right; height:30px; }

.topMenuLeft { float:left; width:10px; height:30px; background-image:url(../img/topMenuLeft.png); }
.topMenuRight { float:left; width:10px; height:30px; background-image:url(../img/topMenuRight.png); }
.topMenuCenter { float:left; height:27px; padding:3px 0px 0px 10px; background-color:#3399CC; }
.topMenu { padding-right:10px; }
.topMenu a { color:#FFFFFF; }
.topMenu a:hover { text-decoration:none; }
.topMenuS { padding-right:10px; }
.topMenuSL { padding-right:10px; }
.topMenuSL a { color:#fc0; }
.topMenuSL a:hover { text-decoration:none; }

/*lang menu*/
.langMenuArea { float:left; padding:3px 20px 0px 20px}
.langMenu { font-size:11px; color:#c00; font-weight:bold; }
.langMenu a { font-size:11px; color:#fff; font-weight:bold; }
.langMenu a:hover { font-size:11px; color:#c00; font-weight:bold; }
/*//lang menu*/

.mainBg { background-color:#006699; background-image:url(../img/mainBg.png); background-repeat:repeat-x; }
.proBg1 { background-color:#85c226; background-image:url(../img/proBg1.jpg); background-repeat:repeat; background-position: top center; }
.proBg2 { background-color:#0193de; background-image:url(../img/proBg2.jpg); background-repeat:repeat; background-position: top center; }
.proBg3 { background-color:#f8c301; background-image:url(../img/proBg3.jpg); background-repeat:repeat; background-position: top center; }

.mainLineBg { background-image:url(../img/mainLineBg.png); background-repeat:repeat-x; }
.mainArea { width:980px; margin: 0 auto; padding-bottom:30px; background-image:url(../img/contentBg.png); background-repeat:no-repeat; background-position: top center; padding-top:30px; }
.leftColumn { float:left; width:170px; padding:30px 40px 0px 20px; overflow:hidden; }
.centerColumn { float:left; width:500px; overflow:hidden; }
.rightColumn { float:right; width:200px; padding:10px 30px 0px 20px; overflow:hidden; }

/*boxes*/
.leftBoxArea { padding:0px 0px 20px 0px  }
.rightBoxArea { padding-left:10px; border-left:1px dotted #fff; }
/*//boxes*/

.contentArea { padding-top:10px; }

/*main menu*/
.mainMenuArea { padding:0px 0px 20px 0px; }

.mainMenu1, .mainMenu1S, .mainMenu1SL { padding-bottom:5px; }
.mainMenu1 a, .mainMenu1 a:hover, .mainMenu1S, .mainMenu1SL a, .mainMenu1SL a:hover { font-size:16px; line-height:normal; font-weight:bold; }
.mainMenu1 a { color:#fff; text-decoration:none; }
.mainMenu1 a:hover { color:#c00; text-decoration:none; }
.mainMenu1S { color:#c00; }
.mainMenu1SL a { color:#c00; text-decoration:underline; }
.mainMenu1SL a:hover { text-decoration:none; }

.mainMenu2, .mainMenu2S, .mainMenu2SL { padding-bottom:3px; }
.mainMenu2 a, .mainMenu2 a:hover, .mainMenu2S, .mainMenu2SL a, .mainMenu2SL a:hover { font-size:14px; line-height:normal; margin-left:20px; }
.mainMenu2 a { color:#fff; text-decoration:none; }
.mainMenu2 a:hover { color:#c00; text-decoration:none; }
.mainMenu2S { color:#c00; }
.mainMenu2SL a { color:#c00; text-decoration:underline; }
.mainMenu2SL a:hover { text-decoration:none; }

.mainMenu3, .mainMenu3S, .mainMenu3SL { padding-bottom:3px; }
.mainMenu3 a, .mainMenu3 a:hover, .mainMenu3S, .mainMenu3SL a, .mainMenu3SL a:hover { font-size:14px; line-height:1.3em; margin-left:40px; }
.mainMenu3 a { color:#fff; text-decoration:none; }
.mainMenu3 a:hover { color:#fc0; text-decoration:none; }
.mainMenu3S { color:#fc0; }
.mainMenu3SL a { color:#fc0; text-decoration:underline; }
.mainMenu3SL a:hover { text-decoration:none; }
/*//main menu*/



/*footer*/
.footer { background-color:#006699; }
.footerArea { width:940px; margin:auto; padding:10px 0px 10px 0px; }
.copyright { font-size:11px; line-height:normal; }
.copyright a { font-size:11px; color:#fff; line-height:normal; }
.copyright a:hover { font-size:11px; color:#fff; line-height:normal; }

.author { font-size:11px; padding-left:8px; line-height:normal; }
.author a { font-size:11px; color:#fff; line-height:normal; }
.author a:hover { font-size:11px; color:#fff; line-height:normal; }
/*//footer*/
.clearPd { clear:both; }