/* global */
* {margin: 0px; padding: 0px; border: none;}
body {height: 100%; margin: 0px; padding: 0px; font-family: verdana; font-size: 12px; background: url('images/bg_top.jpg') #ffffff no-repeat;}
.clearer{clear: both; width: 1px; height: 1px;}

/* header + menu */
.global {width: 980px; margin: 0 auto 0 auto;}
.logo {width: 245px; height: 88px; margin-top: 26px; margin-left: 50px; float: left;}
.phone {height: 29px; width: 158px; background: url('images/phone_ico.png') no-repeat 0px 20px; margin-top: 36px; padding-left: 35px; padding-top: 20px;  margin-right: 60px; float: right;}
.code {display: block; font-size: 13px; color: #616161; margin-top: 4px; float: left;}
.number {display: block; font-size: 19px; width: 110px; margin-top: 2px; margin-left: 5px; float: left}
.menu {width: 962px; height: 75px; margin-top: 40px; font-size: 18px;}
.icon1 {width: 19px; height: 20px; background: url('images/icon1.png'); margin-left: 20px; margin-right: 7px; float: left;}
.item1 {padding-top: 23px; width: 181px; height: 77px; margin-left: 2px; background: url('images/item1_bg.png') no-repeat; float: left;}
.item1:hover {background: url('images/item1_hover_bg.png') no-repeat;}
.icon2 {width: 23px; height: 20px; background: url('images/icon2.png'); margin-left: 20px; margin-right: 7px; float: left;}
.item2 {padding-top: 23px; width: 182px; height: 77px; background: url('images/item2_bg.png') no-repeat; float: left;}
.item2:hover {background: url('images/item2_hover_bg.png') no-repeat;}
.icon3 {width: 21px; height: 20px; background: url('images/icon3.png'); margin-left: 20px; margin-right: 7px; float: left;}
.item3 {padding-top: 23px; width: 136px; height: 77px; background: url('images/item3_bg.png') no-repeat; float: left;}
.item3:hover {background: url('images/item3_hover_bg.png') no-repeat;}
.icon4 {width: 22px; height: 20px; background: url('images/icon4.png'); margin-left: 20px; margin-right: 7px; float: left;}
.item4 {padding-top: 23px; width: 144px; height: 77px; background: url('images/item4_bg.png') no-repeat; float: left;}
.item4:hover {background: url('images/item4_hover_bg.png') no-repeat;}
.icon5 {width: 27px; height: 15px; background: url('images/icon5.png'); margin-left: 20px; margin-right: 7px; float: left;}
.item5 {padding-top: 28px; width: 317px; height: 77px; background: url('images/item5_bg.png') no-repeat; float: left;}
.item5:hover {background: url('images/item5_hover_bg.png') no-repeat;}
.text5 {display:block; margin-top: -5px; float: left;}

/* index.html */
.last_work {width: 721px; height: 402px; background: url('images/last_work.jpg'); float: left;}
.last_work_desc {margin-left: -90px; margin-top: 50px; float: left; width: 325px;}
.desc1 {display: block; margin-top: 5px; font-size: 14px;}
.desc2 {display: block; margin-top: 20px;}
.scroll {width: 980px; height: 170px; background: url('images/scroll_bg.png') 0px 157px no-repeat;}
.carousel {float: left;}
.arrow_next{padding-bottom: 45px; float: left;}
.arrow_prev {padding-bottom: 45px; float: left;}
.left {float: left;}
.thumb {margin-right: 10px; margin-left: 16px;}
.scroll_li {display: inline;}
.zprev {margin-top: 40px; margin-left: 10px; background: #ffffff; height: 32px; width: 32px; cursor: pointer; float: left;}
.znext {margin-top: 40px; margin-right: 10px; background: #ffffff; height: 32px; width: 32px; cursor: pointer; float: left;}
.index_about {width: 964px; height: 297px; background: url('images/index_about_bg.jpg') no-repeat; margin-left: -2px; padding-top: 20px;}
.pixelfun_info {width: 377px; height: 283px; background: url('images/pixelfun_info.png'); float: left;}
.index_h1 {font-size: 18px; padding-top: 50px; padding-left: 105px; text-transform: uppercase;}
.info_date {display: block; padding-left: 105px; padding-top: 5px; color: #808080;  width: 250px;}
.info_subtitle {display: block; padding-left: 105px; font-weight: bold;  width: 250px; padding-top: 3px;}
.info_text {display: block; padding-left: 105px; width: 250px; padding-top: 5px;}
.order_site {width: 239px; height: 283px; background: url('images/order_site.png'); float: left;}
.order {width: 198px; height: 96px; margin-top: 123px; margin-left: 33px;}
.about_pixelfun {width: 311px; height: 261px; background: url('images/about_pixelfun.png') no-repeat; float: left;}
.about_pixelfun_text {display: block; width: 270px; margin-top: 100px; margin-left: 40px; line-height: 16px;}

/* about.html */
.about_content {width: 650px; float: left;}
.about_order {width: 318px; height: 269px; background: url('images/order_site.jpg'); float: right;}
.about_order_click {width: 198px; height: 96px; margin-top: 121px; margin-left: 69px;}
.about_h1 {color: #367c9d; font-size: 33px; margin-left: 5px;}
.about_top_bg {background: url('images/about_top_bg.jpg'); width: 630px; height: 3px; margin-top: 30px;}
.about_content_text_bg {background: #ecf5f8; width: 630px;}
.about_content_text {padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; line-height: 17px;}
.about_li {font-weight: bold; margin-left: 35px; margin-top: 20px;s}
.about_text {padding-left: 15px; padding-right: 15px; line-height: 17px; margin-top: 10px;}
.about_bottom_bg {background: url('images/about_bottom_bg.jpg'); width: 630px; height: 3px; margin-bottom: 20px;}
.about_h2 {display: block; font-size: 18px; margin-top: 40px; margin-left: 15px;}

/* portfolio.hml */
.port_h1 {display: block; color: #367c9d; font-size: 33px; margin-left: 5px;}
.port {margin-top: 30px; width:272px; height: 305px; padding: 10px; text-align: top; float: left;}
.port:hover {background: url('images/port_hover_bg.png') no-repeat;}
.port_title {display: block; font-size: 21px; margin-top: 10px;}
.port_cent {margin-top: 30px; margin-left: 50px; margin-right: 50px; padding: 10px; width:272px; height: 305px; text-align: top; float: left;}
.port_cent:hover {background: url('images/port_hover_bg.png') no-repeat;}

/* portfolio_full.html */
.url {display: block; margin-left: 5px;}
.port_full {width: 620px; margin-left: 5px; margin-top: 30px; float: left;}
.port_full_desc {width: 330px; margin-top: 30px; float: right;}
.port_p {margin-top: 20px;}
.dotted {width: 330px; height: 1px; border-top: 1px dotted black; margin-top: 40px; float: left;}
.port_left_arrow {margin-top: 15px; float: left;}
.port_right_arrow {margin-top: 15px; float: right;}
.prev {display: block; margin-top: 20px; margin-left: 10px; font-size: 18px; float: left;}
.next {display: block; margin-top: 20px; margin-right: 10px; font-size: 18px; float: right;}

/* press.html */
.press {width: 639px; margin: 0 auto 0 auto; margin-top: 30px;}
.press_left {float: left; margin-top: 300px;}
.press_right {float: right; margin-top: 300px;}
.press_center {background: url('images/press_trampampam.jpg') no-repeat; height: 641px; width: 439px; margin-left: 50px; float: left;}
.press_scroll {width: 540px; height: 18px; margin: 0 auto 0 auto; background: url('images/press_scroll.jpg'); margin-bottom: 40px;}

/* contacts.html */
.contacts_global {width: 920px; height: 326px; background: url('images/contacts_pigeon.jpg') no-repeat; text-align: right;}
.contacts_line {width: 400px; height: 15px; background: url('images/contacts_line.jpg'); margin-top: 15px; float: right;}
.contacts_form {width: 370px; margin-top: 10px; float: right;}
.input_field {border-top: 1px solid #aaadb4; border-left: 1px solid #e2e9ef; border-right: 1px solid #e2e9ef; border-bottom: 1px solid #e2e9ef; width: 200px; height: 20px; margin-top: 10px; float: right;}
.label {font-size: 15px; margin-top: 10px; float: left;}
.contacts_textarea {width: 370px; height: 100px; margin-top: 10px; border-top: 1px solid #aaadb4; border-left: 1px solid #e2e9ef; border-right: 1px solid #e2e9ef; border-bottom: 1px solid #e2e9ef;}
.contacts_submit {margin-top: 20px;}
.contacts_adress {width: 330px; margin-bottom: 40px; float: left;}
.label1 {font-size: 18px; margin-top: 20px; margin-left: 5px; float: left;}
.answer {width: 200px; font-size: 19px; margin-top: 20px; float: right;}

/* services.html */
#.outer_ul {margin-left: 50px; margin-top: 20px;}
.inner_ul {margin-left: 50px;}

/* footer */
.copy {margin-top: 20px; margin-bottom: 30px; line-height: 18px;}

/* links */
a{color: #000000; text-decoration: none;}
a:hover{text-decoration: none;}
a.copy {color: #049ad8; text-decoration: underline;}
a.copy:hover {color: #049ad8; text-decoration: none;}
a.desc_title {color: #049ad8; font-size: 18px; text-decoration: underline;}
a.desc_title:hover {color: #049ad8; font-size: 18px; text-decoration: none;}
a.prev_next {color: #807f7f;}
a.inner_text {text-decoration: underline;}
a.inner_text:hover {text-decoration: none;}













.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 980px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  810px;
    height: 140px;
	margin: 0px 0px 0px 80px;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 0px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/arrow_right.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 0px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/arrow_left.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
}