* {outline: none;}
.area3_1 { background: transparent url(../media/images/site_slides/area3/1.png) no-repeat; }
.area3_2 { background: transparent url(../media/images/site_slides/area3/2.png) no-repeat; }
.area3_3 { background: transparent url(../media/images/site_slides/area3/3.png) no-repeat; }
.area3_4 { background: transparent url(../media/images/site_slides/area3/4.png) no-repeat; }
.cookology_1 { background: transparent url(../media/images/site_slides/cookology/1.png) no-repeat; }
.cookology_2 { background: transparent url(../media/images/site_slides/cookology/2.png) no-repeat; }
.cookology_3 { background: transparent url(../media/images/site_slides/cookology/3.png) no-repeat; }
.cookology_4 { background: transparent url(../media/images/site_slides/cookology/4.png) no-repeat; }
.badelivery_1 { background: transparent url(../media/images/site_slides/badelivery/1.png) no-repeat; }
.badelivery_2 { background: transparent url(../media/images/site_slides/badelivery/2.png) no-repeat; }
.badelivery_3 { background: transparent url(../media/images/site_slides/badelivery/3.png) no-repeat; }
.badelivery_4 { background: transparent url(../media/images/site_slides/badelivery/4.png) no-repeat; }
.logos_1 { background: transparent url(../media/images/site_slides/logos/1.png) no-repeat; }
.logos_2 { background: transparent url(../media/images/site_slides/logos/2.png) no-repeat; }
.logos_3 { background: transparent url(../media/images/site_slides/logos/3.png) no-repeat; }
.logos_4 { background: transparent url(../media/images/site_slides/logos/4.png) no-repeat; }
.livingcolour_1 { background: transparent url(../media/images/site_slides/livingcolour/1.png) no-repeat; }
.livingcolour_2 { background: transparent url(../media/images/site_slides/livingcolour/2.png) no-repeat; }
.livingcolour_3 { background: transparent url(../media/images/site_slides/livingcolour/3.png) no-repeat; }
.livingcolour_4 { background: transparent url(../media/images/site_slides/livingcolour/4.png) no-repeat; }
.illustrations_1 { background: transparent url(../media/images/site_slides/illustrations/1.png) no-repeat; }

/*.header_main_picture_about { background: transparent url(../media/images/header/about_main_picture.png) no-repeat; }
.header_main_picture_design { background: transparent url(../media/images/header/design_main_picture.png) no-repeat; }
.header_main_picture_development { background: transparent url(../media/images/header/development_main_picture.png) no-repeat; }
.header_main_picture_marketing { background: transparent url(../media/images/header/marketing_main_picture.png) no-repeat; }*/

body {
    margin: 0;
    color: #000;
    font: 15px Arial, Helvetica, sans_serif;
    min-width: 990px;
}

img {
    border: none;
}
a {
    color: #000;
}
a:hover {
    text-decoration: none;
}

input,
textarea,
select {
    font: 100% arial,sans_serif;
    vertical-align: middle;
}

form, fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

#header {
    width: 100%;
    overflow: hidden;
}

.header_top_holder {
    width: 100%;
    background: #46483c;
    border-bottom: 1px solid #525449;
}

.header_top {
    width: 940px;
    margin: 0 auto;
}

.header_top:after {
    content: "";
    clear: both;
    display: block;
}

.mail_form {
    float: right;
    padding: 1px 0;
}

.mail_form label {
    float: left;
    color: #fff;
    font-size: 15px;
    padding: 3px 24px 0 0;
}

.inp01{
    float: left;
    width: 143px;
    height: 22px;
    background: url(../media/images/bg_inp01.gif) no-repeat;
    padding: 3px 5px 0;
    line-height: 14px;
}

.inp01 input {
    font-size: 14px;
    color: #999;
    width: 143px;
    border: 0;
    background: none;
}

.submit_btn {
    background: transparent url(../media/images/submit_btn.gif) repeat scroll 0 0;
    display: inline;
    float: left;
    height: 18px;
    margin: 2px 0 0 11px;
    padding: 2px 0 0;
    width: 47px;
}

.header_middle_holder {
    width: 100%;
    background: #efefef;
    border-bottom: 1px solid #e4e4e4;
}

.header_middle {
    width: 940px;
    margin: 0 auto;
    padding: 15px 0 0;
}

.header_middle:after {
    content: "";
    clear: both;
    display: block;
}

.phone {
    float: right;
    margin: 0;
    padding: 7px 0 0;
    list-style: none;
    width: 237px;
    overflow: hidden;
}

.phone li {
    width: 100%;
    float: left;
    font-size: 15px;
    color: #46483c;
    line-height: 17px;
    padding: 0 0 1px;
}

.phone li strong {
    float: left;
    width: 122px;
}

