/*==================================================*
 * kelem inc                                        *
 * www.kelem.ru                                     *
 * icq: 233-836-815                                 *
 * kelemru@gmail.com                                *
 *==================================================*/

* {margin:0px; padding:0px;}
img {border:0px; display:block;}
ul {list-style:none;}
.clr {clear:both; font-size:0;}
a {
	font-family:'Arial Narrow',Arial;
	text-decoration:underline;
	color:#147c9d;
}

body {
	background:#f3f3f4 url("/img/head-bg.gif") left top repeat-x;
	font-family:'Arial Narrow',Arial;
	font-size:14px;
}

#global {
	position:relative;
	min-width:960px;
	/*widthy:expression(document.body.clientWidth < 960 ? style.width="960px" : style.width="auto" );*/
	margin:0 auto 0 auto;
	background:url("/img/head-bg-left.gif") left top no-repeat;
}

#header {
	height:133px;
	border-bottom:1px solid #bbb1ac;
}

#logo {
	position:absolute;
	left:44px;
	top:24px;
	height:70px;
	width:222px;
	background:url("/img/logo.jpg") left top no-repeat;
}

#logo a {
	display:block;
	height:70px;
	width:222px;
}

#phone-head {
	position:absolute;
	top:30px;
	right:105px;
	height:21px;
	width:148px;
	background:url("/img/phone.gif") left top no-repeat;
}

#phone-head.phone-link-active {
	background:url("/img/phone.gif") left bottom no-repeat;
}

#header ul.menu-contacts {
	position:absolute;
	right:105px;
	top:70px;
}

#header ul.menu-contacts li {
	padding-bottom:8px;
}

#header ul.menu-contacts li a {
	color:#589c00;
	font-size:14px;
	font-weight:normal;
	font-family:'Arial Narrow';
}

#header ul.menu-contacts li.current a {
	font-weight:bold;
	color:#75645a;
	text-decoration:none;
}

#menu-head a {
	position:absolute;
	font-size:18px;
}

#menu-head a:hover {
	color:#f00;
}

#menu-head .about {
	top:33px;
	left:36%;
}

#menu-head .cms {
	top:69px;
	left:36%;
	background:url("/img/djem-ico-off.gif") right top no-repeat;
}

#menu-head .cms:hover {
	top:69px;
	left:36%;
	background:url("/img/djem-ico.gif") right top no-repeat;
}

#menu-head .potfolio {
	top:33px;
	left:52%;
}

#menu-head .current a {
	font-weight:bold;
	color:#75645a;
	text-decoration:none;
}

#menu-head .current .cms {
	background:url("/img/djem-ico-current.gif") right top no-repeat;
}

#carousel {
	position:relative;
	z-index:9500;
	height:359px;
	background:url("/img/carousel-bg.gif") 0 0 repeat;
	border-bottom:1px solid #bbb1ac;
	overflow:hidden;
}

#carousel h1 {
     z-index:10500;
     width:100%;
     font-size:18px;
     font-weight:normal;
     text-align:center;
     padding-bottom:10px;
}

#carousel-controls {
	position:absolute;
	top:130px;
	left:50%;
	z-index:9000;
	height:110px;
	width:740px;
	margin-left:-370px;
}

#carousel-controls .ctrl {
	position:relative;
	top:-14px;
	font-size:12px;
	color:#666666;
}

#carousel-controls .arr {
	font-size:72px;
	color:#ff5c19;
}

#carousel-controls-left {
	position:absolute;
	left:0;
	width:110px;
	line-height:24px;
	text-align:left;
	cursor:pointer;
}

#carousel-controls-right {
	position:absolute;
	right:0;
	width:110px;
	line-height:24px;
	text-align:right;
	cursor:pointer;
}

#current-unit {
	position:absolute;
	top:-20px;
	left:50%;
	z-index:10000;
	display:block !important;
	width:520px;
	margin-left:-260px;
	padding:30px 0 0 0;
}

#current-unit img {
	margin:0 auto 0 auto;
}

