/* Theme Name: JumperWebsite Theme URI: Description: Jumper Website framework for WordPress. Author: WP Dave Clarke, XHTML/CSS Gina Lolli (BRANDO) Author URI: http://www.brando.ie/ Version: 1.0 Tags: jumper, video, production */ div#atffc{padding:0;margin:0;height:0px;width:0px;overflow:hidden;} h1#logo {padding: 10px;} blockquote {text-indent:-9999px;} div#content-right h2 {text-indent: -9999px} div#content-right h3 {color:#c5bc3f; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.1em} div#content-left h2 {padding: 5px 0; color: #4c87b8; font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.7em; line-height: 35px; font-weight:bold} div#content-left h2 a {font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold} div#content-left h3 {padding: 5px 0; color: #4c87b8; font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.2em; line-height: 20px; font-weight:bold} a {color:#404040; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; text-decoration: none} a:hover {text-decoration: underline} a:visited {text-decoration: none} .clear {clear:left; height: 2px; overflow:hidden } .last {margin-right:0!important; padding: 0!important} .first {margin-top: 0!important} body {background:url(images/general/backgrounds/bgd_body.jpg) repeat 0 0} div.heading {margin: 10px 0; padding: 0 0 10px 0; background:url(images/general/dash_short.jpg) repeat-x bottom left; } div.heading-left {background:url(images/general/dash_long.jpg) repeat-x bottom left; } /* SPECIAL CASES FOR THE H2's */ div#content-left.about h2 {background:url(images/general/dash_long.jpg) repeat-x bottom left; } div#gallery div.heading {margin: 0 ; padding: 0} div.sep {margin: 0 20px; background:url(images/general/separator_dotted.jpg) repeat-x top left; height: 1px; overflow: hidden; } div.sep.none {margin: 20px 0 0 0; } /*div.sep {margin: 0 33px;}*/ div.sep-short {margin: 10px 0; padding: 0; background:url(images/general/separator_dotted.jpg) repeat-x top left; height: 1px; overflow: hidden} div.sep-short.none {margin: 0; padding: 0} /* =Structure----------------------------------------------------------------- */ div#texture {background: url(images/general/backgrounds/bgd_top_texture.jpg) repeat-x 0 0; height: 232px; margin: 0 0 25px 0;} div#header-container {width: 1158px; margin: 0 auto;} div#header-container div.skip-link {display:none;} div#header-left {width:566px; height: 232px; float:left; background:url(images/general/backgrounds/bgd_header.jpg) no-repeat 0 0} div#header-right {width: 591px;height:232px; background:url(images/general/backgrounds/bgd_header.jpg) no-repeat -567px 0; float:left; } div.container {width: 1000px; margin: 0 auto 20px auto; } div#logo {width: 440px; height: 172px; position:relative; top: 32px; left: 120px} div#header {width: 1158px;} div#content-left p {padding: 20px 0 0 0; margin:0; font-family: Helvetica, sans-serif; color:#888888; font-size: 0.8em; line-height: 18px} div#content-left ol {list-style:none; margin:0; padding:0;} div#content-right p {padding: 10px 0 0 0; margin:0; font-family: Georgia,"Times New Roman",Times,serif; color:#888888; font-size: 0.8em; line-height: 18px} div#content-right ul{line-height: 18px; color:#888888; font-family: Georgia,"Times New Roman",Times,serif; color:#888888; font-size: 0.8em; margin: 0; padding: 0px;} div#content-right ul li{list-style-type: none; margin: 0; padding: 4px 0px 4px 0px; font-family: Georgia,"Times New Roman",Times,serif; background: transparent url(images/general/separator_dotted.jpg) repeat-x scroll left top;} div#content-right ul li:first-child{background: none;} div#content-right ul li a{text-decoration: none; color:#888888; font-family: Georgia,"Times New Roman",Times,serif;} div#content-right ul li a:hover{text-decoration: underline;} div#content-right .tagcloud a{text-decoration: none; color:#888888; font-family: Georgia,"Times New Roman",Times,serif; font-weight: normal;} div#content-right .tagcloud a:hover{text-decoration: underline;} div#content-left div.page-link{ padding: 20px 0 0 0; margin:0; font-family: Helvetica, sans-serif; color:#BEAB95; font-size: 0.8em; line-height: 18px} div#content.gallery {width:1000px; background:url(images/general/backgrounds/mid_1000.jpg) repeat-y 0 0;} div#footer {padding: 10px 0; background-color: #666; font-family:Georgia, "Times New Roman", Times, serif; color:#f3f3f3} div#content-left {margin:0 12px 0 0; display:inline; float:left;} div#content-left.home {width: 637px } div#content-left.index {width: 637px } div#content-left.about {width: 637px } div#content-left.archive {width: 637px } div#content-left.author {width: 637px } div#content-left.category {width: 637px } div#content-left.tag {width: 637px } div#content-left.single {width: 637px } div#content-left.search {width: 637px } div#content-left.view-blog {width: 693px;} div#content-left.document {width: 637px;} div#content-left.profile {width: 720px;} div#content-right {float:left} div#content-right.home {width:345px;} div#content-right.index {width:345px;} div#content-right.about {width:345px;} div#content-right.archive {width:345px;} div#content-right.author {width:345px;} div#content-right.category {width:345px;} div#content-right.tag {width:345px;} div#content-right.single {width:345px;} div#content-right.search {width:345px;} div#content-right.view-blog {width: 292px;} div#content-right div.box-345 {margin: 15px 0 0 0; background:url(images/general/backgrounds/mid_right_345.jpg) repeat-y 0 0; width: 345px;} div#content-right div.box-266 {width: 266px; background:url(images/general/backgrounds/mid_right_266.jpg) repeat-y 0 0; } div#content-right div.box-292 {margin: 15px 0 0 0; width: 292px; background:url(images/general/backgrounds/mid_right_292.jpg) repeat-y 0 0; } /* =Tops and Bottoms----------------------------------------------------------------- */ div.top-637 {background: url(images/general/backgrounds/top_left_637.jpg) no-repeat 0 0; height: 2px; width:637px; overflow:hidden} div.btm-637 {background: url(images/general/backgrounds/btm_left_637.jpg) no-repeat top left; height: 2px; width:637px;overflow:hidden} div.top-693 {background: url(images/general/backgrounds/top_left_693.jpg) no-repeat 0 0; height: 2px; overflow:hidden} div.btm-693 {background: url(images/general/backgrounds/btm_left_693.jpg) no-repeat top left; height: 2px;overflow:hidden} div.top-720 {background: url(images/general/backgrounds/top_left_720.jpg) no-repeat 0 0; height: 2px; overflow:hidden} div.btm-720 {background: url(images/general/backgrounds/btm_left_720.jpg) no-repeat top left; height: 2px; overflow:hidden} div.top-345 {background: url(images/general/backgrounds/top_right_345.jpg) no-repeat 0 0;height: 2px; width:345px; overflow:hidden} div.btm-345 {background: url(images/general/backgrounds/btm_right_345.jpg) no-repeat top left; height: 2px; width:345px; overflow:hidden} div.top-292 {background: url(images/general/backgrounds/top_right_292.jpg) no-repeat 0 0; height: 2px; overflow:hidden} div.btm-292 {background: url(images/general/backgrounds/btm_right_292.jpg) no-repeat top left; height: 2px; overflow:hidden} div.top-266 {background: url(images/general/backgrounds/top_right_266.jpg) no-repeat 0 0; height: 2px;overflow:hidden} div.btm-266 {background: url(images/general/backgrounds/btm_right_266.jpg) no-repeat top left; height: 2px; overflow:hidden} div.top-1000 {background:url(images/general/backgrounds/top_1000.jpg) no-repeat 0 0; height:2px; overflow:hidden} div.btm-1000 {background:url(images/general/backgrounds/btm_1000.jpg) no-repeat 0 0; height:2px; overflow:hidden} /* =LEFT Content----------------------------------------------------------------- */ div.top-tag {margin: 0 0 10px 0; background:url(images/general/backgrounds/mid_left_637.jpg) repeat-y 0 0; /*width: 100%*/} div.search-box {margin: 0 0 10px 0; background:url(images/general/backgrounds/mid_left_637.jpg) repeat-y 0 0; /*width: 100%*/} span.filter-target a{ color: #4c87b8; text-decoration: none;} span.filter-target a:hover {color: #4c87b8; text-decoration: underline;} div.box-637 {margin: 0 0 20px 0; background:url(images/general/backgrounds/mid_left_637.jpg) repeat-y 0 0; width: 637px;} div.box-637 a {text-decoration: none; color: #4c87b8; font-weight:normal; font-family: Helvetica, sans-serif;} div.box-637 a:hover {text-decoration: underline} div.box-637 h3 a {padding: 5px 0; color: #4c87b8; font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.2em; line-height: 20px; font-weight:bold} div.box-720 {margin: 0 0 20px 0; background:url(images/general/backgrounds/mid_left_720.jpg) repeat-y 0 0; width:720px} div.box-720 div.left {width:320px; float:left; margin: 0 40px 0 0; display: inline} div.box-720 div.right {width:320px; float:left} /* 404 / media */ div.box-1000 {margin: 0 0 20px 0; width:1000px; background:url(images/general/backgrounds/mid_1000.jpg) repeat-y 0 0;} div#content-centre {margin:0; display:inline; float:left; width:1000px;} div#content-centre div.box {margin: 8px 20px 8px 20px;} div#content-centre.gallery div.box {margin: 8px 26px 40px 26px;} div#content-centre h2 {padding: 5px 0; color: #4c87b8; font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.7em; line-height: 35px; font-weight:bold} div#content-centre p {padding: 20px 0 0 0; margin:0; font-family: Helvetica, sans-serif; color:#888888; font-size: 0.8em; line-height: 18px} div.gallery div.box {margin: 8px 20px 8px 20px;} div#content-left div.box {margin: 8px 20px 8px 20px;} div#content-left div.box.centre {margin: 8px 33px} div#content-left div.top-box {margin: 8px 33px;} div.profile-movie {padding: 40px 0px 0px 20px} div.profile-clips {overflow:hidden; margin: 0 10px 0 0; float:left; display: inline; width: 220px; } div.profile-clips a {text-decoration:none; color: #4c87b8;font-family:Georgia, "Times New Roman", Times, serif; font-size: 0.8em; font-weight: bold;width: 220px; display:block } div.profile-clips a:hover {color:#C5BC3F; background:url(images/general/backgrounds/bgd_clips_rollover.jpg) repeat-y 0 0} span.title {min-height:40px; padding: 0 0 5px 5px; margin: 5px 0 20px 0; display:block; width: 202px; } a.recent-last {color: #888; font-family: Helvetica, sans-serif; color:#888888; line-height: 18px; font-weight: normal; } a.recent-last:hover {background:url(images/general/backgrounds/underline_hover.jpg) repeat-x bottom left} /* =Blog Footer----------------------------------------------------------------- */ div.details {margin: 30px 20px 5px 20px; color: #beab95; font-family: Helvetica, sans-serif; font-size: 0.8em} div.details.centre {margin: 30px 33px 5px 33px} div.details a {color: #beab95; font-family: Helvetica, sans-serif; font-weight: normal} div.details a:hover {text-decoration: underline} span.author {display:block; width: 60%; float:left} span.date {display:block; width: 40%; float:left; text-align:right} /*div.tags {margin: 0 20px 25px 20px; padding: 10px 0; color: #4c87b8;font-family: Helvetica, sans-serif; font-size: 0.8em; } div.tags a {font-size: 1em} div.tags.centre {margin: 0 33px 25px 33px; }DC REPLACED DIV HOLDS MUCH MORE*/ div.utils {margin: 0 20px 5px 20px; padding: 10px 0; color: #4c87b8;font-family: Helvetica, sans-serif; font-size: 0.8em; } div.utils a {font-size: 1em} div.utils.centre {margin: 0 33px 5px 33px; } span.tags {display: block; width: 63%; float:left;} span.tags a {color: #4c87b8; font-family: Helvetica, sans-serif; font-weight: normal} span.tags a:hover {text-decoration: underline} span.tags strong {color: #6d6d6d} span.cats {display: block; width: 63%; float:left;} span.cats a {color: #4c87b8; font-family: Helvetica, sans-serif; font-weight: normal} span.cats a:hover {text-decoration: underline} span.cats strong {color: #6d6d6d} span.share {display: block; padding: 1px 9px 0 18px; margin: 15px 0 0 0; width: 12%; height: 15px; float:left; background:url(images/general/icon_share.jpg) no-repeat 0 0; } span.comments {display: block; padding: 1px 0 0 18px;margin: 15px 0 0 0; width: 17%; height: 15px; float:left; background:url(images/general/icon_comments.jpg) no-repeat 0 0} span.share a {color: #beab95; font-family: Helvetica, sans-serif; font-weight: bold} span.share a:hover {background: url(images/general/backgrounds/underline_hover2.jpg) repeat-x bottom left} span.comments a {color: #beab95; font-family: Helvetica, sans-serif; font-weight: bold} span.comments a:hover {background: url(images/general/backgrounds/underline_hover2.jpg) repeat-x bottom left} div#content-centre.gallery div.heading {margin: 10px 0 0 0; padding: 0 0 0 0; background: none; } div#content-centre.gallery div.utils {} div#content-centre.gallery div.utils span.share {float:right; display:block;} /* =Paging----------------------------------------------------------------- */ div.paging {display:block; margin: 0 0 20px 0; background:url(images/general/backgrounds/mid_left_637.jpg) repeat-y 0 0; width: 100%} div.paging div.nav-previous{width: 50%; display:block; padding:0px 0px; float:left; min-height:20px;} div.paging div.nav-next{text-align: right; padding: 0px 0px; width: 50%; display:block; float:left; min-height:20px;} div.paging div.nav-next a, div.paging div.nav-previous a{text-decoration:none;} div.paging div.nav-previous a span, div.paging div.nav-next a span{font-family:Helvetica, sans-serif; font-size: 1em; color: #4c87b8; font-weight:bold; text-decoration:none;} div.paging div.nav-previous a:hover span, div.paging div.nav-next a:hover span {font-family:Helvetica, sans-serif; font-size: 1em; color: #4c87b8; font-weight:bold; text-decoration:underline;} div.paging div.nav-centre{width:100%; display:block; padding:0; min-height:20px; text-align:center;} div.paging div.nav-centre a{text-decoration:none;} div.paging div.nav-centre a span.latest{font-family:Helvetica, sans-serif; font-size: 1em; color: #4c87b8; font-weight:bold; text-decoration:none;} div.paging div.nav-centre a:hover span.latest{text-decoration:underline;} div#content-left div.paging div.box.centre {margin: 8px 20px} /*div.paging ul {margin: 0; padding: 0; float:left} div.paging ul li {list-style:none; float:left; padding: 0 25px 0 0} div.paging ul li a {font-family:Helvetica, sans-serif; font-size: 1em; color: #4c87b8; font-weight:normal }*/ div#content-left div.box div#google-map{padding:0; margin:0; border:1px solid #BDBAB3;width:595px; height:400px;} /* =RIGHT Content----------------------------------------------------------------- */ div#content-right div.destination { padding: 6px 20px 10px 20px;} div#content-right.home div.destination {width:305px; background:url(images/general/backgrounds/mid_right_345.jpg) repeat-y 0 0;} div#content-right.view-blog div.destination {width: 252px; background:url(images/general/backgrounds/mid_right_292.jpg) repeat-y 0 0;} div#content-right.document div.destination {width: 305px; } div.more {margin: 30px 0 0 0; padding: 10px 0; text-align:center;} div.more a {padding: 0; display:block; text-decoration: underline; font-size:1.1em} div.more a:hover {text-decoration: none} /* =RHS Headings----------------------------------------------------------------- */ div.director h2, div.aboutjump h2, div.search-site h2, div.showreel h2, div.our-work h2, div.labels h2, div.recent-posts h2, div.authors h2, div.last-post h2, div.months h2, div.info h2 {padding:0} div.director {background:url(images/general/headings_sprite.png) no-repeat 0 0; display:block; width: 193px; height: 31px;} div.showreel {background:url(images/general/headings_sprite.png) no-repeat 0 -32px; display:block; width: 190px; height: 34px;} div.our-work {background:url(images/general/headings_sprite.png) no-repeat 0 -69px; display:block; width: 210px; height: 28px;} div.recent-posts {background:url(images/general/headings_sprite.png) no-repeat 0 -101px; display:block; width: 233px; height: 26px; } div.authors {background:url(images/general/headings_sprite.png) no-repeat 0 -128px; display:block; width: 167px; height: 24px; } div.last-post {background:url(images/general/headings_sprite.png) no-repeat 0 -155px; display:block; width: 180px; height: 28px;} div.labels {background:url(images/general/headings_sprite.png) no-repeat 0 -184px; display:block; width: 103px; height: 28px;} div.months {background:url(images/general/headings_sprite.png) no-repeat 0 -218px; display:block; width: 165px; height: 28px;} div.info {background:url(images/general/headings_sprite.png) no-repeat 0 -250px; display:block; width: 130px; height: 28px;} div.aboutjump {background:url(images/general/headings_sprite.png) no-repeat 0 -283px; display:block; width: 193px; height: 28px;} div.search-site {background:url(images/general/headings_sprite.png) no-repeat 0 -311px; display:block; width: 193px; height: 28px;} div.categories {background:url(images/general/headings_sprite.png) no-repeat 0 -342px; display:block; width: 193px; height: 28px;} ul.major {padding:0; list-style: none; } ul.major li {padding: 0 0 17px 0} ul.major li img {float:left; padding: 0 15px 0 0} div.items {margin: 0 0 10px 0;} div.profile {width: 220px} div.items span.text {padding: 5px 0 0 0; width: 195px; display: block; float:left;} div.items span.text-266 {padding: 10px 0 0 0; width: 130px; display: block; float:left;} div.items span.text-292 {padding: 10px 0 0 0; width: 160px; display: block; float:left;} div.items span.name {color:#c5bc3f; font-family:Georgia, "Times New Roman", Times, serif; font-size:0.9em; display:block; width: 100%} div.items span.desc {text-decoration:none; padding: 6px 0 0 0; font-family: Helvetica, sans-serif; color:#888888; font-size: 0.75em; line-height: 18px; font-weight: normal;display:block; width:100%} div.items span.owtitle {color:#c5bc3f; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.1em; display:block; width: 100%} div.items a.about-text{display: block; margin-bottom:15px;} div.items a span.innerlink {margin:0; text-decoration:none; color:#c5bc3f; font-family:Georgia, "Times New Roman", Times, serif; font-size:0.9em; display:block; width: 250px} div.items a:hover span.innerlink {text-decoration:underline;} div.items a.facebook {display: block; padding: 4px 9px 4px 25px; margin-bottom:14px; height:22px; float:left; background:url(images/general/icon_facebook.jpg) no-repeat 0 0; } div.items a.rss { display: block; padding: 4px 9px 4px 23px; margin-bottom:14px; height:19px; float:left; background:url(images/general/icon_rss.jpg) no-repeat 0 0; } div.items a.twitter { display: block; padding: 4px 9px 4px 24px; margin-bottom:14px; height:21px; float:left; background:url(images/general/icon_twitter.jpg) no-repeat 0 0; } div.items a {text-decoration:none;} div.items a:hover {text-decoration:none;} div.items a.post {color:#c5bc3f; font-size: 0.9em } div.items a.post:hover {background: none; text-decoration: underline; color:#c5bc3f;} div.items.blog a {display:block; width:310px;} div.items.blog a:hover {background: #eeeeee url(images/general/backgrounds/bgd_list_rollover.jpg) repeat-y 0 0;} div.items.blog a:hover span.name {color: #4c87b8; } div.items.blog a.active {background: #eeeeee url(images/general/backgrounds/bgd_list_rollover.jpg) repeat-y 0 0} div.items.blog a.active span.name {color: #4c87b8;} div.items.profile a {display:block; width: 220px;} div.items.profile a.active {background: #eeeeee url(images/general/backgrounds/bgd_list_rollover2.jpg) repeat-y 0 0;} div.items.profile a:hover {background: #eeeeee url(images/general/backgrounds/bgd_list_rollover2.jpg) repeat-y 0 0;} div.items.profile a:hover span.name {color: #4c87b8; } div.items.author a {display:block; width: 310px;} div.items.author a.active {background: #eeeeee url(images/general/backgrounds/bgd_list_rollover.jpg) repeat-y 0 0;} div.items.author a:hover {background: #eeeeee url(images/general/backgrounds/bgd_list_rollover.jpg) repeat-y 0 0;} div.items.author a:hover span.name {color: #4c87b8; } div.items img {margin: 0 10px 0 0; padding: 5px; float:left} div.tag-cloud {padding: 2px 0 20px 0} div.tag-cloud a {line-height: 30px; color: #8e979e} div.tag-cloud a.small {font-size: 0.9em} div.tag-cloud a.medium {font-size: 1.1em} div.tag-cloud a.large {font-size: 1.5em} ul.months {list-style: none; padding: 0; margin: 20px 0} ul.months li {padding: 1px 0; } ul.months li a {color: #888; font-size: 0.9em; text-decoration:none; } ul.months li a:hover {text-decoration:underline} span.no {color: #9d9d9d} /* =Gallery Our Work----------------------------------------------------------------- */ div#gallery {padding: 10px 27px} div#flashHolder {margin: auto; margin-top:20px; padding:0; width:947px; height:580px; background-color:#000000;} div.gallery-movie {margin: 20px 27px 27px 28px;} div.gallery-clips {margin: 0 20px 0 0; float:left; color: #4c87b8;font-family:Georgia, "Times New Roman", Times, serif; } div.gallery-clips a {color: #4c87b8;font-family:Georgia, "Times New Roman", Times, serif; font-size: 0.8em; font-weight: bold; width: 221px; display: block; } div.gallery-clips a:hover {background:url(images/general/backgrounds/bgd_clips_rollover.jpg) repeat-y 0 0} div.gallery-clips span.title {margin: 5px 0 20px 0; display:block} /* =Comments Form----------------------------------------------------------------- */ form.comments fieldset {border: 0; margin: 30px 0; padding: 0} form.comments label {margin: 5px 0 0 5px ;display:block; float:left; width: 25%; color: #6d6d6d; font-family:Georgia, "Times New Roman", Times, serif; font-size: 0.9em} form.comments input {float:left; height:24px; width:200px;} form.comments textarea {float:left; display:block; width:571px; height:220px;} form.comments .comments-text {padding-top:4px; padding-left:2px; margin: 5px 0; border: 1px solid #bdbab3; background-color: #e6e9e7;} form.comments .comments-text-active{ padding-top:4px; padding-left:2px; color: #a1a1a1; font-style: italic; border: 1px solid #bdbab3; background-color: #e6e9e7} form.comments .highLightBox { border: 1px solid #4c87b8; } form.comments input#submit { /*float:right; border: none; background:none; color: #6d6d6d; font-family:Georgia, "Times New Roman", Times, serif; font-size: 0.9em*/ float:right; border: none; text-indent: -9999px; width: 97px; height: 24px; background:url(images/general/submitbutton.jpg) no-repeat 0 0; font-size:0; line-height:0; } div#content-left form.comments p {padding: 20px 0 0 0; margin:0; font-family: Helvetica, sans-serif; color:#888888; font-size: 0.8em;} /* = Search Form ----------------------------------------------------------------- */ form.search-form label {margin: 8px 10px 5px 0px; display:block; float:left; color: #6d6d6d; font-family:Georgia, "Times New Roman", Times, serif; font-size: 0.9em} form.search-form .search-text {padding-top:4px; padding-left:2px; float:left; margin: 0px 0px 15px 0px; height:24px; width:200px; border: 1px solid #bdbab3; background-color: #e6e9e7} form.search-form .search-text-active{color: #a1a1a1; font-style: italic; height:24px; width:200px; border: 1px solid #bdbab3; background-color: #e6e9e7} form.search-form .highLightBox { border: 1px solid #4c87b8; } form.search-form input#search-submit { /*float:left; border: none; background:none; color: #6d6d6d; font-family:Georgia, "Times New Roman", Times, serif; font-size: 0.9em;*/ text-indent: -9999px; font-size:0; line-height:0; /*ie6*/ width: 35px; height: 31px; background:url(images/general/okbottom.jpg) no-repeat 0 0; border:none; margin:0; padding:0; } form.search-form input#search-submit-loc { text-indent: -9999px; font-size:0; line-height:0; /*ie6*/ width: 35px; height: 31px; background:url(images/general/okbottom.jpg) no-repeat 0 0; border:none; margin:0; padding:0; } div#content-right form.search-form label {padding: 5px 0 5px 0; font-family: Helvetica, sans-serif; color:#888888; font-size: 0.75em; line-height: 18px; font-weight: normal;display:block; width:100%; margin:0;} div#content-right form.search-form .search-text {padding-top:4px; padding-left:2px; float:left; margin: 0px 0px 15px 0px; height:24px; width:200px; border: 1px solid #bdbab3; background-color: #e6e9e7} div#content-right form.search-form .search-text-active{color: #a1a1a1; font-style: italic; height:24px; width:200px; border: 1px solid #bdbab3; background-color: #e6e9e7} div#content-right form.search-form .highLightBox { border: 1px solid #4c87b8; } div#content-right form.search-form input#search-submit { text-indent: -9999px; width: 35px; height: 31px; background:url(images/general/okbottom.jpg) no-repeat 0 0; border:none; margin:0; padding:0; } /* =Navigation----------------------------------------------------------------- */ #nav {padding:0; margin:0; list-style:none; height:45px; position:relative; z-index:200;left: 23px; top:0; font-family:arial, verdana, sans-serif; width:530px;} #nav li.top {display:block; float:left;} #nav li a {display:block; float:left; height:45px; text-decoration:none; padding:0; cursor:pointer;} #nav li a b {margin-left:-9999px;} #nav li a.home {width:78px; background:url(images/nav/navigation_final.jpg) no-repeat 0 0;} #nav li a.home:hover {width:78px; background:url(images/nav/navigation_final.jpg) no-repeat 0 -46px;} #nav li.home:hover a, #nav a.home:hover {width:78px; background-position: 0 -46px;} #nav li.home a.active {width:78px; background:url(images/nav/navigation_final.jpg) no-repeat 0 -92px;} #nav li a.about {width:87px; background:url(images/nav/navigation_final.jpg) no-repeat -78px 0;} #nav li.about:hover a, #nav li a.about:hover {width:87px; background:url(images/nav/navigation_final.jpg) no-repeat -78px -46px;} #nav li.about a.active {width:87px; background:url(images/nav/navigation_final.jpg) no-repeat -78px -92px;} #nav li a.directors {width:106px; background:url(images/nav/navigation_final.jpg) no-repeat -166px 0;} #nav li.directors:hover a, #nav li a.directors:hover {width:106px; background:url(images/nav/navigation_final.jpg) no-repeat -166px -46px;} #nav li.directors a.active {width:106px; background:url(images/nav/navigation_final.jpg) no-repeat -166px -92px;} #nav li a.our-work {width:108px; height: 45px; background:url(images/nav/navigation_final.jpg) no-repeat -273px 0; } #nav li.our-work:hover a, #nav li a.our-work:hover {width:108px; height:49px; background:url(images/nav/our_work_rollover_test.jpg) no-repeat 0 0;} #nav li.our-work a.active {width:108px; background:url(images/nav/our_work_active.jpg) no-repeat 0 0;} #nav li a.contact {width:114px; background:url(images/nav/navigation_final.jpg) no-repeat -381px 0;} #nav li.contact:hover a, #nav li a.contact:hover {width:114px; background:url(images/nav/navigation_final.jpg) no-repeat -381px -46px;} #nav li.contact a.active {width:114px; background:url(images/nav/navigation_final.jpg) no-repeat -381px -92px;} #nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;} #nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} #nav li:hover {position:relative; z-index:200;} #nav a:hover {position:relative; white-space:normal; z-index:200;} #nav :hover ul.sub {left:0; top:49px; width:114px; height:auto; z-index:300;} #nav :hover ul.sub li {display:block; height:52px; position:relative; float:left; width:152px; font-weight:normal;} #nav :hover ul.sub li a {display:block; text-decoration:none; padding:0; cursor:pointer;} #nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;} #nav :hover ul li a.showreel {position: relative; left: -4px; width:115px; height: 49px; background:url(images/nav/showreel_rollover.jpg) no-repeat 0 0;} #nav :hover ul li a.showreel.active {position: relative; left: -4px;width:115px; background:url(images/nav/showreel_active.jpg) no-repeat 0 0;} #nav li ul.sub li.showreel:hover a, #nav li ul.sub li.showreel:hover {position: relative; left: -2px ; width:118px; background:url(images/nav/showreel_rollover.jpg) no-repeat 0 0; border: 1px solid red} /* =Footer----------------------------------------------------------------- */ div#footer {padding: 15px 0; height: 150px; background: url(images/general/backgrounds/bgd_footer.jpg) repeat-x 0 0; font-family:Georgia, "Times New Roman", Times, serif; color:#f3f3f3} div#footer p {font-size: 0.7em; padding:0; margin:0}