/******************************************************************************** * * * Author : Ricky Stevens * * Web : http://www.phase8.com * * E-mail : studio ( at ) phase8 ( dot ) ( com ) * * Modified : 27-May-09 * * * * Copyright (c) 2009 Phase8. All Rights Reserved. * * Use of this code is not permitted without permission! * * * ********************************************************************************/ /*---------- Generic Content -------------*/ #generic-content { float: left; clear: both; display: inline; width: 100%; height: auto; color: #fff; font-size: 12px; font-family: "Lucida Grande", Arial, Tahomal; text-align: left; line-height: 18px; } #generic-content a{ text-decoration: none; } #generic-content a:hover{ text-decoration: underline; } #generic-content p{ color: #fff; font-size: 12px; font-family: "Lucida Grande", Arial, Tahomal; text-align: justify; line-height: 18px; } #generic-content p a{ color: #fff; } #generic-content h3{ height: 30px; line-height: 30px; color: #fff; font-size: 15px; } #generic-content ul{ list-style-image: url(/interface/images/circle.jpg); margin-left: 0; padding-left: 10px; list-style-position: inside; } #generic-content ul li{ padding: 2px 0 2px 11px; height: auto; font-size: 11px; color: #fff; line-height: 20px; } #generic-content ul li a{ color: #fff; } /*---------- Home Page -------------*/ #main-page { float: left; clear: both; display: inline; width: 601px; height: auto; } #main-page .banner{ float: left; clear: both; width: 601px; height: 165px; overflow: hidden; } #main-page .postBanner{ float: left; clear: both; width: 601px; height: auto; font-size: 1px; background: #545454 url('/interface/images/main-page-content-slice.jpg') no-repeat bottom center; } #main-page .postBanner .left{ float: left; width: 255px; height: auto; margin: 22px 0 0 22px; font-size: 12px; font-weight: bold; font-family: "Lucida Grande", Arial, Tahoma; color: #fff; line-height: 14px; padding: 0 0 22px 0; } #main-page .postBanner .left a{ color: #66ccff; text-decoration: none; } #main-page .postBanner .left img{ float: left; display: inline; margin: 14px 0; background: transparent; } #main-page .postBanner .right{ float: right; width: 254px; height: 58px; margin: 22px 22px -16px 0; background: url('/interface/images/our-clients-bg.jpg') no-repeat; } #main-page .postBanner .right .inner{ float: left; width: 244px; height: 48px; margin: 5px; font-size: 14px; font-weight: bold; font-family: "Lucida Grande", Arial, Tahoma; color: #66ccff; line-height: 20px; } #main-page .postBanner .right .inner img{ float: left; margin: 2px; } #main-page .postBanner .bigRight{ float: right; width: 254px; height: 83px; margin: 22px 22px -16px 0; background: url('/interface/images/our-clients-bg2.jpg') no-repeat; } #main-page .postBanner .bigRight .inner{ float: left; width: 244px; height: 73px; margin: 5px; font-size: 14px; font-weight: bold; font-family: "Lucida Grande", Arial, Tahoma; color: #66ccff; line-height: 20px; } #main-page .postBanner .bigRight .inner img{ float: left; margin: 2px; } #main-page .quicklinks{ float: left; clear: both; width: 601px; height: auto; border-top: 1px dotted #fff; padding: 7px 0 0 0; margin: 23px 0 0 0; } #main-page .quicklinks .cell{ float: left; width: 139px; height: auto; margin: 0 0 0 14px; } #main-page .quicklinks .first{ margin: 0; } #main-page .quicklinks .cell .img{ float: left; clear: both; width: 139px; height: 155px; overflow: hidden; text-align: center; } #main-page .quicklinks .cell .text{ float: left; clear: both; width: 139px; height: 40px; overflow: hidden; font-family: "Lucida Grande", Arial, Tahoma; font-size: 10px; font-weight: bold; color: #ccc; margin: 7px 0 4px 0; text-align: left; } #main-page .quicklinks .cell .text a{ color: #fff; text-decoration: none; } #main-page .quicklinks .cell .more{ float: left; clear: both; width: 98px; height: 18px; border-top: 1px dotted #fff; } #main-page .quicklinks .cell .more a{ width: 70px; height: 20px; display: block; margin-top: 5px; background:transparent url(/interface/images/more-submit.png) no-repeat 0 0; } /*---------- Right Modules -------------*/ #right-modules { float: left; clear: both; display: inline; width: 325px; height: auto; margin: 5px 0 0 0; } #right-modules #services{ float: left; clear: both; display: inline; width: 325px; height: auto; margin: 0 0 25px 0; } #right-modules #services .service{ float: left; clear: both; display: inline; width: 325px; height: 31px; margin: 0 0 3px 0; } #right-modules #services .service .img{ float: left; display: inline; width: 82px; height: 31px; } #right-modules #services .service .link{ float: right; display: inline; width: 240px; height: 31px; background: url('/interface/images/right-bar-01.jpg') no-repeat 0 0; line-height: 31px; color: #000; font-weight: bold; font-size: 14px; font-family: "Lucida Grande", Arial, Tahoma; text-align: right; } #right-modules #services .service .link a{ display: block; width: 240px; height: 31px; color: #000; text-decoration: none; } #right-modules #services .service .link a:hover{background: url('/interface/images/right-bar-01.jpg') no-repeat 0 -34px; } #right-modules .coverage{ float: left; clear: both; display: inline; width: 325px; height: auto; margin: 0 0 25px 0; background: url('/interface/images/right-module-slice-01.jpg') no-repeat top left; } #right-modules .coverage .inner{ float: left; clear: both; display: inline; width: 325px; height: auto; margin: 6px 0 0 0; background: #010101 url('/interface/images/right-module-slice-02.jpg') repeat-x top left; } #right-modules .coverage .inner .header {float: left; clear: both; display: inline; width: 312px; height: 30px; line-height: 30px; color: #66ccff; padding: 0; margin: 0; font-family: "Lucida Grande", Arial, Tahoma; font-weight: bold; font-size: 16px; text-align: right; } #right-modules .coverage .inner .box { float: left; clear: both; display: inline; width: 305px; height: 254px; margin: 5px 10px 9px 10px; background: url('/interface/images/right-modole-inner-slice-01.png') no-repeat top left; } #right-modules .coverage .inner .box .content { float: left; clear: both; display: inline; width: 298px; height: 254px; margin: 0 0 0 7px; background: transparent url('/interface/images/right-modole-inner-slice-02.png') repeat-x top left; } #right-modules .coverage .inner .box .content .scroll { float: left; clear: both; display: inline; width: 298px; height: 254px; background: transparent; overflow: auto; } #right-modules .coverage .inner .box .content .scroll .spacer { float: left; clear: both; display: inline; width: 258px; height: 15px; } #right-modules .coverage .inner .box .content .scroll .row { float: left; clear: both; display: inline; width: 258px; height: 46px; margin: 1px 0 0 10px; background: url('/interface/images/right-modole-inner-slice-03.png') no-repeat top right; } #right-modules .coverage .inner .box .content .scroll .row img { float: left; display: inline; width: 32px; height: 32px; overflow: hidden; } #right-modules .coverage .inner .box .content .scroll .row .text { float: right; display: inline; width: 220px; height: 42px; overflow: hidden; font-family: "Lucida Grande", Arial, Tahoma; font-size: 10px; color: #666; margin: 2px 0 0 0; } #right-modules .coverage .inner .box .content .scroll .row .text p{ padding: 0; margin: 0; font-family: "Lucida Grande", Arial, Tahoma; font-size: 11px; color: #cc273a; font-weight: bold; } #right-modules .coverage .inner .box .content .scroll .row .text p a{ color: #cc273a; text-decoration: none; } #right-modules .coverage .inner .box .content .scroll .row .text p a:hover{ color: #41060c; } #right-modules .coverage .inner .box .content .scroll .row .text img{ float: right; margin: 3px; width: 32px; height: 17px; } #right-modules .generic-base{ float: left; clear: both; display: inline; width: 325px; height: auto; margin: 0 0 25px 0; background: #5d5d5d url(/interface/images/generic-head.jpg) no-repeat top left; } #right-modules .generic{ float: left; clear: both; display: inline; width: 325px; height: auto; background: transparent url(/interface/images/generic-foot.jpg) no-repeat bottom left; } #right-modules .generic .inner{ float: left; display: inline; width: 303px; height: auto; margin: 10px; } #right-modules .generic .inner .title{ float: left; clear: both; display: inline; width: 303px; height: auto; font-family: "Lucida Grande", Arial, Tahoma; font-size: 18px; font-weight: bold; text-align: right; color: #66CCFF; } #right-modules .generic .inner .content{float: left; clear: both; display: inline; width: 303px; height: auto; font-family: "Lucida Grande", Arial, Tahoma; font-size: 10px; font-weight: bold; text-align: left; color: #eee; margin: 15px 0; } #right-modules .generic .inner .content a{ color: #fff; text-decoration: none; } #right-modules .generic .inner .content a:hover{text-decoration: underline; } #right-modules .generic .inner .content .thin {float: left; display: inline; width: 273px; height: auto; margin: 0 23px 0 23px; } #right-modules .generic .inner .content .center { position: relative; margin: 0 auto; width: 280px; height: auto; } #right-modules .generic .inner .content img { display: inline; margin: 5px; } #right-modules .generic .inner .content #player_index1 {float: left; clear: both; display: inline; width: 224px; height: auto; margin: 5px 0 0 40px; } #right-modules .generic .inner .content label { float: left; width: 100px; height: 20px; padding: 0; margin: 2px 10px 0 0px; border: 0; line-height: 20px; text-align: right; } #right-modules .generic .inner .content input { float: left; width: 150px; height: 16px; padding: 0; margin: 2px 0; padding: 2px 0; border: 1px solid #999; background: #fff; color: #000; font-size: 10px; text-indent: 3px; } #right-modules .generic .inner .content strong { color: #fff; font-size: 12px; font-weight: bold; } #right-modules .generic .inner .content .map{ float: left; clear: both; display: inline; width: 260px; height: auto; font-family: "Lucida Grande", Arial, Tahoma; font-size: 10px; font-weight: bold; text-align: center; color: #999; border: 1px solid #000; background: #fff; line-height: 16px; padding: 0 0 5px 0; margin: 0 0 0 22px; } #right-modules .generic .inner .content .map a{ display: block; width: 260px; height: 100%; color: #999; text-decoration: none; } #right-modules .generic .inner .content .map img{ margin: 0; } #right-modules .generic .inner .more{ float: left; clear: both; display: inline; width: 303px; height: auto; margin: 10px 0; } #right-modules .generic .inner .more img{ float: right; } #right-modules .generic .inner .more input { float: right; width: 70px; height: 20px; padding: 0; margin: 0 40px 0 0; border: 0; background: url('/interface/images/more-submit.png') no-repeat 0 -22px; } #right-modules .generic .inner .more .read-more { background: url('/interface/images/more-submit.png') no-repeat 0 0; display: block; width: 70px; height: 20px; float: right; } #right-modules .generic .inner ul { float: left; width: auto; height: auto; padding: 0; margin: 0 0 0 10px; border: 0; list-style-type: none; width:260px; } #right-modules .generic .inner ul h1, #right-modules .generic .inner ul h2, #right-modules .generic .inner ul h3, #right-modules .generic .inner ul h4, #right-modules .generic .inner ul h5{ width:180px; } #right-modules .generic .inner h2 { font-size: 16px; } #right-modules .theysay { float: left; clear: both; display: inline; width: 325px; height: auto; margin: 0 0 25px 0; background: transparent url(/interface/images/about-us-mini.jpg) repeat-y; } #right-modules .theysay .wrap { float: left; clear: both; display: inline; width: 325px; height: auto; background: transparent url(/interface/images/about-us-mini1.jpg) no-repeat left top; } #right-modules .theysay .wrap .inner { float: left; clear: both; display: inline; width: 325px; height: auto; padding: 30px 0; background: transparent url(/interface/images/about-us-mini3.jpg) no-repeat left bottom; } #right-modules .theysay .wrap .inner .item, #right-modules .theysay .wrap .inner p { border-bottom:2px dotted #5EB1ED; clear:both; float:left; height:auto; margin:20px 20px 0; padding:0 0 25px; width:280px; font-size: 11px; line-height: 18px; text-align: left; } /*---------- Links Modules -------------*/ #link-items { float: left; clear: both; display: inline; width: 601px; height: auto; } #link-items .item { float: left; display: inline; height:84px; margin:6px; width:187px; background: url('/interface/images/links-mask2.png') no-repeat; } #link-items .item .inner { float: left; display: inline; width: 168px; height: 68px; margin: 6px; background: transparent; } #link-items .item .inner .title{float: left; clear: both; display: inline; width: 168px; height: 20px; font-size: 14px; border-bottom: 2px dotted #fff; line-height: 16px; color: #fff; text-align: right; font-family: "Lucida Grande", Arial, Tahoma; font-weight: bold; } #link-items .item .inner .title a{ color: #fff; text-decoration: none; } #link-items .item .inner .text{ float: left; clear: both; display: inline; width: 168px; height: 33px; font-size: 11px; margin: 5px 0; line-height: 14px; color: #fff; text-align: justify; font-family: "Lucida Grande", Arial, Tahoma; font-weight: bold; } #link-items .feature { float: left; display: inline; height:84px; margin:6px; width:187px; background: url('/interface/images/links-mask.png') no-repeat; } #link-items .feature .inner {float: left; display: inline; width: 168px; height: 68px; margin: 6px; background: transparent; } #link-items .feature .inner .title{float: left; clear: both; display: inline; width: 168px; height: 20px; font-size: 14px; border-bottom: 2px dotted #fff; line-height: 16px; color: #fff; text-align: right; font-family: "Lucida Grande", Arial, Tahoma; font-weight: bold; } #link-items .feature .inner .title a{color: #fff; text-decoration: none; } #link-items .feature .inner .text{float: left; clear: both; display: inline; width: 168px; height: 33px; font-size: 11px; margin: 5px 0; line-height: 14px; color: #fff; text-align: justify; font-family: "Lucida Grande", Arial, Tahoma; font-weight: bold; } #link-categories { float: left; clear: both; display: inline; width: 581px; height: auto; margin: 10px 10px 0 10px; background: #000 url(/interface/images/links-cat-1.jpg) no-repeat left top; } #link-categories .link-categories-wrap { float: left; width: 581px; height: auto; background: transparent url(/interface/images/links-cat-2.jpg) no-repeat left bottom; padding: 2px 0; } #link-categories .link-categories-wrap .inner { float: left; clear: both; display: inline; width: 561px; height: auto; margin: 10px 10px 10px 10px; } #link-categories .link-categories-wrap .inner .title { float: left; clear: both; display: inline; width: 100%; height: 20px; line-height: 16px; font-size: 14px; margin: 0 0 10px 0; color: #fff; text-align: right; font-family: "Lucida Grande", Arial, Tahoma; font-weight: bold; border-bottom: 2px dotted #fff; background: url(/interface/images/links-bullet.jpg) no-repeat 2px 1px; } #link-categories .link-categories-wrap .inner .content { float: left; clear: both; display: inline; width: 561px; height: auto; font-size: 16px; color: #fff; text-align: left; font-family: "Lucida Grande", Arial, Tahoma; font-weight: bold; } #link-categories .link-categories-wrap .inner .content .item { float: left; display: inline; width: 130px; height: 20px; font-size: 12px; margin: 2px 5px 3px 5px; color: #fff; text-align: left; font-family: "Lucida Grande", Arial, Tahoma; font-weight: bold; line-height: 20px; } #link-categories .link-categories-wrap .inner .content .item a{ color: #fff; text-decoration: none; } #link-featured { float: right; width: 120px; height: 25px; margin: -30px 0; font-size: 1px; background: url('/interface/images/featured-button.jpg') no-repeat; } #link-featured a{ display: block; width: 120px; height: 25px; } #link-sub-title { float: left; clear: both; display: inline; width: 100%; height: auto; margin: 2px 0 10px 0; } #link-sub-title .img-left { float: left; width: 18px; height: 20px; background: url(/interface/images/links-title-1.jpg) no-repeat; } #link-sub-title h3 { float: left; width: auto; height: 20px; background: url(/interface/images/links-title-3.jpg) repeat; font-size: 12px; line-height: 20px; text-align: center; padding: 0 10px; font-family: "Lucida Grande", Arial, Tahoma; font-weight: bold; color: #fff; margin:0; clear: none; } #link-sub-title .img-right { float: left; width: 18px; height: 20px; background: url(/interface/images/links-title-2.jpg) no-repeat; } /*---------- Coverage Modules -------------*/ .overflow-wrap { display: block; width: 601px; height: 600px; overflow: hidden; } #coverage-wrap { float: left; clear: both; display: inline; width: 601px; height: 600px; overflow: scroll; position: relative; } #coverage-wrap #viewPort { position: relative; top: 0px; left: 0px; right: 0px; bottom: 0px; display: block; width: 601px; height: auto; } #coverage-wrap #viewPort .mini { position: relative; display: block; width: 599px; height: 29px; background: #717171; margin: 5px 0; } #coverage-wrap #viewPort .mini .inner { position: relative; display: block; width: 599px; height: 29px; background: url(/interface/images/press-overlay.png) no-repeat; } #coverage-wrap #viewPort .mini .inner .title { position: relative; display: block; width: 581px; height: 29px; font-family: "Lucida Grande", Arial, Tahoma; font-weight: bold; font-size: 14px; text-align: left; color: #fff; line-height: 29px; margin: 0 0 0px 9px; } #coverage-wrap #viewPort .mini .inner .date { position: relative; float: right; margin: -26px 8px 0 0; width: 200px; height: 29px; text-align: right; line-height: 23px; font-weight: bold; font-size: 10px; font-family: "Lucida Grande", Arial, Tahoma; color: #5daeee; } #coverage-wrap #viewPort .mini .inner .title a{ color: #fff; text-decoration: none; } #coverage-wrap #viewPort .item { position: relative; display: block; width: 599px; height: 86px; background: #717171; margin: 5px 0; } #coverage-wrap #viewPort .item .inner { position: relative; display: block; width: 599px; height: 86px; background: url(/interface/images/archive-item-3.png) no-repeat; } #coverage-wrap #viewPort .item .inner .image { position: relative; float: left; width: 66px; height: 66px; overflow: hidden; margin: 8px 15px 5px 10px; background: #fff; border: 2px solid #919191; } #coverage-wrap #viewPort .item .inner .title { position: relative; display: block; width: 497px; height: 26px; font-family: "Lucida Grande", Arial, Tahoma; font-weight: bold; font-size: 14px; text-align: left; color: #5daeee; line-height: 26px; border-bottom: 2px dotted #fff; margin: 0 0 3px 95px; } #coverage-wrap #viewPort .item .inner .date { position: relative; float: right; margin: -26px 5px 0 0; width: 200px; height: 26px; text-align: right; line-height: 18px; font-weight: bold; font-size: 10px; font-family: "Lucida Grande", Arial, Tahoma; color: #5daeee; } #coverage-wrap #viewPort .item .inner .title a{ color: #5daeee; text-decoration: none; } #coverage-wrap #viewPort .item .inner .summary { position: relative; display: inline; width: 491px; height: 42px; font-family: "Lucida Grande", Arial, Tahoma; font-weight: bold; font-size: 10px; text-align: left; color: #fff; line-height: 14px; margin: 2px 0 0 0; overflow: hidden; text-indent: 0; } .scroll-box { float: right; margin: 10px 1px 5px 1px; height: 20px; font-weight: bold; width: 98px; background: url(/interface/images/up-down.jpg) no-repeat; line-height: 18px; text-align: center; } .scrollUp { margin: 0 10px 0 5px; color: #fff; text-decoration: none; width: 45px; height: 20px; display: inline; text-align: left; line-height: 20px; } .scrollDown { margin: 0 0 0 10px; color: #fff; text-decoration: none; width: 45px; height: 20px; display: inline; text-align: right; line-height: 20px; } .scrollTop { float: left; margin: 10px 1px 5px 1px; color: #fff; text-decoration: none; width: 96px; height: 20px; text-align: center; display: block; background: url(/interface/images/backtotop.jpg) no-repeat; line-height: 20px; } .scrollUp a, .scrollDown a, .scrollTop a, .current a { color: #fff; text-decoration: none; } .scrollUp a:hover, .scrollDown a:hover, .scrollTop a:hover, .current a:hover { color: #eee; } .current { float: left; margin: 10px 1px 5px 1px; color: #fff; height: 20px; line-height: 20px; width: 247px; text-align: center; font-weight: bold; font-size: 10px; text-decoration: none; background: url(/interface/images/showlinks.jpg) no-repeat; } .current a, .current span { margin: 0px 5px; font-size: 12px; } .current-form { float: left; margin: 10px 1px 5px 1px; color: #fff; height: 26px; line-height: 26px; width: 383px; text-align: center; font-weight: bold; font-size: 10px; text-decoration: none; background: url(/interface/images/showlinks2.jpg) no-repeat; } .current-form span { margin: 0px 4px; font-size: 12px; display: inline; float: left; } .current-form .search-box { background: url(/interface/images/showlinks2-form1.jpg) no-repeat left center; width:288px; height: 26px; margin-top: 1px; } .current-form .search-box input { float: left; display: inline; width: 254px; height: 14px; margin:6px 0 6px 13px; padding:0; border:0; font-size: 10px; background: transparent; } .current-form .search-button { width: 16px; height: 15px; } .current-form .search-button { width: 16px; height: 15px; background: url(/interface/images/showlinks2-form2.jpg) no-repeat 0 0; margin:0; border:0; padding:0; } .current-form .search-button:hover { background: url(/interface/images/showlinks2-form2.jpg) no-repeat 0 -16; } .current-form .topper { margin: 2px 0 0 0; } /*---------- Site Map Modules -------------*/ #site-map { float: left; clear: both; display: inline; width: 511px; height: auto; margin: 0 0 0 40px; } #site-map .floater { display: inline; width: 240px; height: auto; } #site-map .floater ul { margin: 5px 0 0 0; list-style-image: none; padding-left: 15px; width: 230px; list-style-type: none; } #site-map .floater ul .child { float: left; padding: 5px 0 5px 30px; border:0; list-style-image: url(/interface/images/circle.jpg); list-style-type: disc; } #site-map .floater ul .child li { border:0; font-weight: normal; font-size: 14px; line-height: 20px; } #site-map .floater ul li { margin: 2px 0 2px 0; text-align: left; line-height: 28px; font-family: "Lucida Grande", Arial, Tahoma; font-size: 18px; color: #fff; border-bottom: 2px dotted #4d8bdd; font-weight: bold; } #site-map .floater ul li a{ color: #fff; text-decoration: none; } /*---------- The Team Modules -------------*/ #team-wrap { float: left; clear: both; width: 982px; height: 282px; background: url(/interface/images/the-team-3.jpg) repeat-y; } #team-wrap .container { float: left; clear: both; width: 982px; height: 282px; background: transparent url(/interface/images/the-team-1.jpg) no-repeat top left; } #team-wrap .container .inner { float: left; clear: both; width: 982px; height: 282px; background: transparent url(/interface/images/the-team-2.jpg) no-repeat bottom left; } #team-wrap .container .inner .text {float: left; width: 136px; height: 240px; font-size: 11px; margin: 28px 0 0 16px; overflow: hidden; color: #000; } #team-wrap .container .inner .slider {float: right; width: 804px; height: 264px; border: 1px solid #000; margin: 8px 9px 0 0; } #team { float: left; display: inline; width: 800px; height: 260px; overflow: hidden; border: 2px solid #555; position: relative; } #team #viewport { position: relative; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 1000000px; height: 240px } #team #viewport .item { float: left; display: inline; width: 800px; height: 260px; margin: 0; padding: 0; background: #333; } #team #viewport .item .left { float: left; display: inline; width: 180px; height: 260px; margin: 0; padding: 0; background: #3a3a3a; } #team #viewport .item .left img{ float: left; clear: both; display: inline; width: 130px; height: 160px; margin: 20px 23px 5px 23px; border: 2px solid #000; } #team #viewport .item .left .twit{ border: 0pt none ; margin: -165px 0pt 0pt 138px; position: relative; width: 15px; height: 15px; } #team #viewport .item .left div{ float: left; clear: both; display: inline; width: 160px; height: auto; margin: 5px 10px 0 10px; color: #fff; font-family: "Lucida Grande", Arial, Tahoma; color: #fff; text-align: center; font-size: 16px; font-weight: bold; } #team #viewport .item .left .pos{ margin: 10px 10px 0 10px; font-size: 10px; } #team #viewport .item .right { float: right; display: inline; width: 600px; height: 260px; margin: 0 10px 0 0; padding: 0; } #team #viewport .item .right .coll { float: left; display: inline; width: 295px; height: 260px; margin: 0; padding: 0; font-size: 11px; font-family: "Lucida Grande", Arial, Tahoma; color: #fff; text-align: left; overflow: hidden; line-height: 16px; } #team #viewport .item .right .coll strong{ color: #f00; font-weight: bold; } .photo-frame { float: left; clear: both; display: inline; width: 785px; height: auto; margin: 15px 0 0 183px; } .photo { border: 1px solid #C62336; height: auto; width: auto; margin:0 10px 5px 0; padding:1px; width: 42px; height: 51px; overflow: hidden; } /*---------- Lightbox Window -------------*/ #ajax-title { float: left; clear: both; display: block; height: auto; overflow: hidden; margin: 10px 15px 0 15px; font-weight: bold; color: #CC0033; font-family: "Lucida Grande", Arial, Tahoma; font-size: 20px; text-align: left; padding: 0 30px; } #ajax-content { float: left; clear: both; display: block; height: auto; overflow: hidden; margin: 15px; padding: 0 30px; color: #000; font-family: "Lucida Grande", Arial, Tahoma; font-size: 11px; text-align: left; width:80%; } #ajax-window { float: left; clear: both; display: inline; width: 97%; height: auto; margin: 0 15px 15px 15px; background: #000; border: 1px solid #919191; } #ajax-window .inner{ float: left; clear: both; display: inline; width: 95%; height: auto; margin: 15px 0 15px 15px; color: #000; font-family: "Lucida Grande", Arial, Tahoma; font-size: 11px; text-align: left; } #ajax-window .inner .title{ float: left; clear: both; display: block; height: auto; padding-left: 11px; font-weight: bold; color: #CC0033; font-family: "Lucida Grande", Arial, Tahoma; font-size: 20px; text-align: left; } #ajax-window .inner .date{ float: left; clear: both; display: block; height: auto; margin: 5px 0 15px 0; padding-left: 12px; color: #61BAF4; font-family: "Lucida Grande", Arial, Tahoma; font-size: 10px; text-align: left; } #ajax-window .inner .text{ float: left; clear: both; display: block; height: auto; padding-left: 11px; width: 80%; color: #fff; font-family: "Lucida Grande", Arial, Tahoma; font-size: 11px; text-align: left; } #ajax-window .inner .images{float: left; clear: both; display: inline; width: 100%; height: auto; } #ajax-window .inner .images .cell{ float: left; display: inline; width: 220px; height: 200px; border: 1px solid #ccc; margin: 5px; background: #fff; border: 2px solid #a00; } #ajax-window .inner .images .cell .img{ float: left; clear: both; display: inline; width: 200px; height: 145px; margin: 10px; overflow: hidden; } #ajax-window .inner .images .cell .img img{ float: left; width: 200px; height: auto; } #ajax-window .inner .images .cell .media{float: left; clear: both; display: inline; width: 200px; height: auto; margin: 0 10px 10px 10px; text-align: right; } #ajax-window .inner .images .cell .media img{ float: right; } #press-images { float: right; width: 320px; height: auto; display: inline; } #press-images .cell{ float: left; display: inline; width: 140px; height: auto; border: 2px solid #8b0d19; margin: 8px; background: #fff; } #press-images .cell .img{ float: left; clear: both; display: inline; width: 120px; height: 103px; margin: 10px; overflow: hidden; } #press-images .cell .img img{ float: left; width: 120px; height: auto; } #press-images .cell .media{ float: left; clear: both; display: inline; width: 120px; height: 30px; margin: 0 10px 10px 10px; text-align: right; } #press-images .cell .media img{ float: right; } #press-images .right-text { color:#fff;display:block;font-size:12px;margin:10px 0;text-decoration:none;text-indent:10px;font-weight:bold; } #press-images .right-text:hover { text-decoration: underline; } /*---------- Services page -------------*/ .services-button-cont{ float: left; width: 201px; height: auto; margin: 15px 32px 15px 0; text-align: left; } .services-button { display: block; width: 201px; height: 38px; margin: 2px 10px 2px 0px; line-height: 38px; color: #fff; background: url(/interface/images/services.jpg) no-repeat; float: left; text-indent: 15px; font-family: "Lucida Grande", Arial, Tahoma; font-weight: bold; font-size: 11px; } .services-button a{ display: block; width: 201px; height: 38px; color: #fff; text-decoration: none; } .services-images{ float: left; width: 368px; height: auto; margin: 15px 0 15px 0; text-align: left; } /*---------- Slider Styling -------------*/ .slider { width: 600px; height: auto; } .slider .slider-title{ float: left; clear: both; width: 602px; height: 34px; background: url(/interface/images/slider-1.jpg) no-repeat; border: 0; cursor: pointer; margin: 10px 0 0 0; padding: 0; } .slider .slider-title .title-left{ float: left; width: 420px; height: auto; line-height: 32px; cursor: pointer; color: #fff; font-size: 14px; font-weight: bold; font-family: "Lucida Grande", Arial, Tahoma; text-align: left; margin: 0 60px 0 10px; } .slider .slider-title .title-right{ width: 102px; height: 32px; display: table-cell; line-height: 12px; vertical-align:middle; cursor: pointer; color: #fff; font-size: 10px; font-weight: bold; font-family: "Lucida Grande", Arial, Tahoma; text-align: center; } .slider .slider-body{ float: left; clear: both; width: 602px; height: auto; cursor: default; background: #111; } .slider .slider-body .inner{ float: left; clear: both; width: 582px; height: auto; cursor: default; margin: 10px; } .slider .slider-footer{ float: left; clear: both; width: 602px; height: 22px; font-weight: bold; border-top: 5px solid #111; background: url(/interface/images/slider-2.jpg) no-repeat; cursor: pointer; margin: 0 0 10px 0; line-height: 20px; color: #fff; font-size: 10px; font-family: "Lucida Grande", Arial, Tahoma; text-align: right; } /*---------- Contact form -------------*/ #main-contact-form { float: left; clear: both; width: 600px; height: auto; margin: 30px 0 10px 0; } #main-contact-form .extra { float: left; border: 0; background: url(/interface/images/contact-extra-info.jpg) no-repeat; color: #fff; font-weight: bold; padding: 0; width: 196px; height: 209px; font-size: 16px; margin: 0 12px 0 0; line-height: 25px; text-align: left; } #main-contact-form .extra .inner { float: left; border: 0; width: 164px; height: auto; margin: 16px 9px 0 16px; } #main-contact-form fieldset { border: 0; background: url(/interface/images/contact-box.jpg) no-repeat; color: #fff; font-weight: bold; padding: 0; width: 395px; height: 209px; } #main-contact-form fieldset legend { color: #fff; font-size: 10px; margin: 0 0 0 10px; } #main-contact-form fieldset label { float: left; clear: left; width: 95px; height: 20px; text-align: right; margin: 2px 15px 2px 0px; } #main-contact-form fieldset input { float: left; width: 256px; height: 16px; margin: 2px 0 2px 0; padding: 2px 0 2px 0; background: #fff; border: 1px solid #999; color: #000; font-size: 10px; text-indent: 4px; font-family: "Lucida Grande", Arial, Tahoma; } #main-contact-form fieldset textarea { float: left; width: 256px; height: 73px; margin: 2px 0 2px 0; background: #fff; border: 1px solid #999; color: #000; font-size: 10px; font-family: "Lucida Grande", Arial, Tahoma; } #main-contact-form fieldset #submit { width: 70px; height: 20px; background: transparent url(/interface/images/more-submit.png) no-repeat 0 -22px; border: 0; float: right; margin: 8px 27px 8px 0; } #main-contact-form fieldset .error { float: left; clear: left; width:267px; height: 20px; text-align: right; margin:8px 0 2px 22px; color: #f00; line-height: 20px; } #main-contact-form fieldset .required { float: left; width: 20px; height: 20px; text-align: center; line-height: 20px; color: #f00; margin: 4px 0 0 0; } /*---------- Why 72Point? -------------*/ #why-table { } #why-table .header-1 { height: 35px; width:485px; line-height: 16px; text-align: left; text-indent: 25px; background: url(/interface/images/why-table-1.jpg) no-repeat; } #why-table .header-2 { height: 35px; width:485px; line-height: 16px; text-align: left; text-indent: 25px; background: url(/interface/images/why-table-2.jpg) no-repeat; } #why-table .cell-1 { height: auto; width:485px; line-height: 18px; text-align: left; background: url(/interface/images/why-table-3.jpg) no-repeat left 6px; border-bottom: 2px dotted #c62235; } #why-table .cell-2 { height: auto; width:485px; line-height: 18px; text-align: left; background: url(/interface/images/why-table-4.jpg) no-repeat left 6px; border-bottom: 2px dotted #569fe6; } /*---------- Client Page -------------*/ .client-wrap { float: left; clear: both; width: 603px; height: auto; background: url(/interface/images/clients-2.jpg) repeat-y; margin: 0 0 25px 0; } .client-wrap .container { float: left; clear: both; width: 603px; height: auto; background: url(/interface/images/clients-3.jpg) no-repeat left bottom; } .client-wrap .container .inner { float: left; clear: both; width: 603px; height: auto; background: url(/interface/images/clients-1.jpg) no-repeat left top; padding: 30px 0 30px 0; } .client-wrap .container .inner .item { float: left; clear: both; width: 560px; height: auto; margin: 20px 21px 0 21px; padding: 0 0 25px 0; border-bottom: 2px dotted #5eb1ed; } ul#twitter_update_list {} ul#twitter_update_list li { position: relative; margin: 5px 0; overflow: hidden; } ul#twitter_update_list li span { float: left; clear: both; } ul#twitter_update_list li span a { float: none; clear: none; color: #fff !important; } ul#twitter_update_list li a { float: left; clear: both; color: #66CCFF !important; }