.logo_holder {
    position: relative;
    float: left;
    min-height: 55px;
}

* html .logo_holder {
    height: 55px;
    overflow: visible;
}

.logo {
    margin: 0;
    position: absolute;
    top: -39px;
    left: 0;
}

.logo a {
    display: block;
    width: 138px;
    height: 85px;
    background: url(../media/images/bg_logo.jpg) no-repeat;
    /*cursor: pointer;*/
    z-index: 1000;

}

.websites_text {
    margin: 0 0 0 154px;
    padding: 20px 0 2px 17px;
    background: url(../media/images/logo_sep.gif) no-repeat;
}

.websites_text h2{
    margin: 0;
    background: url(../media/images/websites_text.png) no-repeat;
    width: 88px;
    height: 19px;
    text-indent: -9999px;
}

.intro_holder {
    width: 100%;
    background: #fff;
}

#intro {
    width: 940px;
    margin: 0 auto;
    background: url(../media/images/bg_intro.jpg) no-repeat 0 100%;
}

.main_nav {
    margin: 0;
    padding: 22px 0 0 207px;
    list-style: none;
    height: 1%;
    overflow: hidden;
}

.main_nav li {
    float: left;
    padding: 0 3px 0 0;
    color: #46483c;
}

.main_nav li.help {
    color: #46483c;
    font-weight: bold;
    padding-top: 6px;
    padding-right: 6px;
    line-height: 16px;
}

.main_nav li a {
    float: left;
    height: 41px;
    text-decoration: none;
    font-weight: bold;
    padding: 6px 0 0;
    line-height: 16px;
    cursor: pointer;
}

.main_nav li a.about_link {
    width: 118px;
    padding-left: 11px;
}

.main_nav li.active a.about_link/*,
.main_nav li a.about_link:hover*/ {
    background: url(../media/images/bg_about_link_hover.png) no-repeat;
}

.main_nav li a.design_link {
    width: 63px;
    padding-left: 11px;
}

.main_nav li.active a.design_link/*,
.main_nav li a.design_link:hover*/ {
    background: url(../media/images/bg_design_link_hover.png) no-repeat;
}

.main_nav li a.development_link {
    width: 108px;
    padding-left: 6px;
}

.main_nav li.active a.development_link/*,
.main_nav li a.development_link:hover*/ {
    background: url(../media/images/bg_development_link_hover.png) no-repeat;
}

.main_nav li a.marketing_link {
    width: 82px;
    padding-left: 8px;
}
.main_nav li.active a.marketing_link/*,
.main_nav li a.marketing_link:hover*/ {
    background: url(../media/images/bg_marketing_link_hover.png) no-repeat;
}

#content {
    width: 100%;
    overflow: hidden;
    padding: 0 0 7px;
}

.illustratio_holder {
    float: left;
    width: 400px;
    /*position: relative;*/
    height: 360px;
}

.illustratio01{
    /*position: absolute;
    top: 0;
    left: 8px;
    width: 363px;
    height: 300px;*/
    /*height: 300px;
    left: -51px;
    position: absolute;
    top: 1px;
    width: 421px;*/
    margin: 1px 0 0 -51px;
}

.illustratio01 img {
    z-index: 50;
}

.illustratio02{
    position: absolute;
    top: 147px;
    left: 0;
    width: 196px;
    height: 211px;
}

.content_text {
    width: 505px;
    padding: 10px 0 0;
    float: left;
}

.content_text h3{
    font-size: 23px;
    margin: 0;
    color: #f26101;
    font-weight: normal;
}

.list {
    height: 212px; /*1%*/
    overflow: hidden;
    margin: 0;
    padding: 17px 0 0 28px;
    list-style: none;
}

.list_item {
    float: left;
    width: 455px;
    padding: 0 0 20px 22px;
    background: url(../media/images/bullet.gif) no-repeat 0 5px;
    line-height: 19px;
}

.contact_btn_holder {
    float: right;
    padding: 0 18px 0 0;
    margin: -11px 0 0;
    position: relative;
}

.contact_btn {
    display: block;
    width: 239px;
    height: 67px;
    background: url(../media/images/bg_contact_btn.png) no-repeat;
    text-indent: -9999px;
    cursor: pointer;
}

.gallery_holder {
    width: 100%;
    border-top: 1px solid #a3a3a3;
}

.gallery_heading_holder {
    background: #efefef;
    width: 100%;
    border-bottom: 1px solid #54564b;
}

.gallery_heading {
    width: 940px;
    margin: 0 auto;
    overflow: hidden;
}

.gallery_heading h2{
    margin: 12px 0 10px;
    text-indent: -9999px;
    width: 94px;
    height: 23px;
    overflow: hidden;
    background: url(../media/images/portfolio_text.png) no-repeat;
}

