/* GENERAL START */

body{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #333;
	padding: 0px;
	margin: 0px;
	background: #9fcc27 none;
}

html ,body{
	width: 100%;
	height: 100%;
}

table, p{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	color: #333;
	padding: 0px;
	margin: 0px;
}

form, dl, dd, dt, ul, ol{
	padding: 0px;
	margin: 0px;
}

a, a:hover{
	font-family: "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}

a:focus{
	outline: none;
}

h1, h2, h3, h4, h5, h6{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333;
	margin: 0;
	padding: 0;
}

h2{
	font-size: 2.2em;
	line-height: 1em;
	color: #000;
	padding-bottom: 25px;
}

h2.invert{
	color: #fff;
	padding-bottom: 15px;
}

h3 .subtitle,
h3 .subtitle:hover{
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1em;
	text-decoration: none;
}

input, select, textarea{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333;
}

img{
	display: block;
	border: 0px;
}

strong, em, b, i {
    font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.clear_fix{
	clear: both;
	line-height: 1px;
	font-size: 1px;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	background-color: #000;
	padding: 1px 8px;
	opacity: 0.85;
}

#tooltip h3,
#tooltip div{
	margin: 0;
	color: #999;
}

.selectbox{
	width: 260px;
	display: block;
	padding: 2px 10px;
	text-align:left;
	background: #fff url('arrow_04_down.gif') no-repeat 260px center;
	border: 0px solid transparent;
	cursor: pointer;
}

.selectbox-wrapper{
	position: absolute;
	width: 280px;
	float: left;
}

.selectbox-wrapper ul{
	display: block;
	float: left;
	list-style: none;
	background-color: #fff;
}

.selectbox-wrapper ul li{
	width: 260px;
	display: block;
	float: left;
	padding: 2px 10px;
	cursor: pointer;
}

.selectbox-wrapper ul li.selected{ 
	background-color: #999;
	color: #000;
}
/* GENERAL END */

/* header START */
.top_panel_bgr{
	width: 100%;
	min-width: 960px;
	float: left;
	background-color: #262626;
}

#top_panel{
	width: 960px;
	margin: auto;
}

#top_panel,
#top_panel table,
#top_panel p,
#top_panel h3, #top_panel h4, #top_panel h5, #top_panel h6,
#top_panel a, #top_panel a:hover{
	color: #999;
}

#top_panel .col_lang,
#top_panel .col_style,
#top_panel .col_support,
#top_panel .col_login{
	width: 200px;
	height: 120px;
	float: left;
	padding: 0 26px;
	margin: 10px 0;
	border-right: 1px solid #474747; 
}

#top_panel .col_lang{
	padding-left: 0;
}

#top_panel .col_login{
	padding-right: 0px;
	border-right: none;
}

#top_panel .title{
	width: 100%;
	float: left;
	padding-bottom: 8px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
}

#top_panel .col_lang .row{
	width: 160px;
	float: left;
	padding-left: 40px;
}

#top_panel .col_lang .flag,
#top_panel .col_lang .lang{
	display: block;
	float: left;
	font-style: italic;
}

#top_panel .col_lang .lang{
	line-height: 45px;
	padding-left: 15px;
	
}

#top_panel .col_style .slider{
	width: 197px;
	float: left;
	padding: 30px 0 0 3px;
	background: transparent url(slider_bgr.gif) no-repeat 11px 30px;
}

#top_panel .col_style .slider #slider_box{
	width: 177px;
	height: 17px;
	float: left;
}

#top_panel .col_style .slider #slider_box .ui-state-default{
	position: relative;
	width: 17px;
	height: 17px;
	display: block;
	float: left;
	background: transparent url(slider_point.gif) no-repeat 0px 0px;
}

#top_panel .col_style .slider .slider_desc{
	width: 180px;
	display: block;
	float: left;
	padding: 0 0 0 5px;
}

#top_panel .col_style .slider .slider_desc .min,
#top_panel .col_style .slider .slider_desc .max{
	display: block;
	float: left;
	font-size: 0.8em;
	font-style: italic;
}

#top_panel .col_style .slider .slider_desc .max{
	float: right;
}

#top_panel .col_support .row_1 {
	width: 170px;
	float: left;
	padding: 15px 0 0 15px;
	text-align: center;
}
#top_panel .col_support .row_1 a.skype {
	float: left;
	display: block;
}
#top_panel .col_support .row_1 img {
	float: left;
	width: 30px; height: 30px;
	padding: 0px 3px 0px 20px;
}

#top_panel .col_support .row_2{
	width: 190px;
	float: left;
	padding: 5px 0 0 10px;
}

#top_panel .col_support a,
#top_panel .col_support a:hover,
#top_panel .col_support span{
	line-height: 30px;
}

