br.clr { clear: both; font: normal 1px/1px AVerdana, rial, Helvetica, sans-serif; } br.clear { clear: both; } html, body, form, div { margin: 0; padding: 0; height: 100% } body { width: 100%; background: #9acbeb url(images/bg_body.jpg) repeat-y top left; } body, p { color: #3f3151; font: normal 12px/16px Verdana, Arial, Helvetica; text-align: justify; } a, a:active, a:visited { color: #f27000; text-decoration: underline; } a: hover { color: #3f3151; text-decoration: none; } .hidden { display:none; } img#bg { position:fixed; top:0; left:0; width:100%; height:100%; } /* MAIN CONTAINER */ div#container { margin: 0 auto; text-align: left; width: 958px; padding: 10px 0px 10px 0px; background: transparent url(images/transparent.png); position:relative; z-index: 0; } /* HEADER */ div#container div#headerBlock { background: transparent; height: 464px; width: 958px; z-index: 0; } div#headerBlock div#topLine_left { background: transparent url(images/topLine_left.png) no-repeat left top; height: 8px; width: 8px; float: left; } div#headerBlock div#topLine_center { background: transparent url(images/topLine_center.png) repeat-x left top; height: 8px; width: 942px; float: left; } div#headerBlock div#topLine_right { background: transparent url(images/topLine_right.png) no-repeat left top; height: 8px; width: 8px; float: left; } div#headerBlock div#headCnt_left { background: #ffffff; height: 456px; width: 4px; float: left; } div#headerBlock div#headCnt_center { background: transparent; height: 456px; width: 950px; float: left; } div#headerBlock div#headCnt_right { background: #ffffff; height: 456px; width: 4px; float: left; } div#headerBlock div#logo { height: 360px; width: 950px; position: relative; top: -465px; left: 0px; z-index: 2; overflow: hidden; } /* ANIMATIONS */ div#headerBlock span.anitext { font: normal 85px "britannic bold", Georgia, Verdana, Segoe; color: #eeeeee; text-transform: lowercase; text-shadow: #6374AB 10px -10px 2px; } div#headerBlock div.blink1 { position: relative; left: 500px; top: 20px; } div#headerBlock div.blink2 { position: relative; left: 520px; top: 110px; } div#headerBlock div.blink3 { position: relative; left: 30px; top: -50px; } div#headerBlock div.blink4 { position: relative; left: 100px; top: 60px; } div#headerBlock span.blink2 { font-size: 60px; } div#headerBlock span.blink3 { font-size: 75px; } div#headerBlock span.blink4 { font-size: 50px; } div#headerBlock span.blink_dummy { font-size: 1px; } div#headerBlock img#home_slides{ width: 950px; height: 456px; -ms-filter: "progid:DXImageTransform.Microsoft.Fade(duration=2)"; filter :progid:DXImageTransform.Microsoft.Fade(duration=3); overflow: hidden; } div#headerBlock div#btmLine_left { background: #ffffff url(images/btmLine_left.png) no-repeat left top; height: 8px; width: 8px; float: left; position: relative; top: -8px; left: 0px; z-index: 2; } div#headerBlock div#btmLine_center { background: #ffffff url(images/btmLine_center.png) repeat-x left top; height: 8px; width: 942px; float: left; position: relative; top: -8px; left: 0px; z-index: 2; } div#headerBlock div#btmLine_right { background: #ffffff url(images/btmLine_right.png) no-repeat left top; height: 8px; width: 8px; float: left; position: relative; top: -8px; left: 0px; z-index: 2; } div#headerBlock div#btmLine_straight { background: #ffffff; height: 4px; width: 958px; float: left; } /* TOP MENU */ div#headerBlock div#mainMenu { background: transparent url(images/menu_bg.png) repeat-x left top; height: 57px; width: 950px; position: relative; top: -456px; z-index: 1; } div#headerBlock #mainMenu ul { list-style: none; padding: 15px 0 0 120px; margin: 0; float: left; } div#headerBlock #mainMenu li { background: transparent; float: left; } div#headerBlock #mainMenu li a { height: 18px; line-height: 18px; float: left; display: block; border: 0px; text-decoration: none; text-align: left; color: #eeeeee; font-size: 16px; font-weight: normal; font-family: Georgia, Times, serif; background: transparent; padding: 6px 50px 0 5px; letter-spacing: -0,5px; text-transform: uppercase; } div#headerBlock #mainMenu li a:hover { text-decoration: underline; color: #ffffff; } /* LANGUAGE SWITCH */ div#headerBlock div#mainMenu #utils_menu { Z-INDEX: 1001; POSITION: relative; LIST-STYLE-TYPE: none; font: normal 10px/12px Tahoma, Verdana, Arial, Helvetica; HEIGHT: 16px; left: 750px; TOP: -41px; MARGIN-RIGHT: 25px; } div#headerBlock div#mainMenu #utils_menu span { COLOR: #666666; HEIGHT: 16px; font: normal 10px/12px Tahoma, Verdana, Arial, Helvetica; } div#headerBlock div#mainMenu #utils_menu ul { padding: 0; margin: 0; } div#headerBlock div#mainMenu #utils_menu li a { padding: 0; height: 12px; vertical-align: centre; COLOR: #666666; } div#headerBlock div#mainMenu #utils_menu A { COLOR: #666666; _width: 1%; _white-space: nowrap; font-size: 10px; text-transform: none; line-height: 12px; padding: 0; letter-spacing: 0px; text-transform: none; } div#headerBlock div#mainMenu #utils_menu LI { POSITION: relative; TEXT-ALIGN: left; BACKGROUND-COLOR: #ffffff; padding: 0; FLOAT: left; width: auto; margin: 0; } div#headerBlock div#mainMenu #utils_menu LI.lang { background: #ffffff url(images/lang_switch_arrow.gif) no-repeat right center; padding-right: 16px; } div#headerBlock div#mainMenu #utils_menu LI.leftcorner { BACKGROUND: url(images/lang_switch_left.gif) no-repeat left top; width: 4px; overflow: hidden; } div#headerBlock div#mainMenu #utils_menu LI.rightcorner { BACKGROUND: url(images/lang_switch_right.gif) no-repeat right top; width: 4px; overflow: hidden; } div#headerBlock div#mainMenu #languages { Z-INDEX: 1002; POSITION: relative; LIST-STYLE-TYPE: none; MARGIN: 0px; TOP: -61px; left: 829px; height: auto; } div#headerBlock div#mainMenu #languages ul { padding: 0; width: 87px; } div#headerBlock div#mainMenu #languages LI.languages { padding: 4px 8px 4px 0; height: 13px; width: 60px; float: right; margin: 0; background-color: #ffffff; } div#headerBlock div#mainMenu #languages LI.last { padding: 0; width: 68px; background-color: transparent; } div#headerBlock div#mainMenu #languages LI A { padding: 0; display: block; height: 13px; color: #666666; font: normal 10px/12px Tahoma, Verdana, Arial, Helvetica; padding: 0; letter-spacing: 0px; text-transform: none; text-align: right; width: 60px; } div#headerBlock div#mainMenu #languages LI.languages ul { padding: 0; margin: 0; width: 68px; } div#headerBlock div#mainMenu #languages LI.languages ul li { padding: 0; background-color: #ffffff; HEIGHT: 13px; width: 60px; float: left; margin: 0; } div#headerBlock div#mainMenu #languages LI.languages ul LI.leftcorner { BACKGROUND: url(images/lang_switch_left.gif) no-repeat left top; width: 4px; overflow: hidden; padding: 0; margin: 0; } div#headerBlock div#mainMenu #languages LI.languages ul LI.rightcorner { BACKGROUND: url(images/lang_switch_right.gif) no-repeat right top; width: 4px; overflow: hidden; padding: 0; margin: 0; } div#headerBlock div#mainMenu #languages LI.languages ul li a { width: 56px; } /* LEFT BLOCK */ div#container div#leftBlock{ background: #ffffff; height: auto; width: 958px; position: relative; top: 0px; left: 0px; z-index: 0; } div#leftBlock div#topLine_left_home { background: #ffffff; height: 1px; width: 4px; float: left; } div#leftBlock div#topLine_center_home { background: #ffffff; height: 100%; width: 950px; float: left; } div#leftBlock div#topLine_right_home { background: #ffffff; height: 1px; width: 4px; float: right; } div#leftBlock div#content_left { background: transparent; width: 710px; height: 420px; float: left; position: relative; top: -43px;} div#leftBlock div#content_right { background: transparent; width: 236px; height: 412px; float: right; position: relative; top: -43px; } div#leftBlock div#cnt_teaser { background: transparent; width: 710px; height: 35px; float: left; margin-bottom: 8px; float: left; } /* div#leftBlock div#cnt_teaser_topline { background: transparent url(images/bg_teaser.png); width: 706px; height: 4px; float: left; float: left; } div#leftBlock div#cnt_teaser_corner { background: transparent url(images/bg_teaser_corner.png); width: 4px; height: 4px; float: left; float: left; } div#leftBlock div#cnt_teaser_content { background: transparent url(images/bg_teaser.png); width: 710px; height: 31px; float: left; margin-bottom: 8px; float: left; overflow: hidden; } */ div#leftBlock div#cnt_teaser_topline { background: transparent; width: 706px; height: 4px; float: left; float: left; } div#leftBlock div#cnt_teaser_corner { background: transparent; width: 4px; height: 4px; float: left; float: left; } div#leftBlock div#cnt_teaser_content { background: transparent; width: 710px; height: 31px; float: left; margin-bottom: 8px; float: left; overflow: hidden; } /* BANNERS MENU (HOME) */ div#leftBlock div#id_menu { background: transparent; width: 710px; height: 120px; margin: 0 0 4px 0; padding: 0; float: left; } div#id_menu div.menu_button { background: url(images/btn_border.gif) no-repeat left top; width: 234px; height: 100px; padding: 4px 0px 0px 2px; margin: 0; float: left; } div#id_menu div.btn_id1 { background: url(images/btn_bg_1.png) repeat-x left bottom; width: 230px; height: 94px; } div#id_menu div.btn_id2 { background: url(images/btn_bg_2.png) repeat-x left bottom; width: 230px; height: 94px; } div#id_menu div.btn_id3 { background: url(images/btn_bg_3.png) repeat-x left bottom; width: 230px; height: 94px; } div#id_menu a { float: right; width: 230px; height: 94px; margin: 0; padding: 0; } div#id_menu a.id1_home { background: url(images/btn_id1.jpg) no-repeat bottom right; } div#id_menu a.id2_home { background: url(images/btn_id2.jpg) no-repeat bottom right; } div#id_menu a.id3_home { background: url(images/btn_id3.jpg) no-repeat bottom right; } div#id_menu a.id1_home:hover { background: url(images/btn_id1.jpg) no-repeat bottom right; } div#id_menu a.id2_home:hover { background: url(images/btn_id2.jpg) no-repeat bottom right; } div#id_menu a.id3_home:hover { background: url(images/btn_id3.jpg) no-repeat bottom right; } div#id_menu a.id1_home_lt { background: url(images/btn_id1_lt.jpg) no-repeat bottom right; } div#id_menu a.id2_home_lt { background: url(images/btn_id2_lt.jpg) no-repeat bottom right; } div#id_menu a.id3_home_lt { background: url(images/btn_id3_lt.jpg) no-repeat bottom right; } div#id_menu a.id1_home_lt:hover { background: url(images/btn_id1_lt.jpg) no-repeat bottom right; } div#id_menu a.id2_home_lt:hover { background: url(images/btn_id2_lt.jpg) no-repeat bottom right; } div#id_menu a.id3_home_lt:hover { background: url(images/btn_id3_lt.jpg) no-repeat bottom right; } div#leftBlock div#welcome { background: transparent; width: 710px; height: 144px; overflow: hidden; margin: 0 0 4px 0; } div#leftBlock div#welcome_sign { background: transparent; width: 234px; height: 144px; float: left; text-align: center; } div#leftBlock div#welcome_split { background: #f5f5f5; width: 4px; height: 144px; float: left; } div#leftBlock div#welcome_text { background: transparent; width: 472px; height: 144px; float: left; } div#welcome_text h1 { font: normal 22px/22px Helvetica, Arial; color: #00ac41; padding: 4px 0 8px 4px; margin: 0; letter-spacing: -1px; } div#welcome_text p { font: normal 12px/16px Verdana, Arial, Helvetica; color: #3f3151; padding: 0 16px 4px 4px; margin: 0 0 4px 0; } div#leftBlock div#wrap_up_cnt { background: url(images/content_bg.jpg) repeat-x top left; width: 710px; height: 120px; overflow: hidden; } div#leftBlock div#wrap_up { background: transparent url(images/wrap_up_transparent_bg.gif) no-repeat top left; width: 710px; height: 120px; overflow: hidden; } div#leftBlock div#wrap_up_col { background: transparent url(images/wrap_up_bullet.png) no-repeat top left; width: 206px; height: 110px; float: left; margin: 16px 16px 8px 12px; } div#leftBlock div#wrap_up_split { background: #f5f5f5; width: 4px; height: 120px; float: left; } div#wrap_up_col h3 { font: bold 12px/14px Verdana, Helvetica, Arial; color: #00ac41; padding: 0 16px 8px 24px; margin: 0; } div#wrap_up_col p { font: normal 12px/16px Verdana, Arial, Helvetica; color: #3f3151; padding: 0 16px 0 24px; margin: 0; } div#content_right div#cnt_calendar { background: transparent url(images/cal_border.gif) no-repeat left top; width: 236px; height: 187px; float: right; margin: 0 0 4px 0; } div#leftBlock div#banner { background: transparent; width: 236px; height: 120px; overflow: hidden; margin: 0 0 4px 0; } div#leftBlock div#banner2 { background: transparent; width: 236px; height: 120px; overf low: hidden; } /* FOOTER BLOCK */ div#container div#footerBlock{ background: transparent; width: 958px; margin-bottom: 89px; height: 150px; } div#footerBlock div#btmLine_left { background: transparent url(images/cnt_btmLine_left.png) no-repeat left top; height: 4px; width: 4px; float: left; } div#footerBlock div#btmLine_center { background: transparent url(images/cnt_btmLine_center.png) repeat-x left top; height: 4px; width: 950px; float: left; } div#footerBlock div#btmLine_right { background: transparent url(images/cnt_btmLine_right.png) no-repeat left top; height: 4px; width: 4px; float: left; } div#footerBlock div#footReflect_left { background: transparent url(images/foot_reflect_left.png) no-repeat left top; height: 65px; width: 4px; margin: 8px 0 0 0; float: left; } div#footerBlock div#footReflect_center { background: transparent url(images/foot_reflect_center.png) repeat-x left top; height: 65px; width: 950px; margin: 8px 0 0 0; float: left; text-align: center; } div#footerBlock div#footReflect_right { background: transparent url(images/foot_reflect_right.png) no-repeat left top; height: 65px; width: 4px; margin: 8px 0 0 0; float: left; } /* BOTTOM MENU (FOOTER) */ div#footerBlock div#bottomMenu1 { background: transparent; width: 600px; height: 24px; margin: auto; padding: 16px 0 0 0; } div#footerBlock #bottomMenu1 ul { background: transparent; list-style: none; padding: 0; width: 800px; margin: 0; } div#footerBlock #bottomMenu1 li { background: transparent; float: left; } div#footerBlock #bottomMenu1 li a { float: left; display: block; text-decoration: none; text-align: left; color: #666666; font: normal 12px/16px "Trebuchet MS", Veranda, Segoe, sans-serif; padding: 0 5px 0 5px; margin: 0; } div#footerBlock #bottomMenu1 li a:hover { text-decoration: underline; } div#footerBlock div#bottomMenu2 { background: transparent; width: 205px; height: 24px; margin: auto; padding: 8px 0 0 0; } div#footerBlock #bottomMenu2 ul { background: transparent; list-style: none; padding: 0; width: 400px; margin: 0; } div#footerBlock #bottomMenu2 li { background: transparent; float: left; } div#footerBlock #bottomMenu2 li a { float: left; display: block; text-decoration: none; text-align: left; color: #666666; font: normal 12px/16px "Trebuchet MS", Veranda, Segoe, sans-serif; padding: 0 5px 0 5px; margin: 0; } div#footerBlock #bottomMenu2 li a:hover { text-decoration: underline; } div#footerBlock #copyright { color: #666666; font: normal 12px/16px "Trebuchet MS", Veranda, Segoe, sans-serif; margin-top: 20px; width: 400px; }