#current-unit.current-unit-active {
	background:url("/img/current-hover-bg.gif") left top repeat-y;
}

#current-unit .current-unit-top {
	position:absolute;
	top:-10px;
	left:0;
	display:none;
	height:10px;
	width:520px;
	background:url("/img/current-hover-top.gif") left top no-repeat;
}

#current-unit .current-unit-bottom {
	position:absolute;
	bottom:-10px;
	left:0;
	display:none;
	height:10px;
	width:520px;
	background:url("/img/current-hover-bottom.gif") left top no-repeat;
}

#current-unit.current-unit-active .current-unit-bottom,
#current-unit.current-unit-active .current-unit-top {
	display:block;
}

#carousel-units li {
	display:none;
}	

#carousel-units li.unit-prev,
#carousel-units li.unit-next {
	height:359px;
	overflow:hidden;
}

#carousel-units li.unit-prev {
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:520px;
	margin-left:-260px;
	cursor:pointer;
}

#carousel-units li.unit-prev img {
	position:relative;
}

#carousel-units li.unit-next {
	position:absolute;
	/*left:100%;*/
	top:0;
	display:block;
	width:520px;
	margin-left:-260px;
	cursor:pointer;
}

#carousel-units li.unit-next img {
	position:relative;
	
}

#carousel-units li .h1 {
	display:none;
}	
#service {
	padding:40px 0 60px 0;
	background:#f3f3f4;
	border-bottom:1px solid #bbb1ac;
	overflow:hidden;
	_height:1%;
}

#service .service-block {
	float:left;
	width:33%;
	padding-top:220px;
}

#service .service-block h2,
#service .service-block p {
	width:250px;
	margin:0 auto 0 auto;
}

#service .service-block h2 {
	margin-bottom:20px;
}

#service .service-block h2,
#service .service-block a {
	font-size:20px;
	font-weight:normal;
	color:#fa5b1a;
}

#service .service-block p {
	position:relative;
	left:10px;
	line-height:22px;
}

#service-create {
	background:url("/img/create-img.jpg") center top no-repeat;
}
 
#service-seo {
	background:url("/img/seo-img.jpg") center 10px no-repeat;
}
 
#service-context {
	background:url("/img/context-img.jpg") center 18px no-repeat;
}

#service-create-small {
	background:url("/img/create-img-small.jpg") left top no-repeat;
}
 
#service-seo-small {
	background:url("/img/seo-img-small.jpg") left top no-repeat;
}
 
#service-context-small {
	background:url("/img/context-img-small.jpg") left top no-repeat;
}

#info-main {
	position:relative;
	height:280px;
	background:#fff;
}

#news-main {
	position:absolute;
	left:6%;
	top:36px;
	z-index:9000;
	width:400px;
}

#news-main h4 {
	margin-bottom:16px;
}

#news-main h4,
#news-main a {
	font-size:18px;
	font-weight:normal;
	color:#000;
}

#news-main p {
	margin-bottom:30px;
	line-height:24px;
}

#djem-cool-cms {
	position:absolute;
	left:58%;
	top:36px;
	z-index:9000;
	width:380px;
	padding-top:75px;
	background:url("/img/djem-logo.jpg") left top no-repeat;
	font-size:18px;
	line-height:28px;
}

#djem-cool-cms a {
	color:#fa5b1a;
}

#footer {
	position:relative;
	height:55px;
	padding-top:18px;
	background:url("/img/footer-bg.gif") left top repeat-x;
	border-top:1px solid #ddd8d5;
}

#phone-footer {
	position:absolute;
	top:20px;
	left:35%;
	z-index:9000;
	height:16px;
	width:114px;
	background:url("/img/phone-footer.gif") left top no-repeat;
}

#footer .feedback {
	position:absolute;
	right:0;
	top:20px;
	z-index:9000;
	width:240px;
}

#footer .feedback a {
	color:#589c00;
}

#copy {
	position:absolute;
	top:12px;
	left:5%;
	z-index:9000;
	color:#75645a;
	line-height:24px;
}