#top_panel .col_support .text_small{
	font-size: 0.8em;
}

#top_panel .col_support .phone{
	color: #fff;
}

#top_panel .col_support .row_1 .text_small{
	padding: 0 15px;
}

#top_panel .col_support .row_2 .text_small{
	padding-right: 10px;
}

#top_panel .col_login .login_name input,
#top_panel .col_login .login_password input{
	width: 198px;
	_width: 196px;
	float: right;
	color: #000;
	background-color: #ececec;
	border: 1px solid #a6a6a6;
}

#top_panel .col_login .login_name,
#top_panel .col_login .login_password{
	width: 100%;
	float: left;
	padding: 4px 0;
}

#top_panel .col_login .login_links a,
#top_panel .col_login .login_links a:hover{
	display: block;
	float: left;
	font-size: 0.8em;
	font-style: italic;
}

#top_panel .col_login .login_links .register,
#top_panel .col_login .login_links .register:hover{
	float: right;
}

#top_panel .col_login .login-form .login_links .login_submit_button {
	border: 0px;
	background: none;
	float: right;
	color: #999;
	font-style: italic;
	text-decoration: underline;
	font-size: 0.8em;
}

#top_panel_button{
	width: 100%;
	min-width: 960px;
	float: left;
	border-top: 3px solid #262626;
}

#top_panel_button .button{
	width: 960px;
	margin: auto;
}

#top_panel_button .button a,
#top_panel_button .button a:hover{
	display: block;
	float: right;
	padding: 1px 25px 1px 10px;
	border-bottom: 3px solid #262626;
	border-right: 5px solid #262626;
	color: #ccc;
	font-size: 0.8em;
	line-height: 1em;
	text-decoration: none;
	background: #262626 url(arrow_02_up.gif) no-repeat right center;
}

#top_panel_button.client_down .button a,
#top_panel_button.client_down .button a:hover{
	background: #262626 url(arrow_02_down.gif) no-repeat right center;
}

.header_bgr{
	width: 100%;
	min-width: 960px;
	float: left;
	background: transparent url(bgr_transparent_03.png) no-repeat center 86px;
	_background: transparent url(bgr_transparent_02.gif) no-repeat center 86px;
}

.header{
	width: 960px;
	margin: auto;
}

.header,
.header table,
.header p,
.header h3, .header h4, .header h5, .header h6,
.header a, .header a:hover{
	color: #999;
}

.header .header_logo{
	position: absolute;
	display: block;
	float: left;
	margin-top: 5px;
}

.header .header_menu{
	width: 640px;
	height: 56px;
	float: left;
	padding: 30px 0 0 320px;
	overflow: hidden;
}

.header .header_menu li{
	width: 90px;
	height: 56px;
	display: block;
	float: left;
	padding-right: 20px;
}

.header .header_menu li.last{
	padding-right: 0;
}

