/*
+---------------------------------------------------------------------------+
|                                                                           |
| This file is part of the www.ringtail-studios.com                         |
| ©2005 by Ringtail Studios. All rights reserved.                           |
|                                                                           |
+---------------------------------------------------------------------------+
* @author    Aleksandr Motsjonov (aleksandr.motsjonov@sqapartners.com)
* @copyright (c) Ringtail Studios. All rights reserved. , {@link http://www.sqapartners.com, www.ringtail-studios.com}
*/


/* COMMON STUFF */
IMG{border:0;}

A{text-decoration:none;}

.error{
	color:#f00;
	font:bold 18px Tahoma, sans-serif;}
	
/* END OF COMMON STUFF */



/*Main Conteiner stuf*/
html, body{
	color: #fff;
	margin: 0; padding: 0;
	height: 100%;
	text-align: center;
	background: #344452 url("../newimages/blue_beg.gif");}

#container{
	position: relative;
	width: 780px;
	min-height: 100%; /* this is where inheritance stops */
	margin:0 auto;
	padding:0 5px 0 5px;
	text-align: left;
	background: #fff url("../newimages/container_beg.gif") repeat-y ;
	}

* html #container{
	height: 100%;}

#container::after{
	display: block;
	content: ".";
	height: 0;
	line-height: 0;
	font-size: 1px;
	clear: both;
	visibility: hidden;}

#fixator{clear:both;}
/*Main Conteiner stuf*/






/*Main PARTS*/
#header{
	position: absolute;
	margin: 0 auto; padding: 0;
	height: 173px; width: 780px;
	background: url("../newimages/header_beg.gif");
	z-index: 100;}
	
#left_column{
	color: #000;
	position: relative;
	float:left;
	padding: 173px 0 0 0;
	margin:0 0 138px 0; /*Only For OPERA*/
	min-height:288px; width: 256px;
	z-index: 99;
	background:url("../newimages/left_column_beg.gif") no-repeat 0 172px;}


:root #left_column{
	margin:0 0 50px 0;} /*ONLY FOR MOZ*/
* html #left_column{
	margin:0 0 50px 0; /*ONLY FOR IE*/
	height:288px;}

#right_column{
	position: relative;
	float: right;
	margin: 173px 30px 50px 0; 
	width: 470px;
	color: #000;
	z-index: 98;}
* html #right_column{
	width: 500px;
	margin: 173px 0 50px 0; }

#footer{
	position: absolute;
	visibility:hidden;
	bottom:1px;
	padding: 0; 
	height: 137px; width: 780px;
	background:url("../newimages/footer_beg.gif") no-repeat bottom;
	z-index:10;}
* html #footer{bottom: -1px;}

#footer P{
	color:#fff;
	font:0.7em Tahoma;
	position:absolute;
	margin:0 0 7px 0;
	padding:0;
	bottom:0; right:10px;}

#container.big_header #header{
	background: url("../newimages/header_big_beg.gif");
	height:296px;}
	
#container.big_header #left_column{
	padding-top:296px;
	background-position:0 295px;}
	
#container.big_header #right_column{margin-top:296px;}

/*END OF Main PARTS*/


/*NEW HEADER STUFF*/


	/*Logo stuff*/
#Logo{

	position:absolute;
	top:39px; left:54px;
	width:148px; height:68px;
	background:url("../newimages/logo.gif") 0 0;
	font-size:0;line-height:0; color:#CCC;}
	
#container.big_header #Logo {background:url("../newimages/logo_big_header.gif") 0 0; }

#sign_text{	
	position:absolute;
	left:70px; top:160px;}


	/*Main Menu Stuff*/
#main_menu{
	position:absolute;
	left:224px; top:8px;
	height:115px; width:537px;
	
	list-style:none;
	padding:0; margin:0;
	padding-left:27px;
	/*border:1px Solid Gray;
	visibility:hidden;*/}
* html #main_menu{ left:251px;}
#main_menu LI{
	display:block;
	position:relative;
	float:left;
	
	width:93px; 
	height:115px;
	padding:0; 
	margin-left:-27px;
	/*
	border:1px Solid Black;*/}
	
#main_menu LI A{
	color:#d6ea3f;
	line-height:0;
	font-size:0em;
	text-decoration:none;
	position:absolute;
	top:62px; height:15px;
	z-index:10;}


