/* Default stylesheet for CF Models and Effects AUTHOR: Osborne Brook */ a { color: #99aacc; text-decoration: none; } a img { border: none;} body { background: #000; font: 1.0em Helvetica, Arial, sans-serif; margin: 0; padding: 0;} h1 { color: #ccc; font-size: 1.7em; font-weight: normal; margin: 0 0 1em; } h2 { color: #ccc; font-size: 1.2em; font-weight: normal; margin: 0 0 1em; } h3 { border-bottom: 1px dotted #bababa; font-size: 1.2em; font-weight: normal; margin: 0 0 0.5em; padding: 5px 0;} p { margin: 0 0 1em; } table { border: 1px solid #666; border-collapse: collapse; } td, th { border-bottom: 1px solid #666; padding: 3px; font-weight: normal; text-align: left; vertical-align: top;} th { background: #333; color: #ccc; padding: 3px 10px 3px 3px; } th.right, td.right { text-align: right; } strong { color: #ff0614; font-weight: normal;} #logo a { display: block; height: 125px; text-indent: -1000em; width: 230px;} #outerheader { height: 125px; margin: 0; padding: 0; width: 100%;} #header { margin: 0 auto; padding: 0; width: 955px;} #contact { color: #666; float: right; font-size: 0.8em; padding: 20px 0 0; text-align: right; } #contact strong { color: #999; } #contact a { color: #666;} #outernav { background: url(/images/backgrounds/nav.png) top left repeat-x; font-size: 0.8em; } #nav { margin: 0 auto; width: 955px; } #content { color: #999; margin: 0 auto 10px; padding: 2em 0; width: 955px; } #content p, #content ul { line-height: 1.4;} #main, .main { float: left; width: 570px;} #secondary, .secondary { float: right; font-size: 0.9em; margin: 0; width: 345px; } #sole { margin: 0; padding: 0 width: 955px;} #outerfooter { background: #333; border-bottom: 1px dotted #666; border-top: 1px dotted #666; } #footer { color: #999; font-size: 0.7em; margin: 0 auto; padding: 5px 0; width: 955px; } #footer p { float: right;} #footer strong { color: #ff0614;} #footer img.rss { margin: 0 0 0 20px; vertical-align: middle} img.rss { vertical-align: middle } .clear { clear: both; font-size: 0px; height: 0px;} .clear20 { clear: both; font-size: 0px; height: 20px;} .clear50 { clear: both; font-size: 0px; height: 50px;} .floatright { float: right; } .technologies .main { width: 720px; } .technologies .secondary { width: 150px; } .gallery h1 { border-bottom: 1px solid #666; } .gallery #secondary { background: url(/images/backgrounds/gallery_description.png) top left repeat-x #ccc; border: 1px solid #666; color: #ccc; padding: 10px;} .clientlogoh { margin: 2px; padding: 2px width: 150px; } .clendlogov { margin: 1px; padding: 1px; width: 75px; } .clientlogoh a, clientlogov a { border: 1px solid #ff0614; margin: 0; } /*---------------------------------------------------------- SECONDARY NAVIGATION ----------------------------------------------------------*/ #sectionnav { border: 1px solid #666; float: left; margin: 0; padding: 0; width: 345px; } #sectionnav p { margin: 0; padding; 0; } #sectionnav p a { border-bottom: 1px dotted #666; color: #ccc; display: block; padding: 5px; width: 335px;} #sectionnav p a:hover { background: #333;} /*---------------------------------------------------------- DISPLAY AND EDIT MEDIA ----------------------------------------------------------*/ .photo { border: 1px solid #666; float: left; margin: 0 10px 30px; padding: 0; text-align: center; width: 150px; } .photo p.controls { border-top: 1px solid #666;margin: 0; line-height: 1; padding: 5px; text-align: right;} .photo p.info { border-top: 1px solid #666; color: #efefef; font-size: 0.8em; margin: 0; padding: 5px;} .project .photo { margin: 0 15px 20px;} /*---------------------------------------------------------- PORRTFOLIO HOME PAGE ----------------------------------------------------------*/ .portfoliodiv { border: 1px solid #666; float: left; font-size: 0.8em; margin: 5px; padding: 5px; text-align: center; width: 160px; } .portfoliodiv a { color: #efefef; } /*---------------------------------------------------------- BANNERS ----------------------------------------------------------*/ #outerheader.cherry { background: url(/images/backgrounds/banners/cherry.jpg) bottom right no-repeat #f6a39d;} #outerheader.bueno { background: url(/images/backgrounds/banners/bueno.jpg) bottom right no-repeat #67553f;} #outerheader.cartedor { background: url(/images/backgrounds/banners/cartedor.jpg) bottom right no-repeat #c46d17;} #outerheader.cartedor2 { background: url(/images/backgrounds/banners/cartedor2.jpg) bottom right no-repeat #f8e5dd;} #outerheader.chocdrop { background: url(/images/backgrounds/banners/chocdrop.jpg) bottom right no-repeat #a94213;} #outerheader.chocice { background: url(/images/backgrounds/banners/chocice.jpg) bottom right no-repeat #549bf6;} #outerheader.cherry2 { background: url(/images/backgrounds/banners/cherry2.jpg) bottom right no-repeat #b72b28;} #outerheader.cherry3 { background: url(/images/backgrounds/banners/cherry3.jpg) bottom right no-repeat #871b12;} #outerheader.choccherry { background: url(/images/backgrounds/banners/choccherry.jpg) bottom right no-repeat #780a04;} #outerheader.choccreambiscuit { background: url(/images/backgrounds/banners/choccreambiscuit.jpg) bottom right no-repeat #1c1407;} #outerheader.icemilk { background: url(/images/backgrounds/banners/icemilk.jpg) bottom right no-repeat #080a0e;} #outerheader.itvfire { background: url(/images/backgrounds/banners/itvfire.jpg) bottom right no-repeat #5c0000;} #outerheader.redliquid { background: url(/images/backgrounds/banners/redliquid.jpg) bottom right no-repeat #901509;} #innerheader { background: url(/images/widelogo.png) 50% bottom no-repeat; height: 125px; } /*---------------------------------------------------------- HOME PAGE ----------------------------------------------------------*/ .home .left, .home .middle, .home .right { float: left; font-size: 0.9em; width: 310px;} .middle { margin: 0 12px;} .wideleft { float: left; margin: 0 27px 0 0; width: 617px;} .wideleft p { color: #efefef; font-size: 1.2em; } p.person { border-bottom: 1px dotted #666; border-top: 1px dotted #ccc; color: #fff;} .project h3, .home h3 { background: #333; border: none; color: #ccc; font-size: 1.0em; padding: 5px; } .home h3 { background: url(/images/backgrounds/h3_home.png) top left repeat-x #333; color: #fff; margin: 0; } .home h3.grey { background: url(/images/backgrounds/h3_grey.png) top left repeat-x #333; color: #999; } p.areas { color: #999; float: left; font-size: 1em; margin: 0 1% 0 0; width: 48%; } .home .left p, .home .middle p, .home .right p { padding: 5px; } .home .right p.clientlogos { margin: 5px 0; padding: 0; } p.clientlogos img { margin: 0;} .home .projects { margin: 0 0 15px;} .recentproject { float: left; height: 100px; margin: 10px 9px 3px 0; overflow: hidden; scrollbars: none; padding: 0; width: 150px; } .newssummary { border-bottom: 1px dotted #333; line-height: 1; padding: 5px 0; } .newssummary p { margin: 0 0 0 60px; } span.date { color: #666; font-size: 0.9em;} p.viewall { font-size: 0.7em; margin: 0 10px 0 0; text-align: right; } .home .left p.viewall { font-size: 0.8em; } p.viewall a { } .home .quote { border: none;} p.big { font-size: 1.7em; margin: 0 0 0.3em; } /*---------------------------------------------------------- Quotes ----------------------------------------------------------*/ .quote { background: url(/images/backgrounds/quote_close.png) right bottom no-repeat; border: 1px solid #666; margin: 0 0 2em; padding: 40px;} .quote p.first { background: url(/images/backgrounds/quote_open.png) left top no-repeat; margin: -40px 0 0 -40px; padding: 40px 0 0 40px;} /*---------------------------------------------------------- NEWS ----------------------------------------------------------*/ table.newslist { border: none; width: 98%;} table.newslist th { background: #333; color: #ccc; } table.newslist td, table.newslist th { padding: 5px;} p.release { border-bottom: 1px solid #666; border-top: 1px solid #666; padding: 5px 0; } /*---------------------------------------------------------- FORMS ----------------------------------------------------------*/ form input, form label, form textarea, form input[type=file] { font: 0.9em Arial, Helvetica, sans-serif;} form { background: #333; border: 1px solid #666; margin: 0 auto 3em; padding: 10px; width: 33em; } p.formrow input.text, p.formrow textarea { border: 1px solid #999; padding: 1px 0; width: 20em; } p.formrow label { float: left; padding: 2px 5% 0 0; width: 10em;} input[type=submit] { background: #ff0614; border: 1px solid #fff; color: #fff; padding: 4px; vertical-align: middle; } form p { border-bottom: 1px dotted #666; clear: both; margin: 0; padding: 5px 0; vertical-align: middle; } p.buttons { border-bottom: none; padding: 1em 0 0; text-align: right; } .legal { border-top: 1px solid #666; font-size: 0.8em; color: #666; }