.header .header_menu li a,
.header .header_menu li a:hover{
	position: absolute;
	width: 90px;
	height: 29px;
	display: block;
	float: left;
	text-decoration: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.header .header_menu li.menu_button_active{
	background: transparent url(arrow_03_up.png) no-repeat 32px bottom;
	_background: transparent url(arrow_03_up.gif) no-repeat 32px bottom;
}

.header .header_menu li.menu_button_active a,
.header .header_menu li.menu_button_active a:hover{
	margin-top: 10px;
}

.header .header_menu li a .title,
.header .header_menu li a:hover .title{
	display: block;
	text-align: center;
	color: #000000;
}

.header .header_menu li a .subtitle,
.header .header_menu li a:hover .subtitle{
	line-height: 1em;
	display: block;
	text-align: center;
	font-size: 0.8em;
	color: #333;
}

.spacer{
	display: block;
	width: 100%;
	float: left;
	height: 0px;
}

.header_home{
	width: 100%;
	height: 300px;
	float: left;
}

.header_home .introtext{
	width: 250px;
	float: left;
	padding: 67px 0 20px 20px;
}

.header_home .portfolio{
	float: right;
	padding-top: 15px;
}

.header_home .portfolio .jcarousel-container {
    position: relative;
}

.header_home .portfolio .jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.header_home .portfolio .jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.header_home .portfolio .jcarousel-list li,
.header_home .portfolio .jcarousel-item {
    float: left;
    list-style: none;
}

.header_home .portfolio .jcarousel-next {
    z-index: 3;
    display: none;
}

.header_home .portfolio .jcarousel-prev {
    z-index: 3;
    display: none;
}

.header_home .portfolio .jcarousel-container-horizontal {
    width: 620px;
	padding: 0 20px;
}

.header_home .portfolio .jcarousel-clip-horizontal {
    width: 620px;
    height: 270px;
	background-color: #fff;
}

.header_home .portfolio .jcarousel-item {
    width: 620px;
    height: 270px;
}

.header_home .portfolio .jcarousel-item-horizontal {
    margin-right: 10px;
}

.header_home .portfolio .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.header_home .portfolio .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.header_home .portfolio .jcarousel-next-horizontal {
    position: absolute;
    top: 129px;
    right: 1px;
    width: 13px;
    height: 13px;
    cursor: pointer;
    background: transparent url(arrow_01_right.png) no-repeat 0 0;
    _background: transparent url(arrow_01_right.gif) no-repeat 0 0;
}

.header_home .portfolio .jcarousel-next-horizontal:active,
.header_home .portfolio .jcarousel-next-horizontal:hover {
    background: transparent url(arrow_01_right_o.png) no-repeat 0 0;
    _background: transparent url(arrow_01_right_o.gif) no-repeat 0 0;
}

.header_home .portfolio .jcarousel-next-disabled-horizontal,
.header_home .portfolio .jcarousel-next-disabled-horizontal:hover,
.header_home .portfolio .jcarousel-next-disabled-horizontal:active {
    background: transparent url(arrow_01_right_d2.png) no-repeat 0 0;
    _background: transparent url(arrow_01_right_d2.gif) no-repeat 0 0;
    cursor: default;
}

.header_home .portfolio .jcarousel-prev-horizontal {
    position: absolute;
    top: 129px;
    left: 1px;
    width: 13px;
    height: 13px;
    cursor: pointer;
    background: transparent url(arrow_01_left.png) no-repeat 0 0;
    _background: transparent url(arrow_01_left.gif) no-repeat 0 0;
}

.header_home .portfolio .jcarousel-prev-horizontal:active,
.header_home .portfolio .jcarousel-prev-horizontal:hover {
    background: transparent url(arrow_01_left_o.png) no-repeat 0 0;
    _background: transparent url(arrow_01_left_o.gif) no-repeat 0 0;
}

.header_home .portfolio .jcarousel-prev-disabled-horizontal,
.header_home .portfolio .jcarousel-prev-disabled-horizontal:hover,
.header_home .portfolio .jcarousel-prev-disabled-horizontal:active {
    background: transparent url(arrow_01_left_d2.png) no-repeat 0 0;
    _background: transparent url(arrow_01_left_d2.gif) no-repeat 0 0;
    cursor: default;
}

.header_subpage{
	width: 960px;
	float: left;
}

.header_subpage .slogan{
	width: 250px;
	float: left;
	padding: 67px 0 20px 20px;
}

.header_subpage .slogan_big{
	width: 400px;
}

.header_subpage .filter{
	width: 300px;
	float: right;
	padding: 15px 20px 15px 0;
	text-align: right;
}

.header_subpage .filter .item,
.header_subpage .filter .item:hover{
	display: block;
	float: right;
	clear: both;
	color: #fff;
	font-style: italic;
}

.header_subpage .map{
	float: right;
	padding: 15px 20px 15px 0;
}

.header_subpage .map .g_map{
	width: 604px;
	height: 254px;
	float: left;
	border: 8px solid #fff;
	background-color: #f0eee8;
}
/* header END */

/* content START */
.content_bgr{
	width: 100%;
	min-width: 960px;
	float: left;
}

.content{
	width: 960px;
	margin: auto;
}

.content a,
.content a:hover{
	font-style: italic;
}

.content,
.content .content_wrap_1,
.content .content_wrap_2{
	width: 100%;
	min-width: 960px;
	float: left;
}

.content .content_wrap_1,
.content .content_wrap_2{
	padding: 30px 0;
}

.content .content_wrap_1{
	background: transparent url(bgr_transparent_01.png) repeat 0px 0px;
	_background: transparent url(bgr_transparent_01.gif) repeat 0px 0px;
}

.content .content_wrap_1 .wrap,
.content .content_wrap_2 .wrap{
	width: 960px;
	margin: auto;
}
/* content END */

/* footer START */
.footer_bgr{
	width: 100%;
	min-width: 960px;
	float: left;
	background: transparent url(bgr_transparent_02.png) no-repeat center 0px;
	_background: transparent url(bgr_transparent_02.gif) no-repeat center 0px;
}

.footer{
	width: 960px;
	margin: auto;
	color: #666;
}

.footer a,
.footer a:hover{
	font-family: "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #666;
}

.footer .copyright{
	display: block;
	padding: 60px 0 60px 95px;
}
.footer .copyright .go-home {
	padding: 0px 0px 0px 40px;
	cursor: pointer;
}
/* footer END */

/* content home START */
.content_home .content_wrap_1 .wrap,
.content_home .content_wrap_2 .wrap{
	width: 920px;
	padding: 0 20px;
}

.content_home .content_wrap_1 .wrap .vr_line{
	width: 100%;
	float: left;
	background: transparent url(vr_line_01.gif) repeat-y center 0px;
}

.content_home .col_1,
.content_home .col_2,
.content_home .col_3{
	width: 260px;
	display: block;
	float: left;
}

.content_home .col_2{
	padding-left: 70px;
	padding-right: 70px;
}

.content_home .list{
	display: block;
	list-style: none;
}

.content_home .list li{
	display: block;
	padding: 10px 0 10px 10px;
	background: transparent url(bullet_01.png) no-repeat 0px 20px;
	_background: transparent url(bullet_01.gif) no-repeat 0px 20px;
}

.content_home .contact_address,
.content_home .contact_phone,
.content_home .contact_vcard{
	padding: 0 0 10px 22px;
}

.content_home .contact_address{
	background: transparent url(icon_contact_home.png) no-repeat 0px 2px;
	_background: transparent url(icon_contact_home.gif) no-repeat 0px 2px;
}

.content_home .contact_phone{
	background: transparent url(icon_contact_phone.png) no-repeat 0px 2px;
	_background: transparent url(icon_contact_phone.gif) no-repeat 0px 2px;
}

.content_home .contact_vcard{
	background: transparent url(icon_contact_vcard.png) no-repeat 0px 2px;
	_background: transparent url(icon_contact_vcard.gif) no-repeat 0px 2px;
}

.content_home .contact_networks{
	width: 150px;
	float: left;
	padding: 10px 0 0 22px;
}

.content_home .contact_networks .item,
.content_home .contact_networks .item:hover{
	display: block;
	float: left;
	margin: 0 9px 6px 0;
}
/* content home END */

/* content about START */
.content_about .content_wrap_1 .wrap,
.content_about .content_wrap_2 .wrap{
	width: 920px;
	padding: 0 20px;
}

.content_about .about{
	width: 270px;
	float: left;
	padding-right: 50px;
}

.content_about .team{
	width: 600px;
	float: left;
}

.content_about .team .title{
	width: 100%;
	float: left;
}

.content_about .team .title h2{
	width:450px;
	float: left;
}

.content_about .team .title .flickr{
	width: 150px;
	float: left;
	display: block;
	padding-top: 13px;
	text-align: right;
	font-size: 0.8em;
}

.content_about .team .photos{
	width: 100%;
	float: left;
}

.content_about .team .photos .photo_bgr{
	width: 150px;
	float: left;
	padding-bottom: 23px;
	background: transparent url(pict_bgr_01.png) no-repeat center bottom;
	_background: transparent url(pict_bgr_01.gif) no-repeat center bottom;
}

.content_about .team .photos a,
.content_about .team .photos a:hover{
	width: 150px;
	float: left;
	display: block;
	padding: 0;
	margin: 0;
	text-decoration: none;
	font-style: normal;
} 

.content_about .team .photos img{
	width: 140px;
	height: 97px;
	display: block;
	border: 5px solid #fff;
	border-bottom: none;
}

.content_about .team .photos .name{
	width: 130px;
	line-height: normal;
	display: block;
	padding: 2px 2px 5px 8px;
	font-size: 0.8em;
	color: #fff;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	background-color: #262626;
}

.content_about .process{
	float: left;
}

.content_about .process img{
	border: 7px solid #fff;
}

.content_about .description{
	width: 920px;
	float: left;
}

.content_about .description .col{
	width: 190px;
	float: left;
	padding: 20px;
}
/* content about END */

/* content work START */
.content_work .content_wrap_1,
.content_work .content_wrap_2{
	padding: 50px 0;
}

.content_work .content_wrap_1 .wrap,
.content_work .content_wrap_2 .wrap{
	width: 920px;
	padding: 0 20px;
}

.content_work .description{
	width: 238px;
	float: left;
	padding-right: 20px;
	overflow: hidden;
}

.content_work .description .info_row{
	width: 100%;
	float: left;
	padding: 3px 0;
}

.content_work .description .info_row .label,
.content_work .description .info_row .text{
	width: 158px;
	display: block;
	float: left;
}

.content_work .description .info_row .label{
	width: 75px;
	padding-right: 5px;
	font-weight: bold;
}

.content_work .visual{
	width: 662px;
	float: left;
}

.content_work .visual .jcarousel-container {
    position: relative;
}

.content_work .visual .jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.content_work .visual .jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.content_work .visual .jcarousel-list li,
.content_work .visual .jcarousel-item {
    float: left;
    list-style: none;
}

.content_work .visual .jcarousel-next {
    z-index: 3;
    display: none;
}

.content_work .visual .jcarousel-prev {
    z-index: 3;
    display: none;
}

.content_work .visual .jcarousel-container-horizontal {
    width: 622px;
	padding: 0 20px;
}

.content_work .visual .jcarousel-clip-horizontal {
    width: 602px;
    height: 315px;
	background-color: #fff;
	border: 10px solid #fff;
}

.content_work .visual .jcarousel-item {
    width: 602px;
    height: 315px;
}

.content_work .visual .jcarousel-item-horizontal {
    margin-right: 10px;
}

.content_work .visual .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.content_work .visual .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.content_work .visual .jcarousel-next-horizontal {
    position: absolute;
    top: 161px;
    right: 1px;
    width: 13px;
    height: 13px;
    cursor: pointer;
    background: transparent url(arrow_01_right.png) no-repeat 0 0;
    _background: transparent url(arrow_01_right.gif) no-repeat 0 0;
}

.content_work .visual .jcarousel-next-horizontal:active,
.content_work .visual .jcarousel-next-horizontal:hover {
    background: transparent url(arrow_01_right_o.png) no-repeat 0 0;
    _background: transparent url(arrow_01_right_o.gif) no-repeat 0 0;
}

.content_work .visual .jcarousel-next-disabled-horizontal,
.content_work .visual .jcarousel-next-disabled-horizontal:hover,
.content_work .visual .jcarousel-next-disabled-horizontal:active {
    background: transparent url(arrow_01_right_d.png) no-repeat 0 0;
    _background: transparent url(arrow_01_right_d.gif) no-repeat 0 0;
    cursor: default;
}

.content_work .visual .jcarousel-prev-horizontal {
    position: absolute;
    top: 161px;
    left: 1px;
    width: 13px;
    height: 13px;
    cursor: pointer;
    background: transparent url(arrow_01_left.png) no-repeat 0 0;
    _background: transparent url(arrow_01_left.gif) no-repeat 0 0;
}

.content_work .visual .jcarousel-prev-horizontal:active,
.content_work .visual .jcarousel-prev-horizontal:hover {
    background: transparent url(arrow_01_left_o.png) no-repeat 0 0;
    _background: transparent url(arrow_01_left_o.gif) no-repeat 0 0;
}

.content_work .visual .jcarousel-prev-disabled-horizontal,
.content_work .visual .jcarousel-prev-disabled-horizontal:hover,
.content_work .visual .jcarousel-prev-disabled-horizontal:active {
    background: transparent url(arrow_01_left_d.png) no-repeat 0 0;
    _background: transparent url(arrow_01_left_d.gif) no-repeat 0 0;
    cursor: default;
}
/* content work END */

/* content contact START */
.content_contact .content_wrap_1,
.content_contact .content_wrap_2{
	padding: 50px 0;
}

.content_contact .content_wrap_1 .wrap,
.content_contact .content_wrap_2 .wrap{
	width: 920px;
	padding: 0 20px;
}

.content_contact .contact{
	width: 320px;
	float: left;
}

.content_contact .contact .contact_address,
.content_contact .contact .contact_phone,
.content_contact .contact .contact_vcard,
.content_contact .contact .contact_email {
	padding: 0 0 10px 22px;
}

.content_contact .contact .contact_address{
	background: transparent url(icon_contact_home.png) no-repeat 0px 2px;
	_background: transparent url(icon_contact_home.gif) no-repeat 0px 2px;
}

.content_contact .contact .contact_phone{
	background: transparent url(icon_contact_phone.png) no-repeat 0px 2px;
	_background: transparent url(icon_contact_phone.gif) no-repeat 0px 2px;
}

.content_contact .contact .contact_vcard{
	background: transparent url(icon_contact_vcard.png) no-repeat 0px 2px;
	_background: transparent url(icon_contact_vcard.gif) no-repeat 0px 2px;
}
.content_contact .contact .contact_email {
	background: transparent url(icon_contact_email.png) no-repeat 0px 2px;
	_background: transparent url(icon_contact_email.gif) no-repeat 0px 2px;
}

.content_contact .contact .contact_networks{
	width: 150px;
	float: left;
	padding: 10px 0 0 22px;
}

.content_contact .contact .contact_networks .item,
.content_contact .contact .contact_networks .item:hover{
	display: block;
	float: left;
	margin: 0 9px 6px 0;
}

.content_contact .form{
	width: 600px;
	float: right;
}

.content_contact .form_1,
.content_contact .form_2{
	width: 282px;
	float: left;
}

.content_contact .form_1{
	padding-right: 36px;
}

.content_contact .form .row{
	width: 100%;
	float: left;
	padding-bottom: 20px;
}


.content_contact .form .input_text,
.content_contact .form .textarea {
	width: 260px;
	display: block;
	padding: 2px 10px;
	border: 1px solid #fff;
	color: #333;
}
.content_contact .form .selectbox {
	border: 1px solid #fff;
}

.content_contact .form .selectbox-wrapper{
	border: 1px solid #82bf40;
	color: #333;
}

.content_contact .form .selectbox{
	border: 1px solid #fff;
}

.content_contact .form .textarea{
	height: 110px;
}

.content_contact .form .active{
	border: 1px solid #82bf40;
}

.content_contact .links{
	float: left;
}

.content_contact .links .row{
	width: 100%;
	float: left;
	padding-bottom: 40px;
}

.content_contact .links .item{
	float: left;
	padding: 0px 20px 0px 0px;
}
/* content contact END */

/* content services START */
.content_services .content_wrap_1 .wrap,
.content_services .content_wrap_2 .wrap{
	width: 920px;
	padding: 0 20px;
}

.content_services .wrap .vr_line{
	width: 100%;
	float: left;
	background: transparent url(vr_line_01.gif) repeat-y center 0px;
}

.content_services .wrap .vr_line_top{
	margin-top: 30px;
}

.content_services .col_1,
.content_services .col_2,
.content_services .col_3{
	width: 260px;
	display: block;
	float: left;
}

.content_services .col_2{
	padding-left: 70px;
	padding-right: 70px;
}
/* content services END */

/* content blog START */
.content_blog .content_wrap_1 .wrap,
.content_blog .content_wrap_2 .wrap{
	width: 920px;
	padding: 0 20px;
}

.content_blog .content_wrap_1 .vr_line{
	width: 100%;
	float: left;
	background: transparent url(dot_01.gif) repeat-y 619px 0px;
}

.content_blog .content_wrap_1 .col_articles{
	width: 590px;
	float: left;
	padding-right: 70px;
}

.content_blog .content_wrap_1 .col_articles .item{
	width: 100%;
	float: left;
	padding-bottom: 30px;
}

.content_blog .content_wrap_1 .col_articles .date{
	width: 35px;
	float: right;
	padding: 4px 0;
	background-color: #fff;
}

.content_blog .content_wrap_1 .col_articles .date .date_day,
.content_blog .content_wrap_1 .col_articles .date .date_month{
	line-height: 1.1em;
	display: block;
	text-align: center;
	font-size: 1.3em;
}

.content_blog .content_wrap_1 .col_articles .date .date_day{
	font-weight: bold;
}

.content_blog .content_wrap_1 .col_articles .date .date_month{
	font-size: 1em;
}

.content_blog .content_wrap_1 .col_articles .subtitle{
	display: block;
	padding: 5px 0 2px 0;
}

.content_blog .content_wrap_1 .col_articles .post_info{
	font-size: 0.9em;
}

.content_blog .content_wrap_1 .col_articles .article{
	width: 100%;
	float: left;
	padding: 20px 0;
}

.content_blog .content_wrap_1 .col_articles .comments{
	float: left;
	padding-bottom: 10px;
	background: transparent url(triangle_01.png) no-repeat 30% bottom;
	_background: transparent url(triangle_01.gif) no-repeat 30% bottom;
}

.content_blog .content_wrap_1 .col_articles .comments_count,
.content_blog .content_wrap_1 .col_articles .comments_count:hover{
	width: 35px;
	line-height: 1.8em;
	display: block;
	float: left;
	font-style: normal;
	text-align: center;
	text-decoration: none;
	background-color: #333;
}

.content_blog .content_wrap_1 .col_articles .navigation{
	width: 100%;
	float: left;
}

.content_blog .content_wrap_1 .col_articles .navigation .old,
.content_blog .content_wrap_1 .col_articles .navigation .new{
	width: 50%;
	display: block;
	float: left;
}

.content_blog .content_wrap_1 .col_articles .navigation .new{
	text-align: right;
}

.content_blog .content_wrap_1 .col_panel{
	width: 260px;
	float: left;
}

.content_blog .content_wrap_1 .col_panel h2{
	padding-bottom: 5px;	
}

.content_blog .content_wrap_1 .box_search{
	width: 100%;
	float: left;
	padding-top: 15px;
	padding-bottom: 30px;
}

.content_blog .content_wrap_1 .box_search .field{
	display: block;
	float: left;
	padding: 2px 10px;
	border: 1px solid #fff;
	color: #333;
}

.content_blog .content_wrap_2 .wrap .blog_comments {
	width: 590px;
	float: left;
	padding-right: 70px;
}

#tb_add_comments_ .field, #tb_add_comments_ .textarea{
	display: block;
	padding: 2px 10px;
	border: 1px solid #fff;
	color: #333;
}
#tb_add_comments_ .button{
	display: block;
	text-align: center;
	background-color: #333;
	font-style:italic;
	font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	font-size:1em;
	text-decoration:underline;
	border:none;
	width:60px;
}