#menu_about.selected{background:url("../newimages/menu_about_sel.gif") no-repeat 0 0;}
#menu_about A{	background:url("../newimages/menu_about.gif") no-repeat 0 0;
	left:22px;  width:56px;}
* html #menu_about.selected A{color:#157fab;}

#menu_services.selected{background:url("../newimages/menu_services_sel.gif") no-repeat 0 0;}
#menu_services A{background:url("../newimages/menu_services.gif") no-repeat 0 0;
	left: 28px; width: 51px;}
* html #menu_services.selected A{color:#357e3a;}

#menu_portfolio.selected{background:url("../newimages/menu_portfolio_sel.gif") no-repeat 0 0;}
#menu_portfolio A{background:url("../newimages/menu_portfolio.gif") no-repeat 0 0;
	left: 26px; width: 61px;}
* html #menu_portfolio.selected A{color:#ac1f70;}

#menu_clients.selected{	background:url("../newimages/menu_clients_sel.gif") no-repeat 0 0;}
#menu_clients A{background:url("../newimages/menu_clients.gif") no-repeat 0 0;
	left: 37px; width: 45px;}
* html #menu_clients.selected A{color:#7a7a7a;}

#menu_projects.selected{	background:url("../newimages/menu_projects_sel.gif") no-repeat 0 0;}
#menu_projects A{background:url("../newimages/menu_projects.gif") no-repeat 0 0;
	left: 32px; width: 53px;}
* html #menu_projects.selected A{color:#157fab;}

#menu_mobile.selected{	background:url("../newimages/menu_mobile_sel.gif") no-repeat 0 0;}
#menu_mobile A{	background:url("../newimages/menu_mobile.gif") no-repeat 0 0;
	left: 34px; width: 44px;}
* html #menu_mobile.selected A{color:#357e3a;}

#menu_jobs.selected{	 	background:url("../newimages/menu_jobs_sel.gif") no-repeat 0 0;}
#menu_jobs A{	background:url("../newimages/menu_jobs.gif") no-repeat 0 0;
	left: 29px; width: 30px;}
* html #menu_jobs.selected A{color:#ac1f70;}

#menu_contact.selected{	background:url("../newimages/menu_contact_sel.gif") no-repeat 0 0;}
#menu_contact A{background:url("../newimages/menu_contact.gif") no-repeat 0 0;
	left: 32px; width: 50px;}
* html #menu_contact.selected A{color:#7a7a7a;}

#main_menu LI A:hover{background-position:0 -15px;}
#main_menu LI.selected A{background-position:0 -30px;}
#main_menu LI.selected A:hover{background-position:0 -30px;}

LI#menu_contact{margin-left: -45px;}
	
	/*Login form*/
#forclient_conteiner{
	position:absolute;
	bottom:0; right:0;
	height:44px;width:125px;
	padding:18px 0 0 0;
	z-index:15;}

#forclient_conteiner SPAN{
	position:absolute;
	top:0; left:4px;
	
	color:#fff;
	font:11px Arial;
	text-transform:uppercase;
	}

.label_container{position:relative;}
	
.label_container LABEL{
	color:#42505e;
	position:absolute;
	font:bold 11px Tahoma, sans-serif;
	padding:1px 0 0 5px; margin:0 0 4px 0;
	width:80px;	height:15px;
	z-index:50;
	cursor:text;
	
	display:none;}
	
.label_container LABEL.hidden{
	display:none;}
	
#forclient_conteiner INPUT{
	color:#42505e;
	font:bold 11px Tahoma, sans-serif;
	width:80px;	height:15px;
	padding:1px 0 0 5px; margin:0 0 4px 0;
	background:url("../newimages/input_beg.gif") no-repeat 0 0 #fff;border:0;
	z-index:48;}

#forclient_conteiner FORM{
	margin:0; padding:0;}

#forclient_conteiner P{
	color:#cae4ef;
	font:0.6em Tahoma, sans-serif;
	margin:0 0 4px 11px;
	text-transform:uppercase;}
	
#forclient_conteiner A{
	color:#fff;
	font:bold 1em Tahoma, sans-serif;}
	
#forclient_conteiner A:hover{text-decoration:underline;}

