/* CSS Template by Juuce Interactive �2008 Author: Samuel Larcher Tourism Futures International */ /* ---------------- INITIAL START ------------- */ * { margin: 0px; padding: 0px;} h1 { padding-bottom: 10px;} h2 { padding-bottom: 7px;} h3, h4, h5 { padding-bottom: 5px;} p, ul { padding-bottom: 10px; } form label button { cursor: pointer; cursor: hand; } /* Special form resets and/or styles look in forms.css */ ul li { list-style: none; } /* ---------------- INITIAL END ------------- */ /* ---------------- FONT ------------- */ h1 { font: normal normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; } h2 { } h3 { } h4 { } a:link, a:visited { text-decoration: none; color: #00405c; } a:hover, a:active { text-decoration: underline; } h1.mainHeadline { z-index: 100; position: absolute; font: normal normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: white; margin: 34px 0 0 40px; width: 370px; line-height: 25px; } #header h1 { font: normal normal 23px "Trebuchet MS", Arial, Helvetica, sans-serif; color: white; position: absolute; width: 350px; margin: 50px 0 0 250px; } /* ---------------- BASICS ------------- */ body, html { overflow-y: hidden; height: 100%; } #bgWrapper { background: url(../images/basics/footer_bg.jpg) center bottom repeat-x; position: relative; z-index: 0; height: 100%; overflow: auto; } #mainWrapper { position: relative; z-index: 0; height: 100%; overflow: auto; } /* #mainWrapper { background: url(../images/basics/footer_bg.jpg) center bottom repeat-x; position: relative; z-index: 0; height: 100%; overflow: auto; } */ body { background: url(../images/basics/bg.png) left top repeat-x; font: normal normal 12px Arial, Helvetica, sans-serif; color: #00405c; line-height: 16px; } #contentWrapper { width: 732px; margin: 0 auto 0 auto; } #header { height: 150px; background: url(../images/basics/header.jpg) left top no-repeat; } #content { background: url(../images/basics/bg_trans.png) left top repeat-y; padding: 0 10px 0 10px; min-height: 600px; height:auto !important; height:600px; } #footer { background: url(../images/basics/footer_trans.png) left top no-repeat; width: 732px; height: 77px; } #homeButton { display: block; height: 130px; width: 220px; position: absolute; } /* ---------------- BOXES FEATURED CONTAINER ------------- */ #graph { position: absolute; margin: 15px 0 0 590px; } /* #banner { background: url(../images/basics/banner.jpg) left top no-repeat; width: 672px; height: 185px; color: white; padding: 120px 0 0 40px; } */ #banner { background: url(../images/basics/banner_main.jpg) left top no-repeat; width: 672px; height: 242px; color: white; padding: 120px 0 0 40px; } #banner p { width: 370px; font-size: 13px; } #aircraft { position: absolute; margin: -130px 0 0 250px; } #silverBoxWrapper, #subpageWrapper { padding-left: 30px; } .silverBox { background: url(../images/basics/silverBox.png) left top no-repeat; width: 179px; height: 300px; float: left; margin-right: 15px; padding: 0 14px; } .grayInlet { background: url(../images/basics/inlet_gray.png) left top no-repeat; } .whiteInlet { background: url(../images/basics/inlet_white.png) left top no-repeat; } .silverBox h1 { position: absolute; margin-top: 3px; margin-left: 27px; } .silverBox img { position: relative; top: -3px; left: -20px; } .silverBox .grayInlet, .silverBox .whiteInlet { padding: 12px; height: 220px; } .silverBox .scroll { height: 180px; overflow: auto; } .silverBox .timeDate { font-weight: bold; color: #999; } .silverBox .snippet { font-weight: bold; } .silverBox .quote { font-style: italic; } .silverBox .author { display: block; color: #999; } .silverBox ul { padding: 0; margin: 0; } .silverBox ul li { background: url(../images/basics/listpoint_silver.png) 0px 2px no-repeat; padding: 0 0 3px 18px; position: relative; } #bannerSub { height: 150px; } #breadcrumb { background: url(../images/basics/breadcrumb_bg.png) left top no-repeat; width: 627px; height: 33px; margin: 0 auto 0 auto; padding: 5px 0 0 25px; color: #6f6f6f; } #breadcrumb .selected { font-weight: bold; } #breadcrumb a { text-decoration: underline; } #breadcrumb a:hover { text-decoration: none; } #subpageWrapper .header { background: url(../images/basics/header_subpages.png) left top no-repeat; height: 35px; width: 626px; padding: 3px 0 0 25px; } #subpageWrapper .sub_center { background: url(../images/basics/subpages_center_bg.png) left top repeat-y; width: 651px; } #subpageWrapper .sub_top { background: url(../images/basics/subpages_top_bg.png) left top no-repeat; width: 651px; } #subpageWrapper .sub_bottom { background: url(../images/basics/subpages_bottom_bg.gif) left bottom no-repeat; width: 591px; padding: 30px; } #subpageWrapper .leftCol, #subpageWrapper .rightCol { width: 287px; color: #6f6f6f; } #subpageWrapper .leftCol { float: left; } #subpageWrapper .rightCol { float: right; } #subpageWrapper .abstract { color: #00465b; font: italic normal 12px Arial, Helvetica, sans-serif; } #subpageWrapper .subheader { font-weight: bold; color: #00465b; } #subpageWrapper ul li { padding-bottom: 5px; background: url(../images/basics/list_point.png) 0px 2px no-repeat; padding-left: 18px; } #subpageWrapper .mail { text-decoration: underline; } #subpageWrapper .mail:hover { text-decoration: none; } #subpageWrapper img.banner { display: block; padding-bottom: 15px; } /* ---------------- BUTTON AND FORMS ------------- */ #banner .contactUsButton { display: block; background: url(../images/basics/contactus_button.jpg) 0px -49px no-repeat; width: 179px; height: 38px; overflow: hidden; text-align: center; color: white; text-decoration: none; font: normal normal 15px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 10px 0 0 0; margin-top: 10px; } #banner .contactUsButton:hover { background-position: 0px 0px; } .silverBoxButton { display: block; background: url(../images/basics/button_standard.png) left top no-repeat; width: 88px; height: 23px; text-align: center; padding-top: 2px; position: relative; left: 70px; top: 8px; } .silverBoxButton:hover { text-decoration: none; color: black; } /* ---------------- MAIN NAVIGATION ------------- */ #navigation { height: 26px; background: url(../images/basics/navigation_bg.png) left top repeat-x; } #navigation ul { padding: 0; margin: 0; } #navigation ul li { float: left; height: 26px; } #navigation ul li a { display: block; float: left; height: 23px; text-decoration: none; color: #00405c; font: normal bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 3px 10px 0 10px; border-right: 1px solid white; cursor: pointer; cursor: hand; } #navigation ul li a:hover, #navigation ul li a.selected { background: url(../images/basics/navigation_hover.png) left top repeat-x; color: white; } /* ---------------- SUB NAVI FIRST LEVEL --------------- */ #navigation .mainNav li ul li { display: block; width: 122px; margin-left: 0px; margin-bottom: 2px; padding: 0; height: 20px; } #navigation .mainNav li ul { z-index: 500; display: block; width: 122px; position: absolute; display: none; margin-top: 26px; text-decoration: none; padding: 5px; clear: both; float: none; background: url(../images/subnavi/sub_bg_trans.png) left top repeat; } #navigation .mainNav li:hover ul, #navigation .mainNav li.over ul { display: block; } #navigation .mainNav li ul li a, #navigation .mainNav li ul li a:hover { position: relative; z-index: 100; width: 114px; font-size: 11px; padding: 0; padding-left: 8px; } #navigation .mainNav li ul li a { display: block; background: url(../images/subnavi/bg_standard.png) 0px -20px no-repeat; height: 20px; overflow: hidden; border: none; } #navigation .mainNav li ul li a:hover { background: url(../images/subnavi/bg_standard.png) 0px 0px no-repeat; } /* ----------------- SUB NAVI SECOND LEVEL ------------ */ #navigation .mainNav li ul li ul { display: none !important; position: absolute; margin: 0 0 0 122px; } #navigation .mainNav li ul li:hover ul, #navigation .mainNav li ul li.over ul { display: block !important; } #navigation .mainNav li ul li ul li a, #navigation .mainNav li ul li ul li a:hover { position: relative; z-index: 100; width: 114px; font-size: 11px; padding: 0; padding-left: 8px; } #navigation .mainNav li ul li a.sub { display: block; background: url(../images/subnavi/bg_sub.png) 0px -20px no-repeat; height: 20px; overflow: hidden; border: none; } #navigation .mainNav li ul li a.sub:hover { background: url(../images/subnavi/bg_sub.png) 0px 0px no-repeat; } /* ---------------- FOOTER ------------- */ #footer .copyright { padding-left: 50px; padding-top: 20px; color: #888; float: left; } #footer .designBy { display: block; float: right; background: url(../images/basics/designBy.png) left top no-repeat; width: 97px; height: 29px; margin-top: 14px; padding-right: 40px; } /* ---------------- SPECIALS ------------- */ .left { float: left; } .right { float: right; } .clear { clear: both; } .gray { color: #5d5d5d; } .highlight { color: #92c5dd !important; } .fontSize10 { font-size: 10px; } .fontSize11 { font-size: 11px; } .fontSize12 { font-size: 12px; } .fontSize13 { font-size: 13px; } .fontSize14 { font-size: 14px; } .bold { font-weight: bold; } .normal { font-weight: normal; } .italic { font-style: italic; } .underline { text-decoration: underline; } .backgroundYellow { background: yellow; } .backgroundRed { background: red; } .backgroundSilver { background: silver; } .backgroundBlack { background: black; } .backgroundBlue { background: blue; } .backgroundWhite { background: white; } .padding_B_5px { padding-bottom: 5px; } .padding_B_10px { padding-bottom: 10px; } .padding_B_15px { padding-bottom: 15px; } .padding_L_5px { padding-left: 5px; } .padding_L_10px { padding-left: 10px; } .padding_L_15px { padding-left: 15px; } .posRelative { position: relative; } .displayNone { display: none; } #loginForm{ padding: 20px; margin: 20px; border: solid 2px; }