.content_blog .content_wrap_1 .box_search .button{
	width: 60px;
	display: block;
	float: left;
	text-align: center;
	background-color: #333;
	
}

.content_blog .content_wrap_1 .box_categories{
	width: 100%;
	float: left;
	padding-bottom: 25px;
}

.content_blog .content_wrap_1 .box_categories .item{
	width: 120px;
	display: block;
	float: left;
	padding: 0 0 5px 10px;
	background: transparent url(bullet_02.png) no-repeat left 9px;
	_background: transparent url(bullet_02.gif) no-repeat left 9px;
}

.content_blog .content_wrap_1 .box_categories .item_counter{
	margin-left: 3px;
}

.content_blog .content_wrap_1 .box_posts{
	width: 100%;
	float: left;
	padding-bottom: 25px;
}

.content_blog .content_wrap_1 .box_posts .item{
	width: 250px;
	display: block;
	float: left;
	padding: 0 0 5px 10px;
	background: transparent url(bullet_02.png) no-repeat left 9px;
	_background: transparent url(bullet_02.gif) no-repeat left 9px;
}

.content_blog .content_wrap_1 .box_posts .item_counter{
	margin-left: 3px;
}

.content_blog .content_wrap_1 .box_comments{
	width: 100%;
	float: left;
}

