/* CSS Document */ body {background:url(images/bg.jpg) repeat-x 0 0 #2A2A2A; color:#828282; font:normal 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; padding:0;} .hidden { visibility: hidden; font-size: 1px; padding: 0; margin: 0; } a img, img { border: none; text-decoration: none; outline: 0px; border:0px } img { border:none; } a { border:none; font: 1em Arial, Verdana, Helvetica, sans-serif; color: #2b96c8; text-decoration: none; } a:hover { text-decoration: none; } a { outline: none; } div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a {margin:0; padding:0;} ul{list-style:none;} .spacer{font-size:0; line-height:0; clear:both;} /* HEADER STARTS HERE */ #header {width:840px; height:388px; background:url(images/header_backer.jpg) no-repeat 0 0 ; margin:0 auto; position:relative;} /* LOGO STARTS HERE */ .logo {margin:0 0 0 15px; padding:0; border:none;} /* HEADER STARTS HERE */ #flash {float:left; display:inline; margin:50px 0 0 60px; width:430px height:110px;} /* HOME NAV STARTS HERE */ #topNav {float:center; width:840px; height:50px; margin:0 auto; background:url(images/home_nav_photo_corner.jpg) no-repeat 623px 31px ;} #topNav ul {width:600px; margin:0 auto; } #topNav ul li{float:left; display:inline; text-transform:uppercase; padding:0 2px 0 0; background:url(images/nav_divider.jpg) no-repeat right center; font:bold 11px/50px "Trebuchet MS", Arial, Helvetica, sans-serif;} #topNav ul li.noDivider{background-image:none; color:#FFFFFF;} #topNav ul li a {text-transform:uppercase; text-decoration:none; padding:0 16px; display:block; color:#FFFFFF; font:bold 11px/50px "Trebuchet MS", Arial, Helvetica, sans-serif;} #topNav ul li a:hover {background:url(images/nav_backer_white.gif) repeat-x 0 0; color:#982f83;font:bold 11px/50px "Trebuchet MS", Arial, Helvetica, sans-serif;} #topNav ul li a.hover {text-transform:uppercase; text-decoration:none; padding:0 16px; display:block;background:url(images/nav_backer_grey.gif) repeat-x 0 0; color:#FFFFFF;font:bold 11px/50px "Trebuchet MS", Arial, Helvetica, sans-serif;} /* NAV ENDS HERE */ /* BLANK NAV STARTS HERE */ #topNavBlank {float:center; width:840px; height:50px; margin:0 auto; } #topNavBlank ul {width:600px; margin:0 auto; } #topNavBlank ul li{float:left; display:inline; text-transform:uppercase; padding:0 2px 0 0; background:url(images/nav_divider.jpg) no-repeat right center; font:bold 11px/50px "Trebuchet MS", Arial, Helvetica, sans-serif;} #topNavBlank ul li.noDivider{background-image:none; color:#FFFFFF;} #topNavBlank ul li a {text-transform:uppercase; text-decoration:none; padding:0 16px; display:block; color:#FFFFFF; font:bold 11px/50px "Trebuchet MS", Arial, Helvetica, sans-serif;} #topNavBlank ul li a:hover {background:url(images/nav_backer_white.gif) repeat-x 0 0; color:#982f83;font:bold 11px/50px "Trebuchet MS", Arial, Helvetica, sans-serif;} #topNavBlank ul li a.hover {text-transform:uppercase; text-decoration:none; padding:0 16px; display:block;background:url(images/nav_backer_grey.gif) repeat-x 0 0; color:#FFFFFF;font:bold 11px/50px "Trebuchet MS", Arial, Helvetica, sans-serif;} /* NAV ENDS HERE */ /* BODY AREA STARTING */ #body {width:840px; margin:0 auto; padding:0px 0px 40px 0px; background:url(images/body_backer.jpg) repeat-x 0 0;} #body div.left{float:left; display:inline; width:450px; margin:58px 20px 0 60px;} #body div.left h2{font:normal 33px Georgia, "Times New Roman", Times, serif; color:#982f83; padding:0 0 20px 0;} #body div.left h3{font:normal 17px Georgia, "Times New Roman", Times, serif; color:#cccccc; padding:0 0 20px 0;} #body div.left p{font:normal 13px Georgia, "Times New Roman", Times, serif; color:#999999; line-height:18px; padding:0 0 20px 0;} #home_showreel {float:left; display:inline; width:425px; height:265px; margin:15px 0 0 0; background:url(images/home_showreel_backer.jpg) no-repeat;} #body div.left ul {} #body div.left ul li{display:block; font:normal 13px Georgia; color:#cccccc; line-height:18px; padding-left:11px; background:url(images/dot.jpg) no-repeat } /* SHOWREEL & GALLERY BODY AREA STARTING */ #body div.bigMain {float:left; display:inline; width:730px; margin:58px 20px 0 60px;} #body div.bigMain h2{font:normal 33px Georgia, "Times New Roman", Times, serif; color:#982f83; padding:0 0 20px 0;} #body div.bigMain h3{font:normal 17px Georgia, "Times New Roman", Times, serif; color:#cccccc; padding:0 0 20px 0;} #body div.bigMain p{font:normal 13px Georgia, "Times New Roman", Times, serif; color:#999999; line-height:18px; padding:0 0 20px 0;} .bigMainThumb {float:left; display:inline; width:160px; height:160px; margin:5px 27px 27px 0px;} .bigMainThumbRight {float:left; display:inline; width:160px; height:160px; margin:5px 0px 27px 0px;} /* MEDIA CENTRE */ #media_centre {float:left; display:inline; width:380px; height:200px; margin:50px 0px 0px 17px;} #media_centre ul {margin-left: 0; padding-left: 0; text-align:left; padding-left: 0; display: block;} #media_centre ul li {margin-left: 0; padding-left: 0; list-style: none; display: block; font:normal 13px Georgia, "Times New Roman", Times, serif; color:#999999; text-transform: uppercase; border-bottom:dotted 1px #FFFFFF;} #media_centre li a {margin-left: 0; padding-left: 0; color: #FFFFFF; text-decoration: none;} #media_centre a:hover {color:#FFFFFF;} .news_style{display:none; width:350px;} .headline{width:350px;font:normal 13px Georgia, "Times New Roman", Times, serif; color:#999999; padding:0 0 0 0;} .mediaCopy{width:350px;font:normal 13px Georgia, "Times New Roman", Times, serif; color:#999999; padding:10px 0 0 0;} .news_show {color:black; width:370px; height:130px;font:normal 13px Georgia, "Times New Roman", Times, serif; color:#999999; overflow: auto;} .news_border {width:370px;height:130px; margin-top:10px; font:normal 13px Georgia, "Times New Roman", Times, serif; color:#999999; border-bottom: dotted 1px #FFFFFF; padding: 5px 5px 5px 0px; overflow: auto;} .news_mark{float:right; display:inline; border: 0px; width:370px; height:50px; font:normal 13px Georgia, "Times New Roman", Times, serif; color:#999999; color:#FFFFFF; text-align:right; padding: 0px 5px 0px 0px;} .news_title {font:normal 10px Georgia, "Times New Roman", Times, serif; color:#999999; border: 0px solid gray; padding: 5px 0px 9px 5px; color:#FFFFFF;} .news_show img {margin-right: 15px;} .buttondiv {position: absolute; background:url(../images/play_backer.png) no-repeat; width:80px; height:50px; /*float: left;*/ /*top: 169px;*/ padding: 10px 5px 5px 0px; /*border-top-color: white;*/ border-top:20px; height:20px;} a.white_link:link {font:normal 12px Georgia, "Times New Roman", Times, serif; color:#cccccc; text-decoration:underline;} a.white_link:active {font:normal 12px Georgia, "Times New Roman", Times, serif; color:#cccccc; text-decoration:underline;} a.white_link:visited {font:normal 12px Georgia, "Times New Roman", Times, serif; color:#cccccc; font-weight:normal; text-decoration:underline;} a.white_link:hover {font:normal 12px Georgia, "Times New Roman", Times, serif; color:#cccccc; text-decoration:underline;} #body div.right{float:left; display:inline; width:268px; height:400px; background:url(images/caroline_sprite.jpg) no-repeat -276px -244px; padding:0 0 60px 0; color:#C1C1C1;} #body div.rightContact{float:left; display:inline; width:268px; height:300px; margin:58px 0 0 0 ; padding:0 0 60px 0; color:#C1C1C1;} #body div.rightContactThanks{float:left; display:inline; width:268px; height:300px; margin:58px 0 0 0 ; background:url(images/caroline_sprite.jpg) no-repeat 0px -220px; padding:0 0 60px 0; color:#C1C1C1;} #body div.rightContact p{font:normal 13px Georgia, "Times New Roman", Times, serif; color:#999999; line-height:18px; padding:0px 0 15px 0;} #body div.rightContact h4{font:normal 20px Georgia, "Times New Roman", Times, serif; color:#982f83; padding:12px 0 13px 0;} #body div.rightContact h5{font:normal 13px Georgia, "Times New Roman", Times, serif; color:#cccccc; padding:0 0 3px 0;} #body div.rightContact h6{font:normal 13px Georgia, "Times New Roman", Times, serif; color:#999999; padding:0 0 0 0;} #body div.right .facebook{float:left; display:inline; width:108px; height:100px; margin:20px 0 0 10px; color:#C1C1C1;} #body div.rightBlank{float:left; display:inline; width:268px; height:400px; margin:58px 0 0 0 ;} #body div.rightBlank p{padding:0px 0 15px 0;} #body div.rightBlank h4{font:normal 20px Georgia, "Times New Roman", Times, serif; color:#982f83; padding:12px 0 13px 0;} #body div.rightBlank h5{font:normal 13px Georgia, "Times New Roman", Times, serif; color:#cccccc; padding:0 0 3px 0;} #body div.rightBlank h6{font:normal 13px Georgia, "Times New Roman", Times, serif; color:#999999; padding:0 0 0 0;} .see_caroline {float:left; display:inline; width:240px; margin:60px 0 0 12px;} .see_caroline p {font:normal 13px Georgia, "Times New Roman", Times, serif; color:#999999; line-height:18px; background:url(images/bid_logo.jpg) no-repeat 144px 40px;} /* FOOTER LINKS */ #footer {height:94px; margin:0 auto; background:url(images/footer_backer_long.jpg) repeat-x 0 0; background-color:#2A2A2A; text-align:center;} .footer {width:840px; height:94px; margin:0 auto; background:url(images/footer_backer.jpg) no-repeat; background-color:#2A2A2A;} .footer ul{margin:0 auto; padding:22px 0 10px 0;} .footer ul li{font:normal 11px Georgia; color:#999999;display:inline;} .footer ul li a {font:normal 11px Georgia; text-decoration:none;color:#999999; padding:0 8px;} .footer ul li a:hover {font:normal 11px Georgia; text-decoration:none;color:#FFFFFF; padding:0 8px;} /* COPYRIGHT LINKS ETC. */ .footer p {color:#999999; font:normal 10px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;} a.dlc:link {height:17px; padding:0 3px;font:bold 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#999999;} a.dlc:active {font:bold 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#999999; text-decoration:underline;} a.dlc:visited {font:bold 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#999999; text-decoration:underline;} a.dlc:hover {color:#FFFFFF;} /* BUTTON PICS */ .button_pics a {float:left; display:inline; width: 268px; height: 57px; margin:215px 0 0 0; background: url("images/caroline_sprite.jpg") 0px 0px no-repeat;} .button_pics a:hover {background-position: 0px -57px; } .button_pics a:active {background-position: 0px -57px;} /* BUTTON CV */ .button_cv a {float:left; display:inline; width: 268px; height: 50px; margin:0 0 0 0; background: url("images/caroline_sprite.jpg") -276px 0 no-repeat;} .button_cv a:hover {background-position: -276px -53px; } .button_cv a:active {background-position: -276px -53px;} /* BUTTON SUBMIT */ .button_submit a {float:left; display:inline; width: 268px; height: 45px; margin:0 0 0 0; background: url("images/caroline_sprite.jpg") -551px 0 no-repeat;} .button_submit a:hover {background-position: -551px -52px; } .button_submit a:active {background-position: -551px -52px;} /* LOGO BUTTONS CREDITS PAGE */ #logos {float:left; display:inline; margin:25px 0 0 0; width: 450px; height: 45px;} /* BUTTON BID TV */ .button_bid a {float:left; display:inline; width: 105px; height: 40px; margin-left:0px; background: url("images/caroline_sprite.jpg") 4px -116px no-repeat;} .button_bid a:hover {background-position: 4px -174px; } .button_bid a:active {background-position: 4px -174px;} /* BUTTON BID TV */ .button_gems a {float:left; display:inline; width: 85px; height: 45px; margin-left:10px; background: url("images/caroline_sprite.jpg") -100px -117px no-repeat;} .button_gems a:hover {background-position: -100px -172px; } .button_gems a:active {background-position: -100px -172px;} /* BUTTON BID TV */ .button_rocks a {float:left; display:inline; width: 95px; height: 45px; margin-left:15px; background: url("images/caroline_sprite.jpg") -205px -117px no-repeat;} .button_rocks a:hover {background-position: -205px -172px; } .button_rocks a:active {background-position: -205px -172px;} /* BUTTON BID TV */ .button_tjc a {float:left; display:inline; width: 50px; height: 45px; margin-left:20px; background: url("images/caroline_sprite.jpg") -325px -116px no-repeat;} .button_tjc a:hover {background-position: -325px -171px; } .button_tjc a:active {background-position: -325px -171px;} /* BUTTON BID TV */ .button_ideal a {float:left; display:inline; width: 38px; height: 45px; margin-left:20px; background: url("images/caroline_sprite.jpg") -395px -112px no-repeat;} .button_ideal a:hover {background-position: -395px -167px; } .button_ideal a:active {background-position: -395px -167px;} /* FORM GUBBINS */ fieldset {border: solid 0px transparent; line-height: 10px; margin-left:10px;} .legend {font:normal 13px Georgia, "Times New Roman", Times, serif; color:#982f83; margin-left:0;} label {float: left; width: 5em;} input {width: 199px;height:20px; font:normal 13px Georgia, "Times New Roman", Times, serif; color:#982f83; padding:2px 0 0 2px;} textarea {width: 199px; height: 80px;font:normal 13px Georgia, "Times New Roman", Times, serif; color:#982f83; text-decoration: none; padding-left:2px} input[type="text"], textarea {background-color:#FFFFFF;border: 1px solid #D5E4E8;} .required {font-size: 1em; color: #547e7e;} form p {position: relative;} .feedback {position: absolute; margin-left: 11em; left: 200px; right: 0;} .titles {float:left; font:normal 13px Georgia, "Times New Roman", Times, serif; color:#CCCCCC; text-decoration: none;} .button {float:right; display:inline; width: 210px; height: 40px; margin-right:82px; background-image: url(images/caroline_sprite.jpg); background-position: -550px 0px; background-color: transparent; border-style: none;} .buttonover {float:right; display:inline; width: 210px; height: 40px; margin-right:82px; background-image: url(images/caroline_sprite.jpg); background-position: -550px -52px; background-color: transparent; border-style: none; } .formTitle {float:left; display:inline; font:normal 13px Georgia, "Times New Roman", Times, serif; color:#999999; width:160px; text-align:left;} .asterisk {color:#982f83;} .label {width:50px;} /* LABEL FOR MANDATORY FIELDS */ .error {font:normal 10px Georgia, "Times New Roman", Times, serif; color:#982f83; text-decoration: none; font-size:10px; margin:3px 0 0 160px; display:none; text-align:left; } hr {height: 0px; border-top: 1px dotted #999999; border-bottom: 0px; margin:10px 10px 10px 0px; } /* LINK STYLE WITHIN BODY COPY */ a.bodyLink:link {font:normal 13px Georgia, "Times New Roman", Times, serif; color:#982f83; text-decoration:underline;} a.bodyLink:active {font:normal 13px Georgia, "Times New Roman", Times, serif; color:#982f83; text-decoration:underline;} a.bodyLink:visited {font:normal 13px Georgia, "Times New Roman", Times, serif; color:#982f83; text-decoration:underline;} a.bodyLink:hover {font:normal 13px Georgia, "Times New Roman", Times, serif; color:#ffffff; text-decoration:underline;}