/* oooooooooooooooooooooooooooooooooooooooooooooooo */ /* Author -> www.mezmamedia.com -> Richie Grainger /* Date -> 2 March 2008 /* File -> style.css /* Contact -> www.mezmamedia.com -> richie@mezmamedia.com /* Copyright (c) -> Mezma Media /* oooooooooooooooooooooooooooooooooooooooooooooooo */ a:link { color: #007296; background-color: transparent; text-decoration: underline; } a:visited { color: #007296; background-color: transparent; text-decoration: underline; } a:hover { color: #00c2ff; background-color: transparent; text-decoration: none; } a.dlf:link { color: #8c0000; background-color: transparent; text-decoration: underline; } a.dlf:visited { color: #ff0000; background-color: transparent; text-decoration: underline; } a.dlf:hover { color: #ff0000; background-color: transparent; text-decoration: none; } a.sm:link { color: #bb8a53; background-color: transparent; text-decoration: none; } a.sm:visited { color: #bb8a53; background-color: transparent; text-decoration: none; } a.sm:hover { color: #8e612f; background-color: transparent; text-decoration: underline; } a.cl:link { color: #7d5427; background-color: transparent; text-decoration: none; } a.cl:visited { color: #7d5427; background-color: transparent; text-decoration: none; } a.cl:hover { color: #af8e6a; background-color: transparent; text-decoration: underline; } a.lc:link { color: #007296; background-color: transparent; text-decoration: none; } a.lc:visited { color: #007296; background-color: transparent; text-decoration: none; } a.lc:hover { color: #00b6f0; background-color: transparent; text-decoration: underline; } a.sl:link { color: #004c64; background-color: transparent; text-decoration: none; } a.sl:visited { color: #004c64; background-color: transparent; text-decoration: none; } a.sl:hover { color: #007296; background-color: transparent; text-decoration: underline; } a.lid:link { color: #6c3800; background-color: transparent; text-decoration: none; } a.lid:visited { color: #6c3800; background-color: transparent; text-decoration: none; } a.lid:hover { color: #da8b36; 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: #ffffff; 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: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #362819; } /* oooooooooooooooooooooooooooooooooooooooooooooo TEXT TYPES HERE oooooooooooooooooooooooooooooooooooooooooooooo */ .text_main { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #362819; line-height: 18px; } .text_copy { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #4e4e4e; line-height: 16px; } .text_bodytitle { color: #000000; font-weight: bold; font-size: 13px; } .text_red { color: #ff0000; } .text_small { font-size: 11px; } .text_fl { font-weight: bold; font-size: 12px; } .text_white { color: #ffffff; } .text_tfd { color: #049aca; } .text_i { font-style: italic; } /* oooooooooooooooooooooooooooooooooooooooooooooo TABLES TYPES HERE oooooooooooooooooooooooooooooooooooooooooooooo */ .body_text_area { text-align: left; vertical-align: top; } #page_main_left { background-image: url(background_images/page_topleft.jpg); background-repeat: no-repeat; background-position: top right; width: 5px; height: 208px; margin: 0 auto; } #page_main_size { vertical-align: top; width: 945px; margin: 0 auto; } #page_main_top { background-image: url(background_images/tr_logo.gif); background-repeat: no-repeat; background-position: top right; display: block; overflow: hidden; vertical-align: top; margin-bottom: 10px; height: 270px; width: 100%; } #top_left { display: block; overflow: hidden; float: left; background-color: #ffffff; width: 260px; height: 208px; } #tl_left { background-image: url(background_images/page_topleft.jpg); background-repeat: no-repeat; float: left; width: 7px; height: 208px; } #tl_logo { float: left; text-align: center; margin-top: 22px; margin-left: 35px; width: 211px; } #tl_right { background-image: url(background_images/page_topright.jpg); background-repeat: no-repeat; float: left; width: 7px; height: 208px; } #top_right { display: block; float: right; text-align: right; margin: 15px 0px 22px 0px; width: 680px; } #tr_menu { background-image: url(background_images/menu_tfds.gif); display: block; background-repeat: no-repeat; background-position: bottom right; float: right; overflow: hidden; height: 56px; width: 680px; } #tr_topbtns { float: right; display: block; margin-left: 3px; height: 35px; width: 90px; } #tr_submenu { float: left; display: none; text-align: left; margin: 3px 0px 0px 2px; width: 500px; } #image_banner { background-image: url(background_images/clouds.jpg); background-repeat: no-repeat; background-position: top; display: block; float: right; margin: 2px 5px 0px 0px; padding-top: 10px; height: 150px; width: 680px; } #page_main_mid { background-image: url(background_images/mid_tile.jpg); background-repeat: repeat-x; background-position: bottom; display: block; overflow: hidden; padding: 0px 0px 10px 10px; margin-bottom: 10px; width: 100%; } #pm_left { background-color: #f1dfca; display: block; overflow: hidden; float: left; text-align: left; margin-right: 10px; width: 240px; } #pm_ltitle { background-image: url(background_images/pmltile.gif); background-repeat: repeat-x; background-position: bottom; display: block; text-indent: 10px; padding-top: 10px; background-color: #d6ae81; margin: 15px 2px 2px 2px; width: 236px; height: 30px; } #pm_tl { display: block; float: left; text-align: right; font-weight: bold; margin-top: 5px; width: 55px; } #pm_tr { display: block; float: left; text-align: left; margin: 5px 0px 0px 10px; } #pm_right { display: block; overflow: hidden; float: left; text-align: left; width: 680px; } #pm_rtitle { background-image: url(background_images/pmrtile.gif); background-repeat: repeat-x; background-position: bottom; display: block; text-indent: 10px; padding-top: 10px; background-color: #b58550; margin: 2px; width: 676px; height: 30px; } #text_area { display: block; overflow: hidden; text-align: left; padding: 7px; } #text_dotpoints { display: block; overflow: hidden; text-align: left; margin-left: 50px; } #pmain_text { float: left; display: block; overflow: hidden; text-align: left; padding: 7px; width: 440px; } #pmain_images { float: right; display: block; width: 215px; margin: 7px 10px 0px 0px; } #page_footer { background-color: #e4f0f4; border-top: #c2dce4 solid 2px; display: block; overflow: hidden; height: 108px; width: 100%; } #pf_centre { background-image: url(background_images/footer_logo.gif); background-repeat: no-repeat; background-position: left; height: 108px; width: 945px; margin: 0 auto; } #pf_text { display: block; overflow: hidden; float: left; text-align: left; margin: 22px 0px 0px 160px; height: 70px; } #shell { display: block; overflow: hidden; width: 666px;} #pageb_titles { display: block; text-align: left; margin: 20px 0px 10px 0px; } #contact_left { display: block; float: left; text-align: right; font-weight: bold; margin: 0px 15px 10px 0px; width: 100px; } #contact_right { display: block; float: left; text-align: left; margin-bottom: 10px; } div.staff_image { float: left; display: block; margin: 7px 0px 0px 10px; width: 154px; height: 194px; } div.staff_text { float: right; display: block; overflow: hidden; text-align: left; padding: 7px; width: 478px; } div.fs_shell { display: block; overflow: hidden; margin-bottom: 20px; } div.fs_title { display: block; font-weight: bold; background-color: #fbf6f0; padding: 5px; } div.fs_left { display: block; float: left; text-align: left; margin: 10px 0px 0px 20px; } div.fs_lefti { display: block; float: left; text-align: left; margin: 10px 0px 0px 40px; } div.fs_right { display: block; float: right; text-align: left; margin: 10px 0px 0px 0px; width: 370px; } br.cl { clear: left; } br.cr { clear: right; } br.cb { clear: both; } hr { color: #cccccc; background-color: #cccccc; border: 0px; height: 1px; width: 90%; text-align: center; } hr.staff { margin: 15px 0px 15px 0px; } img.img_border { border: 2px #b58550 solid; } img.service_img { border: 2px #b58550 solid; float: right; overflow: hidden; height: 171px; width: 211px; margin: 7px 10px 0px 0px; } img.mezlogo { margin-bottom: -9px; } ul.leftul { list-style-type: none; padding: 6px 6px 10px 6px; margin: 0; } li.leftli { background-image: url(background_images/ul.gif); background-repeat: no-repeat; background-position: 0.3em; padding-left: 1.4em; } /* THIS IS THE CSS NAV MENU ACROSS THE TOP */ ul#nav { background: url(background_images/menu/main.gif); width: 670px; padding: 0px; margin: 0px 0px 0px 10px; } ul#nav li { float: left; position:relative; list-style-type: none; } ul#nav li.others { margin-left: 3px; } ul#nav li.contact { margin-left: 25px; } ul#nav li a { height: 35px; display: block; text-indent: -9999px; outline: none; } li#nav_home a, li#nav_about a, li#nav_staff a, li#nav_services a, li#nav_pricing a, li#nav_forms a, li#nav_contact a { background: url(background_images/menu/main.gif); } li#nav_home a { background-position: 0 0; width: 90px; left: 0px; } li#nav_home a:hover { background-position: 0 35px; } li#nav_about a { background-position: -93px 0; width: 90px; left: 93px; } li#nav_about a:hover { background-position: -93px 35px; } li#nav_staff a { background-position: -186px 0; width: 90px; left: 186px; } li#nav_staff a:hover { background-position: -186px 35px; } li#nav_services a { background-position: -279px 0; width: 90px; left: 279px; } li#nav_services a:hover { background-position: -279px 35px; } li#nav_pricing a { background-position: -372px 0; width: 90px; left: 372px; } li#nav_pricing a:hover { background-position: -372px 35px; } li#nav_forms a { background-position: -465px 0; width: 90px; left: 465px; } li#nav_forms a:hover { background-position: -465px 35px; } li#nav_contact a { background-position: -580px 0; width: 90px; left: 580px; } li#nav_contact a:hover { background-position: -580px 35px; } /* END CSS NAV MENU ON TOP */ label, input, select, textarea { display: block; float: left; margin-bottom: 10px; } label { text-align: right; font-weight: bold; width: 100px; margin-right: 15px; } input.submit_box { margin-left: 115px; } form { margin: 0; } .input_box { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; border: 1px solid #b98852; background: #ffffff; color: #362819; } .submit_box { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; border: 1px solid #362819; background: #ffffff; color: #b98852; }