.content_blog .content_wrap_1 .box_comments .item{
	width: 100%;
	float: left;
	padding: 8px 0;
}

.content_blog .content_wrap_1 .box_networks{
	width: 100%;
	float: left;
	padding-bottom: 25px;
}

.content_blog .content_wrap_1 .box_networks .item{
	display: block;
	float: left;
	margin: 6px 9px 0 0;
}

.content_blog .content_wrap_1 .box_comments .comment_wrap{
	float: left;
	padding-bottom: 15px;
	background: transparent url(triangle_02.png) no-repeat 20% bottom;
	_background: transparent url(triangle_02.gif) no-repeat 20% bottom;
}

.content_blog .content_wrap_1 .box_comments .comment_text{
	width: 230px;
	float: left;
	padding: 8px 15px;
	background-color: #fff;
}

.content_blog .content_wrap_1 .box_comments .comment_info{
	width: 90%;
	padding-left: 10%;
	font-size: 0.8em;
}

.content_blog .content_wrap_2 .vr_line{
	width: 100%;
	float: left;
	background: transparent url(vr_line_01.gif) repeat-y center 0px;
}

.content_blog .content_wrap_2 .vr_line_top{
	margin-top: 30px;
}

.content_blog .content_wrap_2 .col_1,
.content_blog .content_wrap_2 .col_2,
.content_blog .content_wrap_2 .col_3{
	width: 260px;
	display: block;
	float: left;
}