#logged_conteiner{
	position:absolute;
	right:0;}
#logged_conteiner SPAN{
	color:#fff;
	font:bold 0.7em Tahoma, sans-serif;
	text-transform:uppercase;}
	
#logged_conteiner SPAN#logged_label{
	color:#d0eb37;
	font:bold 0.6em Tahoma, sans-serif;}
	
#logged_conteiner A{
	color:#ebf6a7;
	font:bold 0.7em Tahoma, sans-serif;
	margin:0 10px;
	text-transform:uppercase;}
	
/* Navigation Butons Under flash*/
#buttonsUnderFlash{	
	width:105px;
	position:absolute;
	bottom:10px; left:0;
	padding:0;margin:0 0 0 70px;}
	
#buttonsUnderFlash LI{
	list-style:none;
	padding:0 5px 0 0;margin:0;	
	float:left;}
	
#buttonsUnderFlash LI A{
	display:block;
	width:30px; height:31px;}
	
#but_home{			background:url("../newimages/button_home.gif") no-repeat 0 0;}
#but_home:hover{	background-position: 0 -31px;}

#but_mail{			background: url("../newimages/button_mail.gif") no-repeat 0 0;}
#but_mail:hover{	background-position: 0 -31px;}

#but_sitemap{		background: url("../newimages/button_sitemap.gif") no-repeat 0 0;}
#but_sitemap:hover{	background-position: 0 -31px;}



#login_but{
	position:absolute;
	right:7px; top:23px;
	width:27px; height:27px;	
	font-size:2px;
	line-height:0;
	
	background:url('../newimages/login_but.gif') no-repeat 0 -27px;}

A#login_but:hover{
	background-position:0 0;}

#login_but SPAN{display:none;}

#login_sign{
	position:absolute;
	bottom:10px; right:129px;}

/*Flash*/
#flash_conteiner{
	position:absolute;
	right:5px; top:110px;
	width:521px;height:134px;
	z-index:1;}

/*END OF NEW HEADER STUFF*/	







/* LEFT COLUMN STUFF */
.leftbox{/* #sidebar -> this */
	position:relative;
	width:195px;
	padding:0;margin:0 25px 0 25px; 
	z-index:7;}

.leftbox UL{/*.leftbox -> this */
	list-style:none;
	padding:0; margin:0;}
	
H2.left_box_title {
	visibility:hidden;
	color:#ff3;
	font:bold 0.7em  Tahoma, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	min-height:35px;
	padding:0 0 0 27px;
	margin:0;
	background:url("../newimages/news_hotworks_icon.gif") no-repeat 0 0;
	z-index:2;}
* html H2.left_box_title{height:35px; background-position:10px 0; padding:0 0 0 40px; margin:10px 10px 0 -10px;}

H2.left_box_title IMG{padding:10px 0 0 0;}

/*Latest works*/
.float{
	position:relative;
	float:left;
	width:96px; height:74px;
	padding:1px 0 0 1px;
	background:url("../newimages/previewPicBeg.gif") no-repeat 0 0;}


/*News Box Stuff*/
#newsbox UL{
	padding:0; margin:0 0 20px 0;} * html #newsbox UL{ margin:-15px 0 0 0;}
#newsbox UL LI{
	padding:0 0 8px 0; 
	margin: 0 0 6px 0;
	background:url("../newimages/newsline.gif") repeat-x bottom;} * html #newsbox UL LI{display:inline; }
#newsbox LI.last{
	background:none;}
	
#newsbox H3{/*.leftbox -> UL -> LI -> this*/
	color:#426801;
	font:0.55em  Tahoma, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:0; margin:0 0 2px 0;}* html #newsbox H3{ margin:14px 0 2px 0;}
	
#newsbox SPAN{display:block;}

#newsbox UL LI A{/*.leftbox (#newsbox) -> UL -> LI -> this*/
	display:inline;
	color:#201E1F;
	padding:0; margin:0;
	font:0.65em  Tahoma, Helvetica, sans-serif;
	text-transform:uppercase;;}
#newsbox UL LI A:hover{text-decoration:underline;}

#news_logo{
	margin-left:25px;}
HTML>BODY #news_logo{
	margin-bottom:10px;}
* html #news_logo{
	margin-top:10px;}
/*Portflio list Box Stuff (#portfolio_list)*/
	/*------------------------------------------------*/

