/* CSS Document Style Sheet (c) Copyright 2010 Tangletree Graphic Design - background-image:url('../img/tile_main.gif'); --------------------------------------------------------------------------------------------------*/ body { font-family: arial, sans-serif; font-size: 14px; margin: 0px; padding: 0px; background-color: #fff; color: #000; } ul { list-style: round; line-height: 150%; padding-top: 0px; margin-top: 0px; padding-left: 0px; margin-left: 18px; } /* Contents --------------------------------------------------------------------------------------------------*/ #header { width: 980px; height: 87px; clear: both; } #navbar { width: 980px; height: 60px; clear: both; } #nav-top { float: left; width: 779px; height: 60px; background-image:url(/static/img/navbar-top-left.png); background-repeat: no-repeat; } #nav-top-logo { float: left; width: 201px; height: 60px; background-image:url(/static/img/navbar-logo-top-mediatheme.png); background-repeat: no-repeat; } #datebar { width: 980px; height: 10px; padding: 10px 0px 7px 0px; clear: both; } #date { float: left; width: 280px; height: 10px; } #helpline { float: right; width: 700px; height: 10px; text-align: right; } #highlights { width: 980px; height: 146px; clear: both; padding-top: 10px; } #footer { width: 980px; height: 80px; padding-top: 5px; margin: 5px 0px 0px 0px; clear: both; } #footer-box { width: 960px; height: 30px; background-color: #E1E1E1; border-top: 1px #CCC solid; padding: 2px 10px 2px 10px; } #wrapper { margin: 0 auto; width: 980px; } #main-content { width: 980px; height: auto; padding-top: 20px; clear: both; } #left-navigation { float: left; width: 180px; height: auto; } #feature-content { float: left; width: 779px; border-left: 1px #CCC solid; margin: 0px 0px 0px 0px; padding-left: 20px; } #feature-flash-movie { float: left; width: 320px; height: 250px; margin-left: 50px; } #right-hand-image { float: left; width: 379px; height: auto; margin-left: 50px; margin-bottom: 20px; } #rightimgcontainer { float: left; width: 379px; height: auto; } #righttextcontainer { float: left; width: 300px; height: auto; padding: 20px 0px 0px 44px; } #breadcrumb { float: left; margin: 0px 0px 5px 0px; width: 779px; height: 20px; clear: both; } .featureimage { width: 779px; height: 400px; clear: both; } .featuretext { float: left; width: 350px; height: auto; padding: 10px 0px 10px 0px; } .featuretext-full { float: left; width: 779px; height: auto; padding: 10px 0px 10px 0px; } #feature-contact { width: 759px; height: 24px; margin: 0px 0px 0px 0px; clear: both; background-image: url(/static/img/contact-bgd-box.jpg); padding: 10px; } #datebox-list { width: 760px; height: auto; padding-top: 10px; } #news-article { width: 760px; height: auto; margin-bottom: 0px; border-bottom: #CCC 1px dotted; padding: 0px 0px 15px 0px; } /* Links --------------------------------------------------------------------------------------------------*/ #customer-icon { float: left; width: 185px; height: 200px; margin: 0px 12px 10px 0px; } #customer-icon-rh { float: left; width: 185px; height: 200px; margin: 0px 0px 10px 0px; } /* Links --------------------------------------------------------------------------------------------------*/ .text { font-size: 13px; color: #000; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .text a:link { font-size: 13px; color: #3366FF; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .text a:visited { font-size: 13px; color: #3366FF; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .text a:hover { font-size: 13px; color: #3366FF; font-family : arial, sans-serif; text-align:left; text-decoration: underline; } .text-bd { font-size: 13px; color: #000; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; } .text_grey { font-size: 13px; color: #b3b3b3; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .hgtext { font-size: 13px; color: #fff; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .hgtext a:link { font-size: 13px; color: #fff; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .hgtext a:visited { font-size: 13px; color: #fff; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .hgtext a:hover { font-size: 13px; color: #b3b3b3; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .hgtextsmall { font-size: 10px; color: #fff; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .hgtextsmall a:link { font-size: 10px; color: #fff; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .hgtextsmall a:visited { font-size: 10px; color: #fff; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .hgtextsmall a:hover { font-size: 10px; color: #b3b3b3; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .breadcrumb { font-size: 10px; color: #3366FF; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .breadcrumb a:link { font-size: 10px; color: #3366FF; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .breadcrumb a:visited { font-size: 10px; color: #3366FF; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .breadcrumb a:hover { font-size: 10px; color: #3366FF; font-family : arial, sans-serif; text-align:left; text-decoration: underline; } .breadcrumb-bd { font-size: 10px; color: #3366FF; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; } .legend { font-size: 10px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .legend a:link { font-size: 10px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .legend a:visited { font-size: 10px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .legend a:hover { font-size: 10px; color: #3366FF; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .legend-bd { font-size: 10px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; } .rghttxt { font-size: 11px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; line-height: 18px; } .rghttxt a:link { font-size: 11px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; line-height: 18px; } .rghttxt a:visited { font-size: 11px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; line-height: 18px; } .rghttxt a:hover { font-size: 11px; color: #3366FF; font-family : arial, sans-serif; text-align:left; text-decoration: none; line-height: 18px; } .rghttxt-bd { font-size: 11px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; line-height: 18px; font-weight: bold; } .h1 { font-size: 24px; color: #3366FF; font-family : arial, sans-serif; text-align: left; } .headline { font-size: 24px; color: #3366FF; font-family : arial, sans-serif; text-align: left; font-weight: bold; } .h2 { font-size: 16px; color: #000099; font-family : arial, sans-serif; font-weight: bold; text-align: left; line-height: 18px; } .h3 { font-size: 16px; color: #fff; font-family : arial, sans-serif; text-align: left; font-weight: bold; } .h3 a:link { color: #F00; text-decoration: none; } .h3 a:visited { color: #F00; text-decoration: none; } .h4 { font-size: 13px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; line-height: 18px; font-weight: bold; } .h4 a:link { font-size: 13px; color: #3366FF; font-family : arial, sans-serif; text-align:left; text-decoration: none; line-height: 18px; font-weight: bold; } /* homepage --------------------------------------------------------------------------------------------------*/ #rolingmovie { width: 980px; height: 360px; background-color: #FFF; margin: 0px 0px 0px 0px; clear: both; } #tickertape { width: 980px; height: 28px; background-color: #FFF; margin: 5px 0px 0px 0px; clear: both; } /* highlights --------------------------------------------------------------------------------------------------*/ #hg-entertainer { float: left; width: 232px; height: 136px; background-image:url(/static/img/hg-newscreen.jpg); margin-right: 16px; } #hg-newui { float: left; width: 232px; height: 136px; background-image:url(/static/img/hg-newui.jpg); margin-right: 16px; } #hg-nordoff { float: left; width: 232px; height: 136px; background-image:url(/static/img/hg-nordoff.jpg); margin-right: 17px; } #hg-contact { float: left; width: 232px; height: 136px; background-image:url(/static/img/hg-contact.jpg); margin-right: 0px; } .hg-text { margin: 20px 0px 0px 14px; width: 60px; } .hg-text2 { margin: 20px 0px 0px 14px; width: 218px; } #tickertape { width: 980px; height: 28px; background-color: #FFF; margin: 8px 0px 0px 0px; clear: both; } /* big images --------------------------------------------------------------------------------------------------*/ #about-img { float: left; margin: 0px 0px 5px 0px; width: 779px; height: auto; } /* Type --------------------------------------------------------------------------------------------------*/ /* HACKS --------------------------------------------------------------------------------------------------*/ .clearfix:after { content: "."; display:block; height:0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ /* --------------------------------------------------------------------------------------------------*/