.content_blog .content_wrap_2 .col_2{
	padding-left: 70px;
	padding-right: 70px;
}

.content_blog .content_wrap_2 .wrap_comments{
	width: 590px;
	float: left;
}

.content_blog .wrap_comments h2{
	padding-bottom: 15px;
}

.content_blog .wrap_comments .thread_comments{
	width: 560px;
	float: left;
	padding: 12px 15px;
	margin-bottom: 20px;
	background-color: #f0f0f0;
}

.content_blog .wrap_comments .thread_comments .autohor{
	width: 150px;
	float: left;
	padding-right: 30px;
}

.content_blog .wrap_comments .thread_comments .text{
	width: 350px;
	min-height: 50px;
	_height: 50px;
	float: left;
	padding-left: 29px;
	border-left: 1px solid #e4e4e4;
}

.content_blog .wrap_comments .thread_form,
.content_blog .wrap_comments .thread_form .row{
	width: 100%;
	float: left;
}

.content_blog .wrap_comments .thread_form{
	padding-top: 15px;
}

.content_blog .wrap_comments .thread_form .row{
	padding-bottom: 15px;
}

.content_blog .wrap_comments .thread_form .input_text,
.content_blog .wrap_comments .thread_form .textarea{
	width: 300px;
	display: block;
	padding: 2px 10px;
	border: 1px solid #f0f0f0;
	color: #333;
	background-color: #f0f0f0;
}

