input.calendar,
select.calendar {
width: 99px;
}
button.calendar {
background: url(calendar-icon.gif);
border: 0;
cursor: pointer;
float: left;
height: 20px;
margin-right: 6px;
width: 20px;
}
button.calendar:hover,
button.calendar.active {
background-position: 0 20px;
}
div.calendar {
background: url(calendar.png);
height: 195px;
padding: 0 6px;
text-align: center;
width: 147px;
}
div.calendar div {
background: none !important;
cursor: move;
height: 185px;
overflow: hidden;
padding-top: 10px;
position: relative;
width: 147px;
}
div.calendar caption {
color: #333;
font: normal 12px/16px Arial, Helvetica, sans-serif;
padding-top: 6px;
text-align: center;
width: 100%;
}
div.calendar caption a {
cursor: pointer;
display: block;
height: 12px;
overflow: hidden;
position: absolute;
text-indent: -100px;
top: 17px;
width: 11px;
}
div.calendar caption a.prev {
background-image: url(calendar-prev.gif);
left: 0;
}
div.calendar caption a.next {
background-image: url(calendar-next.gif);
right: 0;
}
div.calendar caption a:hover {
background-position: 0 12px;
}
div.calendar caption span {
height: 25px;
position: relative;
text-align: center;
}
div.calendar caption span.month {
padding-right: 8px;
}
div.calendar caption span.month:after {
content: ',';
}
div.calendar table {
background: #FFF;
border: 0;
border-collapse: collapse;
border-spacing: 0;
cursor: default;
margin: 0 auto;
overflow: hidden;
width: 147px;
}
div.calendar td,
div.calendar th {
border: 0;
color: #0597DB;
font: normal 12px Arial, Helvetica, sans-serif;
height: 21px;
text-align: center;
width: 21px;
}
div.calendar td {
background: url(calendar-td.gif);
color: #FFF;
font-size: 11px;
}
div.calendar td.invalid {
color: #999;
}
div.calendar td.valid {
background: url(calendar-valid.gif);
color: #0597DB;
cursor: pointer;
}
div.calendar td.hilite {
background: url(calendar-hilite.gif);
}
div.calendar td.inactive {
background: url(calendar-td.gif) 0 100%;
color: #FFF;
}
div.calendar td.active,
div.calendar td.hover {
background: url(calendar-valid.gif) 0 100%;
color: #FFF;
cursor: pointer;
}
body {
background: #F1F2F3 url(/img/cache.php?img=/img/background_stripes.gif) center 567px no-repeat;
position: relative;
}
.background {
background: url(/img/background_gradient.gif) left top repeat-x;
}
.wrapper {
width: 718px;
margin: 0 auto;
}
.floatedList {
list-style: none;
width: 100%;
overflow: hidden;
}
.floatedList li {
float: left;
}
.clear {
clear: both;
width: 100%;
}
.clearInner {
width: 100%;
overflow: hidden;
}
.popup {
position: absolute;
display: none;
}
.hidden {
display: none;
}
.invisible {
visibility: hidden;
}
.defaultFontSize {
font-size: 100% !important;
}
.center {
text-align: center;
}
.noPadding {
padding: 0 !important;
}
label.error {
color: #F0004B;
}
input.error, textarea.error, select.error {
border-color: #F0004B !important;
}
#header {
padding: 25px 0 25px 29px;
}
#menu, #menu td a, #menu td.hover {
background: url(/img/cache.php?img=/img/menu_background.gif) left top repeat-x;
}
#menu td.active {
background: url(/img/cache.php?img=/img/menu_background_2.gif) left top repeat-x;
}
#menu {
margin-bottom: 20px;
background-position: left -123px;
padding-bottom: 2px;
}
#menu table {
width: 100%;
}
#menu td {
width: 20%;
text-align: center;
vertical-align: top;
height: 41px;
}
#menu td.hover {
background-position: left -82px;
}
#menu td a {
display: block;
padding: 13px 0 9px;
background-position: right top;
background-repeat: no-repeat;
}
#menu td img {
opacity: 0.76;
}
#menu td.active img, #menu td.hover img {
opacity: 1;
}
#menu td.active a {
padding: 12px 0 9px;
}
#menu td.hover a {
background-position: right -41px;
}
#menu td.last a {
background: none;
}
#content {
background: #fff;
}
#content .wrapper {
width: auto;
margin: 0;
}
#content .hr {
border-bottom: 1px solid #E4E4E4;
height: 1px;
margin: 0 26px;
}
#content .hr.lighter {
border-bottom: 1px dashed #F4F4F4;
}
#content .text {
font-size: 117%;
color: #333;
}
#content .text p {
padding: 0 0 18px;
}
#content .text h2 {
padding: 0 0 18px;
font-size: 215%;
color: #666;
}
#content .text small {
font-size: 86%;
}
#content .text big {
font-size: 172%;
}
#content .heading {
padding-top: 25px;
border-bottom: 1px solid #D2D2D2;
}
#content .heading h1 {
font-size: 250%;
color: #666;
padding: 0 5px 7px 32px;
}
#content .grid, #content .grid_3 {
width: 50%;
float: left;
}
#content .grid_3 {
width: 33%;
}
#content.main .wrapper {
padding: 0 70px;
}
#content.main .latest_projects {
padding: 14px 5px 21px 10px;
}
#content.main .latest_projects h2 {
font-size: 150%;
padding: 0 0 18px 5px;
color: #ccc;
}
#content.main .latest_projects h3 {
font-size: 117%;
font-weight: normal;
padding: 0 0 1px 30px;
}
#content.main .latest_projects h4 {
font-size: 92%;
font-weight: normal;
padding: 3px 0 5px 0;
color: #999;
font-style: italic;
}
#content.main .latest_projects h4 a {
color: #999;
}
#content.main .latest_projects .date {
color: #ccc;
font-size: 100%;
padding: 10px 0 7px 0;
}
#content.main .latest_projects p {
font-size: 92%;
}
#content.main .latest_projects .first p {
font-size: 100%;
}
#content.main .latest_projects ul li {
width: 33%;
overflow: hidden;
padding: 15px 0 0;
}
#content.main .latest_projects .preview {
padding: 0 14px;
}
#content.main .latest_projects .date, #content.main .latest_projects h3, #content.main .latest_projects h4, #content.main .latest_projects p {
padding-left: 30px;
}
#content.main .clients {
padding: 45px 0 55px;
text-align: center;
}
#content.main .clients a {
padding-left: 5px;
}
#content.main .clients a.first {
padding-left: 0;
}
#content.main .clients li {
width: 155px;
text-align: center;
}
#content.main .promo {
font-family: Georgia, Helvetica, Arial, sans-serif, Times;
font-size: 117%;
padding-top: 19px;
padding-bottom: 24px;
position: relative;
}
#content.main .promo ul {
list-style: none;
width: 100%;
overflow: hidden;
}
#content.main .promo li {
float: left;
}
#content.main .promo .link, #content.main .promo .more {
padding: 3px 7px 0 40px;
}
#content.main .promo .link a {
color: #333;
}
#content.main .promo .more a {
font-weight: bold;
font-style: italic;
}
#content.main .promo {
font-size: 100%;
color: #FF0033;
font-style: italic;
background: #EAEBEC;
border-top: 5px solid #E1E2E3;
padding: 0;
}
#content.main .promo b {
color: #666;
}
#content.main .promo p {
padding: 8px 0 14px 142px;
}
#content.main .promo img {
position: absolute;
z-index: 3;
margin-top: -5px;
margin-left: 37px;
}
#content.main .mainPromoSlider {
width: 718px;
overflow: hidden;
position: relative;
}
#content.main .mainPromoSliderInner {
width: 9999px;
overflow: hidden;
}
#content.main .mainPromo,
#content.main .mainPromo2,
#content.main .mainPromoImage {
float: left;
}
#content.main .mainPromo {
background: url(/img/cache.php?img=/img/main_background.gif) left top repeat;
color: #ccc;
font-size: 100%;
width: 718px;
height: 327px;
overflow: hidden;
}
#content.main .mainPromo .sub {
background: url(/img/cache.php?img=/img/main_background2.gif) left top repeat;
width: 100%;
overflow: hidden;
padding: 15px 0 0 0;
height: 100px;
}
#content.main .mainPromo h1 {
color: #fff;
font-size: 300%;
padding: 38px 65px 15px 60px;
height: 43px;
}
#content.main .mainPromo p {
padding: 0 65px 0 60px;
font-size: 134%;
line-height: 140%;
height: 141px;
}
#content.main .mainPromo p a {
color: #fff;
}
#content.main .mainPromo .sub p, #content.main .mainPromo .sub a {
display: block;
float: left;
}
#content.main .mainPromo .sub p {
padding: 21px 0 0 62px;
color: #ccc;
font-style: italic;
font-size: 150%;
}
#content.main .mainPromo .sub a {
padding-left: 44px;
}
#content.main .mainPromo2 {
background: #4D0000 url(/img/cache.php?img=/img/main2_background.jpg) center top no-repeat;
width: 718px;
font-size: 100%;
color: #fff;
position: relative;
text-align: center;
height: 327px;
}
#content.main .mainPromo2 h1 {
padding: 101px 0 0;
}
#content.main .mainPromo2 p {
padding: 4px 85px;
font-size: 150%;
}
#content.main .mainPromo2 a {
display: block;
position: absolute;
text-align: center;
width: 718px;
height: 327px;
left: 0;
top: 0;
z-index: 10;
background: "transparent";
}
#content.main .mainPromo2 a span {
display: block;
position: absolute;
width: 718px;
height: 327px;
left: 0;
background: #fff;
opacity: 0;
cursor: pointer;
}
#content.main .mainPromo2 a img {
margin: 234px 0 0;
}
#content.main .mainPromoImage {
width: 718px;
height: 327px;
position: relative;
overflow: hidden;
}
#content.main .mainPromoImage h1 {
position: relative;
margin-top: -100px;
height: 100px;
}
#content.main .mainPromoSwitch {
position: absolute;
right: 10px;
top: 0;
background: url(/img/main_switch.png) left top no-repeat;
width: 86px;
height: 31px;
z-index: 100;
}
#content.main .mainPromoSwitch span {
display: -moz-inline-box;
display: inline-block;
cursor: pointer;
width: 43px;
height: 31px;
}
#content.main .mainPromoSwitchFirst {
background: url(/img/main_switch_first.png) left top no-repeat;
}
#content.main .mainPromoSwitchFirst .l {
cursor: default;
}
#content.main .mainPromoSwitchLast {
background: url(/img/main_switch_last.png) left top no-repeat;
}
#content.main .mainPromoSwitchLast .r {
cursor: default;
}
#content.glory {
padding: 0 20px 0;
}
#content.glory .hr {
border-color: #D2D2D2;
margin: 0 5px;
}
#content.glory h1 {
font-size: 250%;
padding: 25px 5px 6px 40px;
}
#content.glory .heading {
text-align: center;
padding-top: 15px;
border-bottom: 0;
}
#content.glory .scroller {
border-top: 1px solid #CECECE;
border-bottom: 1px solid #CECECE;
}
#content.glory .scroller .inner {
border-left: 1px solid #CECECE;
border-right: 1px solid #CECECE;
position: relative;
margin: 0 -1px;
background: #D0CFD0;
}
#content.glory .scroller .list {
background: #D0CFD0 url(/img/blocks/glory_list.gif) left top repeat-x;
}
#content.glory .scroller .list td {
background: url(/img/blocks/glory_list.gif) left -86px no-repeat;
border-bottom: 1px solid #7A7A7A !important;
}
#content.glory .scroller .list td .i div {
height: 30px;
padding-top: 12px;
text-align: center;
background: url(/img/blocks/glory_list.gif) right -172px no-repeat;
font-size: 117%;
}
#content.glory .scroller .list td.first {
background: none;
}
#content.glory .scroller .list td.last div {
background: none;
}
#content.glory .scroller .list a {
color: #999;
outline: none;
}
#content.glory .scroller .list td.active .i div {
background: url(/img/blocks/glory_list.gif) left -129px no-repeat;
}
#content.glory .scroller .list td.active .i {
background: url(/img/blocks/glory_list.gif) right -215px no-repeat;
}
#content.glory .scroller .list td.active {
background: #D0CFD0 url(/img/blocks/glory_list.gif) left -43px repeat-x;
border-bottom: 1px solid #9F9F9F !important;
}
#content.glory .scroller .list td.active a {
color: #fff;
}
#content.glory .container_wrapper {
background: url(/img/glory_scroller_background.gif) left top repeat-x;
padding: 0 10px;
}
#content.glory .container {
overflow: hidden;
position: relative;
width: 656px;
}
#content.glory .content_overlay {
width: 679px;
position: absolute;
background: #fff;
opacity: 0.01;
z-index: 4;
cursor: move;
}
#content.glory .content {
color: #333;
width: 5000px;
position: relative;
overflow: hidden;
}
#content.glory .content div {
width: 164px;
float: left;
}
#content.glory .content div p {
padding: 25px 12px 16px;
}
#content.glory .nav {
font-size: 92%;
margin: 0 14px;
border-top: 1px solid #BABABA;
}
#content.glory .nav a {
color: #666;
outline: none;
padding-right: 28px;
padding-left: 28px;
}
#content.glory .nav .left, #content.glory .nav .right {
margin: 12px 8px;
padding: 0 0 2px;
background: url(/img/glory_scroller_nav.gif) right 1px no-repeat;
}
#content.glory .nav .left {
background-position: left -14px;
float: left;
visibility: hidden;
}
#content.glory .nav .right {
float: right;
}
#content.glory .text, #content.work .text {
padding: 30px 60px 25px 40px;
}
#content.glory .text .inner, #content.work .text .inner {
width: 100%;
overflow: hidden;
}
#content.glory .text .left, #content.work .text .left {
float: left;
width: 55%;
}
#content.glory .text .right, #content.work .text .right {
float: right;
width: 45%;
}
#content.glory .text .right ul, #content.work .text .right ul {
list-style: none;
padding: 30px 0 0 85px;
}
#content.glory .text .right ul {
padding-top: 20px;
}
#content.glory .text .right li, #content.work .text .right li {
padding-top: 15px;
}
#content.glory .text h2 {
font-size: 129%;
font-style: italic;
}
#content.glory .text p {
color: #666;
line-height: 143%;
}
#content.client_description {
position: relative;
overflow: hidden;
min-height: 680px;
}
#content.services .wrapper,
#content.people .wrapper,
#content.about .wrapper,
#content.develop .wrapper,
#content.products .wrapper,
#content.hire .wrapper,
#content.creative .wrapper,
#content.client_description .wrapper,
#content.case_studies .wrapper,
#content.innovation .wrapper,
#content.contacts .wrapper,
#content.portfolio .wrapper {
padding: 0 28px;
}
#content.client_description .heading .link {
float: right;
padding: 7px 29px 0 0;
font-size: 117%;
}
#content.client_description .heading .link a {
color: #999;
}
#content.client_description .description, #content.innovation .description, #content.about .description {
padding: 38px 0 14px 32px;
border-bottom: 2px solid #D2D2D2;
}
#content.client_description .description .left, #content.innovation .description .left, #content.about .description .left, #content.about .description .right {
float: left;
width: 50%;
font-size: 115%;
}
#content.client_description .description .right, #content.innovation .description .right, #content.about .description .right, #content.about .description .right2 {
float: right;
width: 49%;
text-align: center;
padding-top: 30px;
}
#content.client_description .description .right {
padding-top: 0;
padding-bottom: 18px;
}
#content.client_description .projects {
padding-bottom: 17px;
}
#content.client_description .projects h2 {
color: #999;
font-size: 150%;
font-weight: normal;
padding: 14px 0 19px 33px;
border-bottom: 1px solid #eee;
}
#content.client_description .projects td {
vertical-align: top;
}
#content.client_description .projects .left {
padding: 0 0 5px;
width: 54%;
}
#content.client_description .projects .left .active td {
background: url(/img/background_gradient2.gif) right top repeat-y;
}
#content.client_description .projects .left .active td a {
color: #666;
}
#content.client_description .projects .left td {
vertical-align: middle;
padding: 0 20px 0 10px;
}
#content.client_description .projects .left td div {
padding: 9px 0 12px 22px;
background: url(/img/list_border.gif) left bottom repeat-x;
}
#content.client_description .projects .left td a {
outline: none;
background: url(/img/bullet.gif) left 4px no-repeat;
padding-left: 21px;
}
#content.client_description .projects .left td.ref {
padding: 9px 19px 8px 43px;
font-size: 92%;
background: url(/img/description_icon_reference.gif) 17px 8px no-repeat;
vertical-align: top;
}
#content.client_description .projects .left td.ref a {
color: #666666;
}
#content.client_description .description {
border-bottom: 0;
}
#content.client_description .projects .right {
background: #F4F4F4;
padding: 1px;
}
#content.client_description .projects .right .inner {
padding: 30px 30px 30px 38px;
}
#content.client_description .projects .right .text {
font-size: 100%;
}
#content.client_description .projects .right .text h3 {
color: #333;
font-size: 134%;
padding-bottom: 25px;
}
#content.client_description .projects .right .more {
padding-bottom: 0;
}
#content.client_description .projects .right .more a {
color: #999;
font-size: 92%;
}
#content.client_description .projects .right .reference {
float: right;
background: #ED0049;
padding: 6px 45px 8px 13px;
margin-top: 40px;
}
#content.client_description .projects .right .reference a {
background: url(/img/bullet2.gif) left 7px no-repeat;
padding-left: 15px;
color: #fff;
font-size: 117%;
}
#content.client_description .projects .right #activeDate {
color: #999;
font-size: 117%;
padding-bottom: 30px;
}
.client_list {
font-size: 117%;
border-top: 1px solid #D2D2D2;
padding: 20px 50px 23px 32px;
}
.client_list a {
color: #666 !important;
}
#content.people .client_list, #content.develop .client_list, #content.products .client_list, #content.hire .client_list, #content.creative .client_list {
border-top-color: #F0F0F0;
}
#content.client_description #sidebar {
width: 270px;
position: absolute;
overflow: hidden;
display: none;
z-index: 3;
}
#content.client_description #sidebar .inner {
background: #333;
opacity: 0.91;
position: relative;
}
#content.client_description #sidebar .controls {
padding: 32px 45px 0;
}
#content.client_description #sidebar .controls a {
color: #999;
font-size: 117%;
}
#content.client_description #sidebar ul {
list-style: none;
padding: 45px 45px 25px 0;
}
#content.client_description #sidebar li {
padding-left: 45px;
padding-bottom: 25px;
background: url(/img/description_sidebar_bullet.gif) 32px 4px no-repeat;
position: relative;
}
#content.client_description #sidebar h4 {
padding-bottom: 5px;
}
#content.client_description #sidebar h4 a {
color: #fff;
font-size: 117%;
font-weight: normal;
}
#content.client_description #sidebar p {
font-size: 92%;
color: #999;
}
#content.client_description #sidebar .more {
padding-left: 45px;
}
#content.client_description #sidebar .more a {
color: #fff;
font-size: 117%;
}
#content.work {
position: relative;
overflow: hidden;
}
#content.work .wrapper {
padding: 0 28px;
}
#content.work .heading {
padding-top: 25px;
border-bottom: 1px solid #D2D2D2;
width: 100%;
overflow: hidden;
}
#content.work .heading h1 {
float: left;
padding-left: 6px;
}
#content.work .heading h2 {
font-size: 117%;
padding-top: 11px;
padding-left: 42px;
float: left;
background: url(/img/work_heading_icon.gif) 10px 13px no-repeat;
}
#content.work .heading h2 a {
color: #666;
}
#content.work .container_wrapper {
margin: 14px 16px 0;
}
#content.work .container {
height: 450px;
width: 100%;
overflow: hidden;
position: relative;
}
#content.work .container .content {
width: 30000px;
position: relative;
}
#content.work .container .content.empty_list {
background: #CDCDCD;
}
#content.work .container .content div {
float: left;
height: 450px;
background: #CDCDCD;
}
#content.work .container .content.empty_list div {
text-align: center;
width: 630px;
}
#content.work .container .content.empty_list div img {
border-right: none;
}
#content.work .container .content div img {
border-right: 1px solid #fff;
}
#content.work .container .content div.swf {
width: 490px;
}
#content.work .container .content div.swf-wide {
width: 630px;
}
#content.work .nav {
position: absolute;
margin-left: 404px;
margin-top: -125px;
z-index: 15;
}
#content.work .nav .clearInner {
position: relative;
z-index: 30;
}
#content.work .nav .block.arrows a {
display: block;
float: left;
padding: 0;
outline: none;
position: relative;
z-index: 40;
background: url(/img/cache.php?img=/img/work_nav_back.png) left top repeat-x;
margin-right: 1px;
}
#content.work .nav .block.arrows .invisible {
visibility: hidden;
}
#content.work .content_overlay {
background: #333;
position: absolute;
z-index: 2;
border-right: 1px solid #fff;
font-family: Georgia, Helvetica, Arial, sans-serif, Times;
height: 266px;
overflow:hidden;
margin-top: -442px;
padding-top: 176px;
opacity: 0.01;
}
#content.work .content_overlay .box {
background: #fff url(/img/cache.php?img=/img/blocks/work_box_lt.gif) left top no-repeat;
}
#content.work .content_overlay .box .rt {
background: url(/img/cache.php?img=/img/blocks/work_box_rt.gif) right top no-repeat;
}
#content.work .content_overlay .box .rb {
background: url(/img/cache.php?img=/img/blocks/work_box_rb.gif) right bottom no-repeat;
}
#content.work .content_overlay .box .lb {
background: url(/img/cache.php?img=/img/blocks/work_box_lb.gif) left bottom no-repeat;
padding: 10px 16px;
}
#content.work .content_overlay .box a {
color: #666;
font-size: 117%;
white-space: nowrap;
}
#content.work .text {
padding: 32px 10px 10px 32px;
color: #666;
}
#content.work .text .left {
width: 57%;
}
#content.work .text .right {
width: 40%;
font-size: 86%;
}
#content.work .text .right.paddingBottom {
padding-bottom: 75px;
}
#content.work .text .ref {
font-size: 115%;
font-weight: bold;
padding-top: 5px;
}
#content.work .text .right ul, #content.work .text .right .other {
padding-top: 0;
padding-left: 65px;
}
#content.work .text .right ul li {
padding: 0 0 15px;
}
#content.work .text .right ul li a {
color: #C07773;
}
#content.work .text .right .client_logo {
text-align: center;
padding-left: 15px;
padding-bottom: 18px;
padding-right: 28px;
}
#content.work .text .project_date {
color: #999;
padding-bottom: 20px;
}
#content.work .text .right .other {
padding-left: 15px;
padding-right: 28px;
text-align: center;
}
#content.work .text .right .other a {
color: #999;
}
#content.work .right .reference {
float: left;
font-style: italic;
background: #ED0049;
padding: 6px 12px 8px 12px;
width: 172px;
margin-left: 15px;
margin-bottom: 18px;
}
#content.work .right .reference a {
color: #fff;
padding-left: 16px;
background: url(/img/bullet2.gif) left 6px no-repeat;
font-size: 116%;
}
#content.work .right .case_study {
position: relative;
margin-top: 0;
margin-left: 15px;
padding-left: 12px;
font-style: italic;
font-size: 116%;
padding-bottom: 18px;
}
#content.work .right .case_study.move_up {
margin-top: -45px;
padding-bottom: 0;
position: absolute;
}
#content.work .right .case_study a {
color: #666;
background: url(/img/bullet.gif) left 6px no-repeat;
padding-left: 16px;
}
#content.case_studies .table {
padding: 12px 25px 62px 15px;
}
#content.case_studies table td {
border-bottom: 1px solid #EEEEEE;
}
#content.case_studies table td:first-child {
height: 70px;
}
#content.case_studies table .last td {
border-bottom: 0;
}
#content.case_studies table td img {
margin: 0 30px;
}
#content.case_studies table td a {
font-size: 134%;
color: #333;
}
#content.innovation .description, #content.about .description {
border-bottom: 0;
}
#content.innovation .description .text, #content.about .description .text {
line-height: 150%;
}
#content.innovation .description big a {
color: #70B6EB;
font-style: italic;
}
#content.innovation .description .right, #content.about .description .right, #content.about .description .right2 {
padding-top: 0;
}
#content.innovation .features {
background: url(/img/innovation_back.gif) left top repeat-x;
margin: 25px 1px 12px;
}
#content.innovation .features .inner_wrapper {
padding-right: 40px;
}
#content.innovation .features .row {
width: 100%;
overflow: hidden;
}
#content.innovation .features .row div {
width: 50%;
padding: 18px 0 32px 0;
float: left;
background-position: 40px 32px;
background-repeat: no-repeat;
}
#content.innovation .features .row div h2, #content.innovation .features .col div h2 {
font-size: 134%;
font-family: Georgia, Helvetica, Arial, sans-serif, Times;
font-weight: bold;
padding: 0 0 10px 100px;
}
#content.innovation .features .row div img {
position: absolute;
margin-top: 6px;
margin-left: 40px;
}
#content.innovation .features .row div p {
font-size: 92%;
line-height: 150%;
padding: 0 0 0 100px;
color: #999;
}
#content.innovation .img {
padding-bottom: 30px;
text-align: right;
}
#content.innovation .img.txt_2 {
font: 195% Georgia;
font-style: italic;
padding-right: 100px;
color: #9B9B9B;
}
#content.innovation .img.txt_2 b {
font-size: 150%;
color: #666;
font-weight: normal;
}
#content.innovation .more {
border-top: 1px solid #F0F0F0;
padding: 18px 20px 15px 32px;
}
#content.innovation .more .descr, #content.innovation .more img {
float: left;
}
#content.innovation .more .descr {
padding: 2px 25px 11px 25px;
background-position: left top;
background-repeat: no-repeat;
color: #999;
}
#content.innovation .more .descr a {
color: #999;
}
#content.innovation .more .descr small a {
font-size: 110%;
font-style: italic;
color: #ccc;
}
#content.innovation.ss .features {
padding: 10px 15px 0 44px;
}
#content.innovation .features .col {
float: left;
width: 25%;
}
#content.innovation .features .col .wrap {
padding-right: 19px;
}
#content.innovation .features .col div h2 {
padding-left: 0;
padding: 7px 0 5px;
}
#content.innovation .features .col div p {
padding: 15px 0 28px;
line-height: 150%;
}
#content.innovation .features .col.active div h2 {
background: #D59C6C url(/img/innovation_heading_back.gif) left top repeat-y;
color: #fff;
margin-left: -14px;
padding-left: 14px;
position: relative;
}
#content.contacts {}
#content.contacts .list {
padding: 45px 0 45px 0;
font-size: 117%;
}
#content.contacts p, #content.contacts address {
line-height: 134%;
}
#content.contacts p {
white-space: nowrap;
}
#content.contacts .list ul {
list-style: none;
width: 100%;
overflow: hidden;
}
#content.contacts .list li .inner {
padding: 0 30px 0 32px;
}
#content.contacts .list li span {
white-space: nowrap;
}
#content.contacts .list li h2 {
color: #666;
font-size: 172%;
padding-bottom: 15px;
font-family: Georgia, Helvetica, Arial, sans-serif, Times;
}
#content.contacts .list li h2 small {
font-size: 59%;
color: #CBCBCB;
}
#content.contacts .list .phone small {
color: #ccc;
font-size: 86%;
}
#content.contacts .list .email {
padding-top: 20px;
}
#content.contacts .list li h3 {
font-size: 100%;
padding-top: 36px;
}
#content.contacts .list li address {
font-style: normal;
}
#content.contacts .list li address small {
font-size: 86%;
color: #999;
}
#content.contacts .list .map {
padding: 20px 0 0;
font-size: 86%;
}
#content.contacts .list .map a {
color: #999;
}
#content.contacts .list .map img {
margin-top: 5px;
}
#content.contacts .form {
padding-bottom: 40px;
width: 100%;
overflow: hidden;
border-top: 1px solid #E6E6E6;
}
#content.contacts .form form {
background: #F3F3F3;
padding: 20px 20px 25px 32px;
width: 602px;
}
#content.contacts .form h2 {
font-weight: bold;
font-family: Georgia, Helvetica, Arial, sans-serif, Times;
font-size: 134%;
padding-bottom: 12px;
}
#content.contacts .form label {
display: block;
padding: 10px 0 6px 11px;
}
#content.contacts .form .text, #content.contacts textarea {
width: 295px;
border: 1px solid #9C9C9C;
font-size: 117%;
padding: 3px 2px 4px;
}
#content.contacts .form textarea {
margin-top: 0;
font-size: 117% !important;
height: 72px;
font-family: Georgia, Helvetica, Arial, sans-serif, Times;
}
#content.contacts .form .grid_first .text, #content.contacts .grid_first textarea {
width: 266px;
}
#content.contacts .form p {
color: #999;
}
#content.contacts .form .button {
width: 100%;
overflow: hidden;
padding-top: 22px;
}
#content.contacts .form .button .l, #content.contacts .form .button .r, #content.contacts .form .button input {
height: 28px;
background: url(/img/button.gif) left top repeat-x;
}
#content.contacts .form .button .l {
float: left;
}
#content.contacts .form .button .r {
background-repeat: no-repeat;
background-position: right -56px;
padding: 0 3px;
}
#content.contacts .form .button input {
background-position: left -28px;
border: 0;
font-size: 100%;
color: #333;
padding: 0 15px;
font-family: Georgia, Helvetica, Arial, sans-serif, Times;
cursor: pointer;
}
#content.contacts .form .button *[class="R"] {
padding: 0 3px;
}
#content.contacts .form .form_container {
width: 1400px;
}
#content.contacts .form .thankyou {
border: 10px solid #F3F3F3;
font-size: 117%;
width: 642px;
}
#content.contacts .form .thankyou div {
background: #F3F3F3 url(/img/mail.gif) 168px 100px no-repeat;
border: 10px solid #EBEBEB;
padding: 105px 50px 40px 260px;
min-height: 111px;
}
* html #content.contacts .form .thankyou div {
height: 251px;
}
#content.contacts .form .thankyou h4, #content.contacts .form .thankyou p {
color: #333;
}
#content.contacts .form .thankyou, #content.contacts .form form {
float: left;
}
#content.portfolio .sorting {
float: right;
padding-right: 17px;
}
#content.portfolio .sorting div {
color: #CDCDCD;
padding: 10px 16px 16px 13px;
margin: 0 8px;
float: left;
}
#content.portfolio .sorting div div {
padding: 0;
margin: 0;
}
#content.portfolio .sorting div.open {
background: #474747;
position: relative;
z-index: 10;
}
#content.portfolio .sorting div.open a {
color: #fff;
}
#content.portfolio .sorting a.selected {
color: #999;
}
#content.portfolio .sorting a.work_type {
padding-right: 22px;
background: url(/img/arrow_down_1.gif) right 5px no-repeat;
}
#content.portfolio .sorting div.open a.work_type {
background: url(/img/arrow_down_2.gif) right 5px no-repeat;
}
#content.portfolio .sorting .popup {
display: none;
overflow: hidden;
background: #333;
color: #fff;
margin: 31px 0 0 -187px;
width: 360px;
padding: 0 0 0 18px;
z-index: 20;
}
#content.portfolio .sorting .popup .inner {
padding: 19px 0 15px 0;
width: 100%;
overflow: hidden;
}
#content.portfolio .sorting .popup h3 {
color: #fff;
}
#content.portfolio .sorting .popup .categories {
list-style: none;
color: #999;
font-size: 92%;
margin-top: 3px;
}
#content.portfolio .sorting .popup .categories li {
padding: 12px 10px 0 0;
}
#content.portfolio .sorting .popup .categories li a {
color: #ccc;
padding-right: 3px;
}
#content.portfolio .sorting .popup .categories li.current, #content.portfolio .sorting .popup .categories li.current a {
color: #ED0049;
}
.slider {
position: relative;
padding: 0 20px;
}
.slider .prev, .slider .next, .slider .line {
background: url(/img/slider.gif) left top repeat-x;
cursor: pointer;
position: relative;
}
.slider .prev {
position: absolute;
left: 0px;
width: 20px;
height: 22px;
}
.slider .next {
position: absolute;
right: 0px;
width: 20px;
height: 22px;
background-position: right -22px;
}
.slider .line, .slider .drag {
background-position: left -44px;
height: 22px;
}
.slider .line {
padding: 0 1px;
cursor: pointer;
}
.slider .drag {
background: url(/img/slider_move.gif) left top no-repeat;
width: 58px;
cursor: move;
}
#content.portfolio .container_wrapper {
padding: 10px 0 15px;
}
#content.portfolio .container_wrapper .container {
overflow: hidden;
width: 100%;
}
#content.portfolio .container_wrapper table {
}
#content.portfolio .container_wrapper table td {
padding-left: 30px;
padding-top: 25px;
vertical-align: top;
}
#content.portfolio .container_wrapper table tr:first-child td {
padding-top: 0;
}
#content.portfolio .container_wrapper table td:first-child {
padding-left: 0;
}
#content.portfolio .container_wrapper img {
border: 1px solid #DFDFDF;
}
#content.portfolio .container_wrapper small, .container_wrapper small a {
color: #ccc;
}
#content.portfolio .container_wrapper small.for, #content.portfolio .container_wrapper small.for a {
color: #999;
font-style: italic;
line-height: 180%;
white-space: nowrap;
}
#content.portfolio .container_wrapper .content div, #content.portfolio .container_wrapper .content h3 {
width: 168px;
padding: 7px 16px;
font-size: 117%;
line-height: 129%;
}
#content.portfolio .container_wrapper .content div small {
line-height: 129%;
}
#content.portfolio .description {
padding: 30px 0;
font-size: 117%;
}
#content.portfolio .description b {
font-size: 215%;
font-family: Georgia, Helvetica, Arial, sans-serif, Times;
font-weight: normal;
padding-left: 28px;
}
#content.portfolio .description big {
line-height: 100%;
font-size: 160%;
}
#content.portfolio .description p {
line-height: 143%;
padding: 0 20px;
}
#content.clients_view .container_wrapper {
width: 648px;
}
#content.clients_view .container_wrapper table {
border-collapse: separate;
}
#content.clients_view .container_wrapper table td {
border: 1px solid #F2F2F2;
padding: 15px 10px 10px;
}
#content.clients_view .container_wrapper table tr:first-child td {
padding-top: 15px;
}
#content.clients_view .container_wrapper table td:first-child {
padding-left: 10px;
}
#content.clients_view .container_wrapper img {
border: 0;
}
#content.clients_view .container_wrapper .content div {
padding-top: 0;
}
#content.clients_view .container_wrapper .content .small {
padding-top: 0;
padding-right: 20px;
width: auto;
text-align: center;
}
#content.clients_view .container_wrapper .content .small a {
color: #A0A0A0;
font-size: 79%;
}
#content.clients_view .container_wrapper .content div, #content.clients_view .container_wrapper .content h3 {
width: 152px;
}
#content.clients_view .container_wrapper .content h3 {
font-family: Georgia, Helvetica, Arial, sans-serif, Times;
font-weight: normal;
font-size: 134%;
padding-bottom: 0;
padding-top: 3px;
text-align: center;
}
#content.clients_view .container_wrapper .content h3 sup {
font-family: Georgia, Helvetica, Arial, sans-serif, Times;
font-size: 75%;
color: #A0A0A0;
padding-left: 3px;
}
#content.clients_view .container_wrapper .content table.img td {
padding: 0;
margin: 0;
border: 0;
height: 85px;
width: 184px;
text-align: center;
vertical-align: middle;
}
#content.creative .wrapper {
padding-right: 28px;
background: #fff url(/img/creative_background.jpg) right top no-repeat;
}
#content.creative .description, #content.creative h1 {
padding-left: 32px;
padding-right: 322px;
}
#content.creative h1 {
font-size: 590%;
font-style: italic;
color: #000;
padding-top: 20px;
}
#content.creative .description {
font-family: Georgia, Helvetica, Arial, sans-serif, Times;
font-size: 117%;
padding-top: 5px;
padding-bottom: 24px;
color: #333;
}
#content.creative .description p {
padding-bottom: 17px;
line-height: 129%;
}
#content.creative .description p i {
line-height: 142%;
}
#content.creative .list {
padding: 0 10px 7px 5px;
}
#content.creative .list table {
width: 100%;
}
#content.creative .list td {
vertical-align: top;
width: 33%;
}
#content.creative .list td a {
display: block;
text-decoration: none;
color: #999;
padding: 86px 21px 27px 29px;
outline: 0;
}
#content.creative .list td a:hover {
text-decoration: none;
color: #999;
}
#content.creative .list td.even {
background-color: #F0F1F1 !important;
}
#content.creative .list td span {
padding-top: 5px;
padding-left: 5px;
display: block;
line-height: 150%;
}
#content.hire .inner {
font-size: 117%;
line-height: 143%;
color: #333;
padding: 312px 35px 25px 32px;
width: 939px;
position: relative;
}
#content.hire .inner_container {
background: url(/img/we_hire_background.jpg) left top no-repeat;
width: 662px;
overflow: hidden;
position: relative;
}
#content.hire .inner table {
width: 939px;
width: 100%;
}
#content.hire .inner table td {
vertical-align: top;
width: 235px;
}
#content.hire .inner table td.left {
width: 215px;
padding-right: 50px;
color: #666;
}
#content.hire .inner table td.left p {
width: 215px;
color: #666;
}
#content.hire .inner table td.right {
width: 352px;
opacity: 0;
position: relative;
}
#content.hire .inner table .list {
width: 153px;
padding-right: 15px;
overflow: hidden;
}
#content.hire .inner table .list_container {
overflow: hidden;
width: 153px;
}
#content.hire .inner table.single_list td.left {
padding-right: 72px;
width: 280px;
}
#content.hire .inner table.single_list td.left p {
width: 280px;
}
#content.hire .inner table.single_list .list {
width: 220px;
}
#content.hire .inner table.single_list .list_container {
overflow: visible;
width: auto;
}
#content.hire .inner table .list h2 {
color: #999;
font-size: 158%;
padding: 25px 0 10px 0;
}
#content.hire .inner table.single_list .list h2 {
}
#content.hire .inner table .list p {
font-size: 86%;
}
#content.hire .inner table .list p, #content.hire .inner table .list p a {
color: #999;
}
#content.hire .positions {
list-style: none;
}
#content.hire .positions li {
padding-top: 20px;
}
#content.hire .positions li.active {
font-weight: bold;
}
#content.hire .container {
width: 390px;
height: 200px;
overflow: hidden;
position: relative;
}
#content.hire .tab {
width: 390px;
left: 400px;
position: absolute;
background: #fff;
font-size: 86%;
}
#content.hire .tab.initial {
position: absolute;
z-index: 1;
left: 0;
}
#content.hire .tab h2 {
font-weight: bold;
font-size: 129%;
font-family: Georgia, Helvetica, Arial, sans-serif, Times;
color: #000;
padding-bottom: 15px;
}
#content.hire .tab h3 {
font-weight: bold;
font-size: 100%;
padding: 8px 0 5px;
}
#content.hire .tab ul {
list-style: none;
margin-bottom: 10px;
}
#content.hire .tab ul li {
background: url(/img/list_bullet.gif) 5px 10px no-repeat;
padding-left: 14px;
}
#content.products .inner {
padding: 40px 40px 0 87px;
}
#content.products .description {
font-family: Georgia, Helvetica, Arial, sans-serif, Times;
font-size: 117%;
font-style: italic;
}
#content.products .description .wrap {
padding-right: 10px;
}
#content.products .description h2 {
font-size: 129%;
font-weight: normal;
padding: 25px 0 5px;
}
#content.products .description h3 {
font-size: 115%;
font-style: normal;
font-weight: normal;
padding-bottom: 8px;
}
#content.products .description p {
padding: 12px 0 30px;
}
#content.products .special_text {
background: url(/img/develop_background.png)  left bottom no-repeat;
padding: 32px 50px 30px 60px;
}
#content.products .special_text h3 {
font: 495% Georgia, Helvetica, Arial, sans-serif, Times;
font-style: italic;
font-weight: normal;
color: #696969;
padding-bottom: 15px;
}
#content.products .special_text p {
font: 150% Georgia, Helvetica, Arial, sans-serif, Times;
font-style: italic;
color: #696969;
line-height: 167%;
}
#content.develop .inner {
padding: 30px 30px 5px 32px;
}
#content.develop .left {
width: 340px;
float: left;
}
#content.develop .right {
width: 255px;
float: right;
}
#content.develop .banner .right {
width: 268px;
}
#content.develop .description {
font-size: 117%;
line-height: 141%;
color: #333;
padding-top: 24px;
}
#content.develop big {
font-size: 115%;
padding-top: 12px;
display: block;
}
#content.develop .description p {
padding-bottom: 20px;
padding-right: 15px;
color: #666;
}
#content.develop p.main_description {
font-size: 250%;
color: #2B2B2B;
border-bottom: 3px solid #DADADA;
padding-bottom: 24px;
}
#content.develop .right small {
color: #333;
font-size: 129%;
padding-left: 15px;
}
#content.develop .solutions {
list-style: none;
margin-bottom: 15px;
}
#content.develop .solutions li {
line-height: 117%;
padding: 25px 0 0 40px;
background: url(/img/bullet3.gif) 18px 31px no-repeat;
}
#content.develop .data_list {
background: #f3f3f3;
margin: 60px 0 10px;
padding: 0 17px 13px 13px;
}
#content.develop .data_list table.headings {
position: relative;
margin-top: -28px;
}
#content.develop .data_list.opera_safari table.headings {
top: -28px;
margin-bottom: -28px;
margin-top: 28px;
}
#content.develop .data_list td {
vertical-align: top;
text-align: center;
line-height: 150%;
}
#content.develop .data_list .mark {
background: url(/img/solutions_line.gif) left 27px no-repeat;
}
#content.develop .data_list .first .mark {
background-position: 74px 27px;
}
#content.develop .data_list .last .mark {
background-position: -200px 27px;
}
#content.develop .data_list .mark div {
background: url(/img/cache.php?img=/img/solutions_circle.gif) center top no-repeat;
font-size: 350%;
line-height: 1em;
}
#content.develop .data_list .mark div a {
color: #fff;
display: block;
width: 100%;
text-decoration: none;
text-align: center;
padding-bottom: 20px;
}
#content.develop .data_list .active .mark div {
background: url(/img/cache.php?img=/img/solutions_circle2.gif) center top no-repeat;
}
#content.develop .data_list a {
color: #666;
outline: none;
cursor: pointer;
}
#content.develop .data_list .active a {
color: #333;
text-decoration: none;
cursor: default;
}
#content.develop .data_list .headings p {
padding: 0 5px;
}
#content.develop .data_list img {
display: none;
margin-top: 10px;
}
#content.develop .data_list .active img {
display: inline;
}
#content.develop .container {
overflow: hidden;
width: 100%;
position: relative;
clear: both;
}
#content.develop .content {
background: #fff;
}
#content.develop .content table {
margin: 0;
}
#content.develop .content td {
width: 570px;
padding: 0;
text-align: left;
vertical-align: top;
}
#content.develop .content td p {
padding: 18px 15px;
font-size: 117%;
line-height: 158%;
}
#content.people .inner {
padding: 0 10px 25px 30px;
}
#content.people .img {
padding: 35px 20px 40px 0;
}
#content.people .img .b1 {
text-align: left;
font-size: 400%;
color: #999;
}
#content.people .img .b2 {
text-align: right;
font-size: 600%;
line-height: 50%;
padding-bottom: 20px;
color: #333;
}
#content.people .list {
list-style: none;
width: 155px;
float: left;
padding-bottom: 15px;
}
#content.people .list li {
background: url(/img/list_bullet_light.gif) 0 8px no-repeat;
padding: 0 0 18px 18px;
color: #999;
}
#content.people .list li.color1 {
color: #ccc;
}
#content.people .container {
width: 620px;
overflow: hidden;
}
#content.people .content {
width: 3000px;
overflow: hidden;
}
#content.about .wrapper {
padding-bottom: 30px;
}
#content.about h2 {
font-size: 100%;
font-family: Georgia, Helvetica, Arial, sans-serif, Times;
font-weight: bold;
color: #333;
padding-bottom: 3px;
line-height: 100%;
}
#content.about .description {
padding-bottom: 12px;
}
#content.about .description .right2 {
text-align: left;
}
#content.about .description .right2 .text {
padding-left: 42px;
padding-right: 60px;
font-size: 134%;
}
#content.about .img {
padding-bottom: 28px;
margin-left: -2px;
margin-right: -2px;
position: relative;
text-align: center;
}
#content.about .descr {
font-size: 117%;
padding-top: 10px;
text-align: center;
}
#content.services .inner {
font-size: 117%;
margin: 0 34px 15px 32px;
}
#content.services .intro {
padding: 30px 0 26px 0;
font-size: 129%;
line-height: 134%;
font-family: Georgia, Helvetica, Arial, sans-serif, Times;
color: #666;
border-bottom: 2px solid #D2D2D2;
}
#content.services .intro big {
display: block;
font-size: 167%;
color: #333;
font-weight: normal;
padding-bottom: 20px;
}
#content.services .intro b {
font-size: 150%;
font-weight: normal;
color: #666;
}
#content.services .bottom {
color: #999;
line-height: 172%;
padding: 40px 45px 40px 32px;
}
#content.services .description {
padding: 25px 0 35px;
font-family: Georgia, Helvetica, Arial, sans-serif, Times;
border-top: 1px solid #D2D2D2;
}
#content.services .description, #content.services .description h2 {
cursor: pointer;
}
#content.services .description h2, #content.services .description .right {
width: 37%;
float: left;
}
#content.services .description .right {
width: 58%;
}
#content.services .description h2 {
color: #333;
font-size: 300%;
line-height: 90%;
}
#content.services .description p {
line-height: 143%;
padding-top: 4px;
}
#content.services .description .more {
padding: 4px 0 0;
}
#content.services .client_list a {
color: #ED0049 !important;
}
#projects {
float: right;
width: 33%;
padding: 55px 0 17px 0;
}
#projects .button {
background: #E9E9E9 url(/img/footer_projects_button.gif) left top repeat-x;
width: 210px;
}
#projects .button .select {
background: url(/img/footer_projects_button_i.gif) 94% 3px no-repeat;
width: 100%;
}
#projects .button .icon {
background: url(/img/px.gif) 12px 50% no-repeat;
}
#projects .button a {
color: #666;
font-size: 117%;
text-decoration: none;
display: block;
outline: none;
height: 20px;
padding: 8px 0 4px 42px;
}
#projects .popup {
position: absolute;
display: block;
width: 250px;
margin-left: -70px;
margin-top: -8000px;
overflow: hidden;
}
#projects .popup .l {
padding-left: 15px;
}
#projects .popup .r {
padding-left: 18px;
}
#projects .popup .c {
width: 100%;
}
#projects .popup .t td {
height: 18px;
}
#projects .popup .b td {
height: 15px;
}
#projects .popup .t .l { background: url(/img/projects_list_lt.png) left top no-repeat; }
#projects .popup .t .c { background: url(/img/projects_list_t.png) left top repeat-x; }
#projects .popup .t .r { background: url(/img/projects_list_rt.png) left top no-repeat; }
#projects .popup .m .l { background: url(/img/projects_list_l.png) left top repeat-y; }
#projects .popup .m .r { background: url(/img/projects_list_r.png) left top repeat-y; }
#projects .popup .b .l { background: url(/img/projects_list_lb.png) left top no-repeat; }
#projects .popup .b .c { background: url(/img/projects_list_b.png) left top repeat-x; }
#projects .popup .b .r { background: url(/img/projects_list_rb.png) left top no-repeat; }
#projects .popup .back {
background: url(/img/cache.php?img=/img/footer_projects_back.gif) left -65px repeat;
position: relative;
margin: -15px -8px 0 -7px;
padding: 10px 13px 4px 11px;
border-top: 1px solid #EBEBEB;
}
#projects .popup .back div {
cursor: pointer;
padding: 0 8px 12px;
border-bottom: 1px solid #E9E9E9;
}
#projects .popup .back div.last {
border-bottom: 0;
}
#projects .popup .back img {
margin-top: 10px;
margin-bottom: 7px;
}
#projects .popup .back a {
color: #666;
text-decoration: none;
}
#projects_additional {
float: left;
width: 65%;
padding-top: 55px;
}
#projects_additional div {
padding-left: 60px;
font-size: 150%;
color: #333;
font-family: Georgia, Arial, Helvetica, sans-serif;
}
#projects_additional div small {
font-size: 78%;
color: #999;
font-style: italic;
}
#projects_additional img {
margin-left: 60px;
}
.banner_type_1 {
border: 1px solid #D2D2D2;
width: 266px;
background: #fff url(/img/banner_background.jpg) right bottom no-repeat;
position: relative;
text-align: left;
}
.banner_type_1 a {
position: absolute;
top: 50px;
left: 90px;
color: #ED0049;
text-decoration: underline;
font: 100% Georgia, "Times New Roman", Times, serif;
}
.banner_type_1.hover a {
text-decoration: none;
}
.banner_type_1 a.overlay {
top: 0;
left: 0;
height: 88px;
width: 266px;
display: block;
z-index: 10;
}
.banner_type_1 h3 {
position: absolute;
top: 20px;
left: 90px;
font: 172% Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-weight: normal;
color: #333;
z-index: 4;
}
.banner_type_2 {
background-repeat: no-repeat;
background-position: 5px top;
padding: 5px 5px 0 90px;
}
.banner_type_2 p, .banner_type_2 h3 {
font-style: italic;
color: #666;
font-weight: normal;
}
.banner_type_2 h3 {
font-size: 129%;
line-height: 111%;
padding-bottom: 5px;
}
.banner_type_2 p {
font-size: 86%;
line-height: 167%;
padding-bottom: 10px;
}
#footer .wrapper {
width: auto;
margin: 0 24px 0 30px;
padding: 16px 0 60px 30px;
border-top: 1px solid #D8D8D8;
}
#footer a {
color: #666;
text-decoration: none;
padding-right: 22px;
}
#footer a:hover {
text-decoration: underline;
}
#footer .copyright {
padding-top: 16px;
color: #999;
}
.background.error404 {
background: #fff;
}
.error404 .wrapper {
width: 570px;
padding-bottom: 100px;
}
.error404 #header {
padding: 74px 0 122px 0;
}
.error404 h1 {
font-size: 483%;
color: #616060;
border-bottom: 1px solid #D2D2D2;
padding-bottom: 13px;
margin-bottom: 28px;
letter-spacing: -2px;
}
.error404 p {
font-size: 175%;
color: #666;
padding: 0 0 16px 0;
}
#lightbox, #lightbox-overlay {
position: absolute;
top: 0px;
left: 0px;
bottom:auto;
right:auto;
z-index:100;
width:100%;
height:auto;
text-align:center;
color:#333333;
margin:0px;
padding:0px;
border:none;
outline:none;
text-decoration:none;
background:none;
word-spacing:normal;
letter-spacing:normal;
float:none;
clear:none;
display:block;
}
#lightbox-overlay {
z-index: 90;
background-color:#000000;
height: 100%;
}
#lightbox-overlay-text {
text-align: right;
margin-right: 20px;
margin-top: 20px;
color: white;
font-size: 12px;
cursor: default;
line-height:normal;
}
#lightbox-overlay-text a, #lightbox-overlay-text a:hover, #lightbox-overlay-text a:visited, #lightbox-overlay-text a:link {
text-decoration:underline;
color:white;
}
#lightbox-overlay-text span {
padding-left:5px;
padding-right:5px;
}
#lightbox img, #lightbox a img, #lightbox a { border:none; outline:none; }
#lightbox-imageBox {
position:relative;
width:250px;
height:250px;
margin:0 auto;
}
#lightbox-imageContainer {
padding: 24px 32px 12px;
background-color:white;
min-height: 70%;
}
#lightbox-loading {
position:absolute;
top:40%;
left:0%;
height:25%;
width:100%;
text-align:center;
line-height:0;
}
#lightbox-nav {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:10;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
display:block;
width:49%;
height: 100%;
background:transparent url("/img/px.gif") no-repeat;
padding:0px;
margin:0px;
}
#lightbox-nav-btnPrev {
left:0;
right:auto;
float:left;
}
#lightbox-nav-btnNext {
left:auto;
right:0;
float:right;
}
#lightbox-infoBox {
font:10px Verdana, Helvetica, sans-serif;
background-color:#FFFFFF;
margin:0 auto;
padding: 0;
}
#lightbox-infoContainer {
padding: 5px 32px;
color:#666;
line-height:normal;
}
#lightbox-infoHeader {
border-top: 1px solid #CCCCCC;
padding: 15px 5px 15px;
text-align: left;
font-size: 117%;
}
#lightbox-caption {
text-align:justify;
}
#lightbox-caption-title {
font-weight:bold;
display: block;
color: #333;
}
#lightbox-caption-description {
font-weight:normal;
display: block;
padding-top: 8px;
color: #666;
}
#lightbox-infoFooter {
margin-top:3px;
color:#999999;
}
#lightbox-currentNumber {
display:block;
width:49%;
float:left;
text-align:left;
}
#lightbox-close {
text-align:right;
position: relative;
z-index: 15;
padding-bottom: 10px;
padding: 4px 32px 10px;
}
#lightbox-close-button{
padding-right: 16px;
background: url(/img/lightbox_close.gif) right 4px no-repeat;
font-size: 92%;
}
#lightbox-close-button, #lightbox-close-button:link, #lightbox-close-button:visited, #lightbox-close-button:hover {
text-decoration:underline;
color:#ccc;
}
#lightbox-close-button:hover {
color:#666666;
}
#lightbox-infoContainer-clear {
clear:both;
visibility:hidden;
}
html,head,body,
div,blockquote,q,img,object,param,embed,area,map,b,i,em,strong,tt,sub,sup,big,small,hr
h1, h2, h3, h4, h5, h6,
abbr,acronym,address,bdo,cite,code,ins,del,dfn,kbd,br,
ul,ol,li,dl,dt,dd,
table,tr,td,th,tbody,thead,tfoot,col,colgroup,caption,
form,label,fieldset,legend,
a,base,span,pre,p {
margin: 0;
padding: 0;
}
body, html {
height: 100%;
}
html {
border: none;
}
body {
color: #333;
}
a, a:active, a:link {
color: #ED0049;
outline-color: #999;
}
a:hover {
text-decoration: none;
}
a img {
border: none;
}
table, td {
border-collapse: collapse;
}
body {
font: 76% Georgia, Helvetica, Arial, sans-serif, Times;
color: #666;
}
h1,h2,h3,h4,h5 {
font-family: Georgia, Helvetica, Arial, sans-serif, Times;
margin: 0;
padding: 0;
}
h3,h4,h5 {
font-family: Georgia, Helvetica, Arial, sans-serif, Times;
}
h1 {
font-size: 1.5em;
font-weight: normal;
}
h2 {
font-size: 1.34em;
font-weight: normal;
}
h3 {
font-size: 1.17em;
}
h4, h5 {
font-size: 1em;
}