/* * --------------------------------------------------- * elliseye.tv - code #1 - validated CSS 2.1 - 20/7/09 * --------------------------------------------------- * (C) H.Williams 2009 * howardw@landis-media.co.uk - all rights reserved * call on 0792 005 6333 / 0845 388 6475 * --------------------------------------------------- * * * This file is part of elliseye.tv * * EYE Acid Green 81/245/9 #51f509 * ABOUT ELLIS Pink 221/24/207 #dd18cf * PRESS Mint Green 68/217/177 #44d9b1 * THE MODEL AGENT PURPLE 184/99/241 #b863f1 * SHOWREEL Dark Green 22/167/137 #16a789 * CONTACT ME Vivid Orange 225/90/0 #e15a00 * * @author howard williams howardw@landis-media.co.uk * @copyright 2007-2009 Howard Williams * validates w3c jun 18th 2009 * validates w3c jul 20th 2009 */ body{background:#000;color:#6C6C6C;font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;margin:0;padding:0;} .clear img{border:none;background:none;} .center{margin:0 auto;} .centerp{text-align:center;} .right{text-align:right;} .left{text-align:left;} .clearleft{clear:left;} .clearright{clear:right;} .nobase {margin-bottom:0px;padding-bottom:0px} .notop {margin-top:0px;padding-top:0px} div#testblox {color:black;width:150px;height:100px;margin-right:50px;margin-top:50px;float:left;display:block} div.acid {background-color:#51f509} div.pink {background-color:#dd18cf} div.mint {background-color:#44d9b1} div.pope {background-color:#b863f1} div.beret {background-color:#16a789} div.jaffa {background-color:#e15a00} .acid {color:#51f509} .pink {color:#dd18cf} .mint {color:#44d9b1} .pope {color:#b863f1} .beret {color:#16a789} .jaffa {color:#e15a00} sup{font-size:.65em;vertical-align:super;line-height:.65em;} sub{font-size:.85em;vertical-align:sub;} div,h1,h2,h3,h4,p,form,label,input,textarea,img,span{margin:0;padding:0;} em{font-style:normal;font-weight:400;} a,div,ul,img {border:0px solid} a, a:visited {color:#16a789;text-decoration:none;} a:hover, a:visited:hover {color:#16a789;text-decoration:underline;} /* main parts section ends */ /* header parts section starts */ #header { background: url(../images/dynamic_line.png) no-repeat bottom center;color:#6C6C6C;width:100%;height:84px;margin:0 auto;border-bottom:0px solid #555;display:block;min-width:860px;overflow:hidden;} /* header parts section ends */ /* navbar section starts */ #navbar {height:30px;padding:0;margin:25px auto;display:block;width:860px;min-width:860px;overflow:hidden} #navbar ul{height:50px;padding:0;margin:0;display:block} #navbar a {display: block;text-indent: -9999px;height:50px;} #navbar li { list-style: none; float: left; } #navbar li.intro a { background: url(../navbar/navbar_all_large.png) no-repeat -2px -27px; width: 120px; } #navbar li.about a { background: url(../navbar/navbar_all_large.png) no-repeat -122px -27px; width: 163px; } #navbar li.press a { background: url(../navbar/navbar_all_large.png) no-repeat -285px -27px; width: 83px; } #navbar li.model a { background: url(../navbar/navbar_all_large.png) no-repeat -366px -27px; width: 212px; } #navbar li.showreel a { background: url(../navbar/navbar_all_large.png) no-repeat -574px -27px; width: 126px; } #navbar li.contact a { background: url(../navbar/navbar_all_large.png) no-repeat -700px -27px; width: 152px; } #navbar li#sel.intro a { background: url(../navbar/navbar_all_large.png) no-repeat -2px 0px; width: 120px; } #navbar li#sel.about a { background: url(../navbar/navbar_all_large.png) no-repeat -122px 0px; width: 163px; } #navbar li#sel.press a{ background: url(../navbar/navbar_all_large.png) no-repeat -285px 0px; width: 83px; } #navbar li#sel.model a { background: url(../navbar/navbar_all_large.png) no-repeat -366px 0px; width: 212px; } #navbar li#sel.showreel a { background: url(../navbar/navbar_all_large.png) no-repeat -574px 0px; width: 126px; } #navbar li#sel.contact a { background: url(../navbar/navbar_all_large.png) no-repeat -700px 0px; width: 152px; } #navbar li.intro a:hover { background: url(../navbar/navbar_all_large.png) no-repeat -2px 0px; width: 120px;} #navbar li.about a:hover { background: url(../navbar/navbar_all_large.png) no-repeat -122px 0px; width: 163px; } #navbar li.press a:hover { background: url(../navbar/navbar_all_large.png) no-repeat -285px 0px; width: 83px;} #navbar li.model a:hover { background: url(../navbar/navbar_all_large.png) no-repeat -366px 0px; width: 212px;} #navbar li.showreel a:hover { background: url(../navbar/navbar_all_large.png) no-repeat -574px 0px; width: 126px;} #navbar li.contact a:hover { background: url(../navbar/navbar_all_large.png) no-repeat -700px 0px; width: 152px;} /* navbar section ends */ /* main sections starts */ #maincontainer {} #content{width:860px;min-width:860px;margin:0 auto;background:#000;text-align:left;padding:0px} #masthead {margin-top:45px;height:116px;display:block;margin-left:0px;padding-left:0px;} #masthead img{float:left;display:block;margin-left:0px;padding-left:0px;} #alltext {width:860px;margin:0px; } #alltext p{font-size:13px;line-height:22px;font-weight:100;color:#fff;background-color:inherit;border:none;margin:0px 0;padding:0 130px;}/* note line height is 22px */ #alltext #leftpic {margin:20px 20px 20px -120px;} #alltext #rightpic {margin:20px -120px 20px 20px;} /* main sections ends */ /* scroller sections starts for about ellis page*/ #box1{position:absolute;display:block;width:5600px;left:-330px;float:left} #box1 span{display:block;float:left;} .mask1{ position:relative;width:330px;height:290px;overflow:hidden;padding:0 60px 0 60px;margin:7px 10px 0px 0px;float:left} span img{display:block;border:none} #textDestination {font-family:"MS Sans","Trebuchet MS",arial;text-transform:uppercase;font-size:17pt;color:#16a789;position:relative;height:144px;width:382px;display:inline;float:right;margin:0px;} #textDestinationma {font-family:"MS Sans","Trebuchet MS",arial;text-transform:uppercase;font-size:12pt;color:#16a789;position:relative;height:144px;width:382px;display:inline;float:right;margin:0px;line-height:1.4em;} /* captions */ span.caption1{font-size:18pt;text-decoration:none;font-weight:normal;font-style:normal;color:#16a789;} span.caption1 em{font-size:18pt;text-decoration:none;font-weight:normal;font-style:normal;color:#d418cf;line-height:2em;} span.caption2{font-size:22pt;text-decoration:none;font-weight:normal;font-style:normal;color:#16a789;} span.caption2 em{font-size:22pt;text-decoration:none;font-weight:normal;font-style:normal;color:#d418cf;line-height:1.8em;} span.caption3{font-size:23pt;text-decoration:none;font-weight:normal;font-style:normal;color:#16a789;} span.caption3 em{font-size:23pt;text-decoration:none;font-weight:normal;font-style:normal;color:#d418cf;line-height:1.4em;} span.caption4{font-size:17pt;text-decoration:none;font-weight:normal;font-style:normal;color:#16a789;} span.caption4 em{font-size:17pt;text-decoration:none;font-weight:normal;font-style:normal;color:#d418cf;line-height:2em;} span.caption5{font-size:16pt;text-decoration:none;font-weight:normal;font-style:normal;color:#16a789;} span.caption5 em{font-size:16pt;text-decoration:none;font-weight:normal;font-style:normal;color:#d418cf;line-height:1.4em;} span.caption6{font-size:20pt;text-decoration:none;font-weight:normal;font-style:normal;color:#16a789;} span.caption6 em{font-size:20pt;text-decoration:none;font-weight:normal;font-style:normal;color:#d418cf;line-height:1.2em;} span.caption7{font-size:16pt;text-decoration:none;font-weight:normal;font-style:normal;color:#16a789;} span.caption7 em{font-size:16pt;text-decoration:none;font-weight:normal;font-style:normal;color:#d418cf;line-height:2em;} span.caption8{font-size:30pt;text-decoration:none;font-weight:normal;font-style:normal;color:#16a789;} span.caption8 em{font-size:30pt;text-decoration:none;font-weight:normal;font-style:normal;color:#d418cf;line-height:1.4em;} span.caption9{font-size:23pt;text-decoration:none;font-weight:normal;font-style:normal;color:#16a789;} span.caption9 em{font-size:23pt;text-decoration:none;font-weight:normal;font-style:normal;color:#d418cf;line-height:1.4em;} span.caption10{font-size:16pt;text-decoration:none;font-weight:normal;font-style:normal;color:#16a789;} span.caption10 em{font-size:16pt;text-decoration:none;font-weight:normal;font-style:normal;color:#d418cf;line-height:1.4em;} span.caption11{font-size:16pt;text-decoration:none;font-weight:normal;font-style:normal;color:#16a789;} span.caption11 em{font-size:16pt;text-decoration:none;font-weight:normal;font-style:normal;color:#d418cf;line-height:1.4em;} span.caption12{font-size:24pt;text-decoration:none;font-weight:normal;font-style:normal;color:#16a789;} span.caption12 em{font-size:24pt;text-decoration:none;font-weight:normal;font-style:normal;color:#d418cf;line-height:1.4em;} span.caption13{font-size:16pt;text-decoration:none;font-weight:normal;font-style:normal;color:#16a789;} span.caption13 em{font-size:16pt;text-decoration:none;font-weight:normal;font-style:normal;color:#d418cf;line-height:1.4em;} span.caption14{font-size:16pt;text-decoration:none;font-weight:normal;font-style:normal;color:#16a789;} span.caption14 em{font-size:16pt;text-decoration:none;font-weight:normal;font-style:normal;color:#d418cf;line-height:1.3em;} /* captions */ span.captionma1{font-size:9pt;text-decoration:none;font-weight:normal;font-style:normal;color:#16a789;} span.captionma1 em{font-size:9pt;text-decoration:none;font-weight:normal;font-style:normal;color:#b863f1;line-height:1.4em;} span.captionma2{font-size:11pt;text-decoration:none;font-weight:normal;font-style:normal;color:#16a789;} span.captionma2 em{font-size:11pt;text-decoration:none;font-weight:normal;font-style:normal;color:#b863f1;line-height:1.4em;} span.captionma3{font-size:14pt;text-decoration:none;font-weight:normal;font-style:normal;color:#16a789;} span.captionma3 em{font-size:14pt;text-decoration:none;font-weight:normal;font-style:normal;color:#b863f1;line-height:1.4em;} span.captionma4{font-size:22pt;text-decoration:none;font-weight:normal;font-style:normal;color:#16a789;} span.captionma4 em{font-size:22pt;text-decoration:none;font-weight:normal;font-style:normal;color:#b863f1;line-height:1.4em;} span.captionma5{font-size:9pt;text-decoration:none;font-weight:normal;font-style:normal;color:#16a789;} span.captionma5 em{font-size:9pt;text-decoration:none;font-weight:normal;font-style:normal;color:#b863f1;line-height:1.4em;} span.captionma6{font-size:14pt;text-decoration:none;font-weight:normal;font-style:normal;color:#16a789;} span.captionma6 em{font-size:14pt;text-decoration:none;font-weight:normal;font-style:normal;color:#b863f1;line-height:1.2em;} /* captions end for model agent */ #filmholder {margin:0 auto;min-width:700px;width:700px;overflow:hidden;} #filmholder-back {margin:0 auto;min-width:600px;width:600px;overflow:hidden;} #filmholderlarge {margin:0 auto;min-width:720px;width:720px;overflow:hidden;} /* additional css for page specifics start */ .hidden {display:none;} #footer {border:0px solid red;margin:250px 0 20px 0;padding:0px;height:60px;display:block;text-align:center;} #formica input, #formica textarea{font-size:12pt;font-weight:500;font-family:"Trebuchet MS",arial; color:#dd18cf !important;} #leftcol{float:left;display:block;border:0px solid red;left:68px; top:272px; height:500px; width:521px} #rightcol {float:left;display:block;border:0px solid red;left:640px; top:271px; height:500px; width:338px} #leftcol .col1 {width:100px;height:2em;padding:5px;text-align:right;font-family:"Trebuchet MS",arial,sans;color:#e15a00;font-weight:500;font-size:12pt;} #leftcol .colmess {width:100px;height:2em;padding:5px;text-align:right;font-family:"Trebuchet MS",arial,sans;color:#e15a00;font-weight:500;font-size:12pt;} #leftcol .col2 {width:320px;} #leftcol .col2 input{float:left;} #leftcol .colx {width:10px;border:0px solid red} textarea#styled { width: 300px; height: 300px; border: 1px solid #333; padding: 5px; font-family: "Trebuchet MS", sans-serif, arial; background:black; font-size:12pt; overflow:auto; } .lined{width:310px;border-left:0px hidden #44d9b1; border-right:0px hidden #44d9b1; border-top:0px hidden #44d9b1; border-bottom:1px solid #333; background-color:black;} .con_sendbutton_old_not_used {background: url('../images/con_send.gif') no-repeat left top; width: 185px;height:35px;border:medium none;font-family:"Trebuchet MS",arial;font-size:12pt;text-indent: -9999em;cursor:pointer;} #formica input.sendbutton {background:black;width:185px;height:35px;border:none;font-family:"Trebuchet MS",arial,sans;color:#e15a00 !important;;font-weight:500;font-size:12pt;cursor:pointer} .sendbutton:active {background:blue} object,div,a,a:hover {outline:none;} .girlsholder{margin-left:130px;display:block;height:100px;width:600px} .aloudholder{position:relative;overflow:hidden;float:left;margin:5px 10px 5px 130px;height:150px;width:208px} /* additional css for page specifics end */