#copy a {
	color:#75645a;
	text-decoration:none;
}

#header.no-border {
	border-bottom:0;
}

#text {
	padding-top:20px;
	color:#75645a;
}

#first-sidebar {
	float:left;
	width:180px;
	padding:18px 40px 0 50px;
}

#text-inner {
	margin-left:270px;
}

#first-sidebar-menu {
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	line-height:24px;
	color:#75645a;
}

#first-sidebar-menu li {
	margin-bottom:10px;
}

#first-sidebar-menu a {
	font-weight:normal;
}

#text {
	min-height:300px;
	_height:300px;
	padding-bottom:50px;
	border-bottom:1px solid #bbb1ac;
}

#text-inner h1 {
	margin-bottom:15px;
	font-size:40px;
	font-style:italic;
}

#text-inner h2 {
	font-size:24px;
	margin-bottom:15px;
	font-style:italic;
}

#text-inner p,
#text-inner ul {
	padding-bottom:25px;
	line-height:24px;
}

#text-inner p {
	padding-left:15px;
}

#text-inner ul {
	padding-left:30px;
}

#service.service-small {
	background:#fff;
}

#service.service-small .service-block {
	height:140px;
	padding:0;
}

#service.service-small .service-block h2 {
	margin:0;
	padding-left:153px;
	padding-top:60px;
	line-height:28px;
}

#service.service-small #service-create-small.service-block h2 {
	padding-left:200px;
}

#first-sidebar.djem-first-sidebar {
	padding-top:230px;
	background:url("/img/djem-first-sidebar.jpg") 10px 10px no-repeat;
}

.news-date {
	margin-bottom:4px;
	font-weight:bold;
	font-style:italic;
}

.news-date-link {
	margin-bottom:18px;
	font-weight:bold;
	font-style:italic;
}

.news-date-link a {
	background:url("/img/news-date-link-underline.gif") left bottom repeat-x;
	text-decoration:none;
}

.news-date-link a:hover {
	text-decoration:none;
}

#first-sidebar.contact-first-sidebar {
	padding-top:300px;
	background:url("/img/contact-first-sidebar.jpg") 35px 25px no-repeat;
}

.phone-link {
	background:url("/img/phone-link.gif") left top no-repeat;
	font-size:26px;
	text-decoration:none;
}

.icq-ico {
	background:url("/img/icq-ico.gif") left top no-repeat;
	text-decoration:none;
}

#feedback-form {
	position:relative;
	width:650px;
	padding:22px 30px 22px 15px;
	border:1px solid #c4d9aa;
	z-index:9999;
}

#feedback-form input,
#feedback-form textarea {
	width:500px;
	font-size:20px;
	border:1px solid #999999;
}

#feedback-form textarea {
	height:120px;
}

#feedback-form label {
	float:left;
	display:block;
	width:100px;
}

#feedback-form .captcha label {
	height:80px;
}

#feedback-form .captcha img {
	float:left;
	margin-right:14px;
}

#feedback-form .captcha input {
	width:90px;
	font-size:26px;
}

#captcha-reload {
	position:relative;
	top:-10px;
	height:16px;
	margin-left:115px;
	padding-left:26px;
	background:url("/img/captcha-reload.gif") left top no-repeat;
	line-height:16px;
	cursor:pointer;
}

#captcha-reload a {
	background:url("/img/news-date-link-underline.gif") left bottom repeat-x;
	text-decoration:none;
}

#feedback-form-button {
	position:absolute;
	bottom:-11px;
	right:22px;
	padding:0 7px 0 7px;
	background:#f3f3f4;
}

#portfolio h1 {
	margin-bottom:25px;
	margin-left:270px;
	font-size:40px;
	font-style:italic;
	color:#75645a;
}

#portfolio .clr {
	height:61px !important;
}

.portfolio-block {
	float:left;
	width:24%;
	font-size:12px;
	color:#75645a;
}

.portfolio-block div {
	width:200px;
	margin:0 auto 10px auto;
}