#gallery_floating_background {
    background: transparent url(../media/images/bg_gallery_hover.png) no-repeat scroll 0 -11px;
    height: 184px;
    margin: -1px 0 0 -30px;
    position: absolute;
    width: 192px;
    z-index: 8;
}

.gallery_list_holder {
    width: 100%;
    background: #54564b;
    border-bottom: 1px solid #a3a3a3;
}

.gallery_list {
    width: 940px;
    margin: 0 auto;
}

.gallery_list:after {
    content: "";
    display: block;
    clear: both;
}

.gallery_list ul {
    margin: 0 0 0 -30px;
    padding: 0 0 10px;
    list-style: none;
    width: 990px;
    position: relative;
    overflow: hidden;
}

.gallery_list ul li {
    float: left;
    height: 183px;
    margin: -10px 0 0;
}

* html .gallery_list ul li { overflow: hidden; }
.gallery_list ul li:first-child a { margin-left: 0; }
.gallery_list ul li a {
    width: 141px;
    height: 154px;
    float: left;
    padding: 26px;
    margin: 0 -17px;
    position: relative;
    cursor: pointer;
    display: inline;
    text-decoration: none;
    z-index: 9;
}

.gallery_list ul li a.active/*,
.gallery_list ul li a:hover*/ {
    /*background: url(../media/images/bg_gallery_hover.png) no-repeat;*/
}

.illustration03{
    width: 139px;
    height: 151px;
    display: block;
    border: 1px solid #fff;
    overflow: hidden;
}

.link_text {
    width: 132px;
    height: 42px;
    background: url(../media/images/bg_link_text.png) repeat;
    position: absolute;
    top: 128px;
    left: 27px;
    padding: 8px 0 0 7px;
    z-index: 10;
}

.link_text strong {
    font-size: 17px;
    color: #fff;
    display: block;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.link_text span {
    color: #fff;
    font-size: 11px;
}

.gallery_el_holder {
    width: 100%;
    background: #efefef;
    border-bottom: 1px solid #fff;
}

.gallery_el_wrap {
    width: 942px;
    overflow: hidden;
    margin: 0 auto;
    padding: 25px 0 17px;
}

.gallery_el {
    background: url(../media/images/bg_gallery_el.png) no-repeat;
    width: 942px;
    height: 342px;
    padding: 1px 0 0;
    overflow: hidden;
    margin: 0 0 0 2px;
}

.illustratio04{
    float: left;
    position: relative;
    width: 696px;
    height: 339px;
}

.switch_holder {
    position: absolute;
    bottom: 9px;
    right: 22px;
}

.switch {
    width: 82px;
    height: 37px;
    margin: 0;
    padding: 3px 2px 0;
    list-style: none;
    background: url(../media/images/bg_switch.png) no-repeat;
    overflow: hidden;
}

.switch li {
    float: left;
    position: relative;
}

.switch li a {
    float: left;
    display: inline;
    height: 35px;
    width: 36px;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
}

.switch li a.prev_btn {
    margin: 0 10px 0 0;
}

.switch li a span {
    display: block;
    width: 36px;
    height: 70px;
}

.switch li a.prev_btn span {
    background: url(../media/images/bg_prev_btn.png) no-repeat;
}
.switch li a.next_btn span {
    background: url(../media/images/bg_next_btn.png) no-repeat;
}
.switch li a:hover {
    border: none;
}

.switch li a:hover span {
    margin-top: -35px;
}

.gallery_el_text {
    width: 195px;
    float: left;
    padding: 40px 0 88px 25px;
    position: relative;
}

.gallery_el_text h4{
    color: #000;
    font-size: 24px;
    margin: 0 0 1px 0;
    line-height: 24px;
}

.gallery_el_text h5 a, .gallery_el_text h4 a {
    text-decoration: none;
}
.gallery_el_text h5 a:hover,
.gallery_el_text h4 a:hover {
    /*text-decoration: underline;*/
}

.gallery_el_text h5 {
    color: #000;
    font-size: 18px;
    line-height: 21px;
    margin: 0 0 20px 0;
    font-weight: normal;
}

.gallery_el_text p {
    font: 12px Georgia, "Times New Roman", Times, serif;
    color: #525252;
    margin: 0 0 13px;
    line-height: 14px;
}

#portfolio_category_title {
    font: italic 14px Georgia, "Times New Roman", Times, serif;
    display: block;
    text-align: left;
    color: #525252;
    padding: 0 20px 0 0;
}

.gallery_el_text .contact_btn_holder {
    float: left;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: -10px;
    left: -7px;
}

.gallery_text_without_button {
    height: 193px;
    float: left;
}

