/* -------------------------------------------------------------- ----------------------------------------------------------------- DEFINITIONS: Global styles AUTHOR: Reef Light Interactive VERSION: 01.07.2009 CONTENTS: 1 Typography 2 Colors 3 Alignments 4 Links 5 Form Elements 6 Header 7 Footer 8 Page HOME 9 Page OUR AWARDS 10 Page Get in Touch 11 Page OUR EXPERTISE 12 Page CLIENT 13 Page NEWS and NEWS DETAILS 14 Page CUBES ----------------------------------------------------------------- -------------------------------------------------------------- */ /* 1 Typography =============================================================== */ #content h1 {font-size:32px; padding-bottom:20px;} p {line-height:1.4em; margin-bottom:18px;} body#home #content a, body#cubes #content a {color:#e60000;} p.success {text-align:center; font-size:18px; color:#8ca217;} p.error {text-align:center; font-size:18px; color:#e7101e;} /* 2 Colors =============================================================== */ .red {color:#e60000;} .gray {color:#bbb;} /* 3 Alignments =============================================================== */ .alignRight {text-align:right;} .alignCenter {text-align:center;} .clearBoth {clear:both; height:1px;} .floatLeft {float:left;} .floatRight {float:right;} #displaynone {display:none;} /* 4 Links =============================================================== */ a#logo {float:left; margin-left:80px;} body#er404 #content a {color:#e60000;} body#er404 #content a:hover {text-decoration:none;} a.news {font-style: italic; color:#9a9793;} a.seeallworks {float:left; margin-left:55px;} a:visited {color:#e60000;} /* 5 Form Elements =============================================================== */ .frmLmnt {border:1px solid #c1c1c1; padding:8px; background:url("../images/bg/frmLmnt.gif") repeat-x;} body#contact .frmLmnt, body#home .frmLmnt, body#cubes .frmLmnt {width:528px;} .captcha_input {float:left; margin-left:5px; border:1px solid #c1c1c1; padding:4px; background:url("../images/bg/frmLmnt.gif") repeat-x; width:60px; text-align: center;} /* 6 Header =============================================================== */ #header ul {margin-top:60px; padding-bottom:5px; border-bottom:1px solid #e1e1e1;} body#er404 #header ul {border-color:#a8a8a8;} #header ul li {display:inline;} #header ul li.last {margin:0;} #header ul li a {font-size:15px; color:#787878; text-decoration:none; font-weight:bold;} #header ul li a:hover {color:#e60000;} #header ul li a.active {color:#e60000;} ul#nav_left {float:left;} ul#nav_left li {margin-right:50px;} ul#nav_right {float:right;} ul#nav_right li {margin-left:50px;} /* 7 Footer =============================================================== */ ul.foot {float:right; width:205px; height:85px; padding:25px 20px 5px 20px; background:url("../images/bg/sep_footer.gif") no-repeat left 10px;} ul.foot li {padding:1px 0;} ul.foot li h3 {font:bold 11px Arial; color:#e7e4e3; padding-bottom:5px;} ul.foot li a {color:#afafaf;} ul.foot li a:hover {color:#e60000;} ul.ffirst {background:none; padding:25px 10px 10px 0; width:190px;} p.copyright {text-align:center; width:960px; color:#5c5c5c; float:right; margin:0 0 0 0;} p.copyright a {color:#5c5c5c;} p.copyright a:hover {color:#ccc;} p.copyright span {float:left; width:930px; text-align:right; padding-top:10px;} .iconblog {margin:0 0 -2px 2px;} /* 8 Page HOME =============================================================== */ body#home h2, body#cubes h2 {font-size:24px; padding:30px 0 10px 0;} #works_slide {margin:0 auto; width:640px; height:210px; background:url("../images/bg/home_carousel.png") no-repeat center top;} .bgtext_cts {float:right; width:310px; margin-top:70px; height:40px; background:url("../images/bg/text_cts.gif") no-repeat right bottom;} #cubes {float:left; width:290px; padding-top:370px;} #cright {float:right;width:650px;} .homefixheight {height:570px; background: none;} /* 9 Page OUR AWARDS =============================================================== */ div.awards {width:400px; margin:40px auto;} a.awards {float:left; width:87px; height:78px; margin:5px;} a.awards:hover {background-position:0 0;} a.plus {background:url("../images/awards/plus.gif") no-repeat bottom center;} a.and {background:url("../images/awards/and.gif") no-repeat bottom center;} a.arrow {background:url("../images/awards/arrow.gif") no-repeat bottom center;} a.circle {background:url("../images/awards/circle.gif") no-repeat bottom center;} a.cssleak {background:url("../images/awards/cssleak.gif") no-repeat bottom center;} a.cssmix {background:url("../images/awards/cssmix.gif") no-repeat bottom center;} a.eagle {background:url("../images/awards/eagle.gif") no-repeat bottom center;} a.eye {background:url("../images/awards/eye.gif") no-repeat bottom center;} a.hat {background:url("../images/awards/hat.gif") no-repeat bottom center;} a.shape {background:url("../images/awards/shape.gif") no-repeat bottom center;} a.speckyboy {background:url("../images/awards/speckyboy.gif") no-repeat bottom center;} a.star {background:url("../images/awards/star.gif") no-repeat bottom center;} /* 10 Page Get in Touch =============================================================== */ ul.contact {width:650px; margin:30px auto;} ul.contact li {padding:5px 0;} ul.contact li label {float:left; width:100px; padding:8px 0 0; font:bold 15px Arial;} /* 11 Page OUR EXPERTISE =============================================================== */ .exp {float:left; width:385px; height:280px; font-size:13px; margin:10px 35px;} .exp h4 {float:left; color:#e60000; font-weight:bold; margin-right:5px;} .exp img {margin-bottom:10px;} /* 12 Page CLIENT =============================================================== */ .headline {width:100%; height:40px; padding:10px 0; margin-bottom:10px; border-bottom:1px solid #e1e1e1;} .headline h1 {float:left; font-size:24px;} .headline .reflink {float:right; padding:15px 0 0; color:#9d9c9c;} .headline .reflink a {background-color:#f1f1f1; padding:5px 10px; color:#e60000;} .headline .reflink a:hover {background-color:#e1e1e1;} .client_info {float:left; width:400px; padding-top:22px;} .client_info h2 {font:18px Arial; padding:10px 0;} .client_info a {color:#e60000;} .client_slide {float:right; width:500px;} .client_info ul {padding-left:10px;} .client_info ul li {padding:4px 20px; background:url("../images/bg/bullet_arrow.gif") no-repeat 0 4px;} .changePrj {width:500px; float:right; margin-top:40px;} /* 13 Page NEWS and NEWS DETAILS =============================================================== */ ol.news li {margin-bottom:30px;} ol.news li h2 {font-weight:bold; color:#a00000; margin-bottom:5px;} ol.news li h2 a {color:#a00000; text-decoration:none;} ol.news li h2 a:hover {color:#8b0000; text-decoration:underline;} ol.news li h2 span, h2.news_header span {font-weight:normal; font-size:12px; color:#9e9e9e;} h2.news_header {font-weight:bold; font-size:16px; color:#a00000; margin-bottom:10px;} /* 14 Page CUBES =============================================================== */ #wrap_bubbles {float:left; padding-left:100px;} .bubble_guess {float:left; margin:10px 6px; width:121px; height:98px; background: url("../images/bg/bubble_guess.png") no-repeat; padding:25px; color: #393939; }