.portfolio-block div strong a {
	font-size:14px;
}

#pager {
	position:relative;
	padding-bottom:50px;
	font-size:18px;
	text-align:center;
	color:#75645a;
}

#pager a {
	font-size:12px;
	color:#ff5c19;
}

#pager .ctrl {
	position:relative;
	top:-14px;
	font-size:12px;
	color:#666666;
}

#pager .arr {
	font-size:72px;
	text-decoration:none;
	color:#ff5c19;
}

#pager-controls-left {
	position:absolute;
	top:-8px;
	left:130px;
	width:110px;
	line-height:24px;
	text-align:left;
	cursor:pointer;
}

#pager-controls-right {
	position:absolute;
	top:-8px;
	right:130px;
	width:110px;
	line-height:24px;
	text-align:right;
	cursor:pointer;
}

.portfolio {
	width:200px !important;
	padding-right:0 !important;
	line-height:24px;
}

.portfolio h3 {
	margin-bottom:15px;
	font-size:18px;
	font-style:italic;
}

.portfolio p {
	margin-bottom:20px;
}

.portfolio strong {
	display:block;
}

#portfolio-inner {
	margin-left:270px;
}

#portfolio-inner h1 {
	margin-bottom:25px;
	font-size:40px;
	font-style:italic;
}

#portfolio-inner h2 {
	font-size:24px;
	margin-bottom:15px;
	font-style:italic;
}

#portfolio-inner .portfolio-block-big {
	padding-bottom:50px;
	line-height:24px;
}

#portfolio-inner .portfolio-block-big {
	padding-left:15px;
}

#portfolio-inner .portfolio-block-big img {
	float:left;
	margin-right:30px;
}

#portfolio-inner .portfolio-block-big span {
	position:relative;
	top:25px;
	font-size:12px;
	font-style:italic;
}

.feedback-form-popup {
	position:absolute !important;
	left:50%;
	margin-left:-325px;
	top:120px;
	background:#F3F3F4;
}

.feedback-form-popup p {
	padding-bottom:25px;
	padding-left:15px;
	line-height:24px;
	color:#75645A;
}

.feedback-form-popup #feedback-form-button {
	right:80px;
	bottom:50px;
}

/* feedback-form-courners */
.feedback-form-courners-tl {
	position:absolute;
	top:-1px;
	left:-1px;
	display:block;
	height:10px;
	width:10px;
	background:url("/img/feedback-form-courners.gif") left top no-repeat;
	font-size:0;
	overflow:hidden;
}

.feedback-form-courners-tr {
	position:absolute;
	top:-1px;
	right:-1px;
	display:block;
	height:10px;
	width:10px;
	background:url("/img/feedback-form-courners.gif") right top no-repeat;
	font-size:0;
	overflow:hidden;
	righty:expression(parentNode.offsetWidth % 2 ? style.right="-2px" : style.right="-1px");
	bottomy:expression(parentNode.offsetHeight % 2 ? style.bottom="-2px" : style.bottom="-1px");
}

.feedback-form-courners-br {
	position:absolute;
	bottom:-1px;
	right:-1px;
	display:block;
	height:10px;
	width:10px;
	background:url("/img/feedback-form-courners.gif") right bottom no-repeat;
	font-size:0;
	overflow:hidden;
	righty:expression(parentNode.offsetWidth % 2 ? style.right="-2px" : style.right="-1px");
	bottomy:expression(parentNode.offsetHeight % 2 ? style.bottom="-2px" : style.bottom="-1px");
}

.feedback-form-courners-bl {
	position:absolute;
	bottom:-1px;
	left:-1px;
	display:block;
	height:10px;
	width:10px;
	background:url("/img/feedback-form-courners.gif") left bottom no-repeat;
	font-size:0;
	overflow:hidden;
	righty:expression(parentNode.offsetWidth % 2 ? style.right="-2px" : style.right="-1px");
	bottomy:expression(parentNode.offsetHeight % 2 ? style.bottom="-2px" : style.bottom="-1px");
}
/* END feedback-form-courners */