/*
Project: Лунный свет
Author:   A.Timofeev / Re.Active (www.reactant.ru)
Version:  24 May 2008
 */


/* Defaults
----------------------------------------------- */
html,body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding:0;margin:0;}
* {font-size:100.01%;}
  /* -----------[ Main ]----------- */  
    html {width:100%;height:100%;}
    html {background:#FFF url(i/gl/body_bg.gif) no-repeat 0 0;}
    html, input, select, textarea {font: 62.5% Arial, Tahoma, Verdana, Helvetica, sans-serif;}
    body {width:1000px; zmargin:0 auto;}
    body {color:#000;}
    body {font-size:1.2em;}
    input, select, textarea  {font-size:0.9em;}
    h1,h2,h3,h4,h5,h6,pre,code {font-size: 1em; font-weight:normal;}
  /* -----------[ Elements ]----------- */
    table {border-collapse:collapse;}
    fieldset {border: solid 0 transparent;}
    ul li {list-style:none;}
    a img,:link img,:visited img {border:none;}        
    a:link, a:visited, a:focus, a:hover, a:active {text-decoration:underline;color:#1b627e;}
    a:hover {text-decoration:none;}
  /* -----------[ Class ]----------- */
    .Bo, .CLe {height:0;font-size:0;visibility:hidden;}
    .Bo {clear:both;}
    .CLe {clear:left;}
    .Hi  {font-size:0; visibility:hidden;}

/* Global
----------------------------------------------- */
	.GlLinkBlock {display:block; padding-top:5px;}
		.GlLinkBlock a:link, .GlLinkBlock a:visited, .GlLinkBlock a:hover, .GlLinkBlock a:active {font-family:Tahoma; padding:0 18px 0 10px;text-decoration:none;}
		.GlLinkBlock a:link, .GlLinkBlock a:visited, .GlLinkBlock a:hover, .GlLinkBlock a:active  {color:#FFF; background:#aca7a7 url(i/gl/block-link_bg.gif) no-repeat 100% 50%; border-color:#aca7a7;border-style:solid;border-width:2px 0;}
	/* -----------[ Header ]----------- */
		#Header {position:relative; float:left;width: 997px; height:119px;}
		#Header {background: url(i/gl/header_bg.jpg) no-repeat 0 0;}
			/* - Logo - */
				#Header h1 a {display:block; position:absolute;top:18px;left:37px; width:184px;height:72px; text-indent:-777em;}
			/* - Contacts - */
				#Header span {display:block; float:right; width:220px;height:101px; text-indent:-777em;}
				#Header span {background: url(i/gl/header_contacts.gif) no-repeat 0 0;}
	/* -----------[ Content ]----------- */			
		#Content {clear:both; float:left; width:997px; padding-bottom:20px; position: relative;}
			h2 {float:left; position:relative; width:100%;}
			h2 {background:url(i/gl/content_h2-bg.gif) repeat-x 0 0;}
				h2 strong {font-family:Tahoma;font-size:1.1em;font-weight:normal;}
				h2 strong {background:#FFF; color:#f44f7e;}
				h2 span {display:block; position:absolute;top:0;left:0; height:17px; text-indent:-777em;}
				h2 span {background-position:0 0; background-repeat:no-repeat; padding-right:7px; background-color: #fff;}
		
			/* - Right - */
				#Right {position: absolute; right: 0px; top: 10px; width:280px;}
					/* - Block - */
						.Block {margin-top:28px; width:257px;}
							.Block .Inner {clear:left; padding-top:15px;}
									.Block .Inner dt a {display:block;padding:4px 5px;}
									.Block .Inner dt a {background:#cfd5d8;}
								.Block .Inner dd {margin:5px 0 10px 0;}
					/* - Our works - */			
						#Right .Ourworks h2 span {width:85px;}
						#Right .Ourworks h2 span {background-image:url(i/home/right-works_h2-bg.gif);}
			/* - Left - */
				#Left {float:left; width:222px;}
					/* - Search form - */
						#Left .Search {position:relative; height:64px;margin-bottom:20px;}
						#Left .Search {background: url(i/gl/left_search-bg.jpg) no-repeat 0 0;}
							#Left .Search input {position:absolute; top:35px;left:28px; width:122px; padding:2px;}
							#Left .Search input {border:#c6ced0 1px solid;}
							#Left .Search img {position:absolute; top:35px;left:160px; cursor:pointer;}
					/* - Menu - */		
						#Left .Menu {font-weight:bold; padding-top:25px;}
						#Left .Menu {background: url(i/gl/left_menu-bg.png) no-repeat 0 0;}
							#Left .Menu li {background-color:#cbecf8; background-image:url(i/gl/left_menu-link.gif); background-repeat:no-repeat;background-position:50% 14px;}
								#Left .Menu li a {display:block; padding:12px 0 12px 40px;height:18px;}
								#Left .Menu li a {color:#1f7c9e; zbackground:url(i/gl/left_menu-line.gif) no-repeat 0 100%;}	
									#Left .Menu li ul li {height:20px;background:none;}
										#Left .Menu li ul li a {font-weight:normal; padding:0 0 5px 40px;margin:0;  vertical-align: bottom;}
										#Left .Menu li ul li a {background:url(i/gl/left_menu-inner.gif) no-repeat 25px 5px;}			
							#Left .Menu li ul .Active a:link,#Left .Menu li ul .Active a:visited, #Left .Menu li ul .Active a:hover,#Left .Menu li ul .Active a:active  {font-style:italic; text-decoration:none;}
							#Left .Menu li ul .Active a {color:#565e61; background:url(i/gl/left_menu-inneractive.gif) no-repeat 25px 5px;}
			/* - Center - */	
				#Center {margin:0 300px 0 240px; width: 450px;}
					/* - Menu - */
						#Center .Menu {padding-top:25px; float:left; width:100%;margin-bottom:20px;}
						#Center .Menu {border-bottom:#00adee 1px solid;background:url(i/gl/content-center_bg.jpg) no-repeat 0 0;}
							#Center .Menu li {display:block; float:left; margin-right:20px; text-align:center;}
								#Center .Menu li  a {display:block; height:40px; text-indent:-777em;}
								#Center .Menu #MenuHome {width:50px;margin-right:14px;}
								#Center .Menu #MenuHome a {background:url(i/gl/center-menu_home.gif) no-repeat 50% 50%;}
								#Center .Menu #MenuAbout {width:70px;}
								#Center .Menu #MenuAbout a {background:url(i/gl/center-menu_about.gif) no-repeat -4px 50%;}
								#Center .Menu #MenuPortfolio {width:65px;}
								#Center .Menu #MenuPortfolio a {background:url(i/gl/center-menu_portfolio.gif) no-repeat -4px 50%;}
								#Center .Menu #MenuPrice {width:38px;}
								#Center .Menu #MenuPrice a {background:url(i/gl/center-menu_price.gif) no-repeat -4px 50%;}
								#Center .Menu #MenuNews {width:50px;}
								#Center .Menu #MenuNews a {background:url(i/gl/center-menu_news.gif) no-repeat -4px 50%;}
								#Center .Menu #MenuContacts {width:56px;}
								#Center .Menu #MenuContacts a {background:url(i/gl/center-menu_contacts.gif) no-repeat -4px 50%;}
					/* - Text - */			
						#Center .Text {float:left; width:100%;}
	/* -----------[ Footer ]----------- */
		#Footer {position:relative; clear:both; height:100px; width: 997px;}
		#Footer {background:#edf1f2 url(i/gl/footer_copy.gif) no-repeat 40px 45px;}
			#Footer p {padding:20px 0 0 250px;}
			#Footer p {color:#424242;}
				#Footer p span, #Footer p strong {display:block;}
			#Footer .Award {display:block; float:right; padding:20px 20px 0 0;}	
			#Footer .Info {position:absolute;top:55px;left:40px; width:200px;}
			#Footer noindex {position:absolute;top:0;left:0;background:#000;}
								
								
/* Home
----------------------------------------------- */
	/* -----------[ Center ]----------- */
		/* - Menu - */
			.Home #Center .Menu #MenuHome {background:url(i/gl/center-menu_active.gif) no-repeat 50% 100%;}
		/* - About - */	
				.Home .Text h2.About span {width:35px; background-color: #fff;}
				.Home .Text h2.About span {background-image:url(i/home/center-about_h2-bg.gif);}
			
		/* - News - */	
			.Text h2.News span {width:124px;}
			.Text h2.News span {background-image:url(i/home/center-news_h2-bg.gif);}
			.Text dl.News {clear:left; padding:15px 0 20px 0;}
				.Text dl.News dt {font-size:0.9em; display:inline;}
				.Text dl.News dt {background:#a9e0f4;border:#a9e0f4 2px solid;color:#FFF;}
				.Text dl.News dd {margin:3px 0 10px 0;}
		/* - Blog news - */	
			.Text h2.BlogNews span {width:149px;}
			.Text h2.BlogNews span {background-image:url(i/product/center-lednews.gif);}
	/* -----------[ Our clients ]----------- */			
		.Home #Ourclients {clear:left;
		
		margin:0 25px 35px 250px;
		width: 732px;
		 }
			.Home #Ourclients p {clear:left; padding-top:15px;}
				.Home #Ourclients p img {display:block; float:left; margin:0 25px 10px 0;}
		.Home #Ourclients h2 span {width:147px;}
		.Home #Ourclients h2 span {background-image:url(i/home/center-clients_h2-bg.gif);}
				
				
/* Product
----------------------------------------------- */
	/* -----------[ Center ]----------- */
		.Product #Center {margin:0 0 0 250px;}
			.Product #Center .Menu {width:450px;}
			.Product #Center .Text {width:728px;}
				.Product #Center .Text h2 {margin-bottom:10px; float:left;}
					.Product #Center .Text .Hot  {padding-right:50px;}
					.Product #Center .Text .Hot {background:url(i/product/center-right_h4-hot.gif) no-repeat 100% 50%;}					
					.Product #Center .Text table {float:left;}
						.Product #Center .Text table tr td {padding:5px;}
						.Product #Center .Text .Gray {background:#edf1f2;}				
				.Product #Center .Text .TextRight {float:right; width:194px;}
				.Product #Center .Text .TextLeft {margin-right:220px;}
					.Product #Center .Text .TextLeft p {margin:5px 0 10px 0;}
					.Product #Center .Text .TextLeftHdr {display:block; margin-bottom:5px;}
					.Product #Center .Text ul li {padding-left:10px;margin-bottom:2px;}
					.Product #Center .Text ul li {background:url(i/product/ar.gif) no-repeat 0 5px;}
				.Product #Center .Text .InfoMain {float:left;}
					.Product #Center .Text .InfoMain h1 {font-size:1.3em;}
					.Product #Center .Text .InfoMain h1 {color:#00adee;}
					.Product #Center .Text .InfoMain h3 {font-size:1.3em;}
					.Product #Center .Text .InfoMain h3 {color:#00adee;}
					.Product #Center .Text .InfoMain .TextRight img {margin-top:20px;}
				.Product #Center .Text #InfoSub {float:left; margin-top:10px;padding-top:10px;}
				.Product #Center .Text #InfoSub {border-top:#d1d5d6 1px dotted;}
					.Product #Center .Text #InfoSub h4 {display:inline;font-weight:bold;}
					.Product #Center .Text #InfoSub h4 {color:#f44f7e;}	
						.Product #Center .Text #InfoSub .TextRight img {display:block; margin-top:15px;}
						
/* Product
----------------------------------------------- */
	.Search {}					
	#cse-search-results {width:750px; float:left; overflow:hidden;}	
	.white {background:url(i/gl/left_menu-linkactive.gif) no-repeat 1px 14px;}
	.red {background:url(i/gl/left_menu-link.gif) no-repeat 1px 14px;}
	
/* About
----------------------------------------------- */
	/* -----------[ Center ]----------- */
		/* - Menu - */
			.About #Center .Menu #MenuAbout {background:url(i/gl/center-menu_active.gif) no-repeat 50% 100%;}	
/* Portfolio
----------------------------------------------- */
	/* -----------[ Center ]----------- */
		/* - Menu - */
			.Portfolio #Center .Menu #MenuPortfolio {background:url(i/gl/center-menu_active.gif) no-repeat 50% 100%;}	
/* Price
----------------------------------------------- */
	/* -----------[ Center ]----------- */
		/* - Menu - */
			.Price #Center .Menu #MenuPrice {background:url(i/gl/center-menu_active.gif) no-repeat 50% 100%;}	
/* News
----------------------------------------------- */
	/* -----------[ Center ]----------- */
		/* - Menu - */
			.News #Center .Menu #MenuNews {background:url(i/gl/center-menu_active.gif) no-repeat 50% 100%;}	
/* Contact
----------------------------------------------- */
	/* -----------[ Center ]----------- */
		/* - Menu - */
			.Contacts #Center .Menu #MenuContacts {background:url(i/gl/center-menu_active.gif) no-repeat 50% 100%;}	
			

/* Blog home
----------------------------------------------- */			
	/* - News - */	
		.Blog .Text h2.News span {width:149px;}
		.Blog .Text h2.News span {background-image:url(i/product/center-lednews.gif);}
			.Blog .Text div.News {clear:left; padding-top:15px;}
				.Blog .Text div.News h3 {font-size:1.2em;}
					.Blog .Text div.News .Date {display:block; margin:5px 0;}
					.Blog .Text div.News .Date {color:#666;}
					.Blog .Text div.News h3 a {text-decoration:none;}
					.Blog .Text div.News h3, .Blog .Text div.News h3 a {color:#00adee;}
					.Blog .Text div.News h3 a:hover {text-decoration:underline;}
					.Blog .Text div.News .Post {margin-bottom:15px;}
						.Blog .Text div.News .Post p {margin-bottom:5px;}
	/* - Sidebar - */					
		.Blog #Sidebar .Block h2 {margin-bottom:15px;}
		.Blog #Sidebar .Block ul, .Blog #Sidebar .Block dl {clear:left;}
			.Blog #Sidebar .Block ul li {list-style:none; margin-bottom:3px;}
			/* - New - */
				.Blog #Sidebar .New h2 span {width:89px;}
				.Blog #Sidebar .New h2 span {background-image:url(i/blog/sidebar-hdr_new.gif);}
					.Blog #Sidebar .New dl dt {font-size:0.9em; display:inline;}
					.Blog #Sidebar .New dl dt {background:#a9e0f4;border:#a9e0f4 2px solid;color:#FFF;}
					.Blog #Sidebar .New dl dd {margin:3px 0 10px 0;}
			/* - Cats - */		
				.Blog #Sidebar .Cats h2 span {width:53px;}
				.Blog #Sidebar .Cats h2 span {background-image:url(i/blog/sidebar-hdr_cats.gif);}
			/* - Tags - */		
				.Blog #Sidebar .Tags h2 span {width:46px;}
				.Blog #Sidebar .Tags h2 span {background-image:url(i/blog/sidebar-hdr_tags.gif);}
			/* - Arch - */	
				.Blog #Sidebar .Arch h2 span {width:49px;}
				.Blog #Sidebar .Arch h2 span {background-image:url(i/blog/sidebar-hdr_arch.gif);}			

			
/* MyPrice
----------------------------------------------- */	
	#MyPrice {position:relative;background:#CCC;}
		#MyPrice strong {display:block;position:absolute;top:0;left:35px;}
		.MyPriceInner {position:absolute;top:0;left:0; height:182px;width:182px; padding:7px;}
		.MyPriceInner {background:#cbecf8; -moz-border-radius:5px;-webkit-border-radius:5px;}
			#MyPrice .MyPriceInner b {display:block; text-align:right;}
			.MyPriceInner h1 {margin:5px 0;}
			.MyPriceInner iframe {border:0; width:182px;height:110px;overflow:hidden;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(i/thickbox/macFFBgHack.png) repeat;}
.TB_overlayBG 
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 1px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}