/* ***************************************** TREASURECREATIVE.CO.UK - global.css Development company: Author e-mail: ***************************************** Reference palette: Greys: Colours: #333 (darkest) #000 (black) #666 (dark) #999 (medium) #aaa (light) #eee (lightest) */ /* base HTML */ body {margin:0;padding:0;font-family: Georgia, Palatino, 'Times New Roman', serif;background:none;font-size:100%;} h1 {margin:0;padding:0 0 10px 0;border:0;color:#555;font-weight:normal;font-size:1.4em;line-height:1.7em;} h2 {margin:0;padding:0 0 10px 0;border:0;color:#555;font-weight:normal;font-size:1.2em;line-height:1.6em;} h3 {margin:0;padding:0 0 10px 0;border:0;color:#555;font-weight:normal;font-size:1.0em;line-height:1.5em;} h4 {margin:0;padding:0 0 10px 0;border:0;color:#555;font-weight:normal;font-size:0.8em;line-height:1.5em;} p {margin:0;padding:0 0 10px 1px;border:0;color:#000;font-weight:normal;font-size:0.7em;line-height:1.4em;font-style:italic;} span {line-height:1.4em;} a {text-decoration:none;color:#000;} a:link, a:visited {text-decoration:none;color:#000;} a:hover, a:active {text-decoration:none;color:#999;} li {font-weight:normal; font-size:0.8em; line-height:1.4em; letter-spacing:0.01em; color:#000;} ul {padding:0 0 10px 0;} table, tr {} th, td {font-size:0.8em;line-height:1.4em;} em {font-style:italic} strong {font-weight:bold;} address {color:#333; font-weight:normal; font-size:0.9em; line-height:1.4em; letter-spacing:0.01em;} input {padding:2px;font-size:0.9em;} fieldset {margin:0;border:0;padding:0;} label {padding:0 0 10px 0; color:#000; font-weight:normal; font-size:0.9em; line-height:1.4em;} textarea {font-size:0.9em;font-family:verdana, helvetica, arial, sans-serif;} /* layout */ #grip {width:960px; margin:0 auto; background:#fff;padding:0;} #logo {width:944px;height:180px; background:url(../images/system/tc-logo.png) no-repeat 0 0 #fff; border-bottom:1px solid #000;} #masthead {width:944px;height:240px;margin:0;background:url(../images/system/tc-sprite.gif) no-repeat 0 -604px;float:left;} #content {width:944px;float:left;position:relative;z-index:2;background:#fff;padding:0 0 100px 0} .tri {clear:both;} .cola-3 {width:320px;float:left;margin:0;position:relative;} .cola-3.one {background:#fff;} .cola-3.two {background:#fff;} .cola-3.three {background:#fff;width:304px;} .cola-3 img {display:block;} .tri h3 {height:30px;width:944px;} .tri.news h3 {border-bottom: 1px solid #000;height:30px; background:url(../images/system/tc-sprite.gif) no-repeat 0 -194px;width:320px;overflow:hidden;text-indent:-1000em;} .tri.news h4 {border-bottom: 1px solid #000;height:30px; background:#999;width:320px;overflow:hidden;text-indent:-1000em;} .tri.news h4.title1 {background:url(../images/system/tc-sprite.gif) no-repeat 0 -489px;} .tri.news h4.title2 {background:url(../images/system/tc-sprite.gif) no-repeat 0 -537px;width:304px;} .tri.news .cola-3 p {width:290px;background:none;height:10em;padding-top:10px;} .tri.recent {padding:0 0 20px 0;border-top:1px solid #000;width:944px;} .tri.recent .cola-3 {margin:16px 0 10px 0;} .tri.recent h3 {border-bottom: 1px solid #000;height:30px; background:url(../images/system/tc-sprite.gif) no-repeat 0 -242px;width:944px;overflow:hidden;text-indent:-1000em;} .tri.recent h4 {clear:both;overflow:hidden;} .tri.recent p {width:398px;} .tri.recent h4 {overflow:hidden;text-indent:-1000em;} .tri.recent h4.title1 {background:url(../images/system/tc-sprite.gif) no-repeat 0 -0348px;} .tri.recent h4.title2 {background:url(../images/system/tc-sprite.gif) no-repeat 0 -0395px;} .tri.recent h4.title3 {background:url(../images/system/tc-sprite.gif) no-repeat 0 -0444px;} .tri.recent h4.title4 {background:url(../images/system/tc-sprite.gif) no-repeat 0 -1086px;} .tri.recent img {visibility:hidden;} .tri.recent a {display:block;width:304px;height:228px;background-repeat:no-repeat;background-color:#eee;} .tri.recent a:hover {background-color:#ddd;} .tri.recent.bauma h4 { background:url(../images/system/tc-sprite.gif) no-repeat 0 -1264px;} .tri.recent.bauma .one a { background-image:url(../images/gallery/2010-05/BAUMA_1_BW.jpg);} .tri.recent.bauma .one a:hover { background-image:url(../images/gallery/2010-05/BAUMA_1.jpg);} .tri.recent.bauma .two a { background-image:url(../images/gallery/2010-05/BAUMA_2_BW.jpg);} .tri.recent.bauma .two a:hover { background-image:url(../images/gallery/2010-05/BAUMA_2.jpg);} .tri.recent.bauma .three a { background-image:url(../images/gallery/2010-05/BAUMA_3_BW.jpg);} .tri.recent.bauma .three a:hover { background-image:url(../images/gallery/2010-05/BAUMA_3.jpg);} .tri.recent.hcme-bauma h4 { background:url(../images/system/tc-sprite.gif) no-repeat 0 -1226px;} .tri.recent.hcme-bauma .one a { background-image:url(../images/gallery/2010-05/Col-book_1_BW.jpg);} .tri.recent.hcme-bauma .one a:hover { background-image:url(../images/gallery/2010-05/Col-book_1.jpg);} .tri.recent.hcme-bauma .two a { background-image:url(../images/gallery/2010-05/Col-book_2_BW.jpg);} .tri.recent.hcme-bauma .two a:hover { background-image:url(../images/gallery/2010-05/Col-book_2.jpg);} .tri.recent.hcme-bauma .three a { background-image:url(../images/gallery/2010-05/Col-book_3_BW.jpg);} .tri.recent.hcme-bauma .three a:hover { background-image:url(../images/gallery/2010-05/Col-book_3.jpg);} .tri.recent.hulltruck h4 { background:url(../images/system/tc-sprite.gif) no-repeat 0 -1122px;} .tri.recent.hulltruck .one a { background-image:url(../images/gallery/2010-04/Hull-Truck-1_.jpg);} .tri.recent.hulltruck .one a:hover { background-image:url(../images/gallery/2010-04/Hull-Truck-1.jpg);} .tri.recent.hulltruck .two a { background-image:url(../images/gallery/2010-04/Hull-Truck-2_.jpg);} .tri.recent.hulltruck .two a:hover { background-image:url(../images/gallery/2010-04/Hull-Truck-2.jpg);} .tri.recent.hulltruck .three a { background-image:url(../images/gallery/2010-04/Hull-Truck-3_.jpg);} .tri.recent.hulltruck .three a:hover { background-image:url(../images/gallery/2010-04/Hull-Truck-3.jpg);} .tri.recent.hcmegc h4 { background:url(../images/system/tc-sprite.gif) no-repeat 0 -1158px;} .tri.recent.hcmegc .one a { background-image:url(../images/gallery/2010-04/HCME-GC_.jpg);} .tri.recent.hcmegc .one a:hover { background-image:url(../images/gallery/2010-04/HCME-GC.jpg);} .tri.recent.hcmegc .two a { background-image:url(../images/gallery/2010-04/HCME-GC-spread1_.jpg);} .tri.recent.hcmegc .two a:hover { background-image:url(../images/gallery/2010-04/HCME-GC-spread1.jpg);} .tri.recent.hcmegc .three a { background-image:url(../images/gallery/2010-04/HCME-GC-spread2_.jpg);} .tri.recent.hcmegc .three a:hover { background-image:url(../images/gallery/2010-04/HCME-GC-spread2.jpg);} .tri.recent.carina h4 { background:url(../images/system/tc-sprite.gif) no-repeat 0 -1195px;} .tri.recent.carina .one a { background-image:url(../images/gallery/2010-04/Carina_1_BW.jpg);} .tri.recent.carina .one a:hover { background-image:url(../images/gallery/2010-04/Carina_1.jpg);} .tri.recent.carina .two a { background-image:url(../images/gallery/2010-04/Carina_3_BW.jpg);} .tri.recent.carina .two a:hover { background-image:url(../images/gallery/2010-04/Carina_3.jpg);} .tri.recent.carina .three a { background-image:url(../images/gallery/2010-04/Carina_4_BW.jpg);} .tri.recent.carina .three a:hover { background-image:url(../images/gallery/2010-04/Carina_4.jpg);} .tri.recent.selfpromo h4 { background:url(../images/system/tc-sprite.gif) no-repeat 0 -0348px;} .tri.recent.selfpromo .one a { background-image:url(../images/gallery/2010-02/treasure1_.jpg);} .tri.recent.selfpromo .one a:hover { background-image:url(../images/gallery/2010-02/treasure1.jpg);} .tri.recent.selfpromo .two a { background-image:url(../images/gallery/2010-02/treasure2_.jpg);} .tri.recent.selfpromo .two a:hover { background-image:url(../images/gallery/2010-02/treasure2.jpg);} .tri.recent.selfpromo .three a { background-image:url(../images/gallery/2010-02/treasure3_.jpg);} .tri.recent.selfpromo .three a:hover { background-image:url(../images/gallery/2010-02/treasure3.jpg);} .tri.recent.video h4 { background:url(../images/system/tc-sprite.gif) no-repeat 0 -0395px;} .tri.recent.video .one a { background-image:url(../images/gallery/2010-02/uk1_.jpg);} .tri.recent.video .one a:hover { background-image:url(../images/gallery/2010-02/uk1.jpg);} .tri.recent.video .two a { background-image:url(../images/gallery/2010-02/uk2_.jpg);} .tri.recent.video .two a:hover { background-image:url(../images/gallery/2010-02/uk2.jpg);} .tri.recent.sal h4 { background:url(../images/system/tc-sprite.gif) no-repeat 0 -0444px;} .tri.recent.sal .one a { background-image:url(../images/gallery/2010-02/Sal1_.jpg);} .tri.recent.sal .one a:hover { background-image:url(../images/gallery/2010-02/Sal1.jpg);} .tri.recent.sal .two a { background-image:url(../images/gallery/2010-02/Sal2_.jpg);} .tri.recent.sal .two a:hover { background-image:url(../images/gallery/2010-02/Sal2.jpg);} .tri.recent.sal .three a { background-image:url(../images/gallery/2010-02/Sal3_.jpg);} .tri.recent.sal .three a:hover { background-image:url(../images/gallery/2010-02/Sal3.jpg);} .tri.recent.roseville h4 { background:url(../images/system/tc-sprite.gif) no-repeat 0 -1086px;} .tri.recent.roseville .one a { background-image:url(../images/gallery/2010-02/roseville1_.jpg);} .tri.recent.roseville .one a:hover { background-image:url(../images/gallery/2010-02/roseville1.jpg);} .tri.recent.roseville .two a { background-image:url(../images/gallery/2010-02/roseville2_.jpg);} .tri.recent.roseville .two a:hover { background-image:url(../images/gallery/2010-02/roseville2.jpg);} .tri.recent.roseville .three a { background-image:url(../images/gallery/2010-02/roseville3_.jpg);} .tri.recent.roseville .three a:hover { background-image:url(../images/gallery/2010-02/roseville3.jpg);} .tri.contact a {width:960px;height:220px; background:url(../images/system/tc-sprite.gif) no-repeat 0 -832px ; border-bottom:1px solid #000;display:block;} .tri.contact h3 {border-bottom: 1px solid #000;height:30px; background:url(../images/system/tc-sprite.gif) no-repeat 0 -290px;width:944px;overflow:hidden;text-indent:-1000em;} /* generic */ .bye {margin:0;padding:0;position:absolute;top:-500em;left:-500000em;height:1px;width:1px;z-index:-1;text-indent:-1000em;overflow:hidden;} .clear {clear:both;} .left {float:left;} .right {float:right;} /* #preloader {background:url(../images/system/tc-sprite.gif); visibility:hidden;} #preloader ul {} #preloader li {} #preloader span {} */ /* footer */ #footer {clear:both;width:960px;background:none;margin:0 auto;} #footer p {width:300px;margin:20px 0 40px 0; font-style:normal;} #footer p.twitter {float:left;display:block;background:#fff;} #footer p.copy {float:right;text-align:right;padding:10px 0;display:block;background:#fff;} #footer p.twitter a {float:left;background: url(../images/system/tc-sprite.gif) no-repeat -701px -500px;padding:10px 0 10px 44px;display:block;} #footer p.twitter a:hover {background: url(../images/system/tc-sprite.gif) no-repeat -501px -500px;color:#000}