/* GENERAL STYLES */ /* GENERAL STYLES */ /* GTC Style */ body {text-align: center; background:url('../images/bg.jpg'); font-family: Verdana, Arial; font-size: 12px;} img {border: 0;} p {padding: 0; margin: 0;} ul {padding: 0; margin: 0; list-style:none;} .fl {float: left;} .fr {float: right;} .more {font-weight: bold; font-size: 11px;} h1 {margin: 33px 0 0 19px;} h2 {font-size:13px; margin:0 0 8px 0;} .titlehidden {display:none;} #container {width: 972px; margin: 0 auto; height: 886px;} /* Header Section */ #border {float: left; width: 972px; border: 6px solid #333; margin-bottom: 15px; position: relative; } #header {width: 972px;} #header img {float: left;} /* End Header Section */ /* Navigation Section */ #navigation {float: left; width: 972px; height:31px;} #navigation ul {float: left;} #navigation li {float: left;} #navigation span {display:none;} #navigation a.home {float: left; background:url('../images/nav/home1.png') no-repeat; width:128px; height: 31px;} #navigation a.about {float: left; background:url('../images/nav/about1.png') no-repeat; width:122px; height: 31px;} #navigation a.services {float: left; background:url('../images/nav/services1.png') no-repeat; width:163px; height: 31px;} #navigation a.gallery {float: left; background:url('../images/nav/gallery1.png') no-repeat; width:134px; height: 31px;} #navigation a.news {float: left; background:url('../images/nav/news1.png') no-repeat; width:107px; height: 31px;} #navigation a.events {float: left; background:url('../images/nav/events1.png') no-repeat; width:140px; height: 31px;} #navigation a.contact {float: left; background:url('../images/nav/contact1.png') no-repeat; width:178px; height: 31px; } #navigation a:hover.home {float: left; background:url('../images/nav/home2.png') no-repeat; width:128px; height: 31px;} #navigation a:hover.about {float: left; background:url('../images/nav/about2.png') no-repeat; width:122px; height: 31px;} #navigation a:hover.services {float: left; background:url('../images/nav/services2.png') no-repeat; width:163px; height: 31px;} #navigation a:hover.gallery {float: left; background:url('../images/nav/gallery2.png') no-repeat; width:134px; height: 31px;} #navigation a:hover.news {float: left; background:url('../images/nav/news2.png') no-repeat; width:107px; height: 31px;} #navigation a:hover.events {float: left; background:url('../images/nav/events2.png') no-repeat; width:140px; height: 31px;} #navigation a:hover.contact {float: left; background:url('../images/nav/contact2.png') no-repeat; width:178px; height: 31px;} #navigation a.homeselected {float: left; background:url('../images/nav/home3.png') no-repeat; width:128px; height: 31px;} #navigation a.aboutselected {float: left; background:url('../images/nav/about3.png') no-repeat; width:122px; height: 31px;} #navigation a.servicesselected {float: left; background:url('../images/nav/services3.png') no-repeat; width:163px; height: 31px;} #navigation a.galleryselected {float: left; background:url('../images/nav/gallery3.png') no-repeat; width:134px; height: 31px;} #navigation a.newsselected {float: left; background:url('../images/nav/news3.png') no-repeat; width:107px; height: 31px;} #navigation a.eventsselected {float: left; background:url('../images/nav/events3.png') no-repeat; width:140px; height: 31px;} #navigation a.contactselected {float: left; background:url('../images/nav/contact3.png') no-repeat; width:178px; height: 31px; } /* End Navigation Section */ /* Main Content HOMEPAGE */ #content_home {float: left; width: 972px; text-align: left; height: 544px; background:url('../images/home_bot_car.jpg') bottom right no-repeat #000;} #content_home .home_mods {float: left; width: 954px; padding: 25px 10px 10px 8px; } #content_home .home_mods .h_news_cont {float: left; width: 954px; border: 1px solid #666666; background: #000000;} #content_home .home_mods .h_news_cont h1 {float: left; width: 936px; background: #666666; padding: 9px; margin: 0; font-size: 12px;} #content_home .home_mods .h_news_cont .news_item {float: left; width: 214px; color: #fff; margin: 16px 0 0 20px; padding-bottom: 16px;} #content_home .home_mods .h_news_cont .news_item h2 {font-size: 12px; margin: 0;} #content_home .home_mods .h_news_cont .news_item h3 {font-size: 12px; margin: 0 0 8px 0; font-weight:normal;} #content_home .home_mods .h_news_cont .news_item p {font-size: 11px; height: 40px; overflow: hidden;} #content_home .home_mods .h_news_cont .news_item a {font-size: 11px; float: right; color: #fff; font-weight: bold; margin: 8px 0 0 0;} #content_home .home_mods .h_gallery_cont {float: left; width: 690px; margin: 10px 0 10px 0; height: 155px;} #content_home .home_mods .h_gallery_cont h1 {float: left; padding: 9px 9px 9px 10px; margin: 0;} #content_home .home_mods .h_contact_cont {float: left; width: 320px; border: 1px solid #666666; background: #000000; margin: 10px 0 0 0;} #content_home .home_mods .h_contact_cont h1 {float: left; width: 302px; background: #666666; padding: 9px; margin: 0; font-size: 12px;} #content_home .home_mods .h_contact_cont p {float: left; width: 100%; margin: 0 0 4px 0;} #content_home .home_mods .h_contact_cont form {float: left; padding: 6px 10px; margin: 0;} #content_home .home_mods .h_contact_cont label {float: left; color: #ffffff; font-size: 12px; width: 70px;} #content_home .home_mods .h_contact_cont input {float: right; border: 1px solid #333333; height: 15px; width: 200px; background:url('../images/input_bg.gif') #000000; font-size: 11px; color: #ffffff; padding: 1px;} #content_home .home_mods .h_contact_cont input.send_btn {border: 0; height: 24px; float: right; width: 76px; background:url('../images/h_send.gif') no-repeat;} #content_home .home_mods .h_contact_cont input.h_message {float: right; height: 40px;} #content_home .home_mods .h_press_cont {float: left; width: 320px; border: 1px solid #666666; background: #000000; margin: 10px 0 0 15px; height: 165px;} #content_home .home_mods .h_press_cont h1 {float: left; width: 302px; background: #666666; padding: 9px; margin: 0; font-size: 12px;} #content_home .home_mods .h_press_cont .press_item {float: left; } #content_home .home_mods .h_press_cont img {float: left; padding:2px 0; } #content_home .home_mods .h_press_cont p {float: left; font-size: 11px; width: 182px; color: #ffffff; padding:10px 10px 0 10px;} #content_home .home_mods .h_press_cont a {font-size: 11px; color: #ffffff; font-weight: bold; margin: 8px 0 0 0;} /* Homepage Gallery */ .homepage_gallery {float: left; width: 100%; margin: 5px 0 0 -10px;} .homepage_gallery img {float: left; padding: 3px; border: 1px solid #666666; } .homepage_gallery img.marleft {margin-left: 10px;} /* End Homepage Gallery */ /* End Main Content HOMEPAGE */ /* Contact Content */ #contact {float: left; width: 954px; color: #fff; margin-top: -3px;} #contact div {float: left; width: 100%; margin: 0 0 5px 0;} #contact div p {width: 100%; margin-bottom:0;} #contact span {float: left; width: 100%; margin: 15px 0 10px 0;} #contact label.label1 {float: left; padding:0;} #contact label.label2 {float: left; width: 100px; color: #999;} #contact label.label3 {float: left; width: 90px; } #contact input {float: left; color: #999; } #contact input.inptext {float: left; width: 250px; padding: 2px; background: #000; border: 1px solid #666; } #contact input.inptextmsg {float: left; width: 370px; height: 130px; background: #000; border: 1px solid #666; } #contact input.check {background: #000;} #contact p {float: left; margin-right: 10px;} #contact p input {position: relative; top: -2px; margin-left: 10px; background: #000;} #contact .contact_left {float: left; width: 450px;} #contact .contact_right {float: left; width: 485px; } #contact .submitbtn {float: left; margin: 0 0 0 110px; width: 100px; background: #333; height: 25px; border: 1px solid #666; color: #fff; cursor: pointer;} #contact span.ErrorStar {float: left; width: 10px; margin:0 0 0 5px;} #contact div .errordiv {float: left; width: 110px; } #contact .contact_right .validation {float: left; width: 465px; padding: 10px; margin: 30px 0 0 0;} /* End Contact Content */ /* 2nd Level Pages */ #content_2ndlevel {float: left; width: 972px; text-align: left; height: 544px; background:url('../images/splat_top.jpg') top right no-repeat #000;} #template2nd {float: left; width: 962px; color: #fff; padding: 25px 10px 10px 0px; } /* End 2nd Level Pages */ /* Latest News Module */ #latest_news {float: left; width: 199px; height: 500px; background:#fff;} #latest_news h1 {background:url('../images/latest_top.gif') top left no-repeat; height: 26px; width: 199px; color: #000; font-size: 14px; margin:0; padding: 10px 0 0 10px;} #latest_news .latestnews_cont {background:url('../images/latest_bg.jpg') bottom left repeat-x; width: 189px; height: 480px; color: #000; padding: 0 0 0 10px;} #latest_news .latestnews_cont ul {float: left; margin: 0px 0 0 0;} #latest_news .latestnews_cont li {float: left; margin: 0 0 10px 0; padding: 0 10px 0 0;} #latest_news .latestnews_cont span {font-weight: bold;} #latest_news .latestnews_cont h2 {font-weight: bold; margin: 0; padding: 0; font-size: 12px;} #latest_news .latestnews_cont p {font-size: 11px; height: 58px; overflow:hidden; padding: 2px 0;} /* End Latest News Module */ /* Middle Content */ .middle_content {float: left; width: 930px; margin: 0 0 0 20px; } .middle_content h1 {margin: 0 0 15px 0; font-size: 18px; color: #ffffff;} .middle_content p {line-height: 18px; padding: 0 0 10px 0 ;} .middle_content a {text-decoration: none; color: #ffffff;} .middle_content a:hover {text-decoration: underline; color: #999999;} #scrollstuff {float: left; width:910px; height: 425px; overflow: auto; overflow-x: hidden; padding: 0 20px 0 0; margin-top: 10px;} /* End Middle Content */ /* Footer Home Section */ #footer_home { float: left; width:972px; background:url('../images/home_footer.jpg') no-repeat #333; font-size:9px; color: #999; height:41px;} #footer_home ul {padding: 25px 0 0 0; } /* End Footer Home Section */ /* Footer 2nd Level Section */ #footer { float: left; width:972px; background:url('../images/footer.jpg') no-repeat #333; font-size:9px; color: #999; height:41px;} #footer .footleft {float: left;width: 600px; } #footer ul {padding: 25px 0 0 0;} #footer li {float: left; padding: 0 5px 0 0 ;} #footer a {text-decoration: none; color: #999;} #footer a:hover {text-decoration: underline; color: #999;} /* End Footer 2nd Level Section */ /* Gallery Page */ .gallerypage_content {float: left; width:930px; } .gallerypage_content h3 {font-size: 12px;} .gallerypage_content li { float: left; width: 200px; padding: 10px; } .gallerypage_content li.marleft {margin-left: 13px;} .gallerypage_content li img {padding: 5px; border: 1px solid #333333;} /* End News/Event Items */ #newsevents {float: left; width: 100%; height: 410px; overflow: auto; overflow-x: hidden; padding: 0 20px 0 0; margin-top: 20px;} #newsevents li {float: left; width:890px; padding: 0 0 13px 0; margin: 0 0 10px 0; border-bottom: 1px dashed #333333;} #newsevents li h2 {float: left; width: 100%; font-weight: bold; font-size: 13px; padding: 0 0 5px 0; margin: 0;} #newsevents li a {text-decoration: none; color: #666666;} #newsevents li a:hover {text-decoration: underline; color: #cccccc;} #newsevents li .date {float: left; font-size: 11px; color: #ffffff; font-style: italic; padding: 0 0 5px 0;} #newsevents li p {float: left; font-size: 11px; width: 100%; line-height:14px; } .eventitem .date, .newsitem .date {float: left; font-style:italic; font-size: 12px; width: 100%;} .eventitem p, .newsitem p {float: left; width: 100%; font-size: 12px; line-height: 18px; margin: 7px 0 0 0; } #newsevents, #scrollstuff { scrollbar-base-color: #333333; scrollbar-arrow-color: #999999; scrollbar-3dlight-color: #333333; scrollbar-darkshadow-color: #333333; scrollbar-face-color: #000000; scrollbar-highlight-color: #666666; scrollbar-track-color: #333333;} /* for gallery splash page */ /*for IE*/ .opacityIE{ filter:alpha(opacity=40) } /*for Firefox*/ .opacityFF{ filter:alpha(opacity=30); -moz-opacity:0.3; } .advertisment { position: absolute; right: -171px; top: 100px; background: #000; width: 165px; height: 640px;} .advertisment img { border-top: 6px solid #333; border-right: 6px solid #333; border-bottom: 6px solid #333; } .advertisment h3 { color: #333; text-transform: uppercase; font-size: 12px; font-weight: normal;} .advertisment_left { position: absolute; left: -171px; top: 100px; background: #000; width: 165px; height: 640px;} .advertisment_left img { border-top: 6px solid #333; border-left: 6px solid #333; border-bottom: 6px solid #333; } .advertisment_left h3 { color: #333; text-transform: uppercase; font-size: 12px; font-weight: normal;} /* EDITOR PROPERTIES */