/* CSS Document */ /* --------------------------------------------- 01. main/default elements --------------------------------------------- */ body {background-color: #b5e0f1; background: url(../images/bg_body.jpg) no-repeat top center; font-family:"Tahoma", Arial, Helvetica, sans-serif} a:link, a:visited {color:#404040; text-decoration: underline} a:hover {color:#404040; text-decoration:underline} p { font-size:10px; color:#404040} p a { color:#404040; text-decoration:none} h1 { font-size:20px; color:#336171} h2 { font-size:15px; color:#336171; line-height:1.3em} /* --------------------------------------------- 02. header --------------------------------------------- */ #bgheader { width:100%; float:left; background:url(../images/bg_header.png) repeat-x top center} #header { width:700px; height:105px; margin:0 auto} #header .logo { float:left; padding-left:90px; padding-top:17px} /* --------------------------------------------- 03. wrapper --------------------------------------------- */ #wrapper { width:700px; margin:0 auto} /* --------------------------------------------- 04. navigation --------------------------------------------- */ #nav { width:690px; height:34px; float:left; background:url(../images/bg_navbar.png) no-repeat; padding:4px} #nav ul li { float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#FFFFFF; text-transform:uppercase} #nav ul li a { height:24px; float:left; color:#FFFFFF; text-decoration:none; padding:11px 15px 0 15px} #nav ul li a:hover { color:#FFFFFF; text-decoration:none; background:#568295} #nav ul li .selectedPage {color:#FFFFFF; text-decoration:none; background:#568295} /* --------------------------------------------- 05. content-home --------------------------------------------- */ #content_home { width:697px; float:left; background:#FFFFFF; border:1px solid #363636; margin-top:30px; margin-bottom:27px; z-index: 100;} #content_home .photo_left { width:466px; float:left; border-right:1px solid #000000; position:relative} #content_home .video_right { width:230px; margin-bottom: -.22em; float:left; position:relative} #content_home .photo_right { width:230px; margin-bottom: -.5em; float:left; position:relative } #content_home .link_right { float:right; margin-top:-56px; margin-right:-13px; position:relative} /* --------------------------------------------- 06. Bluebar --------------------------------------------- */ #bgbluebar { width:100%; float:left; background:url(../images/bg_bluebar.png) repeat; padding:10px 0; margin-top:8px; } #bluebar { width:700px; margin:0 auto; position: relative; z-index: 10;} #bluebar .set { width:203px; float:left; position:relative } #bluebar .set_middle { width:202px; float:left; padding-left:47px; padding-right:43px; position:relative} #bluebar .photobox { height:97px; float:left; background:#FFFFFF; border:1px solid #262626} /* --------------------------------------------- 07. footer --------------------------------------------- */ #bgfooter { width:100%; height:141px; float:left; background:url(../images/bg_footer.gif) repeat-x top; padding-top:15px} #footer { width:700px; height:141px; margin:0 auto} /* --------------------------------------------- 07.1. footer - - footer_left --------------------------------------------- */ #footer .footer_left { width:162px; float:left; padding-left:4px} #footer .footer_left p { float: left; font-size:9px; color:#535353} #footer .footer_left p span { color:#4C9FD0} #footer .footer_left ul { float:left; padding-bottom:7px} #footer .footer_left ul li { float:left; padding-right:12px} #footer .footer_left fieldset { width:160px; float:left; padding-bottom:10px; padding-left:2px} #footer .footer_left fieldset .input { width:158px; height:13px; float:left; border:1px solid #8BD3E4; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#8E8E8E; padding:2px; margin-bottom:2px} #footer .footer_left fieldset label { width:110px; float:left; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#9BA5AA} #footer .footer_left fieldset .button_submit a { width:44px; height:12px; float:right; background:#FFFFFF; border:1px solid #8BD3E4; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#8E8E8E; text-decoration:none; text-align:center; letter-spacing:1px; line-height:1.0em} /* --------------------------------------------- 07.2. footer - - footer_right --------------------------------------------- */ #footer .footer_right { width:446px; float:right} #footer .footer_right ul { float:right; padding-top:3px; padding-bottom:5px} #footer .footer_right ul li { float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#000000; letter-spacing:-1px; padding-left:10px; text-transform:uppercase} #footer .footer_right ul li a { color:#000000; text-decoration:none} #footer .footer_right ul li a:hover { color:#000000; text-decoration:underline} #footer .footer_right p { float:right; font-family:Arial, Helvetica, sans-serif; color:#000000; text-align:right} #footer .footer_right .button_book { float:right; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#676767; padding-top:8px} #footer .footer_right .button_book a { height:32px; float:left; background:url(../images/button_book_left.gif) no-repeat top left; padding-left:11px; text-decoration:none} #footer .footer_right .button_book a span { height:24px; float:left; background:url(../images/button_book_right.gif) no-repeat top right; color:#676767; padding:8px 10px 0 0 } /* --------------------------------------------- 08. content- inner page --------------------------------------------- */ #content { width:697px; float:left; padding-top:7px} /* --------------------------------------------- 08.1 content- inner page - box styles --------------------------------------------- */ #content .box_bordertop { width:697px; height:9px; float:left; background:url(../images/bg_content_inner_bordertop.png) no-repeat top; overflow:hidden} #content .box_bordermiddle { width:697px; float:left; background:url(../images/bg_content_inner_bordermidd.gif) repeat-y} #content .box_borderbottom { width:697px; height:9px; float:left; background:url(../images/bg_content_inner_borderbott.png) no-repeat; overflow:hidden} #content .box_bordermiddle2 { width:697px; float:left; background-color: white;} /* --------------------------------------------- 08.2 inner page - left panel --------------------------------------------- */ #leftpanel { width:465px; float:left; padding-left:8px; padding-right:30px} #leftpanel p { text-align:justify} #leftpanel h1 { padding-bottom:5px} #leftpanel h2 { padding-top:15px} #leftpanel2 { width:685px; float:left; padding-left:5px; padding-right:5px} #leftpanel2 p { text-align:justify} #leftpanel2 h1 { padding-bottom:5px} #leftpanel2 h2 { padding-top:15px} /* --------------------------------------------- 08.3 inner page - right panel --------------------------------------------- */ #rightpanel { width:172px; float:left} #rightpanel h2 { text-align:right; border-bottom:1px solid #EEEEEE; padding-bottom:3px; padding-top:10px;margin-bottom:5px} #rightpanel p { font-size:11px; text-align:right} /* --------------------------------------------- 09. vimeo page - video box --------------------------------------------- */ #videobox { width:675px; float:left; background:url(../images/bg_videobox.png) no-repeat; padding:15px 12px;margin-top:18px; position: relative;} /* --------------------------------------------- 10. vimeo page - vimeo --------------------------------------------- */ #bluebar_vimeo { width:700px; margin:auto; position: relative;} #bluebar_vimeo .set1 { width:199px; float:left; padding-right:50px} #bluebar_vimeo .set1 .video_thumb { width:193px; float:left; background:url(../images/bg_video_thumb1.png) no-repeat; padding:3px} #bluebar_vimeo .set2 { width:199px; float:left; padding-right:43px} #bluebar_vimeo .set2 .video_thumb { width:193px; float:left; background:url(../images/bg_video_thumb2.png) no-repeat; padding:3px} #bluebar_vimeo .set3 { width:198px; float:left} #bluebar_vimeo .set3 .video_thumb { width:192px; float:left; background:url(../images/bg_video_thumb3.png) no-repeat; padding:3px} /* --------------------------------------------- 10.1 vimeo page - vimeo - leftpanel --------------------------------------------- */ #bluebar_vimeo p { color:#40687B; text-align:justify; padding-bottom:3px} #bluebar_vimeo h2 { color:#FFFFFF; padding-top:10px} #bluebar_vimeo .leftpanel { width:314px; float:left; position: relative;} /* --------------------------------------------- 10.2 vimeo page - vimeo - rightpanel --------------------------------------------- */ #bluebar_vimeo .rightpanel { width:314px; float:right; position: relative;} #bluebar_vimeo .rightpanel p { text-align:right} #bluebar_vimeo .rightpanel h2 { text-align:right}