/* GLOBAL */ body {margin: 0; padding:0; text-align: center;} p {font: 12px arial; color: #575757; padding: 0 0 18px 0; margin: 0; line-height: 18px;} h1 {margin: 0; padding: 0;} h1.hidden {display: none;} h2 {font: bold 14px arial; color: #ffffff; padding: 0; margin: 0;} h3 {font: bold 12px arial; color: #575757; padding: 0; margin: 0; line-height: 18px;} ul {list-style-type: none; padding: 0; margin: 0;} li {font: bold 12px arial; color: #575757; padding: 0 0 0 17px; margin: 0; background: url(/assets/images/list_style_pink.gif) no-repeat scroll left 5px;} a {color: #575757; text-decoration: none;} ul.solo {padding: 0 0 21px 0;} ul.solo li p {padding-bottom: 9px;} a:hover {text-decoration: underline;} img.title {border-style: none; padding: 0 0 19px 0; margin: 0;} img.link {border-style: none; margin: 0;} .sub-menu {width: 100%; height: 22px; background-color: #00a0c6; padding: 6px 0 0 0; margin: 0;} .sub-menu ul {line-height: 5px;} .sub-menu ul li {display: inline; font: 14px; color: #ffffff; padding: 0; background-image: none;} .sub-menu ul li a {color: #ffffff; padding: 0 8px} .frame-top {background:transparent url(/assets/images/bg_frame_top.gif) no-repeat scroll center top; position:relative; width:902px;} .frame-middle {background-image:url(/assets/images/bg-large.gif); background-position: 0 50px; background-repeat:no-repeat; width:902px;} .frame-middle-stripe {background-image:url(/assets/images/bg-large-stripe.gif); background-position: 0 50px; background-repeat:no-repeat; width:902px;} .frame-bottom {background:transparent url(/assets/images/bg_frame_bottom.gif) no-repeat scroll center bottom; left:0; position:relative; top:50px; width:902px;} /* HEADER AREA */ .header {width: 100%; background: #ffffff url('/assets/images/bg_header.gif') repeat top center; padding: 0; margin: 0; border-bottom: solid 9px #00a0c6; position: relative;} .container {width: 882px; padding: 0; margin: 0 auto; text-align: center;} .logo {height: 141px; width: 441px; padding: 0; margin: 0 auto; text-align: left; padding-top: 22px; float: left; /*background-color: red;*/} .slogan {height: 107px; width: 438px; padding: 0; margin: 0 0 0 441px; text-align: right; padding-top: 56px; /*background-color: yellow;*/} .menu {padding: 0; margin: 0; text-align: center;} /* if a menu item is removed from the html, the width of the ".menu ul" below must be adjusted to new width this will allow the menu to re-center itself */ .menu ul {background-image: none; width: 600px; list-style-type: none; padding: 0; margin: 0 auto; overflow: hidden; list-style-position: outside; text-align: center;} .menu ul li {display: inline; padding: 0; margin: 0;} .menu ul li a{ background-position: 0 0; background-repeat: no-repeat; display: block; float: left; overflow: hidden; text-indent: -9999px; padding-right: 1px;} .menu ul li a:hover, .menu ul li a.selected {background-position: 0 -25px; text-decoration: none;} .menu ul li.nav-home a {background-image: url('/assets/images/btn_nav_hone.gif'); width: 90px; height: 25px;} .menu ul li.nav-aboutus a {background-image: url('/assets/images/btn_nav_about_us.gif'); width: 110px; height: 25px;} .menu ul li.nav-services a {background-image: url('/assets/images/btn_nav_services.gif'); width: 106px; height: 25px;} .menu ul li.nav-projects a {background-image: url('/assets/images/btn_nav_projects.gif'); width: 102px; height: 25px;} .menu ul li.nav-news a {background-image: url('/assets/images/btn_nav_news.gif'); width: 86px; height: 25px;} .menu ul li.nav-contact a {background-image: url('/assets/images/btn_nav_contact.gif'); width: 105px; height: 25px;} .menu ul li.nav-shop a {background-image: url('/assets/images/btn_nav_shop.gif'); width: 81px; height: 25px;} /* BODY AREA */ .body {width: 100%; height: 100%; background: #dcdcdc url('/assets/images/bg_body.gif') repeat-x top center; padding: 0; margin: 0;} .showreel_container {width: 984px; padding: 19px 0 17px 0; margin: 0 auto; text-align: center;} .showreel {width: 984px; height: 241px; padding: 0; margin: 0 auto; background: url('/assets/images/home_showreel_bg.gif') no-repeat top center;} .showreel a {color: #ffffff; text-decoration: none;} .showreel a:hover {color: #cfaee7; text-decoration: none;} .left_arrow {width: 46px; height: 114px; padding: 75px 0 0 17px; margin: 26px 0 0 0; border-right: solid 2px #8210d2; float: left; text-align: left;} .left_arrow a.button {background: url('/assets/images/home_btn_arrow_left.gif') no-repeat scroll 0 0; width: 36px; height: 40px; display: block; overflow: hidden; text-indent: -9999px; padding: 0; margin: 0;} .left_arrow a.button:hover {background-position: 0 -40px;} div.center {width: 842px; height: 202px; float: left; padding: 26px 6px 0 6px; position: relative; overflow: hidden; } div.center div.project_container { position: absolute; width: 1200px; height: 189px; top: 26px; left: 6px; overflow: hidden; } div.project_box a { display: block; height: 189px; position: absolute; top: 0px; left: 0px; z-index: 99;} .center h3 {font: bold 14px arial; color: #ffffff; padding: 3px 0 0 0; margin: 0;} .project_textbox {width: 254px; height: 24px; padding: 0; margin: 165px 0 0 0; background: url('/assets/images/project_textbox.png') no-repeat top center; cursor: pointer; } .project_box {width: 254px; height: 189px; padding: 0; margin: 0 13px; float: left; position: relative;} .right_arrow {width: 52px; height: 114px; padding: 75px 0 0 11px; margin: 26px 0 0 0; border-left: solid 2px #8210d2; float: left; text-align: left;} .right_arrow a.button {background: url('/assets/images/home_btn_arrow_right.gif') no-repeat scroll 0 0; width: 36px; height: 40px; display: block; overflow: hidden; text-indent: -9999px;} .right_arrow a.button:hover {background-position: 0 -40px;} .body_container {width: 903px; padding: 0 40px 0 41px; margin: 0 auto; text-align: left;} .body_container h2 {margin: 0; padding: 0;} .body_container_internal {width: 903px; padding: 19px 40px 0 41px; margin: 0 auto; text-align: left;} .float_container {padding: 0; width: 599px; float: left;} .right_container {margin: 0 0 0 599px; padding: 0; text-align: left; position: relative;} .right_container .right .rss {border: 0; position: absolute; top: 0; right: 35px} /* WELCOME DIV */ .welcome {width: 222px; height: 275px; margin: 0; padding: 30px 34px 34px 34px; background: url('/assets/images/home_welcome_bg.gif') no-repeat top center; float: left; position: relative;} .welcome a {background: url(/assets/images/home_btn_read_on.gif) no-repeat scroll 0 0; width: 80px; height: 21px; display: block; overflow: hidden; text-indent: -9999px; margin-top: 5px;} .welcome a:hover {background-position: 0 -21px;} /* NEWS DIV */ .news {width: 222px; height: 275px; margin: 0 0 0 305px; padding: 30px 34px 34px 34px; background: url('/assets/images/home_news_bg.gif') no-repeat top center; position: relative;} .news a.button {background: url(/assets/images/home_btn_more_news.gif) no-repeat scroll 0 0; width: 98px; height: 21px; display: block; overflow: hidden; text-indent: -9999px; margin-top: 5px; position: absolute; top: 285px; left: 30px;} .news a.button:hover {background-position: 0 -21px;} .news .rss {border: 0; position: absolute; top: 30px; right: 35px} /* TWITTER DIV */ .twitter {width: 290px; height: 203px; margin: 0 0 0 10px; background: url('/assets/images/home_twitter_bg.gif') no-repeat top center; text-align: center;} .twitter a {color: #8210d2;} .twitter_text {width: 209px; height: 89px; padding: 41px 41px 73px 41px; margin: 0;} .twitter_text p {line-height: normal; color: #8210d2; padding-bottom: 5px;} .twitter_text p.date {color: #575757; font-size: 11px; padding-bottom: 0;} /* CLIENTS DIV */ .clients {width: 228px; height: 75px; margin: 0 0 0 10px; padding: 30px 31px 31px 31px; background: url('/assets/images/home_clients_bg.gif') no-repeat top center;} .clients img {border: none; padding: 0 0 4px 0; margin: 0;} .clear {clear: both;} /* FOOTER DIV */ .footer {width: 100%; height: 95px; background-color: #ffffff; border-top: solid 1px #9f9f9f; position: relative; bottom: 0; margin: 89px 0 0 0; padding: 0;} #home .footer {width: 100%; height: 95px; background-color: #ffffff; border-top: solid 1px #9f9f9f; position: relative; bottom: 0; margin: 42px 0 0 0; padding: 0;} .footer ul {list-style-type: none; padding: 0; margin: 9px 0 0 0; line-height: 20px;} .footer ul li {border-left:1px solid #9A9A9A; background-image: none; display: inline; padding: 0 0 0 5px; margin: 0 0 0 5px; font: 10px arial; color: #9f9f9f; line-height: 20px;} .footer ul li.first {border-left: none; padding-left: 0; margin-left: 0;} .footer p {font: 10px arial; color: #9f9f9f; padding: 2px 0 0 0; margin: 0;} .footer a {font: 10px arial; color: #9f9f9f; text-decoration: none; padding: 0; margin: 0;} .footer a:hover {text-decoration: underline; padding: 0; margin: 0;} /* ABOUT-US PAGE */ #about_us .header {border-bottom: none;} /*#about_us a {background: url(/assets/images/projects_btn_index.gif) no-repeat scroll 0 0; width: 80px; height: 21px; display: block; overflow: hidden; text-indent: -9999px; margin-top: 5px;} #about_us a:hover {background-position: 0 -21px;}*/ #about_us .left {width: 371px; padding: 0 20px 0 57px;} #about_us .left blockquote {font: italic 18px arial; color: #575757; padding: 0 0 15px 0; margin: 0; line-height: 24px;} #about_us .left h2 {color: #575757;} #about_us .left p {font-size: 10px; padding-top: 3px;} #about_us .right {width: 371px; padding: 0 57px 54px 23px; margin: 0; float: right;} #about_us .right ul.solo li {font: 12px arial; color: #575757; padding: 0 0 9px 17px; margin: 0; line-height: 18px;} #about_us .right a {height: 21px; display: block; overflow: hidden; text-indent: -9999px; margin-top: 5px;} #about_us .right a.how_we_do_it {background: url(/assets/images/about_btn_how_we_do_it.gif) no-repeat scroll 0 0; width: 111px;} #about_us .right a.how_we_do_it:hover {background-position: 0 -21px;} #about_us .right a.why_we_do_it_better {background: url(/assets/images/about_btn_why_we_do_it_better.gif) no-repeat scroll 0 0; width: 156px;} #about_us .right a.why_we_do_it_better:hover {background-position: 0 -21px;} #about_us .right a.the_team {background: url(/assets/images/about_btn_the_team.gif) no-repeat scroll 0 0; width: 88px;} #about_us .right a.the_team:hover {background-position: 0 -21px;} #about_us .right a.what_we_do {background: url(/assets/images/about_btn_what_we_do.gif) no-repeat scroll 0 0; width: 106px;} #about_us .right a.what_we_do:hover {background-position: 0 -21px;} /* Partners */ #about_us .left_partners {width: 372px; padding: 0 20px 54px 56px;} #about_us .left_partners h2.partners {font: bold 12px arial; color: #b0b0b0; padding: 0; margin: 0 0 6px 0;} #about_us .left_partners h2.memberships {font: bold 12px arial; color: #b0b0b0; padding: 0; margin: 25px 0 6px 0;} #about_us .left_partners .image_holder {width: 100%; padding: 0; margin: 0;} /* BIOS *//* #bios .header {border-bottom: none;} #bios .left {width: 274px; padding: 0 0 0 57px; margin: 0; float: left;} #bios .right {width: 514px; padding: 0 57px 54px 0; margin: 0 0 0 331px;} /**/ /* #bios p a {color: #ab10d2;} */ #bios p a.hover {text-decoration: underline;} /* PROJECTS-INDEX *//************************* DON NOT TOUCH THESE STYLES ******************************************************/ #projects_index .float_container {width: 586px; border-right: solid 1px #d010b1; padding-left: 18px; margin-bottom: 54px;} #projects_index .right_container {margin-left: 605px;} #projects_index img.project_title {border-style: none; padding-top: 17px; padding-bottom: 0; margin-bottom: 4px;} #projects_index .float_container h3 {color: #00a0c6;} #projects_index .float_container li {} #projects_index .float_container h3 a {color: #00a0c6;} #projects_index .float_container .renamed_for_news ul li {background-image: none; padding: 0; font-size: 10px; line-height: 18px;} #projects_index .right {width: 229px; padding: 0 0 30px 26px; float: none;} #projects_index .right ul.solo li {padding-bottom: 9px; background: url(/assets/images/list_style_pink.gif) no-repeat scroll left 3px; line-height: 15px;} #projects_index .right ul.solo li a {color: #d010b1;} #projects_index .projects_holder {padding: 0; margin: 0;} #projects_index .projects_holder .project a {font: bold 12px arial; color: #4dbdd8;} #projects_index .buttons_holder {padding: 8px 26px 0 26px; margin: 0;} #projects_index .btn_left {width: 476px; padding: 0 ; margin: 0; float: left;} #projects_index .btn_left a.button {background: url(/assets/images/projects_btn_back.gif) no-repeat scroll 0 0; width: 79px; height: 21px; display: block; overflow: hidden; text-indent: -9999px;} #projects_index .btn_left a.button:hover {background-position: 0 -21px;} #projects_index .btn_right {padding: 0; margin: 0 0 0 476px; text-align: right;} #projects_index .btn_right a.button {background: url(/assets/images/projects_btn_next.gif) no-repeat scroll 0 0; width: 55px; height: 21px; display: block; overflow: hidden; text-indent: -9999px;} #projects_index .btn_right a.button:hover {background-position: 0 -21px;} /* ***************************************************************************************************************************** */ .project {width: 254px; height: 306px; padding: 0 0 0 23px; float: left;} /* NEWS-PAGE */ #projects_index .story_holder {padding: 0 26px 0 26px; margin: 0;} #projects_index .story_holder img.title {padding-bottom: 2px;} #projects_index .buttons_holder_two {padding: 18px 26px 0 26px; margin: 0;} img.article {margin: 0; padding: 0 26px 21px 0; float: left;} #projects_index .right ul {padding-bottom: 24px;} #projects_index .right ul li a {color: #d010b1;} #projects_index .right ul li p {color: #d010b1;} #projects_index ul.solo li {padding-bottom: 9px; background: url(/assets/images/list_style_pink.gif) no-repeat scroll left 3px; line-height: 15px;font-weight:normal;} #projects_index ul.solo li a {color: #d010b1;} #projects_index p a {color: #ab10d2;} #projects_index p a.hover {text-decoration: underline;} /* PROJECTS-PAGE */ #projects_page .left {width: 371px; padding: 0 20px 54px 54px;} #projects_page .right {width: 371px; padding: 0 57px 54px 23px; margin: 0; float: right;} #projects_page .right a {font: bold 12px arial; color: #4dbdd8;} #projects_page .right ul {padding-top: 19px; padding-bottom: 18px;} #projects_page .right ul li {font: 12px arial; padding: 0; margin: 0; line-height: 18px; background-image: none;} #projects_page h3 a {color: #00a0c6;} #projects_page .frame-bottom .right img.title {padding-bottom: 2px;} #projects_page .frame-bottom .left blockquote {font: italic 18px arial; color: #575757; padding: 23px 0 15px 0; margin: 0; line-height: 24px;} #projects_page .frame-bottom h2 {font: bold 12px arial; color: #575757; line-height: 18px; display: inline;} #projects_page .frame-bottom .left p {padding-bottom: 37px;} #projects_page .frame-bottom .left a.button {background: url(/assets/images/projects_btn_index.gif) no-repeat scroll 0 0; width: 118px; height: 21px; display: block; overflow: hidden; text-indent: -9999px;} #projects_page .frame-bottom .left a.button:hover {background-position: 0 -21px;} /* CONTACT */ #contact .float_container {width: 517px; margin-bottom: 54px; padding-left: 57px;} #contact .right_container {margin-left: 605px;} #contact .one {width: 240px; padding: 0; float: left;} #contact .one .top a {color: #ab10d2;} #contact .two {width: 240px; padding: 0; margin-left: 274px;} #contact .three {width: 240px; padding: 0 0 30px 0;} #contact .top {height: 180px; padding: 0; marging: 0;} #contact .bottom {padding: 0; marging: 0; border: solid 1px #cecece;} /* form */ #contact div.form {height: 237px; background-color: #eeeeee; padding: 0; margin: 0; width: 238px; text-align: left; border: solid 1px #cecece;} #contact div.form img.title {padding-bottom: 0;} #contact form {width: 221px; font: 12px arial; color: #575757; line-height: 16px; margin: 0px; padding-top: 18px; padding-left: 17px;} #contact input.txt {height: 16px; width: 198px; font: 12px arial; color: #575757; padding: 2px; margin: 10px 0 0 0; border: 1px solid #cecece;} #contact input.chckb {} #contact p.form {padding: 0; margin: 0;} #contact textarea {width: 198px; height: 60px; font: 12px arial; color: #575757; padding: 2px; margin: 10px 0 0 0; border: 1px solid #cecece;} #contact input.submit_button {width: 68px; height: 21px; background: url("/assets/images/contact_submit.gif") no-repeat 0 0; margin-top: 10px; margin-bottom: 12px; text-indent: -999px; padding: 0; border: none; font-size: 0;line-height: 0;} /*background-image:url(../assets/images/buttons/submit.gif);*/ /* BIOS */ /* exisiting code from projects_index */ #bios .float_container {width: 586px; border-right: solid 1px #d010b1; padding-left: 18px; margin-bottom: 54px;} #bios .right_container {margin-left: 605px;} #bios img.project_title {border-style: none; padding-top: 17px; padding-bottom: 0; margin-bottom: 4px;} #bios .float_container h3 {color: #00a0c6;} #bios .float_container li {} #bios .float_container h3 a {color: #00a0c6;} #bios .float_container ul li {background-image: none; padding: 0; font-size: 10px; line-height: 18px;} #bios .right {width: 229px; padding: 0 0 30px 26px; float: none;} #bios .right a.partners_and_memberships {background: url(/assets/images/about_btn_partners_and_memberships.gif) no-repeat scroll 0 0; width: 202px; height: 21px; display: block; overflow: hidden; text-indent: -9999px; margin-top: 5px;} #bios .right a.partners_and_memberships:hover {background-position: 0 -21px;} #bios .right ul.solo li {padding-bottom: 9px; background: url(/assets/images/list_style_pink.gif) no-repeat scroll left 3px; line-height: 15px;} #bios .right ul.solo li a {color: #d010b1;} #bios .projects_holder {padding: 0; margin: 0;} #bios .projects_holder .project a {font: bold 12px arial; color: #4dbdd8;} #bios .buttons_holder {padding: 8px 26px 0 26px; margin: 0;} #bios .btn_left {width: 476px; padding: 0 ; margin: 0; float: left;} #bios .btn_left a.button {background: url(/assets/images/projects_btn_back.gif) no-repeat scroll 0 0; width: 79px; height: 21px; display: block; overflow: hidden; text-indent: -9999px;} #bios .btn_left a.button:hover {background-position: 0 -21px;} #bios .btn_right {padding: 0; margin: 0 0 0 476px; text-align: right;} #bios .btn_right a.button {background: url(/assets/images/projects_btn_next.gif) no-repeat scroll 0 0; width: 55px; height: 21px; display: block; overflow: hidden; text-indent: -9999px;} #bios .btn_right a.button:hover {background-position: 0 -21px;} /* ***************************************************************************************************************************** */ /* old News-page */ #bios .story_holder {padding: 0 26px 0 26px; margin: 0;} /*#bios .story_holder img.title {padding-bottom: 2px;}*/ #bios .buttons_holder_two {padding: 18px 26px 0 26px; margin: 0;} img.article {margin: 0; padding: 0 26px 21px 0; float: left;} #bios .right ul {padding-bottom: 24px;} #bios .right ul li a {color: #d010b1;} #bios .right ul li p {color: #d010b1;} /*New code for bios */ #bios .header {border-bottom: none;} /* SHOP PAGE */ #shop .header {border-bottom: none;} /*#shop a {background: url(/assets/images/projects_btn_index.gif) no-repeat scroll 0 0; width: 80px; height: 21px; display: block; overflow: hidden; text-indent: -9999px; margin-top: 5px;} #shop a:hover {background-position: 0 -21px;}*/ #shop .left {width: 371px; padding: 0 20px 0 57px;} #shop .left blockquote {font: italic 18px arial; color: #575757; padding: 0 0 15px 0; margin: 0; line-height: 24px;} #shop .left h2 {color: #575757;} #shop .left p {font-size: 10px; padding-top: 3px;} #shop .right {width: 371px; padding: 0 57px 54px 23px; margin: 0; float: right;} #shop .right ul.solo li {font: 12px arial; color: #575757; padding: 0 0 9px 17px; margin: 0; line-height: 18px;} #shop .right a {color: #AB10D2;} /* News page modification */ .story_holder h1{font: bold 22px arial; color: #AB10D2; padding: 0; margin: 0;}