/* oooooooooooooooooooooooooooooooooooooooooooooooo */ /* Author -> www.mezmamedia.com -> Richie Grainger /* Date -> 10 September 2009 /* File -> style.css /* Contact -> www.mezmamedia.com -> richie@mezmamedia.com /* Copyright (c) -> Mezma Media /* oooooooooooooooooooooooooooooooooooooooooooooooo */ a:link { color: #0056cd; background-color: transparent; text-decoration: underline; } a:visited { color: #0056cd; background-color: transparent; text-decoration: underline; } a:hover { color: #00a8ff; background-color: transparent; text-decoration: none; } a.fl:link { color: #aac1e1; background-color: transparent; text-decoration: underline; } a.fl:visited { color: #aac1e1; background-color: transparent; text-decoration: underline; } a.fl:hover { color: #ffffff; background-color: transparent; text-decoration: none; } a.flh:link { color: #7595c1; background-color: transparent; text-decoration: none; } a.flh:visited { color: #7595c1; background-color: transparent; text-decoration: none; } a.flh:hover { color: #ffffff; background-color: transparent; text-decoration: underline; } a.article:link { color: #002b64; background-color: transparent; text-decoration: none; } a.article:visited { color: #002b64; background-color: transparent; text-decoration: none; } a.article:hover { color: #00a8ff; background-color: transparent; text-decoration: underline; } body { background-image: url(background_images/page_bg.jpg); background-repeat: repeat-x; background-position: top; height: 100%; background-color: #000000; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; text-align: center; /*Center the body ONLY for IE until big is fixed */ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; } /* oooooooooooooooooooooooooooooooooooooooooooooo TEXT TYPES HERE oooooooooooooooooooooooooooooooooooooooooooooo */ .staff { font-size: 14px; color: #000000; } .article_date { font-size: 10px; } .text_red { color: #dd0000; } h1 { font-size: 26px; font-weight: 100; color: #002b64; padding: 0px; margin: 0px 0px 15px 0px; font-family: Times New Roman; } h2 { font-size: 18px; font-weight: 100; color: #002b64; padding: 0px; margin: 35px 0px 15px 0px; font-family: Times New Roman; } h2.tm { margin: 10px 0px 15px 0px; } h3 { font-size: 18px; font-weight: 100; color: #ffffff; padding: 0px; margin: 25px 0px 10px 0px; font-family: Times New Roman; } /* oooooooooooooooooooooooooooooooooooooooooooooo TABLES TYPES HERE oooooooooooooooooooooooooooooooooooooooooooooo */ #image_bg { background: url(background_images/image_bg.jpg) no-repeat top center; position: absolute; top: 0; left: 0; z-index: 3; margin-top: 150px; height: 451px; width: 100%; } #page_shell { display: block; overflow: hidden; text-align: left; margin: 0 auto; width: 1000px; } #menu_shell { display: block; height: 50px; } #banner_shell { display: block; position: relative; z-index: 5; height: 140px; width: 1000px; } #banner_text { display: block; position: absolute; z-index: 6; margin: 30px 0px 0px 800px; text-align: right; line-height: 18px; } /* LINE HEIGHT */ #body_shell { display: block; position: relative; z-index: 7; overflow: visible; margin: 0 auto; margin-top: -9px; width: 980px; } #body_t_tile { background: url(background_images/body_t_tile.png) repeat-x; display: block; float: left; height: 19px; width: 942px; } #body_l_tile { background: url(background_images/body_l_tile.png) repeat-y left; display: block; overflow: hidden; } #body_r_tile { background: url(background_images/body_r_tile.png) repeat-y right; display: block; overflow: hidden; } #body_main_area { background: #f5f7fa url(background_images/body_tile.jpg) repeat-x bottom; display: block; overflow: visible; margin: 0 auto; width: 962px; min-height: 530px; } #body_main_padding { display: block; padding: 15px 25px; } #bl_shell { display: block; float: left; overflow: hidden; width: 240px; } #br_shell { background: #f5f7fa url(background_images/br_btm_tile.jpg) repeat-x bottom; display: block; float: right; overflow: hidden; width: 670px; min-height: 500px; } #br_btm { background: url(background_images/br_btm.jpg) no-repeat; display: block; float: right; width: 670px; height: 20px; } #br_text { display: block; padding: 0px 20px; line-height: 18px; } /* LINE HEIGHT */ div.br_l { display: block; float: left; overflow: hidden; width: 400px; } div.br_r { display: block; float: right; overflow: hidden; width: 200px; } div.br_lrshell { display: block; overflow: hidden; width: 100%; } #bl_shell { background: #91c425 url(background_images/bl_btm.gif) no-repeat bottom left; display: block; overflow: hidden; } #bl_padding { padding: 20px 15px 15px 15px; color: #f5f7fa; line-height: 18px; } /* LINE HEIGHT */ #newsticker { display: block; position: relative; overflow: hidden; height: 95px; } #newsticker_shell { position: absolute; color: #f5f7fa; line-height: 18px; } /* NEWS TICKER FONT COLOUR */ div.newsticker_news { padding-top: 5px; height: 120px; } #whitebox { background: #f5f7fa url(background_images/wb.gif) no-repeat top right; display: block; overflow: hidden; border: 1px #4c5974 solid; padding: 15px 100px 15px 15px; margin-top: 20px; } #footer_line { background: url(background_images/footer_line.jpg) no-repeat top; display: block; margin-top: 20px; height: 35px; } #footer_text { padding: 15px 20px 0px 20px; color: #7595c1; font-size: 10px; } #footer_rtext { float: right; } #footer { background: url(background_images/footer_tile.gif) repeat-x; display: block; margin-top: 8px; height: 40px; } #footer_mtext { padding-top: 13px; text-align: center; font-size: 11px; color: #454a52; } div.c_l { display: block; float: left; font-weight: bold; margin-bottom: 15px; width: 120px; } div.c_r { font-weight: 100; width: 200px; } div.error_box { display: block; background-color: #ffebe8; border: 1px #dd0000 solid; padding: 5px; margin-bottom: 10px; color: #000000; } hr { color: #85aee8; background-color: #85aee8; border: 0px; height: 1px; width: 100%; padding: 0px; margin: 40px 0px; } hr.hr_c { color: #d3d3d3; background-color: #d3d3d3; margin: 20px 0px; } br.cl { clear: left; } br.cr { clear: right; } br.cb { clear: both; } img.body_corners { display: block; float: left; height: 19px; width: 19px; } img.bl_top { display: block; height: 10px; } img.images { display: block; border: 1px #c6d1e3 solid; } img.inline { display: inline; vertical-align: bottom; border: 0; } /* ooooo DROP DOWN SLIDER ooooo */ div.slide_shell { display: block; overflow: hidden; margin-bottom: 15px; } /* nothing to do with js.. only styling */ div.slide_top { background: url(background_images/services_tile.jpg) repeat-x top; border-top: 1px #8ba5ec solid; border-bottom: 1px #d3dcea solid; color: #707070; padding: 5px 10px; cursor: pointer; } div.slide_top_o { background: url(background_images/services_tile_o.jpg) repeat-x top; border-top: 1px #567ada solid; border-bottom: 1px #d3dcea solid; color: #000; padding: 5px 10px; cursor: pointer; } div.slide_info { display: block; padding: 0px 10px; overflow: hidden; line-height: 18px; } span.menufr { display: inline; float: right; } /* ooooo END DROP DOWN SLIDER ooooo */ /* THIS IS THE CSS NAV MENU ACROSS THE TOP */ ul#nav { background: url(background_images/menu_buttons.gif); position: relative; padding: 0px; margin: 0px 0px 0px 20px; width: 516px; height: 50px; top: 0px; } ul#nav li { background-image: none; display: block; position: absolute; list-style-type: none; padding: 0px; margin: 0px; } ul#nav li a { display: block; text-indent: -9999px; } li#nav_home a:hover, li#nav_company a:hover, li#nav_services a:hover, li#nav_articles a:hover, li#nav_links a:hover, li#nav_contact a:hover { background: url(background_images/menu_buttons.gif); } li#nav_home { left: 0px; top: 0px; width: 73px; height: 50px; } li#nav_home a { background-position: 0px 0px; left: 0px; width: 73px; height: 50px; } li#nav_home a:hover { background-position: 0px -50px; } li#nav_company { left: 75px; top: 0px; width: 97px; height: 50px; } li#nav_company a { background-position: -75px -0px; left: 75px; width: 97px; height: 50px; } li#nav_company a:hover { background-position: -75px -50px; } li#nav_services { left: 174px; top: 0px; width: 92px; height: 50px; } li#nav_services a { background-position: -174px -0px; left: 174px; width: 92px; height: 50px; } li#nav_services a:hover { background-position: -174px -50px; } li#nav_articles { left: 268px; top: 0px; width: 86px; height: 50px; } li#nav_articles a { background-position: -268px -0px; left: 268px; width: 86px; height: 50px; } li#nav_articles a:hover { background-position: -268px -50px; } li#nav_links { left: 356px; top: 0px; width: 70px; height: 50px; } li#nav_links a { background-position: -356px -0px; left: 356px; width: 70px; height: 50px; } li#nav_links a:hover { background-position: -356px -50px; } li#nav_contact { left: 428px; top: 0px; width: 88px; height: 50px; } li#nav_contact a { background-position: -428px -0px; left: 428px; width: 88px; height: 50px; } li#nav_contact a:hover { background-position: -428px -50px; } /* END CSS NAV MENU ON TOP */ label, input, select, textarea { display: block; float: left; margin-bottom: 10px; } label { font-weight: bold; width: 120px; margin-right: 15px; } input.submit_box { margin: 5px 0px 0px 135px; } form { margin: 0; } .input_box { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #6d9812; background: #ffffff; color: #333333; padding: 5px; } .submit_box { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #6d9812; background: #d5eca6; color: #333333; padding: 6px; }