.content_blog .wrap_comments .thread_form .textarea{
	width: 568px;
	height: 110px;
}

.content_blog .wrap_comments .thread_form .active{
	border: 1px solid #82bf40;
}

.content_blog .wrap_comments .thread_form .button{
	padding: 3px 10px;
	background-color: #333;
	cursor: pointer;
	border: 0px solid transparent;
	color: #fff;
}
/* content blog END */

/* content products START */
.content_products .content_wrap_2 .wrap{
	width: 920px;
	padding: 0 20px;
}

.content_products .content_wrap_1 .product{
	width: 480px;
	float: left;
}

.content_products .content_wrap_1 .product .image{
	width: 212px;
	float: left;
}

.content_products .content_wrap_1 .product .description{
	width: 260px;
	float: left;
}

.content_products .content_wrap_1 .product .product_text{
	height: 220px;
}

.content_products .content_wrap_1 .product .button_more{
	float: left;
	background-color: #333;
}

.content_products .content_wrap_1 .product .button_more a,
.content_products .content_wrap_1 .product .button_more a:hover{
	display: block;
	float: left;
	padding: 8px 24px;
	font-size: 1.2em;
	font-weight: normal;
	font-style: normal;
	text-decoration:  none;
}

.content_products .content_wrap_2 .users{
	width: 600px;
	float: left;
}

