/*main styles*/
body, form, ul, ol{
	margin:0;
	padding:0;
}
body{
    font:13px Arial, Helvetica, sans-serif;
    color:#333;
	background:#c4c7c8 url(img/bg.gif) repeat-x left top;
}
html, body{
	height:100%;
}
table{
	font-size:100%;
	border-collapse:collapse;
}
.table{
	font-size:100%;
	border:0;
	border-collapse:collapse;
}
.table td{
	padding:0;
}
img{
    border:0;
}
input,select,textarea{
	font:12px Arial, Helvetica, sans-serif;
    color:#000;
}
input.checkbox{
	margin:0 3px 3px 2px;
	vertical-align:middle;
}
input.radio{
	margin:1px -1px 3px 3px;
	vertical-align:middle;
}
td{
    vertical-align:top;
}
p{
    margin:0 0 15px 0;
}
/*default styles*/
a{
    color:#0089c9;
    text-decoration:underline;
}
a:hover{
    color:#19b200;
	text-decoration:underline;
}
h1{
	font:bold 24px Arial, Helvetica, sans-serif;
    color:#0089c9;
    margin:-10px 0 10px;
	padding-top:5px;
	letter-spacing:-1px;
}
h2{
	font:bold 19px Arial, Helvetica, sans-serif;
    color:#0089c9;
    margin:0 0 2px;
}
h2 a{
	text-decoration:none;
}
h2 a:hover{
	text-decoration:none;
}
h3{
	font:bold 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color:#4c5d66;
    margin:0 0 2px;
}
h1,h2,h3	{clear:both;}

