/* (c) 2008 Bam Creative Title : style.css Author : Bam Creative Description : Stylesheet */ /* GLOBAL SETTINGS------------------------------------- GLOBAL SETTINGS */ html { height:100%; } body, body#homepage { font-family: Arial, Helvetica, sans-serif; font-size: 0.85em; /* MASTER font-size controller */ color: #f3f9ef; /* MASTER text colour controller */ background:#2d2d2d; height:100%; } body#homepage #wrap { background:url(../art/greenhomebg.gif) repeat-x; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -177px auto; /* negative value must be the same height as footer (for stickyness) */ } #wrap { background:url(../art/greensubbg.gif) repeat-x; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -177px auto; /* negative value must be the same height as footer (for stickyness) */ } body#homepage #header { height:500px; } #header { height:385px; } #header.pheader { height:565px; } .push { height:177px; } body#homepage #glow { background:url(../art/homeglow.jpg) no-repeat top center; } #glow { background:url(../art/subglow.jpg) no-repeat top center; } wrap { } .formposition { margin-top:188px; } .logo { position:absolute; top:1px; left:-22px; width:180px; height:105px; } .spark { position:absolute; top:109px; left:411px; } .hello { position:absolute; top:212px; left:-30px; } .headerpic { position:absolute; top:-99px; left:560px; } .featured { position:absolute; top:123px; left:697px; z-index:1000000; } .arrow { position:absolute; top:457px; left:16px; z-index:1000000; } .format_control { background:url(../art/testimonialtop.gif) no-repeat top; background-color:#515151; width:325px; margin:0px 0 30px 12px; position:relative; font-family:Georgia, "Times New Roman", Times, serif;/*text-shadow:1px 1px #000000;*/ } .format_control .snippet { padding:20px 20px 23px 20px; } .format_control_base { background:url(../art/testimonialbottom.gif) no-repeat bottom; background-color:#515151; width:325px; height:38px; margin-top:-38px; } .custom-testimonial-name { position:absolute; font-size:0.9em; left:43px; line-height:2.1em; } .format_control p em { position:absolute; font-size:0.9em; left:43px; font-style:normal; } /*-- this controls the tinymce area --*/ .mceContentBody { background-image: none; background:#2d2d2d; } /* LINKS -------------------------------------------------------- LINKS */ a { color:#4cc104; text-decoration:none; } a:hover { color: #616161; } /* HEADINGS -------------------------------------------------- HEADINGS */ h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; padding: 0; padding-bottom: 0.7em; } h1 { font-size: 1.8em; font-family:Helvetica, sans-serif; font-weight:bold; color:#fcfcfc; letter-spacing:-0.5px; line-height:1.2em;/*text-shadow:rgba(0, 0, 0, 0.01) 0 0 1px;*/ } h2 { font-size: 1.333em; font-weight: 600; color:#4cc104; padding-top:1em; } h3 { font-size: 1.25em; font-weight:normal; } .formposition h3 { margin-left:12px; padding-bottom:3px; margin-top:10px; } h4 { font-size: 1.1em; font-weight: bold; padding-bottom: 0.3em; } h5 { font-size: 1em; font-weight: bold; padding-bottom: 0.2em; } h6 { font-size: 0.9em; font-weight: bold; padding-bottom: 0.2em; } /* PARAGRAPHS ---------------------------------------------- PARAGRAPHS */ p { font-size: 100%; line-height: 1.5em; padding: 0 0 1.62em 0;/*text-shadow:rgba(0,0,0,0.01) 0 0 1px;*/ } /* LISTS -------------------------------------------------------- LISTS */ ul, ol { padding:0 0 1.25em 2.5em; } #content li, body#tinymce li { font-size: 100%; line-height: 1.5em; } #content ul li, body#tinymce ul li { list-style-image:url(../art/bullet.gif); } /*-- nested lists --*/ #content ul ul, body#tinymce ul ul { padding: 0 0 0 1.5em; } #content ol ol, body#tinymce ol ol { padding: 0 0 0 1.5em; } /* LAYOUT ------------------------------------------------------ LAYOUT */ #aside { float:right; width:330px; margin-right:15px; } .folio { width:559px; height:246px; background:#515151; padding:0px; position:relative; margin-bottom:20px; } .slideshow { height: 226px; width: 538px; margin:0px 0 0px 0; position:absolute; top:10px; left:10px; overflow:hidden;/*background:url(../art/shufflebg.gif) no-repeat;*/ } .slideshow img { padding-left:0px; padding-top:0px; } /* titles ------------------------------------------------------ titles */ #footertitle a, #footertitle a .hover { height: 49px; position: relative; display: block; background: url(/art/titles/stayintouch.gif) 0 0 no-repeat; width:170px; } #footertitle a { background-position: 0 0; } #footertitle .highlight a:hover, #footertitle a .hover { background-position: -171px 0px; } #footertitle { position:absolute; top:8px; left:-23px; } #recentwork a, #recentwork a .hover { height: 49px; position: relative; display: block; background: url(/art/titles/recentwork.gif) 0 0 no-repeat; width:170px; } #recentwork a { background-position: 0 0; } #recentwork .highlight a:hover, #recentwork a .hover { background-position: -171px 0px; } #touch a, #touch a .hover { height: 57px; position: relative; display: block; background: url(/art/titles/letschatbtn.gif) 0 0 no-repeat; width:151px; } #touch a { background-position: 0 0; } #touch .highlight a:hover, #touch a .hover { background-position: -151px 0px; } #touch { margin-left:-11px; } #more { margin-left:-17px; margin-bottom:10px; } #more a, #more a .hover { height: 49px; position: relative; display: block; background: url(/art/titles/moreaboutus.gif) 0 0 no-repeat; width:170px; } #more a { background-position: 0 0; } #more .highlight a:hover, #more a .hover { background-position: -171px 0px; } #recentwork { margin-left:-18px; margin-bottom:14px; z-index:2; position:relative; margin-top:-5px; } #titles { position:absolute; top:204px; left:-30px; width:565px; height:156px; } #container { width:968px; margin: 0 auto; position: relative; } #content { width:563px; padding: 0 0 23px 0px; float:left; } #page-content { /* all bamCMS content goes inside here: shouldn't need styling really */ } #footer { font-size:0.9em; height:177px; background-color:#252525; background:url(../art/footerrpt.gif) repeat-x top; } #footer-inner { position:relative; width:968px; height:177px; margin:0 auto; color:#939191; } .copyright { position:absolute; top:68px; } .credits { float:left; } /* TABLES ------------------------------------------------------ TABLES */ /* ---- Hosting form table --- */ table.hosting-table { /*border: 1px solid #ccc;*/ border-bottom: medium none; border-right: medium none; margin-left: 1.5em; width: 480px; } table.hosting-table tbody.hosting { width: 510px; } table.hosting-table th, table.hosting-table td { /*border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;*/ padding: 4px; text-align: center; line-height: normal; } table.hosting-table th { font-size: 12px; font-weight: bold; height: 23px; color: #4CC104; line-height: normal; } table.hosting-table td { color: #D5E0D3; font-size: 12px; text-align: center; } table.hosting-table tr#alternate { background: #515151; font-size: 12px; text-align: center; } table.hosting-table td#description { text-align: left; } form.pagecontentform2 label.label-hosting { width: 25px; clear: right; display: block; float: left; margin-top: 5px; padding: 0 5px 2px; } /* MISC --------------------------------------------------------- MISC */ hr { background: #ccc;/*NS FF OP */ color: #ccc;/*IE*/ border: none;/*FF NS OP*/ height: 1px;/*FF NS OP*/ width: 100%; } /* FORMS -------------------------------------------------------- FORMS */ /* No generic form styling shall be applied here as it causes too many problems with Bamcms admin area. Instead, use classes or ids on forms to style. For more information refer to the CSS and XHTML Best Practices Manual */ form#pagecontentform2 fieldset { border: 0; width: 510px; margin: 10px 0 10px 0px; border-top: none; width: 510px; padding: 10px 0; position:relative; } form#pagecontentform2 fieldset.submit { background: none; } form#pagecontentform2 fieldset ol { margin: 0; padding: 0; } form#pagecontentform2 fieldset li { float: left; margin: 0 10px 7px 0px; display: inline; padding: 0; } form#pagecontentform2 fieldset legend { color:#4CC104; padding:0px; margin:0px; padding-top:1.5em; font-size: 1.2em; width:500px; } form#pagecontentform2 fieldset fieldset { margin: 0; padding: 0; border: 0; width: 450px; } form#pagecontentform2 fieldset fieldset ol { margin: 0; padding: 0; } form#pagecontentform2 fieldset fieldset ol li { margin: 10px 0 0 0; width: 400px; float: left; } li.radioinput ol { width: auto; margin: 10px 0; } li.radioinput fieldset input { width: auto; } li.radioinput label, li.checkboxinput label { width: auto !important; margin: 0 0 0 10px; line-height: 1.2em; display: block; } form#pagecontentform2 input, form#pagecontentform2 textarea, form#pagecontentform2 select { color: #fff; font-family: Arial, sans-serif; border: none; /*float: left;*/ padding: 6px; width: 450px; margin: 0; position: relative; font-size:1em; display: block; background: #515151 url(/art/p2inputbg.gif) repeat-x; outline-color:#4cb11c; border-bottom:1px solid #666; } form#pagecontentform2 input.checkboxinput { color: #fff; font-family: Arial, sans-serif; border: none; float: left; padding: 6px; width: 15px; margin: 9px 5px; position: relative; font-size:1em; display: block; } form#pagecontentform2 input.textinputsmall { color: #fff; font-family: Arial, sans-serif; border: none; float: left; padding: 6px; width: 431px; margin: 0; position: relative; font-size:1em; display: block; background: #515151 url(/art/p2inputbg.gif) repeat-x; outline-color:#4cb11c; border-bottom:1px solid #666; } form#pagecontentform2 p { font-size: 100%; line-height: 1.5em; padding: 5em 1.25em 0.25em 1.5em; } button.submit span { display:none; } form#pagecontentform2 input.submit { display:block; width:85px; height:31px; cursor:pointer; background:url(../art/sendbtn.gif) bottom left; border:none; margin-left:375px; text-indent: -9999px; } form#pagecontentform2 input.submit:hover { background:url(../art/sendbtn.gif) top left; } form#pagecontentform2 label { display:block; padding:0px 10px 2px 0px; margin-top:5px; width:430px; } form#pagecontentform2 label.tc { /*padding:5px 0 2px 0; float: left; display: block; width: 100%; width:400px;*/ clear:right; display:block; float:left; padding:0px 10px 2px 0px; margin-top:5px; width:300px; } form#pagecontentform2 textarea { background:#515151; height:150px; } form#pagecontentform2 select#field_3 { margin-left:-200px; margin-top:4px; } form#pagecontentform2 fieldset .checkboxinput input { float: left; width: auto; margin: 3px 5px; } form#pagecontentform2 div.message-error { color: #e00; } form#pagecontentform2 label small { font-size: 0.9em; color: #aaa; } form#pagecontentform2 p.inner { padding: 0; line-height: normal; margin-bottom: 12px; } form#pagecontentform2 p.grey { color: #aaa; } form#pagecontentform2 div.radio div.radio-option { float: left; width: 30px; text-align: center; padding: 4px 0 4px 0; margin-right: 10px; } form#pagecontentform2 div.radio div.radio-option input, form#pagecontentform2 div.radio div.radio-option label { background: none; border-bottom: 0; width: 32px; padding: 0; } form#pagecontentform2 div.rate-us, form#pagecontentform2 div.rate-us-2 { background: #262626; padding: 8px; margin-bottom: 5px; width: 446px; } form#pagecontentform2 div.rate-us-2 div.radio-option { width: 100px; } form#pagecontentform2 div.rate-us-2 div.radio-option input, form#pagecontentform2 div.rate-us-2 div.radio-option label { float: left; } form#pagecontentform2 div.rate-us-2 div.radio-option input { margin-top: 7px; } /* FORMS -------------------------------------------------------- FORMS 2.0 STYLING */ /* No generic form styling shall be applied here as it causes too many problems with Bamcms admin area. Instead, use classes or ids on forms to style.*/ #contactform { margin-top:10px; margin-left:0px; margin-bottom:20px; width:309px; padding-left:25px; position:relative; float:right; margin-right:10px; } #contactform fieldset ol { list-style: none; padding: 0em; } #contactform div.input { clear: left; margin:0px; margin-bottom: 1.5em; width:309px; height:26px; padding:0px; position:relative; } #contactform div.error { color:#4cc104; } #contactform label { float: left; width: 6em; margin-right: 0em; padding-top:6px; } #contactform textarea { outline-color:#4cc104; padding:0px; font-family:Arial, Helvetica, sans-serif; color: #bbb; width:309px; background-color: #515151; height:88px; padding:8px; border:none; font-size:12px; } #contactform div.input input, form#subForm input { width:309px; border:none; outline-color:#4cc104; padding:8px 8px 8px 8px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color: #bbb; background-color: #515151; line-height:normal; } form#subForm input { margin-bottom:10px; } form#subForm input.bal-sub { width:80px; margin-top:20px; margin-left:245px; cursor:pointer; } form#subForm input.bal-sub { background-color:#4CC104; color:#2d2d2d; } form#subForm input.bal-sub:hover { color:#4CC104; background-color:#515151; } #contactform span.moreinfo { font-size:smaller; display:block; padding-bottom:1em; } #contactform form.pagecontentform fieldset fieldset label { float: none; width: auto; margin-right: auto; } #contactform form.pagecontentform fieldset.submit, form.pagecontentform fieldset fieldset { border:0; margin:0; padding:0; } #contactform div#mailform_alert { border: 1px outset #990000; padding: 1.2em; } #contactform input.submit, #contactform input.submit .hover { display:block; width:85px; height:31px; position:relative; display: block; float: right; background:url(../art/sendbtn.gif) bottom left; border:none; margin: 72px 0; margin-right:-15px; padding:0px; cursor: pointer; text-indent: -9999px; } /*#contactform input.submit { background-position: top left; border:none; margin:0px; padding:0px; display:block; width:85px; height:31px; cursor:pointer; position:relative; top:0px; left:0px; margin-left:253px; }*/ #contactform .highlight input.submit:hover, #contactform input.submit:hover { background-position: top left; } /* input.submit { padding:0; border:none; margin:0; } /* button.submit span { display:none; } #contactform input#inputsubmit.submit span.remove { display:none; position:absolute; } button.submit { display:block; width:85px; height:31px; cursor:pointer; background:url(../art/sendbtn.gif) top left; border:none; margin-left:167px; } button.submit:hover { background:url(../art/sendbtn.gif) 0 -31px; } p.article-date { color:#999; padding-bottom:2px; } .articles-paginator p { padding-bottom:0px; } /* ========================= employment form ========================= */ #employment_form { width: 100%; padding: 30px 0 0 25px; float:left; } form#employment_form input { margin-right:7px; margin-left: 3px; } form#employment_form label { } form#employment_form label strong { line-height: 35px; DISPLAY:block; clear:both; } #employment_form ul { margin: 0; padding:0; } form#employment_form li { margin-bottom: 20px; list-style-image:none; list-style-type:none; } form#employment_form li ul li { /*margin-bottom: 6px;*/ margin: 0; padding: 0; } form#employment_form li ul li label { font-weight: normal; } .employment_form_element { width: 50%; margin-bottom:8px; } .employment_form_element { width: 100px; margin-bottom:8px; } .employment_form_element_comments { width: 90%; margin-bottom:8px; } .errors { width:400px; padding: 0 4em; color:green; } form#employment_form select { margin:8px 0 8px 0; } div.form-column { width: 240px; float: left; /*background-color: #ccc;*/ padding: 0; margin: 0 25px 0 0; } div.form-column li { /*background-color: blue; border-bottom: 1px solid red;*/ height: auto; line-height: normal; margin: 0; padding: 0; } div.personal label { } div.form-column ul { margin: 0; padding: 0; } div.form-column p { margin: 0; padding: 0; height: 58px; } form#employment_form li.heading { font-weight: bold; margin: 20px 0; } .clear { clear: both; } form#employment_form small { color: #999; } /* ========================= payment form & domain form ========================= */ div#form-module { /*border: 1px solid black;*/ margin-top: 20px; } form#paymentform {} form#paymentform legend { color:#4CC104; font-size:16px; margin: 10px 0 10px 0; font-weight:bold; } form#paymentform div.field { clear: left; /*border: 1px solid red;*/ margin-bottom: 25px; } form#paymentform div.field small { clear: left; color: #4CC104; font-weight: bold; margin-bottom: 25px; } form#paymentform label { width: 190px; float: left; margin: 0 20px 0 0; cursor: pointer; } form#paymentform label#renew-domain { width: 158px; float: left; margin: 4px 20px 0 0; cursor: pointer; } form#paymentform label.price { width: 273px; float: left; margin: 0 20px 10px 0; cursor: pointer; } form#paymentform label.tc { width: 456px; float: left; margin: 0 20px 0 0; cursor: pointer; } form#paymentform input#tc { margin-bottom: 10px; color: #777975; /*width: 0px; padding: 3px;*/ } form#paymentform input.radioinput { color: #777975; width: 15px; margin: 0 20px 10px 0; } form#paymentform input, form#paymentform textarea { color: #777975; width: 220px; padding: 3px; } form#paymentform input#domain { color: #777975; width: 195px; padding: 3px; } form#paymentform textarea { font-family: Arial, Helvetica, sans-serif; font-size: 13px; } form#paymentform label span.help { font-size: smaller; line-height: normal; } div#form-module input.submit { width: auto; color: #333; padding: 0 8px; } form#paymentform .accept { margin-bottom:0;} form#paymentform .accept input#tc { float:left; margin-right:17px; width:13px;} form#paymentform .accept label.tc {} /* error box */ h3.error { color: red; margin-bottom: 10px; } div.payment-errors { border: 1px dotted #999; padding: 10px; color: red; margin-top: 10px; } /* confirm payment table */ table.confirm-payment { margin-bottom: 20px; } table.confirm-payment th { text-align: left; } p.error { color: red; } /* payment button */ a.payaccount_btn { width: 195px; height: 38px; background: url(/art/payaccount_btn.gif) 0 0 no-repeat; display: block; } a.payaccount_btn:hover { background-position: 0 -38px; } a.payaccount_btn span { position: absolute; margin: 0 -9999em 0 -9999em; } label.error { color: #f00; } /* CUSTOM CLASSES -------------------------------------- CUSTOM CLASSES */ .clear { clear: both; } /* Any classes that start with the "custom-" prefix will automatically be made available in the TinyMCE Styles drop down menu. For example: .custom-red-text { color: #F00; } */ form#form_ li { position:relative } form#form_ label { position:absolute; top:3px; left:8px } /* NEWS -------------------------------------- NEWS*/ .article-short-content { background:#333; margin:5px 0 5px 0; padding:15px 15px 0 15px; border:0px dashed #444; } .article-short-content h3 { font-size:1.6em; padding-bottom:8px; } span.article-date { color: #616161; height:15px; display:block; margin-bottom:5px; } .articles-paginator { margin-bottom:20px; margin-top:10px; font-size:0.8em; } .articles-paginator a { display:block; background:#252525; background:#333; padding:5px 5px 3px 5px; margin-left:2px; float:left; } .articles-paginator a:hover { background:#252525; } .nolinknews { display:block; background:#333; float:left; margin-left:2px; height:15px; padding-top:5px; padding-left:5px; padding-bottom:0px; padding-right:5px; } .article-listing { width:560px; } .fbase { margin-top:-20px; } #tweet { height:32px; position:relative; top:8px; float:left; display:block; margin-left:-35px; width:auto; } #tweet ul { list-style:none; padding:0px; margin:5px 0 0 -14px; float:left; background:url(../art/tweetulbg.gif) right; } #tweet li { padding-left:20px; color:#ccc; font-size:0.9em; background:url(../art/tweetbar.gif); text-align:right; height:23px; padding-right:9px; padding-top:9px; margin-right:5px; line-height:0.9em; width:inherit; } #follow { position:absolute; width:347px; height:33px; left:620px; top:53px; display:block;/*background:url(../art/followbg.gif) no-repeat;*/ } a.twitter { display:block; width:89px; height:31px; left:150px; top:5px; position:absolute; background:url(../art/twitterbtn.gif) no-repeat; cursor:pointer; } a.twitter:hover { background-position:0 -31px; } a.facebook { display:block; top:5px; width:105px; height:31px; left:237px; position:absolute; background:url(../art/facebtn.gif) no-repeat; cursor:pointer; } a.facebook:hover { background-position:0 -31px; } a.bamblog { display:block; top:9px; width:104px; left:42px; height:27px; position:absolute; background:url(../art/bamblog.gif) no-repeat; cursor:pointer; } a.bamblog:hover { background-position:0 -27px; } a.bamcms { display:block; width:174px; height:25px; left:790px; top:125px; position:absolute; background:url(../art/bamcms.gif) no-repeat; cursor:pointer; } a.bamcms:hover { background-position:0 -25px; } a.bird { /*position:absolute; top:-11px; display:block; width:64px; height:55px; margin-left:-46px;*/ background:url(../art/followusbird.gif) no-repeat; display:block; float:left; height:55px; margin-left:10px; margin-top:-11px; width:64px; z-index:10000; position:relative; } a.bird:hover { background-position: 0 -55px; } #map { background:url(../art/mapbg.gif) no-repeat; padding:8px 0 0 7px; margin:15px 0 0 12px; width:325px; } .textdetails { padding:8px 0 0 7px; margin-left:12px; width:325px; } .photo { float:right; } #content.foliowidth { width:960px; } #foliotxt { width:600px; float:left; } .clientlist { float:left; width:320px; } .clientlist h3 { padding:6px 0 3px 0px; font-size:1.5em; } ul#ten { padding:10px 10px 10px 0; margin:0px 0 0 -15px; } ul#ten li { padding:12px 0 10px 48px; list-style:none; margin:0px 0 10px 0; } ul#ten li h2 { padding-bottom:0.3em; padding-top:0px; font-size:1.6em; } #content.foliowidth h2 { font-size:1.8em; font-weight:normal; padding-top:0.5em; } ul#ten li#lone { background:url(../art/lone.gif) top left no-repeat; } ul#ten li#ltwo { background:url(../art/ltwo.gif) top left no-repeat; } ul#ten li#lthree { background:url(../art/lthree.gif) top left no-repeat; } ul#ten li#lfour { background:url(../art/lfour.gif) top left no-repeat; } ul#ten li#lfive { background:url(../art/lfive.gif) top left no-repeat; } ul#ten li#lsix { background:url(../art/lsix.gif) top left no-repeat; } ul#ten li#lseven { background:url(../art/lseven.gif) top left no-repeat; } ul#ten li#leight { background:url(../art/leight.gif) top left no-repeat; } ul#ten li#lnine { background:url(../art/lnine.gif) top left no-repeat; } ul#ten li#lten { background:url(../art/lten.gif) top left no-repeat; } form.pagecontentform2 fieldset input.radioinput { border:medium none; float:left; margin-right:9px; margin-top:7px; width:auto; } #touch span, #recentwork span, #more span, #footertitle span, #credits span, #follow span { display:none; } #tweet a span { display:none; } #test { text-indent:-999em; } a.bamcms span { display:none; } /***************************New Folio Styles***/ .folio-con, .folio-con-right{ width:960px; height:280px; background:#333333; -webkit-box-shadow:0 0 10px #000; -moz-box-shadow: 0 0 10px #000; box-shadow:0 0 10px #000; margin-bottom:36px; overflow:hidden; } .custom-l-folio-img{ float:left; margin-right:24px; } .folio-con-right .custom-l-folio-img{ float:right; margin-left:24px; margin-right:0px; } a.custom-visit{ width:97px; height:29px; display:block; text-indent:-9999em; background:url(../art/visit-btn.gif) top no-repeat; float:left; } a.custom-visit:hover{ background-position:bottom; } .folio-txt-content{ float:left; width:530px; height:220px; } .folio-con-right .folio-txt-content{ margin-left:25px; } #content.foliowidth .folio-con h2, #content.foliowidth .folio-con-right h2{ color:#fff; padding-top:24px; padding-bottom:0px; margin-bottom:4px; } a.list{ margin:0 auto; width:259px; height:65px; display:block; text-indent:-9999em; background:url(../art/list-btn.gif) top no-repeat; margin-bottom:33px; } a.list:hover{ background-position:bottom; } /*----Split Testing ----------------*/ #visitBam {position:absolute; right:0; top:52px;} #visitBam span { display:none;} #visitBam a, #visitBam a .hover { height: 45px; position: relative; display: block; background: url(/art/visitBam.gif) 0px 0px no-repeat; width:312px; } #visitBam .highlight a:hover, #visitBam a .hover { background-position: 0px -45px; } #nav.hide {display:none;}