#portfolio_list{/*#sidebar -> .leftbox (this) */
	width:220px;
	padding:0;margin:0 auto;}

.categoryEntry{/*#portfolio_list -> UL -> LI (this)*/
	position:relative;
	clear:both;
	padding:10px 0 0 0;}
html>body .categoryEntry{margin:0;}
* html .categoryEntry{padding:0;}

.categoryEntry .ListIcon{
	position:absolute;
	top:0; left:-5px;}
	
* html .categoryEntry .ListIcon{
	position:absolute;
	top:0; left:-45px;}
	
.entryContent{/*#portfolio_list -> UL -> LI -> DIV (this)*/
	width:auto; 
	padding:0;margin:0 0 0 40px;}
* html .entryContent{
	position:relative;	
	margin:0 0 -10px 40px;
	top:-20px;}
	
H4{/*#portfolio_list -> UL -> LI -> .entryContent (DIV) -> this*/
	position:relative;
	min-height:18px;
	margin:0 50px 0 0 ; padding:0;
	font:bold 0.7em  Tahoma, Helvetica, sans-serif;
	text-transform:uppercase;
	
	background:url("../newimages/portfolioListLine.gif") no-repeat 0 100%;
	/*border-bottom:2px dotted #7cb110;*/}
* html H4{
	padding:0 0 5px 0;}
	
#sitemap UL,
#submenu UL,/*#submenu -> this*/
.entryContent UL{/*#portfolio_list -> UL -> LI -> .entryContent (DIV) -> this*/
	position:relative;
	padding:0;
	margin:0 0 10px 0;
	list-style:none;}

* html #submenu UL,/*#submenu -> this*/
* html .entryContent UL{
	margin:0;}

#sitemap UL LI,
#submenu UL LI,/*#submenu -> UL -> this*/
.entryContent UL LI{/*#portfolio_list -> UL -> LI -> .entryContent (DIV) -> UL -> this*/
	position:relative;
	color:#000;
	font:0.6em  Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	background:url("../newimages/listTip.gif") no-repeat;
	clear:left;
	min-height:16px;
	padding:0 0 0px 20px;
}

html>body #submenu UL LI{
	padding:0 0 2px 20px;}

.entryContent UL LI{
	min-height:10px;}

body>html #sitemap UL LI{
	list-style-image:url("../newimages/content_tip.gif");
	background:none;
	padding:0 0 3px 5px;} 
* html #sitemap UL LI{
	background:url("../newimages/content_tip.gif") no-repeat 0 11px; 
	padding:0 0 3px 15px; 
	min-height:13px;}

#submenu UL LI{
	min-height:16px;
	border-bottom:2px dotted #6ca802;
	margin:3px 0 0 0;}

LI.second_level{left:20px;margin-right:20px;}
LI.third_level{left:40px;margin-right:40px;}
LI.fourth_level{left:60px;margin-right:60px;}

* html #sitemap UL LI
* html #submenu UL LI{
	margin:0;
	height:14px;}
* html .entryContent UL LI{
	height:10px;}
	
#sitemap A,
#submenu A,
.entryContent A{
	color:#000; 
	position:relative;
	top:2px;
	margin:0 0 10px 0;}
* html .entryContent A{
	margin:0;}

#submenu A{
	margin:0;
	top:2px;}
* html #submenu A{ top:-3px;}

#sitemap A:hover,
#submenu A:hover,
.entryContent A:hover{color:#000;text-decoration:underline;}

#submenu A.selected,
.entryContent A.selected{
	/*font-size:1em;*/
	color:#fff;
	font-weight:bold;}

	/*------------------------------------------------*/
	/*Portflio list Box Stuff (#portfolio_list)*/


	/*SubMenu list Box Stuff (#portfolio_list)*/
	/*------------------------------------------------*/
	#portfolio_list UL {top:6px;}
	#portfolio_list UL LI{padding:0 0 4px 0;}
	.entryContent UL LI A{margin:0 0 0 20px;}
	/*------------------------------------------------
	Submenu Stuff (in #sidebar)*/

/* end of LEFT COLUMN STUFF */






/*CONTENT STUFF*/

	/* LINK LINE */
#content_links{/*#content -> UL(this)*/
	color:#73ab11;
	font:bold 0.6em  Tahoma, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	
	position:relative;
	padding:0 0 5px 0;
	left:0;
	margin:-10px 0 10px 0;
	list-style:none;
	}
	
