/* Theme Name: Gardner Wetheral Associates Theme URI: http://vgm.com.au Description: GWA Theme Design By BC - Code By James A Birrell Gray. Version: 0.1 Author: James A Birrell Gray Author URI: http://jimypixel.com */ @font-face { font-family: 'DIN'; src: url('fonts/DINR.eot'); src: local('DIN-Regular'), local('DIN-Regular'), url('fonts/DINR.woff') format('woff'), url('fonts/DINR.otf') format('opentype'), url('fonts/DINR.svg#DIN-Regular') format('svg'); } @font-face { font-family: 'DIN'; font-weight: bold; src: url('fonts/DINB.eot'); src: local('DIN-Bold'), local('DIN-Bold'), url('fonts/DINB.woff') format('woff'), url('fonts/DINB.otf') format('opentype'), url('fonts/DINB.svg#DIN-Bold') format('svg'); } @font-face { font-family: 'META'; src: url('fonts/metaot-bookita-webfont.eot'); src: local('☺'), url('fonts/metaot-bookita-webfont.woff') format('woff'), url('fonts/metaot-bookita-webfont.ttf') format('truetype'), url('fonts/metaot-bookita-webfont.svg#webfontzEkBtVWS') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'META'; src: url('fonts/metaot-book-webfont.eot'); src: local('☺'), url('fonts/metaot-book-webfont.woff') format('woff'), url('fonts/metaot-book-webfont.ttf') format('truetype'), url('fonts/metaot-book-webfont.svg#webfontm4w9XI9W') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'META'; src: url('fonts/metaot-boldita-webfont.eot'); src: local('☺'), url('fonts/metaot-boldita-webfont.woff') format('woff'), url('fonts/metaot-boldita-webfont.ttf') format('truetype'), url('fonts/metaot-boldita-webfont.svg#webfontNQBpQ1u1') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'META'; src: url('fonts/metaot-bold-webfont.eot'); src: local('☺'), url('fonts/metaot-bold-webfont.woff') format('woff'), url('fonts/metaot-bold-webfont.ttf') format('truetype'), url('fonts/metaot-bold-webfont.svg#webfontHlLk8AdC') format('svg'); font-weight: bold; font-style: normal; } body, html {margin: 0; padding: 0; font-family: Arial; width: 100%; height: 100%; background: url(img/bg.png) center no-repeat;} .introloaded {cursor: wait;} #content_holder { margin-left: 50%; left: -450px; position: absolute; width: 903px; height: 330px; overflow: hidden; top: 100px; display: none; } #home_holders {width: 500px; height: 330px; position: absolute; margin-left: 50%; left: -250px;} #homeAccord {width: 500px; height: 295px; position: relative; overflow: hidden; background: url(img/loading.gif) center no-repeat; } #homeAccord img#homeHandle {display: inline; position: absolute; left: 0px; top: 0px; margin: 0; border: 0;} ul#homeAccords { list-style: none; float: left; margin: 0; padding: 0; position: absolute; width: 485px; left: 15px; height: 295px; overflow: hidden;} ul#homeAccords li {display: inline; width: 15px; list-style: none; height: 295px; overflow: hidden; position: relative; float: left; margin: 0; padding: 0;} ul#homeAccords li a img#mainImage {display: inline; position: absolute; z-index: 1; top: 0px; left: 0px; border: none;} ul#homeAccords li a {display: inline; position: absolute; z-index: 100; left: 0px; width: 485px; height: 295px; top: 0px;} ul#homeAccords li a:hover {background: url(img/30.png);} #accorBut {position: absolute; cursor: pointer; right: 0px; top: 0px; z-index: 150;} #homeHandle {position: relative; float: left; display: inline; cursor: pointer;} #mainImage {display: inline; position: absolute; left: 0px; top: 0px;} #homeFoot {width: 500px; height: 32px; float: left; position: relative; margin-top: 3px;} #contOper {display: inline; float: right; line-height: 32px; height: 32px; font-size: 11px; color: #000; cursor: pointer;} #home_menu_hold {width: 0px; height: 295px; position: absolute; right: 700px; overflow: hidden; } span#closecont {position: absolute; bottom: 10px; right: 10px; cursor: pointer; color: #FFF; font-size: 9px;} span#closeconts {position: absolute; bottom: 10px; right: 10px; cursor: pointer; color: #FFF; font-size: 9px;} #overmodals {position: absolute; z-index: 999; background: url(img/70w.png); width: 100%; height: 100%; display: none;} #overmodalss {position: absolute; z-index: 999; background: url(img/70w.png); width: 100%; height: 100%; display: none;} #contact_hold {width: 500px; height: 295px; background: url(img/70.png); position: absolute; margin-left: 50%; left: -249px; } #contact_holds {width: 500px; height: 295px; background: url(img/70.png); position: absolute; margin-left: 50%; left: -249px; } /* slip the shar form in here cause I'm laaaaaazyyy */ #googlMaphold {width: 260px; left: 10px; top: 10px; position: relative; height: 275px; background: url(img/mapbg.jpg); overflow: hidden; float: left;} #googlMaphold li {list-style: none; margin: 0; padding: 0; float: left; display: block; width: 100%; height: 100%;} #googlMaphold img {cursor: pointer;} #cont_detail { width: 220px; left: 20px; top: 10px; float: left; height: 255px; color: #FFF; font-size: 9px; overflow: hidden; position: relative; } #cont_detail img#a {position: absolute; } #cont_detail p {margin-left: 26px; margin-top: 0px; } #cont_detail span { line-height: 16px; vertical-align: top; width: 180px; display:block; float: left; margin-bottom: 10px;} #cont_detail img {display: inline; margin-right: 10px; float: left;} #cont_detail a {color: #FFF; text-decoration: none; line-height: 16px; vertical-align: top;} #footerHolder {width: 903px; height: 32px; position: relative; float: left; margin-top: 3px; line-height: 32px; } #footerHolder img {display: inline; float: left;} #footerHolder span {display: inline; float: left; line-height: 32px; height: 32px; font-size: 9px; color: #000;} #footerHolder a {display: inline; float: left; line-height: 32px; height: 32px; font-size: 9px; color: #000; text-decoration: none;} #footright {width: 700px; height: 32px; position: absolute; left: 308px; line-height: 32px; top: 1px;} #footright img {display: inline; float: left;} #footright span {display: inline; float: left; line-height: 32px; height: 32px; font-size: 9px; color: #000;} #footright a {display: inline; float: left; line-height: 32px; height: 32px; font-size: 9px; color: #000; text-decoration: none;} #internal_holder {position: relative; width: 923px; height: 295px; overflow: hidden; background: #FFF;} a#gwaemail {height: 32px; display: block; line-height: 30px; width: 40px; background: url(img/e.gif) left; } a:hover#gwaemail {background-position: right; } a#opncontact {height: 32px; display: block; line-height: 30px; width: 32px; background: url(img/f.gif) left;} a:hover#opncontact {background-position: right; } a#gwphone {height: 32px; display: block; line-height: 30px; width: 42px; background: url(img/p.gif) left;} a:hover#gwphone {background-position: right; } #home_menu {width: 97px; padding-top: 20px; height: 295px; background: #F0f0f1; float: left; font-size: 11px; margin-right: 3px; overflow: hidden; position: relative;} #home_menu li {width: 65px; vertical-align: top; display: block; margin-left: 10px; margin-bottom: 15px; padding: 0; list-style: none; color: #696969; position: relative; cursor: pointer; float: left;} #home_menu li a {text-decoration: none; color: #696969; display: block; width: 65px; padding-right: 10px; text-transform: uppercase;} #home_menu li.current_page_item {color:#000;} #home_menu li.current_page_item a {background: url(img/select.png) top right no-repeat; color: #000; } .navOpen {background: url(img/select.png) top right no-repeat; } #next_menu { width: 205px; height: 295px; background:#cbcccd; float: left; font-size: 11px; overflow: hidden; position: relative; } #next_menu img {float: left; display: inline; position: absolute; margin: 0; padding: 0; left: 0px; z-index: 100;} #next_menupr { width: 200px; height: 295px; background:#cbcccd; float: left; font-size: 11px; overflow: hidden; position: relative; margin-right: 3px; } #next_menupr img {float: left; display: inline; position: absolute; margin: 0; padding: 0; left: 0px; z-index: 100;} #next_menu_listcont {position: absolute; left: 15px; width: 170px; height: 275px; overflow-y: auto; padding-left: 15px; padding-top: 20px;} #next_menu_listcont li {width: 110px; vertical-align: top; display: block; margin-bottom:15px; padding: 0; list-style: none; color: #696969; position: relative; cursor: pointer; float: left;} #next_menu_listcont li a {text-decoration: none; color: #696969; display: block; width: 110px; padding-right: 10px;} /* #next_menu_listcont li img {position: absolute; top: 1px; right: -5px; } */ #next_menu_listcontpr {position: absolute; left: 15px; width: 170px; height: 275px; overflow-y: auto; padding-left: 15px; padding-top: 20px;} #next_menu_listcontpr li {width: 110px; vertical-align: top; display: block; margin-bottom:15px; padding: 0; list-style: none; color: #696969; position: relative; cursor: pointer; float: left;} #next_menu_listcontpr li a {text-decoration: none; color: #696969; display: block; width: 110px; padding-right: 10px;} /* #next_menu_listcont li img {position: absolute; top: 1px; right: -5px; } */ #next_menuer {width:0px; height: 295px; background:#cbcccd; float: left; font-size: 11px; overflow: hidden; position: relative; } #next_menuer img {float: left; display: inline; position: absolute; margin: 0; padding: 0; left: 0px; } #next_menuer_listcont {position: absolute; left: 15px; width: 170px; height: 275px; overflow-y: auto; padding-left: 15px; padding-top: 20px;} #next_menuer_listcont li {width: 110px; vertical-align: top; display: block; margin-bottom:8px; padding: 0; list-style: none; color: #696969; position: relative; cursor: pointer; float: left;} #next_menuer_listcont li a {text-decoration: none; color: #696969; display: block; width: 110px; padding-right: 10px;} #next_menuer_listcont li img {position: absolute; top: 1px; right: -5px; } #next_menuerpr {width:0px; height: 295px; background:#cbcccd; float: left; font-size: 12px; overflow: hidden; position: relative; } #next_menuerpr img {float: left; display: inline; position: absolute; margin: 0; padding: 0; left: 0px;} #next_menuer_listcontpr {position: absolute; left: 15px; width: 170px; height: 275px; overflow-y: auto; padding-left: 15px; padding-top: 19px;} #next_menuer_listcontpr li {width: 110px; vertical-align: top; display: block; margin-bottom:8px; padding: 0; list-style: none; color: #696969; position: relative; cursor: pointer; float: left;} #next_menuer_listcontpr li a {text-decoration: none; color: #696969; display: block; width: 110px; padding-right: 10px;} #next_menuer_listcontpr li img {position: absolute; top: 1px; right: -5px; } #contempt_holder {float: left; height: 295px; position: absolute; width: 620px; right: 0px; top: 0px;} #img_outer {height: 295px; position: absolute; width: 417px; overflow: hidden; background: url(img/loading.gif) center no-repeat; right: 0px;} #image_holder {height: 295px; width: 400px; overflow: hidden; position: absolute; top:0px; left: 0px; } #img_overlay {position: absolute; height: 277px; width: 370px; z-index: 10; left: 0px; top:0px; overflow: hidden;} #project_info {height: 295px; width: 15px; background: url(img/60.png); float: left; overflow: hidden; position: relative; z-index: 100;} #project_info img {cursor: pointer; float: left; display: inline; border: 0; padding: 0; margin: 0; position: absolute; left: 0px; } #projext {position: absolute; left: 15px; height: 255px; padding: 5px; width: 195px; color: #FFF; overflow: hidden; top: 14px; } #projext p {font-size: 12px; text-align: justify; opacity: 0.99;} #pic_info {height: 295px; width: 15px; background: url(img/75.png); float: left; overflow: hidden; position: relative; z-index: 100; left: 0px;} #pic_info img {cursor: pointer; float: left; display: inline; border: 0; padding: 0; margin: 0; position: absolute;} #picext {position: absolute; top: 14px; left: 15px; height: 265px; padding: 5px; width: 195px; color: #FFF; overflow: hidden; } #picext {font-size: 12px; opacity: 0.99; } img#nvHandrc {display: none;}; img#pnvHandrc {display: none;} #thumbs_holder_two {width: 200px; list-style: none; height: 295px; overflow: hidden; float: left; margin: 0; padding: 0; position: relative; background: url(img/nvBg.jpg) top left;} #thumbs_holder_two li {display: block; width: 97px; height: 97px; overflow: hidden; margin-left: 3px; margin-bottom: 3px; float: left; cursor: pointer; position: relative; overflow: hidden; background: url(img/loading.gif) center no-repeat;} #thumb_over {width: 97px; height: 97px; background: #000; position: absolute; z-index: 10;} #bottomBars {position: absolute; z-index: 100; background: url(img/60.png); bottom: 0px; height: 13px; left: 0px; width: 400px; padding-left: 5px; color: #FFF; padding-top: 2px;} #bottomBars p {display: inline; font-size: 11px; opacity: 0.99; cursor: pointer; } p#norm {cursor: default;} #numercy {position: absolute; color: #FFF; font-size: 9px; z-index: 20; bottom: 3px; left: 3px;} #countersz {position: absolute; color: #FFF; font-size: 9px; z-index: 20; top: 8px; right: 28px;} #expdert {position: absolute; color: #FFF; font-size: 11px; z-index: 20; top: 2px; right: 15px; cursor: pointer; display: none; opacity: 0.99;} p.liveCat {color: #ffcc00 ; } #opncontact {cursor: pointer;} #Jimy_page_loader {float: left; height: 295px; width: 610px; background: url(img/loading.gif) center no-repeat;} #Jimy_page_loaderpr {float: left; height: 295px; width: 610px; background: url(img/loading.gif) center no-repeat;} #collumed {width: 600px; height: 295px; overflow: hidden; float: left; margin: 0; padding: 0; position: relative; background: url(img/nvBg.jpg) top left; z-index: 10;} #collumed li {display: block; width: 97px; height: 97px; overflow: hidden; margin-left: 3px; margin-bottom: 3px; float: left; cursor: pointer; position: relative; overflow: hidden; background: url(img/loading.gif) center no-repeat; font-size: 0px;} #collumed li a {text-decoration: none; color: #FFF; position: absolute; z-index: 15; width: 97px; height: 97px; display: inline; } #collumed li img {position: absolute; z-index: 1;top: 0px; left: 0px; display: inline;} #collum {width: 200px; height: 295px; overflow: hidden; float: left; margin: 0; padding: 0; position: relative; background: url(img/nvBg.jpg) top;} #collum li {display: block; width: 97px; height: 97px; overflow: hidden; margin-left: 3px; margin-bottom: 3px; float: left; cursor: pointer; position: relative; overflow: hidden; background: url(img/loading.gif) center no-repeat; font-size: 0px;} #collum li a {text-decoration: none; color: #FFF; position: absolute; z-index: 15; width: 97px; height: 97px; display: inline; } #collum li img {position: absolute; z-index: 1;top: 0px; left: 0px; display: inline;} #overmodal {position: absolute; z-index: 999; background: url(img/85w.png); width: 100%; height: 100%; display: none; overflow: hidden;} #overmodalinner { position: relative; overflow: hidden; background: url(img/loadingtrans.gif) center no-repeat;} a#picClose {position: absolute; z-index: 9999; width: 76px; height: 23px; top: 15px; right: 15px; background: url(img/gl_close.jpg) left; display: block; } a:hover#picClose {background-position: right;} a#gl_left {position: absolute; z-index: 9998; height: 100%; display: block; width: 45%; left: 15px; top: 0px; background: none; } a:hover#gl_left {background: url(img/gl_left.gif) no-repeat left center;} a#gl_right {position: absolute; z-index: 9997; height: 100%; display: block; width: 45%; right: 15px; top: 0px; background: none; } a:hover#gl_right {background: url(img/gll_right.gif) no-repeat right center;} #imageContaineNve {position: absolute; text-align: center; vertical-align: middle; height: 100%; line-height: 100%; } #imageContaineNve img {vertical-align: middle; } #picNavs {position: absolute; right: 10px; bottom: 10px; width: 16px; z-index: 100;} #picNavs img {margin-bottom: 3px; cursor: pointer;} #numbersZZZ {color: #000; font-size: 11px; display: block; position: absolute; right: 15px; top: 45px; text-align: center;} /* About */ #about_holder_prg {width: 602px; height: 295px; background: #C6C8CA; position: relative; float: left; overflow: hidden; } #about_holder_prgs {width: 602px; height: 295px; background: #C6C8CA; position: relative; float: left; overflow: hidden; } #about_holder {width: 602px; height: 295px; background: #C6C8CA; left: 200px; position: relative; float: left; overflow: hidden; z-index: 1; } #about_holdersub {width: 600px; height: 295px; background: #C6C8CA; left: 18px; position: relative; float: left; overflow: hidden; } #about_menu { width: 15px; left: 100px; top: 0px; height: 295px; background: #cbcccd; float: left; font-size: 11px; overflow: hidden; position: absolute; margin-right: 3px; z-index: 500; } #about_menu img { display: inline; position: absolute; margin: 0; padding: 0; left: 0px; cursor: pointer; top:0px; z-index: 100;} #about_menu img#aboutHandleOn {cursor: default;} #next_menu_listconted {position: absolute; left: 30px; width: 125px; height: 275px; top: 20px;} #next_menu_listconted li {width: 140px; vertical-align: top; display: block; margin-bottom:15px; padding: 0; list-style: none; color: #696969; position: relative; cursor: pointer; float: left;} #next_menu_listconted li a {text-decoration: none; color: #696969; display: block; width: 140px; padding-right: 10px;} #next_menu_listconted li img {position: absolute; top: 1px; right: -5px; } #about_main_message {margin: 0 0 0 16px; width: 550px; position: relative; float: left; } .abt_col {right: 0px;} div#about_main_message p { font-family: Meta, Arial, sans-serif; font-weight: normal; font-size: 15px;} div#about_main_message h2 {font-family: Meta, Arial, sans-serif; font-weight: normal; font-size: 25px;} div#about_main_message h1 {font-weight: normal; font-size: 25px;} div#about_main_message h3 {font-weight: normal; font-size: 15px;} div#about_main_message h4 {font-weight: normal; font-size: 15px;} div#about_main_message h5 {font-weight: normal; font-size: 15px;} /* Sub About */ #columstest { width: 600px; height: 295px; background: url(img/colbg.jpg);} #columstest a {color: #696969;text-decoration: none;} #columstest a:hover {color: #000; } #columstest h2 {font-family: Meta, Arial, sans-serif; font-weight: normal; font-size: 16px;} #columstest h1 {font-weight: normal; font-size: 16px;} #columstest h3 {font-weight: normal; font-size: 15px;} #columstest h4 {font-weight: normal; font-size: 15px;} #columstest h5 {font-weight: normal; font-size: 15px;} #columstest p {font-size: 12px;} #columstest ul {font-size: 12px; margin-left: 0px; padding-left: 10px; list-style-image: url(img/dash.png);} #columstest ul li {padding-bottom: 3px;} .col_one {position: absolute; left: 10px; top: 0px;} .col_two {position: absolute; left: 204px; top: 0px;} .col_three {position: absolute; left: 400px; top: 0px;} #about_columns { width: 174px !important; overflow: hidden; padding-top: 6px; } #about_columns img {border: none;} div.column h1, h2, h3, h4, h5 {font-family: Meta, Arial, sans-serif; font-size: 15px;} div.column p {font-size: 12px;} #profile_hold {position: absolute; top: 0px; right: 23px; z-index: 100;} /* +++++++++++++++++++++ Start Seo +++++++++++++++++++++++ */ #seo_footer { width: 100%; background: #F1F1F2; position: absolute; bottom: 0px; z-index: 900;} #seo_footer_hold { width: 100%; height: 30px; background: #C6C8CA; float: left; overflow: hidden; } #seo_results {width: 100%; float: left; max-height: 250px; overflow: auto; bottom: 0px; } #seo_results p {font-size: 11px;} .screen-reader-text {display: none;} input#s {width: 200px; color: #696969; margin-top: 6px; margin-left: 10px; padding-left: 0px; border: 0; height: 17px; background: url(img/search.png); font-size: 11px; text-align: center;} #quick_pol_result {display:none; padding: 0 20px 20px 20px ; } #quick_disc_result {display:none; padding: 0 20px 20px 20px ; } #quick_map_result {display:none; padding: 0 20px 20px 20px ; } /* +++++++++++++++++++++ START Share +++++++++++++++++++++++ */ /* hidden permalink */ div#gwapermalink {display:none;} #contact_form {width: 435px; margin: 0 auto !important; } #contact_form p {font-size: 11px; color: #FFF;} #contact_form h3 {color: #FFF; font-size: 12px; font-family: Arial; position: relative; padding-left: 20px; font-weight: normal; padding-top: 2px; } #contact_form h3 img {position: absolute; left: 0px; top: 0px;} #contact_form form fieldset {border: none; margin: 0; padding: 0; width: 210px; float: left; position: relative; } #contact_form form fieldset input {width: 210px; margin-top: 5px;} #contact_form form fieldset label { font-size: 11px; color: #FFF; display: block; margin-top: 5px;} #contact_form form fieldset textarea {width: 210px; height:40px; margin-top: 5px; } #messages {color: #FFF; position: relative; top: 30px; } /* Start News Ticker */ /* liScroll styles */ #gwa_tags_cont {position: absolute; left: 230px; top: 9px; font-size: 10px; width: 300px; height: 20px; overflow: hidden; } #gwa_tags_cont ul { position: relative; left: 300px; list-style-type: none; margin: 0; padding: 0; } #gwa_tags_cont ul li { float: left; /* important: display inline gives incorrect results when you check for elem's width */ margin: 0; padding: 0; } #gwa_tags_contul ul li a { white-space: nowrap; padding: 0; text-decoration: none; color: #696969; margin: 0 10px 0 0; } div.scrollingHotSpotLeft {position: absolute; z-index: 100; left: 0px; top: 0px; height: 11px; cursor: pointer;} div.scrollingHotSpotRight {position: absolute; z-index: 100; right: 0px; top: 0px; height: 11px;cursor: pointer;} .tickercontainer { /* the outer div with the black border */ width: 300px; height: 27px; margin: 0; padding: 0 overflow: hidden; } .tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */ position: relative; left: 30px; top: 2px; width: 280px; overflow: hidden; } ul.newsticker { /* that's your list */ position: relative; left: 300px; list-style-type: none; margin: 0; padding: 0; } ul.newsticker li { float: left; /* important: display inline gives incorrect results when you check for elem's width */ margin: 0; padding: 0; } ul.newsticker a { white-space: nowrap; padding: 0; text-decoration: none; color: #696969; margin: 0 10px 0 0; } ul.newsticker a:hover { color: #000; } ul.newsticker span { margin: 0 10px 0 0; } /* Start Tag Scroller div.scrollWrapper {width: 280px; position: absolute; left: 10px; overflow: hidden; height: 11px; top: 0px;} div.scrollableArea {position: relative; height: 11px; cursor: pointer; width: 500px;} #gwa_tags_holder a {text-decoration: none; color: #696969; float: left; display: inline; margin-right: 5px;} #gwa_tags_holder a:hover {color: #000;} */ #gwa_disc_links {position: absolute; right: 20px; top: 9px; font-size: 10px;} #gwa_disc_links a {text-decoration: none; color: #000 ;} #gwa_disc_links a:hover {color: #696969;} /* Start WK progress */ #the_pr_info {position: absolute; left: 15px; top:2px; width: 300px; text-align: left;} #the_pr_info span {font-size: 11px; display: inline;} #the_pr_info span strong {color: #ffcc00;} span#pr_date {position: absolute; font-size: 11px; position: absolute; top: 17px; right: 213px; } a#pr_rss {display: block; font-size: 11px; padding-top: 0px; position: relative; float: right; right: 10px; top: 2px; height: 16px; width: 25px; text-decoration: none; padding-left: 15px; color: #ffcc00; } a#pr_rss img {position: absolute; left: 0px; top: 0px;} a:hover#pr_rss { color: #fff;} a#pr_share {display: block; font-size: 11px; padding-top: 0px; position: relative; right: 5px; float: right; height: 16px; top: 2px; width: 60px; text-decoration: none; padding-left: 20px; color: #ffcc00; } a#pr_share img {position: absolute; left: 0px; top: 0px;} a:hover#pr_share { color: #FFF; } #prgrs_holder {height: 15px; width: 402px; position: absolute; bottom: 0px; left: 0px; background: url(img/65.png); color: #FFF; border-top: solid 3px #FFF; } #about_main_messagepr {background: url(img/65.png); width: 600px; height: 295px; position: absolute; float: left; z-index: 100; } .abt_col {right: 0px;} #mystitle {display: block; top: 6px; position: relative; } #contentScroller { width: 362px; overflow-y: auto; height: 224px; padding-right: 10px; margin-top: -12px;} div#about_main_messagepr p { font-weight: normal; font-size: 11px;} div#about_main_messagepr h2 {font-family: Meta; font-weight: normal; font-size: 25px; color: #ffcc00;} div#about_main_messagepr h1 { font-family: Meta; font-size: 55px; font-weight: normal; font-style: italic; color: #ffcc00; display: block; position: relative; left: 24px; top: 9px; width: 550px; line-height: 60px; margin: 0; padding: 0; } div#about_main_messagepr h3 {font-weight: normal; font-size: 15px;} div#about_main_messagepr h4 {font-weight: normal; font-size: 15px;} div#about_main_messagepr h5 {font-weight: normal; font-size: 15px;} div#about_main_messagepr ul {font-size: 12px; margin-left: 0px; padding-left: 10px; list-style-image: url(img/dash.png);} div#about_main_messagepr ul li {padding-bottom: 3px;} #about_main_messageprs {margin: 0 16px 0 16px; width: 300px; min-width: 369px; max-height: 250px; position: relative; float: left; } div#about_main_messageprs p { font-weight: normal; font-size: 12px;} div#about_main_messageprs h2 {font-family: Meta, Arial, sans-serif; font-weight: normal; font-size: 25px; color: #ffcc00;} div#about_main_messageprs h1 { font-size: 25px; font-weight: normal; } div#about_main_messageprs h3 {font-weight: normal; font-size: 15px;} div#about_main_messageprs h4 {font-weight: normal; font-size: 15px;} div#about_main_messageprs h5 {font-weight: normal; font-size: 15px;} div#about_main_messageprs ul {font-size: 12px; margin-left: 0px; padding-left: 10px; list-style-image: url(img/dash.png);} div#about_main_messageprs ul li {padding-bottom: 3px;} #enlarge {position: absolute; right: 20px; bottom: 20px; cursor: pointer; z-index: 100;}