/* ----------------------------------------- Stylesheet for TSM Design - www.tsmdesign.com.com Author: cdeVision.com Copyright: (c)2009 cdeVision Created: August 2009 -------------------------------------------- */ body {background:#000; margin:0; font-family:arial,helvetica,sans-serif; font-size:13px; color:#010101;} h1, h2, h3 {padding:0; margin:0;} h2 {height:72px; line-height:72px; font-size:15px; color:#fff; background:#000; text-transform:uppercase; padding:0 10px 0 20px; letter-spacing:2px;} /* page titles - black bar */ /* sub-titles */ h3 {} p {margin:0; padding:0 0 13px 0; line-height:18px;} p.error {padding:0 0 5px 22px !important; background:url(admin/icons/warning.gif) 0 0 no-repeat; color:#de0000;} ul, ol {padding:0; margin:0 0 16px 35px;} li {line-height:17px; padding:0 0 2px 0; } ul.nobullets {margin:0; padding-bottom:6px; list-style:none;} img {border:0;} label {display:none;} .clearfloats {clear:both; line-height:0px; height:0px; font-size:0px;} .skiplink {display:none;} /* ---- links ----------------------------------------- */ a {color:#046799; text-decoration:none;} a:visited {color:#046799;} a:hover {color:#39c; text-decoration:none;} a:active {color:#046799;} a:active, a:focus {outline:none;} /* qTip tooltips (portfolio pages thumbnails) */ div#qTip {display:none; text-transform:lowercase; padding:4px; border:4px solid #000; background:#fff; color:#E34941; font-size:12px; text-align:left; position:absolute; z-index:1000;} /* ---- ids & classes ----------------------------------------- */ #frame {width:950px; background:#fff; margin:0 auto; position:relative;} #header {width:100%; height:105px; position:relative; background:url(images/bg.png) repeat-x; z-index:150;} #logo {width:144px; height:144px; background:url(images/logo.png) no-repeat; position:absolute; top:6px; left:13px; z-index:150;} #logo span {display:none;} #logo h1 {margin:0; padding:0;} #logo a {display:block; width:130px; height:130px;} #navmenu {height:35px; position:absolute; top:45px; right:165px;} #navmenu ul {margin:0; padding:0; list-style:none;} #navmenu li {margin:0 22px 0 0; padding:0; display:block; float:left;} #navmenu a {display:block; text-indent:-4000px;} #navmenu a:hover, #navmenu a.on {background-position:0 -20px !important;} #navmenu a#home {background:url(images/nav-home.gif) 0 0 no-repeat; width:52px;} #navmenu a#portfolio {background:url(images/nav-portfolio.gif) 0 0 no-repeat; width:77px;} #navmenu a#casestudies {background:url(images/nav-casestudies.gif) 0 0 no-repeat; width:101px;} #navmenu a#philosophy {background:url(images/nav-philosophy.gif) 0 0 no-repeat; width:93px;} #navmenu a#news {background:url(images/nav-news.gif) 0 0 no-repeat; width:50px;} #navmenu a#contact {background:url(images/nav-contact.gif) 0 0 no-repeat; width:67px;} #content {padding-top:15px; position:relative; z-index:50; min-height:558px;} .home {height:620px;} /* fixed-height & diff content area treatments */ .portfolio {height:558px;} /* fixed-height & diff content area treatments */ /* home page */ /*#flash {background:#ccc; float:left; z-index:100; width:690px; height:620px;}*/ #flashwrap {background:#5bb5bf; position:absolute; top:0; left:0; z-index:50; width:690px; height:620px;} #mainflash {width:690px; height:375px; margin-top:90px;} #mainflash img {display:block; margin:0;} #rcolhome {background:#fff; float:right; width:215px; height:560px; padding:40px 20px 20px 25px; position:relative;} #rcolhome p {font-size:14px; line-height:20px;} #latestwork {padding-top:20px;} #latestwork h3 {margin:0 0 3px 0; padding:0; text-transform:uppercase; letter-spacing:1px; color:#000; font-size:14px; text-align:center;} #subnav {position:absolute; background:transparent; top:15px; left:285px; z-index:150;} #subnav ul {margin:0; padding:0; list-style:none;} #subnav li {display:inline; text-transform:lowercase; margin-left:15px;} #subnav a {color:#000;} #subnav a:hover, #subnav a.on {color:#E34941;} #lcol, #mcol, #rcol {float:left; margin-top:43px;} #lcol {width:300px; background:#fff;} #dotnav {margin-left:52px;} #dotnav ul {margin:0; padding:0; list-style:none;} #dotnav li {height:56px; line-height:56px; margin:0 0 10px 0;} #dotnav a {color:#000; text-transform:lowercase; font-size:12px; display:block; height:56px; line-height:56px; padding-left:65px;} a.blue {background:url(images/dot-blue.gif) no-repeat;} a.pink {background:url(images/dot-pink.gif) no-repeat;} a.yellow {background:url(images/dot-yellow.gif) no-repeat;} #dotnav a:hover, #dotnav a.on {background:url(images/dot-black.gif) no-repeat; color:#E34941;} #dotnav a:hover {color:#E34941;} div#newslinks {margin-left:52px; padding-top:65px; background:url(images/dot-yellow.gif) no-repeat;} div#newslinks ul {margin:0 0 0 8px; padding:0; list-style:none;} div#newslinks li {line-height:17px; padding:0 0 2px 0; text-transform:lowercase;} div#newslinks a {color:#000;} div#newslinks a:hover, div#newslinks a.on {color:#E34941;} div#thumbs {margin-left:52px;} #thumbs table {} #thumbs table td {padding:0 20px 12px 0;} #thumbs table a {width:57px; height:57px; display:block;} #thumbs table a span {display:none;} #thumbs table a:hover, #thumbs table a.on {background:url(images/dot-black.gif) no-repeat !important;} div#thumbs p {padding:0 50px 0 6px;} /* main content area */ #mcol {width:435px; background:#fff; border-bottom:25px solid #000;} #wrap {padding:15px 10px 5px 20px;} #mcol a {color:#E34941} #mcol a:hover {color:#5BB5BF;} /* optional - use for images in case studies and news */ #rcol {width:195px; background:#fff; padding:75px 0 0 20px} #rcol img {display:block; margin:0;} /* portfolio content area */ #portfoliocol {width:630px; height:490px; float:left; margin-top:43px; background:#fff; /*border:1px solid red;*/} #portfoliocol a {color:#E34941} #portfoliocol a:hover {color:#5BB5BF;} #wrapslider {width:630px; margin:0 auto 25px;} .wrap {border:0; width:630px; background:#fff; margin:0 auto;} .stepcarousel {margin:0 auto; position:relative; overflow:scroll; width:580px; height:490px;} .stepcarousel .belt {position:absolute; left:0; top:0;} .stepcarousel .panel {float:left; overflow:hidden; margin:10px 10px 10px 0; display:block;} #tvradio {background:#fff; padding:30px 0 0 0;} #tvradio div {padding:0 0 15px 0;} a.audio {background:url(images/icon_radio.gif) 0 3px no-repeat; padding:0 0 0 18px;} a.video {background:url(images/icon_video.gif) 0 3px no-repeat; padding:0 0 0 18px;} #descrip a {color:#E34941;} #descrip a:hover {color:#5BB5BF;} #footer {background:#000 url(images/bg-footer.gif) repeat-x; margin-top:20px; padding:35px 0 0 5px; color:#666; position:relative;} #footer #tagline {position:absolute; top:0; right:30px; background:url(images/tagline.gif) no-repeat; width:183px; height:32px;} #footer p {font-size:11px; margin-left:25px;} #footer #mediaicons {position:absolute; left:2px; top:35px; text-align:right;} #footer #mediaicons span {display:none;} #footer #mediaicons a {float:left; width:16px; height:16px; margin:0 0 0 0;} #footer #mediaicons a.facebook {background:transparent url(images/facebook.png) 0 0 no-repeat;} #taglinehome {position:absolute; bottom:-5px; right:30px; background:url(images/tagline.gif) no-repeat; width:183px; height:32px;} /* relative to #rcolhome */ #footerhome {width:950px; margin:0 auto; background:#000; font-size:11px !important; padding:8px 0 0 0; color:#666; position:relative;} #footerhome p {margin-left:30px;} #footerhome #mediaicons {position:absolute; left:2px; top:8px; text-align:right;} #footerhome #mediaicons span {display:none;} #footerhome #mediaicons a {float:left; width:16px; height:16px; margin:0 0 0 0;} #footerhome #mediaicons a.facebook {background:transparent url(images/facebook.png) 0 0 no-repeat;} /* ---- form tables */ table#formTable {margin:0px 10px 10px 0;} table#formTable td {vertical-align:top; padding:4px; font-size:14px;} table#formTable td.right {text-align:right;} /* ---- admin panel styles -------------------- */ #adminmenu {font-size:10px; margin:3px 3px 0 0; position:absolute; right:5px; top:5px; border-right:1px solid #666; border-bottom:1px solid #666; border-top:1px solid #eee; border-left:1px solid #eee; width:180px; z-index:200;} #adminmenu table {text-align:left; background-color:#fff; border:1px solid #ccc; width:100%;} #adminmenu table td {padding:3px;} #adminmenu img {margin-left:6px;} #adminmenu a, #adminmenu a:visited, #adminmenu a:active {margin-right:6px; text-decoration:none; color:#2970C7;} #adminmenu a:hover {color:red;}