.footer_holder {
    background: #36382e;
    width: 100%;
}

#footer {
    width: 940px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 0 15px;
}

.footer_nav {
    float: left;
    padding: 9px 0 0;
    width: 370px;
}

.footer_nav p {
    margin: 20px 0 0;
    padding-top: 2px;
    font: bold 13px Helvetica, Arial, sans_serif;
    color: #c4c4c4;
    height: 1%;
    overflow: hidden;
}

.footer_nav p span {
    float: left;
    padding: 25px 4px 0 0;
}

.sub_logo {
    float: left;
    width: 84px;
    height: 45px;
    background: url(../media/images/bg_sub_logo.png) no-repeat;
    text-indent: -9999px;
    cursor: pointer;
    margin-top: -2px;
}

.footer_nav ul {
    margin: 0px 0 0;
    padding: 0;
    list-style: none;
    display: none;
}

.footer_nav ul li {
    display: inline;
    background: url(../media/images/footer_nav_sep.gif) no-repeat 0 5px;
    padding: 0 10px 0 19px;
}

.footer_nav ul li:first-child {
    background: none;
    padding-left: 0;
}

.footer_nav ul li a {
    font: bold 14px Helvetica, Arial, sans_serif;
    color: #f26101;
    text-decoration: none;
}

.footer_nav ul li a:hover {
    text-decoration: underline;
}

.pdf_box {
    float: left;
    width: 265px;
    position: relative;
    padding: 31px 0 0;
}

.pdf_top {
    width: 100%;
    overflow: hidden;
    height: 3px;
    background: url(../media/images/bg_pdf_box_top.png) no-repeat;
}

.pdf_btm {
    width: 100%;
    overflow: hidden;
    height: 5px;
    background: url(../media/images/bg_pdf_box_btm.png) no-repeat;
}

.pdf_center {
    width: 210px;
    padding: 0 50px 0 5px;
    background: url(../media/images/bg_pdf_box_center.png) repeat-y;
}

.pdf_center:after {
    content: "";
    clear: both;
    display: block;
}

.pdf_center strong {
    font-size: 14px;
    color: #666;
    width: 100%;
    float: left;
}

.pdf_center a {
    font-size: 14px;
    color: #383838;
    text-decoration: none;
    width: 100%;
    float: left;
}

.pdf_center a:hover {
    text-decoration: underline;
}

.pdf_icon {
    width: 56px;
    height: 61px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.address_box {
    float: right;
    width: 178px;
    margin: 0 -5px 0 0;
    display: inline;
    line-height: 13px;
}

.address_box ul {
    margin: 0;
    padding: 19px 0 0;
    list-style: none;
    width: 100%;
    overflow: hidden;
}

.address_box ul li {
    display: inline;
    background: url(../media/images/address_sep.gif) no-repeat 0 3px;
    padding: 0 5px 0 7px;
    font-weight: bold;
    color: #fff;
    font-size: 11px;
    float: left;
}

.address_box ul .first-child {
    background: none;
    padding-left: 0;
}

.address_box span {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 11px;
}

.address_box a {
    color: #fff;
    font-size: 11px;
    text-decoration: none;
    float: left;
}
.address_box a:hover {
    text-decoration: underline;
}

.no_bullet {
    background: none;
}

.header_tab_title {
    font-weight: bold;
    padding: 0 5px 0 0;
}

#close_button {
    background: transparent url(../media/images/buttons/close.png) no-repeat scroll 0 0;
    height: 35px;
    width: 33px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0 0 0 258px;
    cursor: pointer;
}

#modal_contact_form {
    margin: 50px 0 0 -9px;
    position: absolute;
}

#modal_contact_form li {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    position: absolute;
}

#modal_contact_form li input, #modal_contact_form #comment_input {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    font-family: arial;
    font-size: 16px;
    width: 241px;
    background: #EEDDAA;
}

#modal_contact_form #name_li {
}

#modal_contact_form #email_li {
    margin: 54px 0 0;
}

#modal_contact_form #phone_li {
    margin: 107px 0 0;
}

#modal_contact_form #comment_li {
    margin: 160px 0 0;
}
#modal_contact_form #comment_input {
    height: 84px;
}

#modal_contact_form #button_li {
    background: transparent url(../media/images/buttons/submit.png) no-repeat 0 0;
    height: 43px;
    margin: 267px 0 0 119px;
    width: 128px;
    cursor: pointer;
}

#modal_contact_form #button_li:hover {
    background-position: 0 -43px;
}

.reduced_height {
    padding: 0 0 6px 22px;
    line-height: 18px;
}

#portfolio_url {
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    color: #000000;

}

#portfolio_url a {
    text-decoration: underline!important;
}

#main_slide {
    height: 339px;
    width: 696px;
}