ul{
	margin:0 0 20px 0;
	list-style-position:outside;
	list-style-type:none;
}
ol{
	margin:0 0 20px 0;
	list-style-position:inside;
	list-style-type:decimal;
}
li ul, li ol{
	margin-top:5px;
	margin-bottom:10px;
	list-style-type:none;
}
li{
	margin-bottom:2px;
	padding-left:9px;
	background:url(img/square.gif) no-repeat left 6px;
}
.middle{
	vertical-align:middle;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.cl{
	clear:both;
	height:1px;
	overflow:hidden;
}
/*format styles*/
.wrapper{
	width:950px;
	margin:0 auto;
	padding:0 20px;
}
/*head*/
.head .logo{
	display:inline;
	float:left;
	margin:13px 0 8px 14px;
}
.head .free_quote{
	display:inline;
	float:right;
	margin:21px 18px 2px 0;
}
.head .menu{
	background:url(img/menu_bg.gif) repeat-x left top;
}
.head .menu div{
	background:url(img/menu_l.gif) no-repeat left top;
}
.head .menu div div{
	background:url(img/menu_r.gif) no-repeat right top;
	padding:0 10px;
	height:40px;
	overflow:hidden;
}
.head .menu a{
	display:block;
	float:left;
	background:url(img/menu_a.gif) repeat-x left 50px;
	height:26px;
	padding:14px 12px 0 11px;
	cursor:pointer;
	text-decoration:none;
}
.head .menu a span{
	display:block;
	float:left;
	background-position:left top;
	background-repeat:no-repeat;
	height:15px;
}
.head .menu a:hover{
	background-position:left top;
}
.head .menu a:hover span{
	background-position:left -30px;
}
.head .menu a.act{
	background-position:left top;
}
.head .menu a.act span{
	background-position:left -30px;
}
.head .menu a.m1 span{
	background-image:url(img/m1.gif);
	width:36px;
}
.head .menu a.m2 span{
	background-image:url(img/m2.gif);
	width:77px;
}
.head .menu a.m3 span{
	background-image:url(img/m3.gif);
	width:116px;
}
.head .menu a.m4 span{
	background-image:url(img/m8.gif);
	width:122px;
}
.head .menu a.m5 span{
	background-image:url(img/m9.gif);
	width:154px;
}
.head .menu a.m6 span{
	background-image:url(img/m5.gif);
	width:113px;
}
.head .menu a.m7 span{
	background-image:url(img/m6.gif);
	width:53px;
}
.head .menu a.m8 span{
	background-image:url(img/m7.gif);
	width:68px;
}


.head .slider{
	position:relative;
	margin-bottom:5px;
	height:319px;
}
.head .slider .number{
	position:absolute;
	left:40px;
	top:270px;
}
.head .slider .number a{
	display:block;
	float:left;
	background:#99968f;
	color:#fff;
	font-size:11px;
	width:18px;
	height:17px;
	text-align:center;
	text-decoration:none;
	margin-right:2px;
	padding-top:4px;
	outline:none;
	cursor:pointer;
}
.head .slider .number a.active{
	background:#383634;
}
.head .slider .slide_item{
	position:absolute;
	left:0;
	top:0;
}
.head .slider .slide_ttl{
	position:absolute;
	left:37px;
	top:39px;
}
.head .slider .slide_text{
	position:absolute;
	left:39px;
	top:143px;
	width:400px;
}
/*center*/
.center_t{
	background:#fff url(img/center_t.gif) no-repeat left top;
	width:100%;
	margin-bottom:5px;
}
.center_t.two{
	background:#fff;
}
.center{
	background:url(img/center_b.gif) no-repeat left bottom;
	padding:20px 20px 18px 20px;
	height:1%;
}
.center .bord{
	border-bottom:1px solid #c9cbcc;
	height:1px;
	margin-bottom:22px;
}
.more{
	display:inline-block;
	background:url(img/more_bg.gif) no-repeat left top;
	width:82px;
	height:16px;
	text-decoration:none;
	font:bold 10px Tahoma, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:3px 0 0 6px;
	float:right;
	margin-top:10px;
}
/*center*/
.center_t{
	background:#fff url(img/center_t.gif) no-repeat left top;
	width:100%;
	margin-bottom:5px;
}
.center_t.two{
	background:#fff;
}
.center_t.three{
	background:#fff url(img/right_bg.gif) repeat-y right top;
}
.center{
	background:url(img/center_b.gif) no-repeat left bottom;
	padding:20px 20px 18px 20px;
	height:1%;
}
.center.right{
	background:url(img/center_b2.gif) no-repeat left bottom;
	padding:20px 20px 18px 20px;
	height:1%;
}
.center .bord{
	border-bottom:1px solid #c9cbcc;
	height:1px;
	margin-bottom:22px;
}
.center .more{
	display:inline-block;
	background:url(img/more_bg.gif) no-repeat left top;
	width:82px;
	height:16px;
	text-decoration:none;
	font:bold 10px Tahoma, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:3px 0 0 6px;
	float:right;
}
.center .visit{
	font-weight:bold;
	color:#0089c9;
}
/*left*/
.left{
	float:left;
	width:602px;
	padding:3px 20px 0 0;
	margin-bottom:10px;
}
.left.inner{
	float:none;
	width:auto;
	padding:0;
	margin-bottom:0;
}
.left .service{
	padding:0 0 0 80px;
	position:relative;
	margin-bottom:21px;
}
.left .service .pic{
	position:absolute;
	left:-8px;
	top:5px;
}
.left .tab{
	background:url(img/tab_bg.gif) repeat-x left top;
	border-bottom:1px solid #e1e4e5;
	margin-bottom:20px;
}
.left .tab th{
	background:url(img/th_line.gif) no-repeat right 6px;
	color:#4c5d66;
	text-transform:uppercase;
	padding:10px 10px 18px;
}
.left .tab th.last{
	background:none;
}
.left .tab th.first{
	text-align:left;
}
.left .tab td{
	text-align:center;
	padding:6px 10px;
	color:#666;
}
.left .tab td.first{
	text-align:left;
	color:#333;
	font-weight:bold;
}
.left .tab td.last{
	text-align:left;
	padding-left:17px;
}
.left .tab tr.second td{
	background:#eef1f2;
}
.left .more1{
	display:inline-block;
	background:url(img/arrow.gif) no-repeat right 1px;
	font-weight:bold;
	padding:0 18px 1px 0;
}
.left .ramka{
	display:inline-block;
	background-position:center center;
	background-repeat:no-repeat;
}
.left .block3_bg{
	background:#e1e4e5 url(img/block3_t.gif) no-repeat left top;
	width:594px;
}
.left .block3{
	background:url(img/block3_b.gif) no-repeat left bottom;
	padding:14px 0 15px 19px;
}
.left .form{
	color:#475860;
	font-weight:bold;
	line-height:12px;
	margin-top:22px;
}
.left .form td{
	vertical-align:middle;
	padding:0 7px 3px 0;
}
.left .form td.comm{
	vertical-align:top;
	padding-top:5px;
}
.left .form .field{
	background:url(img/field.gif) repeat-x left top;
	border:1px solid #d4d4d4;
	width:179px;
	height:24px;
	padding:6px 0 0 7px;
}
.left .form .field input{
	color:#4c5d66;
	border:0;
	background:none;
	width:172px;
}
.left .form .textarea{
	background:url(img/textarea_bg.gif) repeat-x left top;
	border:1px solid #d4d4d4;
	width:466px;
	height:110px;
	padding:0 0 0 7px;
}
.left .form .textarea textarea{
	color:#4c5d66;
	border:0;
	background:none;
	width:466px;
	height:109px;
	overflow:auto;
}
.left .form .btn_pad{
	padding:5px 0 0 2px;
}
.left .submenu a{
	display:block;
	background:url(img/submenu.gif) no-repeat left top;
	width:183px;
	height:40px;
	font-size:10px;
	color:#868686;
	text-decoration:none;
	cursor:pointer;
	padding:5px 0 0 12px;
}
.left .submenu a.first{
	background-image:url(img/submenu_t.gif);
}
.left .submenu a.last{
	background-image:url(img/submenu_b.gif);
}
.left .submenu a .title{
	display:block;
	color:#fff;
	font-size:16px;
	margin-bottom:1px;
}
.left .submenu a .title1{
	display:block;
	color:#0083c3;
	margin-top:-20px;
}
.left .submenu a:hover{
	background-position:left -45px;
}
.left .submenu a.active{
	background-position:left -90px;
	color:#a6dcff;
	padding:4px 0 0 12px;
	height:41px;
}
.left .submenu a.active .title{
	color:#005b9b;
	margin-bottom:0;
}
.left .submenu a.active .title1{
	color:#fff;
	margin-top:-18px;
}
.left .submenu a:hover.active{
	background-position:left -90px;
}
.left .text{
	display:inline-block;
	font-size:11px;
	line-height:18px;
	padding-top:110px;
}
.left .block4_bg{
	background:url(img/block4_bg.gif) repeat-y left top;
}
.left .block4{
	background:url(img/block4_t.jpg) no-repeat left top;
	padding:30px 17px 12px;
}
.left .ramka_big{
	background-position:15px 30px;
	background-repeat:no-repeat;
	width:590px;
}
.left a.arrow_l{
	display:inline-block;
	background:url(img/arrow_l.gif) no-repeat left top;
	width:20px;
	height:35px;
	margin-top:193px;
}
.left a:hover.arrow_l{
	background-position:left -35px;
}
.left a.arrow_r{
	display:inline-block;
	background:url(img/arrow_r.gif) no-repeat left top;
	width:20px;
	height:35px;
	margin-top:193px;
}
.left a:hover.arrow_r{
	background-position:left -35px;
}
.left .block4_bg2{
	background:url(img/block4_bg2.gif) repeat-y left top;
}
.left .block4_b{
	background:url(img/block4_b.gif) no-repeat left bottom;
	min-height:52px;
	height:auto !important;
	height:52px;
	font-family:Arial, Helvetica, sans-serif;
	padding:11px 0 0 17px;
}
.left .block4_b span{
	font-size:19px;
	color:#31424a;
}
/*sidebar*/
.sidebar{
	float:left;
	width:288px;
	margin-bottom:22px;
}
.sidebar .block_t{
	background:#e1e4e5 url(img/block_t.gif) no-repeat left top;
}
.sidebar .block{
	background:url(img/block_b.gif) no-repeat left bottom;
	padding:15px 15px 1px;
}
.sidebar .block .ttl1{
	margin-bottom:5px;
}
.sidebar .block .field{
	background:url(img/field.gif) repeat-x left top;
	border:1px solid #d4d4d4;
	width:249px;
	height:24px;
	padding:6px 0 0 7px;
	margin-bottom:8px;
}
.sidebar .block .field input{
	color:#4c5d66;
	border:0;
	background:none;
	width:242px;
}
.sidebar .block .vpos{
	padding-top:6px;
}
.sidebar .block .field2{
	background:url(img/field.gif) repeat-x left top;
	border:1px solid #d4d4d4;
	width:119px;
	height:24px;
	padding:6px 0 0 7px;
	margin-bottom:8px;
}
.sidebar .block .field2 input{
	color:#4c5d66;
	border:0;
	background:none;
	width:112px;
}
.sidebar .block .btn_submit{
	padding:2px 0 0 71px;
}
.sidebar .block .bord1{
	background:#c3c8cb;
	border-bottom:1px solid #fff;
	height:1px;
	margin-bottom:19px;
}
.sidebar .block .more1{
	display:inline-block;
	background:url(img/more_bg1.gif) no-repeat left top;
	width:82px;
	height:16px;
	text-decoration:none;
	font:bold 10px Tahoma, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:3px 0 0 6px;
	float:right;
}
.sidebar .block .testimonials{
	background:#c3c8cb;
	font-size:11px;
	position:relative;
	padding:13px 10px 14px 15px;
}
.sidebar .author{
	font-weight:bold;
	font-size: 11px;
	padding:5px 10px 12px 35px;
}
.sidebar .development_t{
	background:#5e6f77 url(img/development_t.gif) no-repeat left top;
	width:287px;
}
.sidebar .development{
	background:url(img/development_b.gif) no-repeat left bottom;
	padding:23px 8px 16px 4px;
}
.sidebar .development .ttl{
	padding-left:16px;
}
.sidebar .development a{
	display:block;
	color:#d3dbdf;
	font-size:14px;
	text-decoration:none;
	background-position:left top;
	background-repeat:no-repeat;
}
.sidebar .development a.ico1{
	background-image:url(img/ico1.jpg);
	padding:78px 0 9px 14px;
}
.sidebar .development a.ico2{
	background-image:url(img/ico2.jpg);
	padding:78px 0 9px 14px;
}
.sidebar .development a.ico3{
	background-image:url(img/ico3.jpg);
	padding:81px 0 9px 14px;
}
.sidebar .development a.ico4{
	background-image:url(img/ico4.jpg);
	padding:81px 0 9px 14px;
}
.sidebar .development a img{
	vertical-align:middle;
}
.sidebar .testimonials_pad{
	padding:22px 19px 0 20px;
}
.sidebar .testimonials1{
	background:#e5e9eb;
	position:relative;
	font-size:11px;
	color:#000;
	padding:6px 19px 7px;
	zoom:1;
	clear:both;	
}
.cor_lt{
	position:absolute;
	left:0;
	top:0;
}
.cor_rt{
	position:absolute;
	right:0;
	top:0;
}
.cor_rb{
	position:absolute;
	right:0;
	bottom:0;
}
.cor_lb{
	position:absolute;
	left:0;
	bottom:-10px;
}

.left .testimonials {
background:none repeat scroll 0 0 #E5E9EB;
color:#000000;
font-size:11px;
padding:6px 19px 7px;
position:relative;
}
.left .author {
font-size:12px;
padding:3px 0 23px 38px;
}


/*footer*/
.footer{
	background:url(img/footer_bg.gif) no-repeat left top;
	padding-bottom:25px;
}
.footer .menu{
	float:left;
	font-size:11px;
	color:#c4c7c8;
	padding:10px 0 0 19px;
	width:678px;
	line-height:16px;
}
.footer .menu a{
	color:#27a7e2;
}
.footer .menu a:hover{
	color:#19b200;
}
.footer .menu a.act{
	color:#babec0;
	text-decoration:none;
	font-weight:bold;
}
.footer .menu a:hover.act{
	color:#babec0;
}
.footer .copy{
	color:#b7bbbd;
	font-size:11px;
	line-height:16px;
	width:128px;
	padding-top:10px;
	float:left;
}
.footer .logo{
	padding:10px 0 13px;
	width:125px;
	float:left;
}
/* jcarousel */
.jcarousel-container-horizontal {
    height: 126px;
	padding:0 16px;
}
.jcarousel-clip-horizontal {
    height: 126px;
	width:878px;
}
.jcarousel-next-horizontal {
    position: absolute;
    top: 57px;
    right: 0px;
    width: 8px;
    height: 14px;
    cursor: pointer;
    background: transparent url(img/next.gif) no-repeat 0 0;
}
.jcarousel-next-disabled-horizontal{
	cursor:default;
}
.jcarousel-prev-horizontal {
    position: absolute;
    top: 57px;
    left: 0;
    width: 8px;
    height: 14px;
    cursor: pointer;
    background: transparent url(img/previous.gif) no-repeat 0 0;
}
.jcarousel-prev-disabled-horizontal{
	cursor:default;
}
.jcarousel-item-horizontal{
	background:none;
	padding:0;
	margin:0;
	width:176px;
	height: 126px;
}
.jcarousel-item-horizontal a{
	display:block;
	width:170px;
	text-align:center;
	position:relative;
}
.jcarousel-item-horizontal a img.ramka{
	position:absolute;
	left:0;
	top:0;
}
.mb10{
	margin-bottom:10px;
}
.mb14{
	margin-bottom:14px;
}


/* ------------------------------ */
/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
div.scrollable {
    /* required settings */
    position:relative;
    width: 928px;
    height:155px;
}
div.scrollable .previous{
	float:left;
	width:30px;
}
div.scrollable .next{
	float:left;
	width:28px;
	text-align:right;
}
/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accomodate scrollable items.
    it's enough that you set width and height for the root element and
    not for this element.
*/
div.scrollable div.over{
	position:relative;
	overflow:hidden;
	width:870px;
	height:155px;
	float:left;
}
div.scrollable div.items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

/*
    a single item. must be floated in horizontal scrolling.
    typically, this element is the one that *you* will style
    the most.
*/
div.scrollable div.items div {
    float:left;
	position:relative;
	width:214px;
	margin-right:4px;
}
div.scrollable div.items div a{
	display:block;
	padding-top:16px;
	text-align:center;
}
div.scrollable div.items div img.ramka1{
	position:absolute;
	left:0;
	top:0;
}
/* you may want to setup some decorations to active the item */
div.items div.active {
    border:1px inset #ccc;
    background-color:#fff;
}

div.scrollable1{
    position:relative;
    width: 668px;
    height:428px;
}
div.scrollable1 .previous{
	float:left;
	width:42px;
}
div.scrollable1 .next{
	float:left;
	width:35px;
	text-align:right;
}
div.scrollable1 div.over{
	position:relative;
	overflow:hidden;
	width:590px;
	height:428px;
	float:left;
}
div.scrollable1 div.items {
    width:20000em;
    position:absolute;
}
div.scrollable1 div.items div {
    float:left;
	position:relative;
	width:590px;
	padding:30px 0 0;
}
div.scrollable1 div.items div img.ramka1{
	position:absolute;
	left:0;
	top:0;
}
div.scrollable2{
    position:relative;
    width: 701px;
    height:610px;
}
div.scrollable2 div.previous{
	float:left;
	width:30px;
	padding-top:220px;
}
div.scrollable2 div.nextious{
	float:left;
	width:28px;
	text-align:right;
	padding-top:220px;
}
div.scrollable2 div.previous a{
	cursor: pointer;
}
div.scrollable2 div.nextious a{
	cursor: pointer;
}
div.scrollable2 div.over{
	position:relative;
	overflow:hidden;
	width:628px;
    height:610px;
	float:left;
}
div.scrollable2 div.items {
    width:20000em;
    position:absolute;
}
div.scrollable2 div.items div.item {
    float:left;
	position:relative;
	width:157px;
	margin-right:4px;
}
div.scrollable2 div.items div.item div {
	width:157px;
	height: 114px;
}
div.thumbs {
	overflow:auto;
	width:692px;
    height:610px;
}
.error {
	color: #f33;
}
.ok {
	color: #3f3;
}
/*jquery-selectbox*/
.jquery-selectbox {
	position:relative;
	height:32px;
	width:371px;
	z-index:0;
	float:left;
	display:inline;
	padding:0;
	color:#4C5D66;
	font-weight:normal;
	background:url(img/select_bg.gif) repeat-x;
}
.jquery-selectbox.selecthover {
	border-color: #b3bec5;
	background-color: #fff;
	z-index: 700;
}	
.jquery-selectbox .jquery-selectbox-currentItem {
	padding: 8px 0px 0px 6px;
	white-space: nowrap;
	display: block;
	overflow: hidden;
	line-height:normal;
}
.jquery-selectbox .jquery-selectbox-list {
	display: none;
	position: absolute;
	top: 31px;
	padding:0;
	left: 0px;
	background: #fff;
	color:#000;
	width: 264px;
	height: 120px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 1000;
	border-left:1px solid #d4d4d4;
	border-right:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
}
.jquery-selectbox .jquery-selectbox-moreButton {
	float: right;
	background: url(img/select_btn.gif);
	width: 30px;
	height: 32px;
	cursor: pointer;
}
.jquery-selectbox .jquery-selectbox-leftCorner {
	float: left;
	background: url(img/select_l.gif);
	width: 2px;
	height: 32px;
	cursor: pointer;
}
.jquery-selectbox .jquery-selectbox-item.listelementhover {
	background: #ececec;
	color: #363636;
}
.jquery-selectbox .jquery-selectbox-item {
	display: block;
	cursor: default;
	padding:4px 0 5px 7px;
}
span.checkbox{
	width: 20px;
	height: 20px;
	background: url(img/checkbox.gif) no-repeat left top;
	display: block;
	clear: left;
	float: left;
	vertical-align:middle;
	margin-top:-1px;
}
span.radio{
	width: 20px;
	height: 20px;
	background: url(img/radio.gif) no-repeat left top;
	display: block;
	clear: left;
	float: left;
	vertical-align:middle;
	margin-top:-1px;
}

.seealso{
	background:#e5e9eb;
	position:relative;
	color:#000;
	padding:6px 19px 7px;
	margin-bottom: 22px;
}
.seealso .ttl {
	margin-bottom:10px;
	color:#31424A;
	font-size:21px;
}
.seealso ul{
	margin:8px 0 0;
}
.seealso li{
	margin-bottom:8px;
	padding-left:18px;
}
div.field_title	{padding:0px 10px 4px 8px;font-weight:bold}
div.msg_ok	{color:green;text-align:center;padding:10px;font-weight:bold}
div.msg_err	{color:red;text-align:center;padding:10px;font-weight:bold}

.relative{
	position:relative;
}
.btn_mode{
	position:absolute;
	right:10px;
	top:10px;
	margin-bottom:15px;
	z-index:100;
}
.btn_mode span{
	float:left;
	font:13px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#474747;
	margin:2px 6px 0 0;
}
.btn_mode a{
	display:block;
	float:left;
	width:21px;
	height:22px;
	background-position:left top;
	background-repeat:no-repeat;
}
.btn_mode a.active{
	background-position:left -22px;
}
.btn_mode a.btn_sipmle{
	background-image:url(img/btn_simple.gif);
}
.btn_mode a.btn_all{
	background-image:url(img/btn_all.gif);
}
#btn_mode{margin-bottom: 10px; text-align: right;}
#btn_mode a{background: url(img/btn_all.png) no-repeat 0 0; float: right; width: 26px; height: 27px; margin: 0 20px 10px 0;}
#btn_mode a.thumbs{background: url(img/btn_simple.png) no-repeat 0 0; }
#ajax_body{clear:both;}

.block4_b .txt_small{font-size: 11px;}
.seealso .cor_lb{bottom: 0;}

.left, .inner{position: relative; overflow: hidden;}
.ok{color: green;}

.home.ico1, .home.ico2, .home.ico3{padding-left: 90px; }
.home.ico1{background: transparent url(img/home_ico1.png) no-repeat top left;}
.home.ico2{background: transparent url(img/home_ico2.png) no-repeat top left;}
.home.ico3{background: transparent url(img/home_ico3.png) no-repeat top left;}
#ajax_body{min-height: 520px; min-width: 900px;}
#ajax_body.loading{background: url(img/preloader.gif) no-repeat 50% 30%;}


/*portfolio*/
.center .nav{
	margin-bottom:20px;
}
.left .category{
	color:#000;
	margin-bottom:12px;
	font-size:12px;
}
.left .category a{
	color:#666;
	text-decoration:none;
	border-bottom:1px dashed #666;
}
.left .category a.active{
	color:#000;
	font-weight: bold;
	text-decoration:none;
	border-bottom: none;
}
.left .category a:hover{
	color:#19b200;
	border-bottom:1px dashed #19b200;
}
.left .category span{
	display:inline-block;
	margin:0 9px;
	position:relative;
	top:-2px;
}
.left .portfolio a{
	text-decoration:none;
	display:block;
	position:relative;
	margin-bottom:15px;
	cursor:pointer;
}
.left .portfolio a .ttl2{
	font-size:22px;
	position:relative;
	margin-bottom:5px;
	display:inline-block;
	letter-spacing:-1px;
	white-space: nowrap;
	overflow: hidden;
	width: 270px;
}
.left .portfolio a:hover .ttl2{
	text-decoration:underline;
}
.left .portfolio .pic1{
	display:inline-block;
	padding:0 0 0 5px;
}
.left .portfolio .ramka1{
	position:absolute;
	left:-8px;
	top:25px;
}
.left .portfolio a .sh{
	position:absolute;
	left:5px;
	top:33px;
	/* OLD STYLE (gray overlay)
	background:#000;
	opacity:0.2;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
	width:267px;
	height:170px;
	*/
	border:1px solid #19B200;
	width:265px;
	height:168px;
}
.left .portfolio a:hover .sh{
	visibility:hidden;
}
.left .portfolio a .ttl_cat{
	background:url(img/ttl_cat.png) no-repeat left top;
	height:38px;
	position:absolute;
	left:-10px;
	top:39px;
	font:italic 14px Georgia, "Times New Roman", Times, serif;
	color:#004e79;
	visibility:hidden;
	padding:7px 15px 0;
}
.left .portfolio a .ttl_cat i{
	position:absolute;
	right:-5px;
	top:0;
	background:url(img/ttl_cat_r.png) no-repeat left top;
	width:5px;
	height:45px;
}
.left .portfolio a .ttl_cat span{
	position:relative;
	display:inline-block;
}
.left .portfolio a .ttl_cat span span{
	position:absolute;
	left:0;
	top:1px;
	color:#fff;
}
.left .portfolio a:hover .ttl_cat{
	visibility:visible;
}
.center .dot{
	background:url(img/dot1.gif) repeat-x left top;
	height:1px;
	margin:17px 0 12px;
}
.center .dot1{
	background:url(img/dot2.gif) repeat-x left top;
	height:1px;
	margin:10px 0 12px;
}
.center .big_pic{
	position:relative;
	padding:8px 0 25px 5px;
	height: 403px;
}
.center .big_pic .ramka{
	position:absolute;
	left:-8px;
	top:0;
}
.center .small_pic{
	display:inline-block;
	position:relative;
	padding:15px 0 0 5px;
	margin-bottom:17px;
}
.center .small_pic .ramka{
	position:absolute;
	left:-7px;
	top:7px;
}
.center .small_pic span{
	position:absolute;
	left:5px;
	top:15px;
	/* OLD STYLE (gray overlay)
	background:#000;
	opacity:0.2;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
	width:155px;
	height:107px;
	*/
	border:1px solid #19B200;
	width:153px;
	height:105px;
}
.center .small_pic.active span{
	display:none;
}
.center .right_col{
	padding:0 0 0 40px;
}
.center .right_col h2{
	letter-spacing:-1px;
	margin-bottom:10px;
}
.center .right_col .other_sait{
	display:inline-block;
	position:relative;
	padding:8px 0 0 5px;
	margin-bottom:17px;
}
.center .right_col .other_sait .ramka{
	position:absolute;
	left:-7px;
	top:0;
}
.center .right_col .other_sait span{
	position:absolute;
	top:8px;
	/* OLD STYLE (gray overlay)
	left:5px;
	background:#000;
	opacity:0.2;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
	width:227px;
	height:140px;
	*/
	left:6px;
	border:1px solid #19B200;
	width:225px;
	height:138px;
}
.center .right_col .sait_name{
	font-size:16px;
	margin-bottom:13px;
	display:inline-block;
}
.center .right_col .view_all{
	display:block;
	position:relative;
	height:42px;
}
.center .right_col .view_all img{
	position:absolute;
	left:-6px;
	top:6px;
}