.content_products .content_wrap_2 .users .item{
	width: 100%;
	float: left;
	padding-bottom: 5px;
	margin-bottom: 15px;
	background: transparent url(bullet_02.png) no-repeat center bottom;
	_background: transparent url(bullet_02.gif) no-repeat center bottom;
}

.content_products .content_wrap_2 .users .text{
	padding: 5px 0 0 5px;
	background: transparent url(quotes_01.png) no-repeat 0px 0px;
	_background: transparent url(quotes_01.gif) no-repeat 0px 0px;	
}

.content_products .content_wrap_2 .users .sign{
	text-align: right;
}

.content_products .content_wrap_2 .clients{
	width: 280px;
	float: left;
	padding-left: 40px;
}

.content_products .content_wrap_2 .clients .item{
	width: 100%;
	float: left;
	display: table;
	padding-bottom: 10px;
}

.content_products .content_wrap_2 .clients .logo{
	width: 120px;
	display: block;
	float: left;
}

.content_products .content_wrap_2 .clients .client{
	width: 150px;
	display: block;
	float: left;
	padding: 9px 0 0 10px;
}
/* content products END */

/* content banners START */
.content_banners .content_wrap_1 .wrap,
.content_banners .content_wrap_2 .wrap{
	width: 920px;
	padding: 0 20px;
}

.content_banners .item {
	float: left;
	padding: 3px;
}

.content_banners .spacer{
	width: 10px;
	height: 50px;
	float: left;
}

/* content banners END */

/* helper classes START */
.color_1{
	color: #cccc66;
}

.color_2{
	color: #6699cc;
}

.color_3{
	color: #99cc66;
}

.color_4{
	color: #cc6666;
}

.invert,
.invert:hover{
	color: #fff;
}

.invisible{
	display: none;
}
/* helper classes END */

/* profile-pictures "popup" */
.pepo-about, .rasto-about, .miso-about, .pista-about,
.peto-about, .seki-about, .vladush-about, .vetche-about {
	padding: 10px 10px 10px 10px;
}
.pepo-about h3, .rasto-about h3, .miso-about h3, .pista-about h3,
.peto-about h3, .seki-about h3, .vladush-about h3, .vetche-about h3 {
	font-size: 24px;
	padding: 5px 0px 0px 0px;
}
.pepo-about h4, .rasto-about h4, .miso-about h4, .pista-about h4,
.peto-about h4, .seki-about h4, .vladush-about h4, .vetche-about h4 {
	font-size: 13px;
}
.pepo-about img, .rasto-about img, .miso-about img, .pista-about img,
.peto-about img, .seki-about img, .vladush-about img, .vetche-about img {
	float: left;
	padding: 5px 5px 5px 5px;
	margin: 0px 10px 0px 0px;
	background-color: #fff;
}
.pepo-about .text, .rasto-about .text, .miso-about .text, .pista-about .text,
.peto-about .text, .seki-about .text, .vladush-about .text, .vetche-about .text {
	padding: 5px 0px 0px 0px;
}
.pepo-about .text table, .rasto-about .text table, .miso-about .text table, .pista-about .text table,
.peto-about .text table, .seki-about .text table, .vladush-about .text table, .vetche-about .text table {
	border: 0px;
	margin: 10px 0px 0px 0px;
}
.pepo-about .text table tr td, .rasto-about .text table tr td, .miso-about .text table tr td, .pista-about .text table tr td,
.peto-about .text table tr td, .seki-about .text table tr td, .vladush-about .text, .vetche-about .text {
	padding: 5px 10px 0px 0px;
}

.pepo-about .text table tr td p, .rasto-about .text table tr td p, .miso-about .text table tr td p, .pista-about .text table tr td p,
.peto-about .text table tr td p, .seki-about .text table tr td p, .vladush-about .text table tr td p, .vetche-about .text table tr td p {
	padding: 0px 10px 15px 0px;
	text-align: justify;
}

