/* SCREEN ---------------------------------------------------------------------------------------------------------------------------------------- */ /* DEFAULT */ * {width:auto;height:auto;background:transparent;margin:0px;padding:0px;} html {height:100%;} body {height:100%;background:#C7E3EF;font:normal 62.5% Arial, Verdana, Tahoma;color:#333333;cursor:default;} h1, h2, p, ul, a {overflow:hidden;} h1, h2 {font-weight:normal;color:#333333;} h1 {font-size:2.00em;} h2 {font-size:2.00em;} p {font-size:1.40em;} li {list-style:none;} a {color:#666666;text-decoration:none;} a:hover, a.active {text-decoration:none;} img {border:0px;} a, select, input.submit, input.checkbox, label {cursor:pointer !important;} /* COMMON */ /* .button {float:right;min-width:60px;width:auto !important;background:#BF0000;border:1px solid #CCCCCC !important;margin:10px 0px 0px 0px;padding:5px 10px;font-size:1.10em;line-height:16px;color:#FFFFFF;text-align:center;cursor:pointer !important;} .button:hover {background:#FFFFFF !important;color:#BF0000 !important;text-decoration:none;} input.button {height:28px;} a.button {padding:5px 10px;} input.checkbox {width:auto !important;} form {overflow:hidden;} form label {float:left;width:160px;line-height:26px;padding-top:2px;} form input, form select, form textarea {float:right;width:230px;background:transparent;border:1px solid #CCCCCC;margin:1px 0px;padding:5px;line-height:16px;} form select {width:242px;padding:4px 5px;} form strong {float:right;padding:5px 5px 0px 0px;font-size:1.50em;color:#CC0000;} form object, form embed {float:right;width:110px !important;height:30px !important;} form label.checkbox {display:block;width:auto;} form label.checkbox input {width:20px !important;border:none;margin:6px 0px 0px 6px;padding:0px;} form label.error {width:240px;margin-left:200px;color:#BF0000;} form input.error, form select.error, form textarea.error {border-color:#BF0000;color:#BF0000;} */ /* STYLES */ #wrap {width:950px;min-height:550px;background:#FFFFFF;border:1px solid #CCCCCC;margin:-275px 0px 0px -475px;position:absolute;left:50%;top:50%;} #head {background:url("spacer.gif") repeat-x center bottom;padding:10px 0px 0px 0px;text-align:center;} #logo {width:270px;height:50px;} #menu {display:block;width:650px;height:30px;margin:0px auto;overflow:visible;} #menu li {float:left;width:80px;height:30px;overflow:visible;} .ie6 #menu li {overflow:hidden;} #menu a {display:block;font-size:1.40em;line-height:30px;} #menu a:hover, #menu a.active {background:url("menu-hover.gif") repeat-x center bottom;color:#0066CC;} #menu ul {display:none;width:170px;background:#EEEEEE url("menu-hover.gif") repeat-x center top;padding-top:5px;position:relative;top:-5px;z-index:100;} #menu ul li {width:170px;height:25px;border-bottom:1px solid #CCCCCC;} #menu ul a {padding-left:10px;font-size:1.20em;line-height:25px;text-align:left;} #menu ul a:hover, #menu ul a.active {background:#0066CC;color:#FFFFFF;} #body {min-height:430px;padding:0px 20px;} #page {padding:10px 0px;} #page h1 {padding-bottom:10px;line-height:30px;} #page p {padding-bottom:15px;line-height:20px;} #page p.red {color:Red;} #page img.main {width:400px;height:280px;border:1px solid #CCCCCC;padding:5px;float:right;} #page.home p.logo {padding-top:20px;text-align:center;} #page.home img.royal {width:172px;height:74px;margin-right:60px;} #page.home img.bae {width:198px;height:31px;} #cycle {width:410px;height:290px;border:1px solid #CCCCCC;margin-left:20px;overflow:hidden;float:right;} #cycle img {width:400px;height:280px;padding:5px;} #page.books {height:610px;padding:0px;} #page.books li {min-height:150px;border-top:1px solid #999999;padding:20px 0px;overflow:visible;} #page.books li h2 {width:748px;padding-bottom:5px;} #page.books li p {width:748px;color:#666666;} #page.books li img {width:130px;height:140px;margin-right:20px;padding:5px;border:1px solid #999999;float:left;} #page.books li.top {border:none;} .ie6 #page.books li {height:150px;} #page.news {padding:0px;} #page.news li {height:103px;width:440px;border-top:1px solid #999999;padding:20px 10px 20px 0px;overflow:hidden;} #page.news li h2 {font-size:1.50em;padding-bottom:5px;} #page.news li p {font-size:1.20em;display:block;color:#666666;} #page.news li img {width:130px;height:91px;margin-right:20px;padding:5px;border:1px solid #999999;float:left;} #page.news li.top {border:none;} #page.gallery {/*padding:20px 10px 0px 10px;*/} #page.gallery h1 {padding:0px;} #page.gallery p {padding-bottom:10px;} #page.gallery li {padding:0px 6px 6px 0px;float:left;} #page.gallery li a {display:block;width:100px;height:70px;border:2px solid #FFFFFF;overflow:hidden;} #page.gallery li a:hover, #page.gallery li a.active {border-color:#0066CC;} #page.gallery li img {width:100px;height:70px;float:left;} #page.gallery div.full {width:542px;height:395px;padding-top:12px;overflow:hidden;float:right;} #page.gallery div.full img {width:530px;height:371px;border:1px solid #CCCCCC;padding:5px 5px;} #page.gallery div.full img.fixed {position:relative;top:-386px;} #page.showreel #cycle {top:40px;} #page.showreel li {padding-bottom:26px;text-align:center;} #page.showreel li img {margin-bottom:4px;} #page.showreel li a {overflow:visible;} #page.showreel li a:hover, #page.gallery ul li a.active {color:#0066CC;} #page.showreel li span {display:block;line-height:20px;} #page.showreel li span img {width:20px;height:20px;} #page.clients .logos a {display:block;width:125px;padding:0px 0px 10px 25px;font-size:1px;line-height:1px;float:left;} #page.clients .logos img {width:125px;height:54px;} #page.contact {} #page.contact h1 {padding:0px;} #page.contact h1 span.err {width:580px;font-size:0.80em;color:#990000;float:right;} .ie7 #page.contact h1 span.err {margin-top:-35px;} #page.contact h2, #page.contact p {padding:10px 0px 0px 0px;} #page.contact h2.green {font-size:1.80em;color:#006600;} #page.contact p {margin-bottom:10px;} #page.contact div.address {float:left;width:300px;min-height:250px;} #page.contact div.form {float:right;width:590px;min-height:365px;padding-left:10px;border-left:1px solid #0066CC;} #page.contact div.form p.notice {border:1px solid #999999;margin:5px 10px;padding:10px 10px;} #page.contact div.form p.notice.green {background-color:#66CC66;border-color:#006600;color:#006600;} #page.contact div.form p.notice.red {background-color:#FF9999;border-color:#990000;color:#990000;} #page.contact div.form form div {width:auto;height:auto;overflow:hidden;} #page.contact div.form form h2 {background-color:#EEEEEE;padding:5px 10px;} #page.contact div.form form h2 span {float:right;padding-top:1px;font-size:0.80em;} #page.contact div.form form p {display:block;width:580px;overflow:hidden;padding:2px 0px 2px 10px;margin-bottom:1px;} #page.contact div.form form p label {float:left;padding-top:4px;} #page.contact div.form form p input, #page.contact div.form form p select, #page.contact div.form form p textarea {float:right;padding:5px;border:1px solid #CCCCCC;} #page.contact div.form form p input {width:370px;} #page.contact div.form form p select {width:382px;} #page.contact div.form form p textarea {width:370px;height:100px;margin:5px 0px;} #page.contact div.form form p input.required, #page.contact div.form form p select.required, #page.contact div.form form p textarea.required {} #page.contact div.form form p input.error, #page.contact div.form form p select.error, #page.contact div.form form p textarea.error {background-color:#FF9999;border-color:#990000;} #page.contact div.form form strong {float:right;padding:6px 5px 0px 0px;font-size:1.50em;color:#CC0000;} #page.contact div.form form .button {float:right;width:auto;padding:5px;cursor:pointer;} #page.contact div.form form .button:hover {background-color:#0066CC;color:#FFFFFF;} #foot {height:22px;background:url("spacer.gif") repeat-x center top;padding:5px 20px 0px 0px;} #foot p {font-size:1.10em;line-height:22px;text-align:right;color:#666666;}