/* oooooooooooooooooooooooooooooooooooooooooooooooo */ /* Author -> www.mezmamedia.com -> Richie Grainger /* Date -> 21 October 2010 /* File -> style.css /* Contact -> www.mezmamedia.com -> richie@mezmamedia.com /* Copyright (c) -> Mezma Media /* oooooooooooooooooooooooooooooooooooooooooooooooo */ img, div, input { behavior: url(pngfix/iepngfix.htc) }} /* png fix */ a:link { color: #005ca3; background-color: transparent; text-decoration: none; } a:visited { color: #005ca3; background-color: transparent; text-decoration: none; } a:hover { color: #0893ff; background-color: transparent; text-decoration: underline; } a.fl:link { color: #6181a1; background-color: transparent; text-decoration: none; } a.fl:visited { color: #6181a1; background-color: transparent; text-decoration: none; } a.fl:hover { color: #1181f3; background-color: transparent; text-decoration: underline; } a.bwd:link { color: #96a3b1; background-color: transparent; text-decoration: none; } a.bwd:visited { color: #96a3b1; background-color: transparent; text-decoration: none; } a.bwd:hover { color: #1181f3; background-color: transparent; text-decoration: underline; } a.buy { background: url(images/btn_buy.gif) no-repeat; overflow: hidden; font-weight: bold; display: block; text-align: center; text-decoration: none; width: 100px; height: 37px; } a.buy:link { color: #ffd9a5; } a.buy:visited { color: #ffd9a5; } a.buy:hover { background: url(images/btn_buy_o.gif) no-repeat; color: #fff; } a.buy div { font-size: 14px; font-weight: bold; padding: 9px 0px 0px 0px; } body { background-image: url(background_images/page_bg.jpg); background-repeat: repeat-x; background-position: top; height: 100%; background-color: #8eaed3; 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: #3c4349; } /* oooooooooooooooooooooooooooooooooooooooooooooo TEXT TYPES HERE oooooooooooooooooooooooooooooooooooooooooooooo */ .text_red { color: #dd0000; } .text_green { color: #00dd00; } .text_leftcol { color: #607982; } h { font-family: Helvetica, Arial; } h1 { font-weight: 100; font-size: 24px; height: 45px; clear: both; color: #005aa5; margin: 0px; padding: 0px; margin-bottom: 15px; } h2 { font-weight: bold; font-size: 14px; height: 25px; clear: both; color: #014896; margin: 0px; margin-top: 20px; padding: 0px; } div.text_pad { display: block; padding: 10px; } /* oooooooooooooooooooooooooooooooooooooooooooooo TABLES TYPES HERE oooooooooooooooooooooooooooooooooooooooooooooo */ td.page_mid { display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #3c4349; text-align: left; margin: 0 auto; background-color: #fff; width: 1000px; } td.page_left { background: url(background_images/page_left.jpg) top right no-repeat; } td.page_right { background: url(background_images/page_right.jpg) top left no-repeat } #menubanner_shell { display: block; position: relative; z-index: 1; height: 520px; width: 1000px; } #mb_menu_shell { background: url(background_images/menu_tile.jpg) top repeat-x; display: block; position: aboslute; z-index: 5; height: 40px; width: 1000px; } #mb_body_top { background: url(background_images/body_top.png) no-repeat; display: block; position: absolute; top: 490px; left: 235px; z-index: 4; height: 30px; width: 735px; } #body_shell { background: url(background_images/body_tile.jpg) top repeat-x; display: block; float: left; overflow: hidden; width: 1000px; } #bs_eagle { background: url(background_images/body_eagle.jpg) bottom left no-repeat; display: block; float: left; overflow: hidden; padding-bottom: 110px; width: 1000px; } #bs_left { display: inline; float: left; overflow: hidden; margin-left: 30px; width: 195px; min-height: 300px; } #bs_right { display: inline; float: right; overflow: hidden; background-color: #fff; line-height: 20px; margin-right: 30px; width: 735px; min-height: 300px; } /* LINE HEIGHT */ #bsr_pad { display: block; padding: 0px 25px 20px 25px; } #bsr_left { display: inline; float: left; overflow: hidden; width: 385px; } /* total width: 685 of body */ #bsr_right { display: inline; float: right; overflow: hidden; width: 280px } #footer_top { display: inline; float: left; margin: 0px 30px 0px 30px; border-bottom: 5px #e2e9ef solid; font-size: 11px; color: #96a3b1; width: 940px; } #footer_btm { display: inline; float: left; margin: 0px 30px 0px 30px; font-size: 11px; color: #96a3b1; width: 940px; } div.footer_pad { display: block; padding: 7px 5px; } table.display { background-color: #fff; color: #42425c; } tr.second { background-color: #f2f2f2; } div.quotes { background-color: #dde8f4; display: block; padding: 5px; color: #737b81; } div.about { display: inline; float: left; margin-left: 15px; width: 218px; height: 138px; } /* 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/slide_tile.jpg) repeat-x top; border-top: 1px #630c0c solid; color: #7f7f7f; padding: 5px 10px; cursor: pointer; } div.slide_top_o { background: url(background_images/slide_tile_o.jpg) repeat-x top; border-top: 1px #d90000 solid; color: #fff; 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.gif); position: relative; padding: 0px; margin: 0px; width: 704px; height: 40px; top: 0px; z-index: 20; } 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_about a:hover, li#nav_lifecoaching a:hover, li#nav_forme a:hover, li#nav_free a:hover, li#nav_pricing a:hover, li#nav_contact a:hover { background: url(background_images/menu.gif); } li#nav_home { left: 0px; top: 0px; width: 68px; height: 40px; } li#nav_home a { background-position: -0px 0px; left: 0px; width: 68px; height: 40px; } li#nav_home a:hover { background-position: -0px -40px; } li#nav_about { left: 70px; top: 0px; width: 76px; height: 40px; } li#nav_about a { background-position: -70px 0px; left: 70px; width: 76px; height: 40px; } li#nav_about a:hover { background-position: -70px -40px; } li#nav_lifecoaching { left: 148px; top: 0px; width: 149px; height: 40px; } li#nav_lifecoaching a { background-position: -148px 0px; left: 148px; width: 149px; height: 40px; } li#nav_lifecoaching a:hover { background-position: -148px -40px; } li#nav_forme { left: 299px; top: 0px; width: 143px; height: 40px; } li#nav_forme a { background-position: -299px 0px; left: 299px; width: 143px; height: 40px; } li#nav_forme a:hover { background-position: -299px -40px; } li#nav_free { left: 444px; top: 0px; width: 100px; height: 40px; } li#nav_free a { background-position: -444px 0px; left: 444px; width: 100px; height: 40px; } li#nav_free a:hover { background-position: -444px -40px; } li#nav_pricing { left: 546px; top: 0px; width: 64px; height: 40px; } li#nav_pricing a { background-position: -546px 0px; left: 546px; width: 64px; height: 40px; } li#nav_pricing a:hover { background-position: -546px -40px; } li#nav_contact { left: 612px; top: 0px; width: 92px; height: 40px; } li#nav_contact a { background-position: -612px 0px; left: 612px; width: 92px; height: 40px; } li#nav_contact a:hover { background-position: -612px -40px; } /* END CSS NAV MENU ON TOP */ /* TOP MENU */ /* fix from using the css image nav */ ul#nav ul li { position: relative; } ul#nav ul li a { display: block; text-indent: 0px; width: 120px; height: auto !important; } /* width = ul#nav ul (width) MINUS ul# ul li a PADDING left */ ul#nav ul li a:hover { background-image: none; } /* end css image nav fix */ ul#nav ul { display: none; position: absolute; background: url(background_images/md_tile.gif) repeat-y; list-style-image: none; padding: 0px; margin: 0px; left: 0px; width: 130px; } ul#nav ul li { list-style: none; margin: 0px; padding: 0px; font-size: 11px; width: 130px; } ul#nav ul li.top { background: url(background_images/md_top.jpg) no-repeat top; padding-top: 3px; } ul#nav ul li.btm { background: url(background_images/md_btm.jpg) no-repeat bottom; padding-bottom: 3px; } ul#nav ul li a { display: block; text-decoration: none; color: #9ebee1; padding: 3px 0px 3px 10px; } ul#nav li:hover ul { display: block; } ul#nav li:hover a, ul#tnav a:focus, ul#tnav a:active { color: #fff; } ul#nav li:hover ul a { color: #9ebee1; background-color: transparent; text-decoration: none; } ul#nav li:hover ul a.tldm:link { color: #9ebee1; background-color: transparent; text-decoration: none; } ul#nav li:hover ul a.tldm:visited { color: #9ebee1; background-color: transparent; text-decoration: none; } ul#nav li:hover ul a.tldm:hover { color: #ffffff; background-color: transparent; text-decoration: none; } /* END TOP MENU */ img.logo { display: block; position: absolute; top: 0px; right: 25px; z-index: 4; border: 0px; } img.banner { display: block; position: absolute; top: 40px; left: 0px; z-index: 3; border: 0px; } img.left_col { display: block; float: left; margin-top: 15px; border: 0px; } img.right { display: block; float: right; margin: 15px 0px 0px 15px; border: 0px; } div.error_box { display: block; background: url(background_images/error_tile.gif) repeat; overflow: hidden; margin-bottom: 10px; color: #000000; } div.error_eb_t { display: block; background: url(background_images/error_border.gif) repeat-x top; overflow: hidden; } div.error_eb_b { display: block; background: url(background_images/error_border.gif) repeat-x bottom; overflow: hidden; } div.error_eb_l { display: block; background: url(background_images/error_border.gif) repeat-y left; overflow: hidden; } div.error_eb_r { display: block; background: url(background_images/error_border.gif) repeat-y right; overflow: hidden; } div.error_tl { display: block; background: url(background_images/error_tl.gif) no-repeat top left; overflow: hidden; } div.error_tr { display: block; background: url(background_images/error_tr.gif) no-repeat top right; overflow: hidden; } div.error_bl { display: block; background: url(background_images/error_bl.gif) no-repeat bottom left; overflow: hidden; } div.error_br { display: block; background: url(background_images/error_br.gif) no-repeat bottom right; overflow: hidden; } br.cl { clear: left; } br.cb { clear: both; } div.c_l { display: block; float: left; font-weight: bold; margin-bottom: 15px; width: 115px; } div.c_r { font-weight: 100; width: 200px; } label, input, select, textarea { font-family: Arial, Verdana, Helvetica, sans-serif; display: block; float: left; margin-bottom: 10px; } label { font-weight: bold; width: 100px; margin-right: 15px; } input.submit_box { margin: 5px 0px 0px 115px; } input.input_nm { display: inline; margin: 0px; } .input_no_left { margin-left: 115px; } div.form_text { display: block; float: left; margin-top: -10px; margin-bottom: 10px; margin-left: 115px; } div.form_texts { display: block; float: left; margin-bottom: 10px; } form { margin: 0; } .input_box { font-size: 12px; border: 1px solid #a0a0a0; background: #ffffff; color: #333333; padding: 5px; } .submit_box { font-size: 12px; border: 1px solid #a0a0a0; background: #e0e0e0; color: #333333; padding: 10px; }