@import "reset.css";
@import "tools.css";

::selection { color:black; background:#DCEDB8; }
::-moz-selection { color:black; background:#DCEDB8; }

/** common stylized blocks **/
	
	* { font-size:13px; font-family:"Trebuchet MS", Tahoma, sans-serif; }
	* * { color:inherit; }
	h1 { font-size:23px !important; color:; }

	ul + h3, ol + h3 { margin:0 !important; }
	h3 + ul, h3 + ol { margin-bottom:-1em; }
	
	.rel { position:relative; }
	.abs { position:absolute; }
	.left { float:left; }
	.right { float:right; }
	.pad { padding:20px; display:block; }
	.nobgc { background:none !important; }
	.nobr { white-space:nowrap; }
	.inline { display:-moz-inline-box; display:inline-block; }
	.hide { display:none; }
	.middle { vertical-align:middle; }
	
	.black { color:black !important; }
	.white { color:white !important; }
	.gray { color:#666 !important; }
	.orange { color:#FF6600 !important; }
	.green { color:#769926 !important; }
	.blue { color:#32B1EA !important; }

	.bgc1 { background:#FFCC00; }
	.bgc2 { background:#99CC33; }
	.bgc3 { background:#CCCC00; }
	.bgc4 { background:#769C27; }
	.bgc5 { background:#99CC33; }
	
	.font1 { font-family:Tahoma; }
	img.left { margin:0 1em 1em 0; }

	
/** main site styles **/
	
	div.main { 
		position:relative; 
		min-width:1000px; 
		width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 1000? "1000px": "auto"); 
		margin:auto;
		min-height:100%;
		-height:100%;
	}
	
	div.header, 
	div.contents {
		position:relative;
		width:960px;
		margin:auto;
	}

	/** 1 **/
	div.header .info { width:660px; height:45px; padding:13px 0; overflow:hidden; }
	div.header .info span { display:none; text-align:justify; }
	div.header .info .active { display:block; }
	div.header .info-links { color:#999; margin-left:-5px; }
	div.header .info-links strong { position:relative; font-weight:normal; border-bottom:1px dotted #999; color:#999; margin:0 5px; cursor:pointer; }
	div.header .info-links .active { border:0; cursor:default; color:black !important; }
	div.header .info-links strong:hover { color:gray; border-bottom-color:gray; }
	
	div.header .search { position:absolute; right:0; top:0; width:260px; padding:15px 0; }
	div.header .search .keywords {  position:relative; width:135px; height:27px; background:url(../images/search_input.png) no-repeat; overflow:hidden; float:right; }
	div.header .search .keywords .stext { width:90px; border:0; background:none; position:relative; left:10px; top:4px; color:gray; }
	div.header .search .keywords .send { position:absolute; right:3px; top:3px; }
	
	div.header .search .navig { position:relative; float:left; }
	div.header .search .navig a { position:relative; float:left; width:28px; height:28px; overflow:hidden; background:url(../images/icons_navig_bgc.png) no-repeat 0 -28px; margin-right:10px; }
	div.header .search .navig i { width:15px; height:15px; margin:7px; display:block; background:#99CC33 url(../images/icons_navig.png) no-repeat; cursor:pointer; overflow:hidden; }
	div.header .search .navig a.home i { background-position:0 0; }
	div.header .search .navig a.map i { background-position:-15px 0; margin-top:6px; }
	div.header .search .navig a.mail i { background-position:-30px 0; }
	div.header .search .navig a.active { background-position:0 0; cursor:default; }
	div.header .search .navig a.active i { background-color:#ccc; cursor:default; }
	
	/** 2 **/
	div.colors { width:100%; height:10px; overflow:hidden; margin:10px 0; }
	div.colors .td { width:17%; text-align:center; height:100%; }
	div.colors .td * { white-space:nowrap; font-size:10px; line-height:10px; font-family:sans-serif; vertical-align:top }
	div.colors .one { background:#333; }
	div.colors .two { background:#769C27; }
	div.colors .three { background:#99CC33; }
	div.colors .four { background:#CCCC00; }
	div.colors .five { background:#FFCC00; }
	div.colors .six { background:#FF6600; }

	/** 3 **/
	div.contents { padding:20px 0; min-height:550px; -height:550px; padding-bottom:50px; }
	
	div.contents .magic-box { position:relative; margin:auto; width:100px; height:100px; left:-80px; }
	div.contents .magic-box .menu { width:100px; height:100px; text-align:center; border:1px solid #B3D966; position:absolute; }
	div.contents .magic-box .menu .link { line-height:100px; color:#66764C; text-decoration:none; display:block; width:100%; height:100%; text-decoration:underline; }
	/*div.contents .magic-box .menu a.link:hover { color:white; background:#B3D966; }*/
	div.contents .magic-box .menu span.link { text-decoration:none; }

	div.contents .magic-box .block { position:absolute; width:210px; padding:15px; font-size:10px; border:1px solid #B3D966; text-align:left; }
	div.contents .magic-box .block a { display:block; margin-bottom:5px; color:#769926; }
	div.contents .magic-box .block * { font-size:11px; font-family:Tahoma; }
	div.contents .magic-box .block .right { margin:0; float:none; text-align:right; }
	div.contents .magic-box .block .right a { margin:0; }

	div.contents .magic-box .line { position:absolute; border:0px solid #B3D966; }
	div.contents .magic-box .line * { position:absolute; }
	div.contents .magic-box .line .arrow { width:11px; height:11px; background:url(../images/arrows.png) no-repeat; overflow:hidden; z-index:100; margin:-5px; }
	div.contents .magic-box .line .square { width:7px; height:7px; background:#769C27; overflow:hidden; z-index:100; margin:-4px; }
	div.contents .magic-box .rtl .arrow { background-position:0 -11px; right:-11px; top:50%; margin-top:-5px; left:0; top:0; }
	div.contents .magic-box .rtt .arrow { background-position:0 -22px; right:-11px; top:50%; margin-top:-5px; left:0; top:0; }
	
	div.contents .magic-box .carousel { position:relative; overflow:hidden; margin-bottom:-10px; }
	div.contents .magic-box .carousel a { display:block; width:44px; height:42px; margin-bottom:10px; border:1px solid #B3D966; background-position:center !important; opacity:.8; filter:alpha(opacity=80); }
	div.contents .magic-box .carousel a:hover { opacity:1; filter:alpha(opacity=100); }
	
	form.order .input { position:relative; display:block; border:1px solid #B3D966; width:110px; height:25px; text-align:center; overflow:hidden; margin-bottom:10px; background:white; }
			    form.order .input input { background:none; border:0; padding:0; text-indent:10px; line-height:23px; }
	body:-moz-last-node form.order .input input { padding-top:5px; } /* stupid firefox need use hack */
	form.order .input * { line-height:25px; display:block; width:100%; height:100%; }
	form.order .file { cursor:pointer; }
	form.order .file input { position:absolute; font-size:100px !important; width:1400px; left:-1200px; top:0; opacity:0; -moz-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); cursor:pointer; }
	form.order .file:hover u { text-decoration:none; }
	form.order .submit { border-color:#FF6600; margin:0; }
	form.order .submit input { background:#FF6600; color:white; cursor:pointer; text-indent:0; padding:0 !important; }
	form.order textarea { margin-left:15px; width:194px; height:126px; overflow:hidden; padding:5px; border:1px solid #B3D966; }
	form.order .filled { background:#B3D966; }
	form.order .filled * { color:white; }
	
	div.footer { position:absolute; bottom:0; margin-bottom:0; }

/* стили для внутренних страниц */

	div.inner div.header { height:87px; }
	div.inner div.header .logo { position:absolute; left:0; bottom:-20px; }
	div.inner div.header .menu { position:relative; padding:63px 0 0 165px; }
	div.inner div.header .menu a { position:relative; float:left; text-decoration:none; margin-right:40px; }
	div.inner div.header .menu a:hover,
	div.inner div.header .menu a:hover * { cursor:pointer; }
	div.inner div.header .menu a span { position:relative; float:left; padding:0 7px; height:20px; line-height:20px; color:#67764C; text-decoration:underline; }
	div.inner div.header .menu a i { position:absolute; }
	div.inner div.header .menu a i { width:25px; height:25px; border:1px solid #B3D966; top:-40px; left:-15px; }
	div.inner div.header .menu a i i { width:7px; height:7px; overflow:hidden; background:#B3D966; border:0 !important; left:auto; top:auto; right:-1px; bottom:-9px; //margin:-1px; }
	div.inner div.header .menu a.active i { border:3px double white; background:#B3D966; //border-color:#B3D966; }
	div.inner div.header .menu a.active i i { bottom:-10px; right:-2px; //margin:-2px; }
	div.inner div.header .menu a.active span { border:3px double white; background:#769C27; //border-color:#769C27; color:white; text-decoration:none; left:7px; }
	div.inner div.header .menu a.active,
	div.inner div.header .menu a.active * { cursor:default; }
	div.inner div.header .menu a:hover span { text-decoration:none; }
	div.inner div.header .menu a#feedback span { text-decoration:none; border-bottom:1px dotted #333; padding:0; left:7px; }
	
	div.inner div.contents .title { position:relative; float:left; height:20px; line-height:18px; padding:0 10px; color:white; font-size:1.1em !important; min-width:100px; font-style:italic; white-space:nowrap; }
	div.inner div.contents .title i { position:absolute; width:15px; height:7px; background:url(../images/portfolio_arrow_title.png) no-repeat; background-color:inherit; left:15px; bottom:-7px; overflow:hidden; }
	div.inner div.contents .title i * { background:expression(this.parentNode.parentNode.currentStyle.backgroundColor); }
	div.inner div.contents .title a { font-size:100%; font-style:italic; color:white; text-decoration:none; }
	
	div.inner div.contents .portfolio { position:relative; margin:0 -13px; clear:both; zoom:1; padding-top:5px; margin-bottom:45px; }
	div.inner div.contents .portfolio a { float:left; width:220px; height:50px; margin:12px; text-decoration:none; border:1px solid #eee; opacity:.7; filter:alpha(opacity=70); }
	div.inner div.contents .portfolio a:hover { opacity:1; filter:alpha(opacity=100); }
	div.inner div.contents .portfolio a * { cursor:pointer; }
	div.inner div.contents .portfolio a span { position:absolute; white-space:nowrap; padding:3px 10px; color:white; background:#333; z-index:100; display:none; }
	div.inner div.contents .portfolio_details img { margin:15px 0; }

	#alpha-shadow { position:absolute; left:0; top:0; width:100%; height:100%; opacity:.5; -moz-opacity:.5; -webkit-opacity:.5; filter:alpha(opacity=50); background:black; z-index:1000; display:none; }
	#feedback-form { position:fixed; -position:absolute; width:431px; height:227px; margin:-113px 0 0 -215px; left:50%; top:50%; z-index:1001; display:none; }
	#feedback-form input { //line-height:100%; //padding:5px 0 !important; font-family:Verdana; }
	#feedback-form .bgc { position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/feedback_bgc.png) no-repeat; -background:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/site/images/feedback_bgc.png);  }
	#feedback-form * { font-family:Tahoma; }
	#feedback-form div.feedback { position:relative; -position:absolute; padding:20px; z-index:100; }
	#feedback-form .close { 
		position:absolute; 
		right:0; top:0; 
		margin:-10px; 
		background:url(../images/feedback_close.png) no-repeat; 
		width:34px; height:34px; 
		cursor:pointer; 
		-background:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/site/images/feedback_close.png, sizingMethod=crop);
		z-index:101;
	}
	#feedback-form strong.white { position:relative; display:block; margin-bottom:20px; }
	#feedback-form textarea { width:245px; position:relative; -left:10px; }
	#feedback-form .filled { background:#333; }
	#feedback-form .filled textarea { color:#333; }
	#feedback-form .white { color:black !important; font-size:1.1em; }
	
	div.testimonials { position:relative; width:50%; }
	div.testimonials .name { font-style:normal !important; }
	div.testimonials .name * { color:white; font-family:Tahoma; }
	div.testimonials .text { color:#666; text-align:justify; margin-bottom:30px; clear:both; zoom:1; padding:20px; padding-bottom:0; }
	div.faq .text a { color:#769C27; }
	div.faq .links { position:absolute; width:90%; right:-95%; top:0; }
	div.faq .links a { display:block; color:#666; margin-bottom:10px; }

	div.blog { position:relative; margin-right:250px; zoom:1; }
	div.blog div.post { position:relative; padding:25px; padding-bottom:30px; border:1px solid #ebebeb; top:25px; zoom:1; margin-bottom:50px; }
	div.blog h2 { font-size:19px !important; font-weight:bold; position:absolute; left:20px; top:-25px; white-space:nowrap; }
	div.blog p,
	div.blog .text { line-height:140%; padding:0; padding-bottom:15px; text-align:justify; }
	div.blog .text li {  margin-left:40px; list-style-position:outside; }
	div.blog .text * { line-height:150%; }
	div.blog .text a { color:#769C27; }
	div.blog .text a:visited { color:gray; }
	div.blog .corner { position:absolute; width:30px; height:28px; background:url(../images/blog_post_corner.png) no-repeat; right:0; bottom:0; margin:-1px; -margin:-2px; }
	div.blog .tags { color:#aaa; position:absolute; right:40px; bottom:7px; }
	div.blog .tags a { color:#aaa; }
	div.blog a.comments { position:absolute; width:48px; height:48px; left:0; bottom:0; margin:-20px; text-align:center; background:url(../images/blog_comments_num.png) no-repeat; text-decoration:none; }
	div.blog a.comments * { position:relative; line-height:46px; font-size:21px; color:white; cursor:pointer; }
	
	div.blog .last-comments-block { clear:both; }
	div.blog .last-comments-block i { display:block; padding:10px 0; padding-top:25px; }
	div.blog .last-comment { margin-bottom:1em; margin-right:70px; }
	div.blog .last-comment a { float:none !important; background:none !important; color:#333 !important; }

	div.blog .tags-cloud { position:absolute; width:220px; right:-250px; top:25px; font-size:50px; overflow:hidden; }
	div.blog .tags-cloud a { position:relative; color:#333; line-height:1.3em; margin:0 2px; float:left; clear:both; }
	div.blog .tags-cloud a:hover,
	div.blog .tags-cloud a.current { color:white; background:#333; }
	div.blog .tags-cloud a.current { text-decoration:none !important; cursor:default; }
	div.blog .tags-cloud a i { position:absolute; font-size:10px; margin-left:100%; left:3px; top:0; color:#333; }
	div.blog .tags-cloud i { margin-bottom:10px; }
	
	div.blog .pagenator { text-align:center; padding-top:10px; }
	div.blog .pagenator * { 
		position:relative;
		display:-moz-inline-box;
		display:inline-block; 
		background:#99CC33 url(../images/blog_pages_bgc.png) no-repeat -33px 0; 
		width:33px; 
		height:33px; 
		line-height:33px; 
		text-align:center; 
		margin-left:5px;
		font-size:14px;
		color:white;
		vertical-align:middle;
	}
	div.blog .pagenator span,
	div.blog .pagenator a.active { background-position:0 !important; text-decoration:none !important; cursor:default; color:white !important; background-color:#666 !important; }
	div.blog .pagenator a:hover { background-position:-66px 0; color:#666; text-decoration:underline; background-color:white; }
	div.blog .pagenator .arrows { display:none; }
	
	div.blog .white { color:#333 !important; font-weight:bold; }
	div.blog #infomsg { color:silver; margin-top:15px; }
	
	div.blog div.details { margin-bottom:40px; }
	div.blog .details h3 { font-size:1.2em !important; font-weight:bold; margin:1em 0; }
	div.blog .details code,
	div.blog .details pre { 
		display:block; 
		margin:15px 0; 
		color:#444;
		padding-left:20px; 
		border-left:3px double #333; 
		font:13px/125% "Lucida Console", "Courier New", monospace; 
		max-height:350px;
		overflow: auto;
		-width:95%;
		-font-size:17px;
	}
	
	div.blog .details li { margin-bottom:1em; list-style-type:square; }
	div.blog .details .tags { position:static; text-align:right; }
	div.blog .details .relatings { position:relative; border:1px dashed #ccc; border-left:0; border-right:0; margin:15px -20px; margin-top:5px; padding:15px 20px; zoom:1; }
	div.blog .details .relatings .pad { padding:5px 20px; margin-bottom:15px; }
	div.blog .details .relatings .pad a { color:#333; }
	div.blog .details .relatings .pad a.rel { font-style:italic; }
	div.blog .details .relatings * { font-size:14px; text-transform:uppercase; }
	
	div.blog .navigation a { color:#666; text-decoration:none; }
	
	div.blog .comments { position:relative; overflow:hidden; }
	div.blog .comments .comment { position:relative; margin-top:15px; }
	div.blog .comments .comment .title { font-style:normal; }
	div.blog .comments .comment .title * { color:white; }
	div.blog .comments .comment .msg { position:relative; top:20px; clear:both; margin:20px; padding-left:15px; border-left:3px double #99CC33; line-height:140%; overflow:hidden; -width:95%; //top:0; //margin-bottom:0; }
	div.blog .comments .comment .answer { color:#888; font-style:italic; margin:20px; margin-bottom:0; padding:15px; padding-bottom:0; border-left:3px double #CCCC00; //margin-top:0; }
	div.blog .comments #add-comment { font-weight:bold; cursor:pointer; border-bottom:1px dashed #666; display:inline-block; margin-top:15px; display:none }
	div.blog .comments form { position:relative; padding:20px; }
	div.blog .comments textarea,
	div.blog .comments input { padding:10px; overflow:hidden; background:#f4f4f4; border:1px solid #ebebeb; width:500px; height:130px; display:block; margin-bottom:11px; }
	div.blog .comments input { width:152px; height:auto; padding:7px 10px; margin-right:11px; float:left; position:relative; }
	div.blog .comments input.send { //padding:4px; font-weight:bold; border:1px solid #99CC33; background:#99CC33; color:white; cursor:pointer; }
	div.blog .comments strong a { font-weight:bold; }


/* UPDATES */

	#antispam { clear:both; margin-top:10px; }
	#antispam * { vertical-align:bottom; }
	#antispam img { margin:0 3px; cursor:pointer; border:1px solid white; border-bottom-width:3px; position:relative; top:3px; }
	#antispam img.selected,
	#antispam img:hover { border-bottom-color:#99cc33; }

	#loader { position:relative; width:16px; height:11px; margin:0 10px; top:3px; float:left; background:url(../images/loader.gif) no-repeat; display:none; }
	
	.nl2br ul,
	.nl2br ol { margin:-1em 0; }
	.nl2br li { margin-bottom:-10px !important; //margin-bottom:0; }
	.nl2br pre,
	.nl2br code { line-height:65% !important; padding:10px 0; margin-bottom:-1em !important; }
	.nl2br h3 { margin:-.5em 0 !important; }
	
	.search_results .head { display:block; margin-bottom:15px; font-weight:bold; }
	.search_results a { line-height:160%; color:#333; }
	.search_results .result { margin-top:15px; }
	.search_results .colored { background:#C8ECB9; color:black; }

	.faq .arr { position:absolute; font:17px serif; color:#769C27; display:block; left:-25px; top:0; display:none; }
	.faq .rel { zoom:1; }
	.backlink { color:#333; }

/* FUCKING IE6 BUGS */
	* html div.blog .corner { top:expression(this.parentNode.offsetHeight + 'px'); margin-top:-28px; }
	* html div.footer { top:expression(this.parentNode.offsetHeight + 'px'); }
	* html div.blog .comments * { position:relative; zoom:1; }