* html #content_links{
	padding:5px 0 10px 20px;}
	
#content_links LI{/*#content -> #content_links (UL) -> LI*/
	display:inline;
	padding:0 3px; margin:0;
	white-space:nowrap;}

/*#content -> #content_links (UL) -> LI -> A (this)*/
#content_links A.links{color:#73ab11;}
#content_links A.links:hover{color:#000;}

H1,
.date_news{
	visibility:hidden;
	position:relative;
	color:#000;
	font:bold 16px Tahoma, Arial, Helvetica, sans-serif;
	text-transform:uppercase;}
	
H1{
	background:url("../newimages/h1_beg.gif") repeat-x bottom;
	left:-23px;
	padding:0 0 0 20px;
	margin:0 -23px 20px 0;}
	
.date_news{font-size:14px;}
	
	
	
	
TD,FONT,
#content_text P, 
#content_text LI{
	color:#555052/*202020*/;
	font: 0.7em Tahoma, Helvetica, sans-serif;
	text-transform:none;
	list-style:none;	
	margin:4px 0 4px 0;}
	
#content_text UL LI{list-style-image:url("../newimages/content_tip.gif");}
#content_text UL[class='clients'] LI{list-style:none;}

#content_text .UL_up{
	margin-top:0;
	margin-bottom:12;}
#content_text TD P{font-size: 1em;} /*In case if P is In the TD*/

#content_text P{padding:0; margin:5px 0 10px 0;}

#content_text A{ 
	color:#446A00;
	font-weight:bold;
	text-decoration:none;}
#content_text A:hover{text-decoration:underline;}

#content_text STRONG{
	font-weight:bold;}
	
	
	/*Clients list*/
UL.clients{
	position:relative;
	left:-40px;
	margin:0 -60px 0 0;
	list-style:none;}
	
UL.clients LI,
UL.clients LI.hoverout{
	width:140px;
	height:120px;
	float:left;
	padding:0 10px;
	text-align:center;}
UL.clients LI.hoverin{}
UL.clients LI A{}

UL.clients LI IMG{
	margin:0 auto;
	clear:both;}

P.clients{
	clear:both;
}


/* Gallery Content Stuff (in #content)
---------------------------------------------------------------------------------*/

#gallery_content{
	position:relative;
	width:470px;
	margin:20px auto;}

#gallery_content .picConteiner {
position:relative;
width:155px;
float:left;
text-align:center;}

#latest_works_incontent #gallery_content .picConteiner {
	width:110px;}

#gallery_content .Gall_row{
	position:relative;
	float:left;
	width:470px;
	text-align:center;}


#gallery_content .picConteiner IMG.img_mouseout,
#gallery_content .picConteiner IMG{
	border:1px Solid #fff;
	padding:0; margin:0;
	cursor:pointer;}
/*html>body #gallery_content .picConteiner IMG:hover{
	padding:0; margin:0;
	border:1px Solid #dfdfdf;}*/
#gallery_content .picConteiner IMG.img_hover{
	border:1px Solid #dfdfdf;}

#gallery_content .picConteiner P{
	color:#AEAEAE;
	font:0.6em Tahoma, Helvetica, sans-serif;
	line-height:1.5em;
	height:4em;
	
	padding:0; margin:0;
	text-align:center;}
/*---------------------------------------------------------------------------------
Gallery Content Stuff (in #content)*/

	
	/* FORM in testTRack Pro */
FORM#in_testtrackpro {
	width:300px;
	margin:0 auto;}

#in_testtrackpro LABEL{
	float:left;
	width:145px;
	text-align:right;
	margin:0 5px 0 0;
	color:#929292;
	font:bold 0.7em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	}
	
#in_testtrackpro INPUT,
#in_testtrackpro SELECT{
	color:#42505e;
	font:bold 11px Tahoma, sans-serif;
	float:left;
	width:145px;}
	
#in_testtrackpro INPUT[type='submit']{
	float:none;
	margin-top:10px;
	margin-left:75px;}
	
#in_testtrackpro BR{
	clear:both;}
/*end of CONTENT STUFF*/