/*------------------------------------------------------------------
[Master Stylesheet]

Project:	www.emotion.lt
Author: 	www.emotion.lt
Version:	1.0.5
Last change:	10-04-21 11:51
-------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	outline: none;
	font-family: arial, verdana, sans-serif;	
} 

html, body {margin:0; padding:0; height: 100%; width:100%;}

body{
	font-size: 13px;
	line-height: 17px;
	color: #666666;
	min-width: 1000px;	
	background: url(../images/bg.gif) 0 0 repeat-x;	
}

a{
	color: #E00D6A;
	text-decoration: none;
}

a:hover{text-decoration: underline;}

img {border:none}  

#uberHolder {
	float: left;
	width: 100%;
	position: relative;
	display: inline;
	min-height: 100%;
	background: url(../images/bg_uberholder.png) 0 bottom repeat-x;
}

* html #uberHolder {height: 100%; }

.flashHolder {
	width:100%;
	height:550px;
	overflow: hidden;
	position:relative;
	z-index:5;
}

#flash {
	position:absolute;
	width:1200px;
	height:550px;
	left: 50%;
	margin-left: -600px;
	top: 0px;
}

/* ----- #header starts ----- */

#header {
	width: 1000px;
	margin:0 auto;
	position:relative;
	z-index:10;
}

#header .header {
	width: 960px;
	padding: 30px 20px 0 20px;	
	position:absolute;
	height: 100px;	
	top: 0;
	left: 0;
	background: url(../images/bg_header.png) 20px 30px no-repeat;	
}

#header .header .logo{
	display: inline;
	float: left;
	margin: 20px 0 0 20px;	
}

#header .header .logo2{
	display: inline;
	float: left;
	width: 175px;
	height: 100px;
}

#header .header .logo2 a{
	display: block;
	float: left;
	width: 175px;
	height: 100px;
	text-indent: -9999px;
	background: url(../images/emotion.gif) 0 0 no-repeat;
}

#header .header .logo2 a:hover{
	display: block;
	float: left;
	width: 175px;
	height: 100px;
	text-indent: -9999px;
	background: url(../images/emotion.gif) 0 -110px no-repeat;
}

#header .header .lang {
	float: right;
	position:absolute;
	top: 38px;
	right: 36px;	
	display: block;
	display: none;
}

#header .header .lang a{
	color: #fff;
	font-size: 11px;
}

#header .header #nav {
	float: left;
	position:absolute;
	display: block;
	top: 46px;
	left: 310px;	
	width: 665px;
	padding: 0 5px 0 0;
}

#header .header #nav ul {
	list-style: none;
	float: right;
}

#header .header #nav ul li{
	float: left;
	padding: 48px 0 0 0;
	position: relative;
}

#header .header #nav ul li.menuitem_1{background: url(../images/bg_pirstas.gif) center 0 no-repeat;}

#header .header #nav ul li.menuitem_2{background: url(../images/bg_lempa.gif) center 0 no-repeat;}

#header .header #nav ul li.menuitem_3{background: url(../images/bg_kosmonautas.gif) center 0 no-repeat;}

#header .header #nav ul li.menuitem_4{background: url(../images/bg_komentarai.gif) center 0 no-repeat;}

#header .header #nav ul li .menuElement{
	float: left;
	padding: 0 2px 0 0;
}

#header .header #nav ul li.hover .menuElement{background: url(../images/bg_menu_right.gif) right 2px no-repeat;}

#header .header #nav ul li a{
	display: block;
	float: left;
	color: #fff;
	font-size: 12px;
	line-height: 17px;
	padding: 6px 9px 6px 9px ;
	text-transform: uppercase;
}

#header .header #nav ul li a:hover{text-decoration: none;	}

#header .header #nav ul li.hover a{background: #404040;	}

#header .header #nav ul li .secondMenu{
	display: none!important;
	position: absolute;
	top: 77px;
	left: 0;
	background: url(../images/bg_second_menu.png) right bottom no-repeat;
	width: 260px;
	padding: 4px 2px 4px 0;
}

#header .header #nav ul li.hover .secondMenu{display: block!important;}

#header .header #nav ul li.hover .secondMenu li{
	padding: 2px 0 2px 0;
	width: 260px;
}

#header .header #nav ul li.hover .secondMenu li.active{background: none;}

#header .header #nav ul li.hover .secondMenu li a{
	padding: 3px 10px 3px 10px;
	font-size: 12px;
	background: none;
	width: 240px;
	display: block;
	text-transform: none;
}

#header .header #nav ul li.hover .secondMenu li.active a{color: #999999;}

#header .header #nav ul li.hover .secondMenu li a:hover{
	background: #E00D6A;
	color: #fff;
}



/* ----- #header ends ----- */

/* ----- #contentIndex starts ----- */

#contentIndex {
	width: 960px; 
	padding: 0 20px 0 20px;
	margin:0 auto;
}

#contentIndex  div{
	display: inline;
	float: left;
}

#contentIndex  .promoHolder{
	width: 960px;
	padding: 16px 0 25px 0;
}

#contentIndex  .promoHolder .promo{width: 320px;}

#contentIndex  .promoHolder .promo .emotionBlog{
	width: 301px;
	padding: 0 0 0 19px;
}

#contentIndex  .promoHolder .promo .emotionBlog h2{
	font-size: 20px;
	line-height: 24px;
	color: #E00D6A;
	font-weight: bold;
}

#contentIndex  .promoHolder .promo .emotionBlog h2 span{
	color: #999999;
	font-weight: normal;
	padding: 0 0 0 20px;
	background: url(../images/sprite.gif) 2px 2px no-repeat;
}

#contentIndex  .promoHolder .promo .emotionBlog .emotionBlogTitle{
	width: 301px;
	padding: 0 0 18px 0;
}

#contentIndex  .promoHolder .promo .emotionBlog .emotionBlogText{
	width: 301px;
	padding: 0 0 0 0;
}

#contentIndex  .promoHolder .promo .emotionBlog .emotionBlogText p{padding: 0 0 8px 0;}

#contentIndex  .promoHolder .promo .emotionBlog .emotionBlogText strong{
	color: #000;
	font-weight: normal;
}

#contentIndex  .promoHolder .promo .konversijaBlog{
	width: 301px;
	padding: 0 0 0 19px;
}

#contentIndex  .promoHolder .promo .konversijaBlog h2{
	font-size: 20px;
	line-height: 24px;
	color: #333;
	font-weight: bold;
}

#contentIndex  .promoHolder .promo .konversijaBlog .span {
	padding: 1px 0 0 28px;
	background: url(../images/sprite.gif) 7px 1px no-repeat;	
}

#contentIndex  .promoHolder .promo .konversijaBlog .span p{
	font-size: 11px;
	line-height: 12px;
	color: #999999;
}

#contentIndex  .promoHolder .promo .konversijaBlog .konversijaBlogTitle{
	width: 301px;
	padding: 0 0 18px 0;
}

#contentIndex  .promoHolder .promo .konversijaBlog .konversijaBlogText{
	width: 281px;
	padding: 0 20px 0 0;
}

#contentIndex  .promoHolder .promo .konversijaBlog .konversijaBlogText p{padding: 0 0 8px 0;}

#contentIndex  .promoHolder .promo .konversijaBlog .konversijaBlogText strong{
	color: #000;
	font-weight: normal;
}

#contentIndex  .promoHolder .promo .ecommerceAnalysis{
	width: 280px;
	border: 1px solid #DDDDDD;
	padding: 16px 19px 16px 19px;
	background: url(../images/bg_ecommerce_analysis.gif) 0 0 repeat-y;
	margin: -2px 0 0 0;
	position: relative;
}

#contentIndex  .promoHolder .promo .ecommerceAnalysis .ecommerceAnalysisTitle{
	width: 280px;
	padding: 0 0 10px 0;
}

#contentIndex  .promoHolder .promo .ecommerceAnalysis .ecommerceAnalysisTitle h2{
	font-size: 15px;
	line-height: 18px;
	color: #E00D6A;
	font-weight: bold;
}

#contentIndex  .promoHolder .promo .ecommerceAnalysis .ecommerceAnalysisText{
	width: 216px;
	padding: 2px 0 0 64px;
	background: url(../images/bg_e_komercijos_tyrimas.gif) 0 0 no-repeat;
	min-height: 55px;
	height:auto !important;
	height:55px;
}

#contentIndex  .promoHolder .promo .ecommerceAnalysis .ecommerceAnalysisLink{
	width: 320px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	z-index: 15;
}

#contentIndex  .promoHolder .promo .ecommerceAnalysis .ecommerceAnalysisLink a{
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/bg_one_pixel.gif) no-repeat;
}

#contentIndex  .lastWorksHolder{
	width: 960px;
	padding: 16px 0 6px 0;
	background: #FDFCFD url(../images/bg_last_works.gif) 0 0 repeat-x;
	border-bottom: 1px solid #E0E0E0;
}

#contentIndex  .lastWorksHolder .lastWorksTitle{
	width: 941px;
	padding: 0 0 12px 19px;
}

#contentIndex  .lastWorksHolder .lastWorksTitle h2{
	font-size: 20px;
	line-height: 24px;
	color: #E00D6A;
	font-weight: bold;
}

#contentIndex  .lastWorksHolder .lastWorksTitle h2 span{
	color: #999999;
	font-weight: normal;
	padding: 0 0 0 20px;
	background: url(../images/sprite.gif) 2px -29px no-repeat;
}

#contentIndex  .lastWorksHolder  .oneWork{
	width: 280px;
	height: 140px;
	position: relative;
	line-height: 1px;
	padding: 0 20px 15px 20px;
	background: url(../images/bg_one_work.gif) 0 0 no-repeat;
}

#contentIndex  .lastWorksHolder  .oneWork .oneWorkImg{
	width: 280px;
	height: 140px;
	position: relative;
	overflow: hidden;
}

#contentIndex  .lastWorksHolder  .oneWork .title{
	width: 280px;
	position: relative;
	display: block!important;
	bottom: 24px;
	left: 0px;
	background: url(../images/bg_one_work_black.png) 0 0 repeat-y;
}

#contentIndex  .lastWorksHolder  .hover .title{display: none!important;}

#contentIndex  .lastWorksHolder  .oneWork .title h4{
	color: #fff;
	line-height: 17px;
	padding: 4px 7px 3px 7px;
	font-size: 13px;
	font-weight: normal;
}


#contentIndex  .lastWorksHolder  .oneWork .title2{
	width: 280px;
	position: relative;
	display: block!important;
	top: -24px;
	left: 0px;
	background: url(../images/bg_one_work_purple.png) 0 0 repeat-y;
}

#contentIndex  .lastWorksHolder  .hover .title2{display: block!important;}

#contentIndex  .lastWorksHolder  .oneWork .title2 h4{
	color: #fff;
	line-height: 17px;
	padding: 4px 7px 3px 7px;
	font-size: 13px;
	font-weight: normal;
}

#contentIndex  .lastWorksHolder  .oneWork .title2 p{
	color: #FFCCCC;
	line-height: 13px;
	padding: 2px 7px 7px 7px;
	font-size: 11px;
	font-weight: normal;
}

#contentIndex  .lastWorksHolder  .oneWork .title2 p a{color: #fff;}

#contentIndex  .servicesHolder{
	width: 960px;
	padding: 20px 0 0px 0;
}

#contentIndex  .servicesHolder .servicesColumn{
	width: 280px;
	padding: 0 20px 0 20px;
}

#contentIndex  .servicesHolder .servicesColumn .servicesImg{
	width: 60px;
	min-height: 43px;
	height:auto !important;
	height:43px;	
}

#contentIndex  .servicesHolder .servicesColumn .servicesTitle{
	width: 220px;
	padding: 5px 0 0 0;
	min-height: 43px;
	height:auto !important;
	height:43px;	
}

#contentIndex  .servicesHolder .servicesColumn .servicesTitle h2{
	font-size: 15px;
	line-height: 18px;
	color: #333333;
	font-weight: bold;
}

#contentIndex  .servicesHolder .servicesColumn .servicesText{
	width: 280px;
	padding: 16px 0px 0 0px;
}

#contentIndex  .servicesHolder .servicesColumn .servicesText p{padding: 0 0 14px 0;}

#contentIndex  .servicesHolder .servicesColumn .servicesText ul{list-style: none;}

#contentIndex  .servicesHolder .servicesColumn .servicesText ul li{
	padding: 0 0 0 14px;
	background: url(../images/bg_index_ul_li.gif) 0 5px no-repeat;
}

#contentIndex  .servicesHolder .servicesColumn .servicesText .left{width: 217px;}

#contentIndex  .servicesHolder .servicesColumn .servicesText .right{
	width: 62px;
	border-left: 1px solid #DDDDDD;
}

#contentIndex  .servicesHolder .servicesColumn .servicesLink{
	width: 280px;
	padding: 14px 0px 0 0px;
}

#contentIndex  .servicesHolder .servicesColumn .servicesLink a{
	width: 170px;
	display: block;
	height: 44px;
	padding: 13px 50px 0 60px;
	color: #fff;
	line-height: 15px;
	background: url(../images/bg_services_link.gif) 0 0 no-repeat;
}

#contentIndex  .clientsHolder{
	width: 960px;
	padding: 10px 0 20px 0;
}

#contentIndex  .clientsHolder .clientsTitle{
	width: 941px;
	padding: 0 0 12px 19px;
}

#contentIndex  .clientsHolder .clientsTitle h2{
	font-size: 20px;
	line-height: 24px;
	color: #E00D6A;
	font-weight: bold;
}

#contentIndex  .clientsHolder .clientsTitle h2 span{
	color: #999999;
	font-weight: normal;
	padding: 0 0 0 20px;
	background: url(../images/sprite.gif) 2px 2px no-repeat;
}

#contentIndex  .clientsHolder .clientsLogos{
	width: 960px;
	background: #fff;
	height: 80px;
	line-height: 1px;
	overflow: hidden;
}

/* ----- #contentIndex ends ----- */

/* ----- #banner starts ----- */

#banner{
	width: 960px; 
	padding: 145px 20px 0 20px;
	margin:0 auto;
}

#banner p{line-height: 1px;}

/* ----- #banner ends ----- */

/* ----- #content starts ----- */

#content{
	width: 960px; 
	padding: 0 20px 0px 20px;
	margin:0 auto;
}

#content  div{
	display: inline;
	float: left;
}

/* portfolio - starts */

#content .portfolio{width: 960px; }

#content .portfolio .portfolioTop{
	width: 960px; 
	background: url(../images/bg_portfolio_top.gif) 637px 20px no-repeat;
}

#content .portfolio .portfolioTop .portfolioLeft{
	width: 585px; 
	height: 409px;
	padding: 20px 5px 20px 30px;
	background: url(../images/bg_portfolio_left.png) 25px 17px no-repeat;	
}

#content .portfolio .portfolioTop .portfolioLeft .mainWork{
	width: 585px; 
	height: 409px;
	background: #fff;	
}

#content .portfolio .portfolioTop .portfolioLeft .mainWork .mainWorkLeft{
	width: 186px; 
	height: 409px;
	padding: 0 0 0 28px;
	position: relative;
}

#content .portfolio .portfolioTop .portfolioLeft .mainWork .mainWorkLeft .title{
	width: 186px; 
	padding: 28px 0 0 0;
}

#content .portfolio .portfolioTop .portfolioLeft .mainWork .mainWorkLeft .title h2{
	color: #333333;
	font-size: 15px;
	line-height: 17px;
}

#content .portfolio .portfolioTop .portfolioLeft .mainWork .mainWorkLeft .title2{
	width: 186px; 
	padding: 16px 0 0 0;	
}

#content .portfolio .portfolioTop .portfolioLeft .mainWork .mainWorkLeft .title2 h2{
	color: #E00D6A;
	font-size: 24px;
	line-height: 24px;
	text-transform: uppercase;	
}

#content .portfolio .portfolioTop .portfolioLeft .mainWork .mainWorkLeft .title2 h2 span{color: #333333;}

#content .portfolio .portfolioTop .portfolioLeft .mainWork .mainWorkLeft .text{
	width: 183px; 
	padding: 14px 3px 0 0;		
}

#content .portfolio .portfolioTop .portfolioLeft .mainWork .mainWorkLeft .text p{color: #666666; }

#content .portfolio .portfolioTop .portfolioLeft .mainWork .mainWorkLeft .link{
	position: absolute;
	display: block;
	height: 27px;
	width: 186px;
	top: 361px;
	left: 28px;
}

#content .portfolio .portfolioTop .portfolioLeft .mainWork .mainWorkLeft .link a{
	display: block;
	float: left;
	height: 24px;
	padding: 3px 31px 0 9px;
	background: url(../images/bg_main_work_link.gif) right 0 no-repeat;
}

#content .portfolio .portfolioTop .portfolioLeft .mainWork .mainWorkRight{
	width: 343px; 
	height: 409px;
	padding: 0 28px 0 0;	
	position: relative;	
}

#content .portfolio .portfolioTop .portfolioLeft .mainWork .mainWorkRight .img{width: 343px; }

#content .portfolio .portfolioTop .portfolioLeft .mainWork .mainWorkRight .img p{line-height: 1px;}

#content .portfolio .portfolioTop .portfolioLeft .mainWork .mainWorkRight .link{
	position: absolute;
	display: block;
	height: 20px;
	width: 343px;
	top: 364px;
	left: 0;
}

#content .portfolio .portfolioTop .portfolioLeft .mainWork .mainWorkRight .link a{
	display: block;
	float: right;
	font-size: 15px;
	padding: 0px 12px 0 0px;
	background: url(../images/bg_main_work_link2.gif) right 5px no-repeat;
}

#content .portfolio .portfolioTop .portfolioRight{
	float: right;
	width: 323px;
	background: url(../images/bg_portfolio_right.gif) 13px 225px no-repeat;		
}

#content .portfolio .portfolioTop .portfolioRight .portfolioElement{
	width: 270px; 
	height: 184px;
	padding: 20px 22px 21px 23px;
	background: url(../images/bg_portfolio_elmnt.png) 18px 17px no-repeat;	
}

#content .portfolio .portfolioBottom{
	width: 946px; 
	padding: 17px 7px 14px 7px;
	background: url(../images/bg_portfolio_bot.gif) 0 0 no-repeat;
}

#content .portfolio .portfolioBottom .portfolioElement{
	width: 270px; 
	height: 184px;
	padding: 3px 22px 6px 23px;
	background: url(../images/bg_portfolio_elmnt.png) 18px 0 no-repeat;	
}

/* portfolio - ends */

/* portfoliolist - starts */

#content .portfolioList{
	width: 960px;
	padding: 20px 0 22px 0;
	/*mindaugas*/
	/*height: 292px;*/
}

#content .portfolioList .portfolioColumn{
	width: 177px;
	padding: 0 21px 0 42px;
}

#content .portfolioList .portfolioColumn ul{list-style: none;}

#content .portfolioList .portfolioColumn ul li{padding: 4px 0 4px 0;}

#content .portfolioList .portfolioColumn ul li a.dif{
	padding: 0 12px 0 0;
	background: url(../images/bg_main_work_link2.gif) right 5px no-repeat;
}

/* portfoliolist - ends */

/* viewtype - starts */

#content .viewType{
	float: right;
	padding: 20px 41px 17px 0;
}

#content .viewType .popup{
	display: none;
	position: absolute;
	top: 27px;
	left: -46px;
	width: 133px;
	height: 31px;
	padding: 8px 0 0 0;
	background: url(../images/bg_popup.gif) 0 0 no-repeat;
}

#content .viewType .hover .popup{display: block;}

#content .viewType .popup p{
	color: #fff;
	text-align: center;
}

#content .viewType .grid{
	width: 25px;
	height: 25px;
	position: relative;
	padding: 0 0 0 8px;	
}

#content .viewType .grid a{
	width: 25px;
	height: 25px;
	display: block;
	background: url(../images/grid.gif) 0 0 no-repeat;
}

#content .viewType .grid a.active{
	cursor: default;
	background: url(../images/grid_a.gif) 0 0 no-repeat;
}

#content .viewType .list{
	width: 25px;
	height: 25px;	
	position: relative;	
	padding: 0 0 0 8px;
}

#content .viewType .list a{
	width: 25px;
	height: 25px;
	display: block;
	background: url(../images/list.gif) 0 0 no-repeat;	
}

#content .viewType .list a.active{
	cursor: default;
	background: url(../images/list_a.gif) 0 0 no-repeat;	
}

/* viewtype - ends */

/* pagging - starts */

#content .paggingTop{
	width: 920px; 
	margin: 0 20px 0 20px;
	border-bottom: 1px solid #E0E0E0;
}

#content .paggingBottom{
	width: 920px; 
	margin: 0 20px 0 20px;
	padding: 0 0 30px 0;
	border-top: 1px solid #E0E0E0;
}

#content .pagging{
	width: 600px;
	padding: 20px 0 20px 8px;
}

#content .pagging p{
	color: #559B04;
	padding: 0;
	font-size: 13px;
	line-height: 17px;
}

#content .pagging a{
	float: left;
	display: block;
	padding: 2px 7px 3px 7px;
	margin: 0 2px 0 2px;
}

#content .pagging a.active{
	color: #fff;
	background: #E00D6A;
	text-decoration: none;
}

#content .pagging a.next{
	cursor: default;
	width: 26px;
	height: 17px;
	padding: 2px 7px 3px 7px;	
 	background: url(../images/sprite.gif) 0px -105px no-repeat;
}

#content .pagging a.nextActive{
	width: 26px;
	height: 17px;
	padding: 2px 7px 3px 7px;	
 	background: url(../images/sprite.gif) 0px -127px no-repeat;
}

#content .pagging a.back{
	cursor: default;
	width: 26px;
	height: 17px;
	padding: 2px 7px 3px 7px;		
	background: url(../images/sprite.gif) 0px -61px no-repeat;
}

#content .pagging a.backActive{
	width: 26px;
	height: 17px;
	padding: 2px 7px 3px 7px;		
	background: url(../images/sprite.gif) 0px -83px no-repeat;
}

/* pagging - ends */

/* content - starts */

#content .content{
	width: 960px;
	padding: 0 0 30px 0;
}

#content .content .contentLeft{
	width: 600px;
	padding: 20px 0 0 20px;
}

#content .content .contentLeft h2{
	padding: 0 0 12px 0;	
	color: #E00D6A;
	font-size: 20px;
	line-height: 24px;
}

#content .content .contentLeft p{
	padding: 0 0 18px 0;
	font-size: 14px;
	line-height: 20px;
}

#content .content .contentLeft ul{
	margin: 0 0 20px 0;
	list-style: none;
}

#content .content .contentLeft ul li{
	padding: 5px 0 5px 20px;
	font-size: 14px;
	line-height: 20px;	
	background: url(../images/bg_ul_li.gif) 0 center no-repeat;
}

#content .content .contentLeft table.table{
	margin: 0 0 20px 0;
	border-collapse: collapse;
}

#content .content .contentLeft table.table th{
	border-top: 1px solid #DAD9D9;
	border-bottom: 1px solid #666666;
	text-align: left;
	font-size: 14px;
	color: #333333;
	padding: 6px 7px 6px 7px;
}

#content .content .contentLeft table.table th.right{
	text-align: right;
	margin: 0;
	width: auto;
	padding: 6px 7px 6px 7px;
	float: none;
}

#content .content .contentLeft table.table th.center{text-align: center;}

#content .content .contentLeft table.table td{
	border-top: 1px solid #DAD9D9;
	border-bottom: 1px solid #DAD9D9;
	text-align: left;
	font-size: 14px;
	color: #666666;
	padding: 6px 7px 6px 7px;
}

#content .content .contentLeft table.table td.right{
	text-align: right;
	margin: 0;
	width: auto;
	padding: 6px 7px 6px 7px;
	float: none;
}

#content .content .contentLeft table.table td.center{text-align: center;}

#content .content .contentLeft table.table tr.last td{border-bottom: 1px solid #666666;}

#content .content .contentLeft table.table td.footer{
	border: none;
	font-size: 13px;
	color: #999999;
}

#content .content .contentLeft .contentLeftBlock{
	width: 600px;
	padding: 20px 0 13px 0px;
	border-top: 1px solid #B2B2B2;	
}

#content .content .contentLeft .important{border-top: 1px solid #E00D6A;	}

#content .content .contentLeft .contentLeftBlock .left{
	width: 151px;
	padding: 0 15px 0 0;
}

#content .content .contentLeft .contentLeftBlock .left p{
	padding: 0 0 20px 0;
	font-size: 13px;
	line-height: 18px;
}

#content .content .contentLeft .contentLeftBlock .right{
	width: 434px;
	float: right;
	padding: 1px 0 0 0;
}

#content .content .contentLeft .contentLeftBlock .right .player{
	width: 434px;
	padding: 2px 0 20px 0;
}

#content .content .contentLeft .contentLeftBlock .right .quoteTop{
	width: 434px;
	padding: 19px 0 25px 0;
	background: url(../images/bg_quote_top.gif) 0 0 no-repeat;	
}

#content .content .contentLeft .contentLeftBlock .right .quoteMiddle{
	width: 434px;
	padding: 0 0 22px 0;
	background: url(../images/bg_quote_bottom.gif) 0 bottom no-repeat;
}

#content .content .contentLeft .contentLeftBlock .right .quoteMiddle p{
	padding: 0 0 0 0;
	color: #111;
}

#content .content .contentLeft .contentLeftBlock .right .quoteBottom{
	width: 434px;
	padding: 8px 0 0 0;
}

#content .content .contentLeft .contentLeftBlock .right .quoteBottom img{
	float: left;
	margin: -5px 9px 0 0;
}

#content .content .contentLeft .contentLeftBlock .right .quoteBottom p{
	font-size: 13px;
	line-height: 17px;
	padding: 0;
}

#content .content .contentLeft .innerPagging{
	width: 600px;
	padding: 0px 0 13px 0px;
}

#content .content .contentLeft .innerPagging .pagging{
	width: 400px;
	padding: 18px 0 14px 120px;
}

#content .content .contentLeft .innerPagging .pagging p{
	color: #559B04;
	padding: 0;
	font-size: 13px;
	line-height: 17px;
}

#content .content .contentRight{
	float: right;
	width: 280px;
	margin: 20px 20px 0 0;	
	padding: 26px 0 0 0;
	border-top: 1px solid #B2B2B2;
}

#content .content .contentRight h2{
	padding: 0 0 12px 0;	
	color: #333333;
	font-size: 15px;
	line-height: 17px;
}

#content .content .contentRight .testimonials{
	width: 260px;	
	padding: 0px 10px 0 10px;
}

#content .content .contentRight .testimonials .quoteTop{
	width: 260px;
	padding: 29px 0 56px 0;
	background: url(../images/bg_quote_top.gif) 0 8px no-repeat;	
}

#content .content .contentRight .testimonials .quoteMiddle{
	width: 260px;
	padding: 0 0 22px 0;
	background: url(../images/bg_quote_bottom.gif) 0 bottom no-repeat;
}

#content .content .contentRight .testimonials .quoteMiddle p{
	padding: 0 0 0 0;
	color: #111;
	font-size: 14px;
	line-height: 20px;		
}

#content .content .contentRight .testimonials .quoteBottom{
	width: 260px;
	padding: 8px 0 0 0;
}

#content .content .contentRight .testimonials .quoteBottom img{
	float: left;
	margin: -5px 9px 0 0;
}

#content .content .contentRight .testimonials .quoteBottom p{
	font-size: 13px;
	line-height: 17px;
	padding: 0;
}

#content .content .contentRight .relatedWorks{
	width: 260px;	
	height: 267px;
	padding: 30px 10px 56px 10px;
	background: url(../images/bg_related_works.jpg) 0 0 no-repeat;
}

#content .content .contentRight .relatedWorks  .headerTitle{
	width: 260px;
	height: 29px;
}

#content .content .contentRight .relatedWorks  .oneWork{
	width: 260px;
	height: 140px;
	position: relative;
	line-height: 1px;
	margin: 4px 0 0 0;
	overflow: hidden;	
}

#content .content .contentRight .relatedWorks  .oneWork .oneWorkImg{
	width: 260px;
	height: 140px;
	position: relative;
	overflow: hidden;
}


#content .content .contentRight .relatedWorks  .oneWork .title{
	width: 260px;
	position: relative;
	display: block!important;
	bottom: 24px;
	left: 0px;
	background: url(../images/bg_one_work_black.png) 0 0 repeat-y;
}

#content .content .contentRight .relatedWorks  .hover .title{display: none!important;}

#content .content .contentRight .relatedWorks  .oneWork .title h4{
	color: #fff;
	line-height: 17px;
	padding: 3px 7px 4px 7px;
	font-size: 13px;
	font-weight: normal;
}


#content .content .contentRight .relatedWorks  .oneWork .title2{
	width: 260px;
	position: relative;
	display: block!important;
	top: -24px;
	left: 0px;
	background: url(../images/bg_one_work_purple.png) 0 0 repeat-y;
}

#content .content .contentRight .relatedWorks  .hover .title2{display: block!important;}

#content .content .contentRight .relatedWorks  .oneWork .title2 h4{
	color: #fff;
	line-height: 17px;
	padding: 4px 7px 3px 7px;
	font-size: 13px;
	font-weight: normal;
}

#content .content .contentRight .relatedWorks  .oneWork .title2 p{
	color: #FFCCCC;
	line-height: 13px;
	padding: 2px 7px 7px 7px;
	font-size: 11px;
	font-weight: normal;
}

#content .content .contentRight .relatedWorks  .oneWork .title2 p a{color: #fff;}

#content .content .contentRight .relatedWorks .pagging{
	padding: 10px 0 20px 0px;
	width: auto;
}

#content .content .contentRight .relatedWorks .pagging p{
	color: #559B04;
	padding: 0;
	font-size: 13px;
	line-height: 17px;
}

#content .content .contentRight .relatedWorks .pagging a{
	float: left;
	display: block;
	padding: 2px 7px 3px 7px;
	margin: 0 2px 0 2px;
}

#content .content .contentRight .relatedWorks .pagging a.active{
	color: #fff;
	background: #E00D6A;
	text-decoration: none;
}

#content .content .contentRight .relatedWorks .pagging a.next{
	cursor: default;
	width: 26px;
	height: 17px;
	padding: 2px 7px 3px 7px;	
 	background: url(../images/sprite.gif) 0px -105px no-repeat;
}

#content .content .contentRight .relatedWorks .pagging a.nextActive{
	width: 26px;
	height: 17px;
	padding: 2px 7px 3px 7px;	
 	background: url(../images/sprite.gif) 0px -127px no-repeat;
}

#content .content .contentRight .relatedWorks .pagging a.back{
	cursor: default;
	width: 26px;
	height: 17px;
	padding: 2px 7px 3px 7px;		
	background: url(../images/sprite.gif) 0px -61px no-repeat;
}

#content .content .contentRight .relatedWorks .pagging a.backActive{
	width: 26px;
	height: 17px;
	padding: 2px 7px 3px 7px;		
	background: url(../images/sprite.gif) 0px -83px no-repeat;
}

#content .content .contentRight .contactsFormHolder{
	width: 280px;	
	padding: 0 0 56px 0px;
}

#content .content .contentRight .contactsForm{
	width: 260px;	
	padding: 30px 10px 18px 10px;
	background: #F1F0F1 url(../images/bg_contacts_form.gif) 0 0 repeat-x;
}

#content .content .contentRight .important .contactsForm{background: #E00D6A;}

#content .content .contentRight .important .contactsForm h2{color: #fff;}

#content .content .contentRight .important .contactsForm p{color: #fff;}

#content .content .contentRight .contactsForm .must p{padding: 0;}

#content .content .contentRight .important .contactsForm .must p{color: #CCCCCC;}

#content .content .contentRight .contactsForm .scs p{padding: 0; font-weight: bold; color: #E00D6A;}

#content .content .contentRight .contactsForm p{padding: 0 0 10px 0;}

#content .content .contentRight .contactsForm .errMsg{
	width: 231px;	
	padding: 4px;
	margin: 0 0 8px 10px;
	background: #FFFF00;
	border-left: 1px solid #F2F300;
	border-bottom: 1px solid #F2F300;
}

#content .content .contentRight .contactsForm .errMsg p{
	color: #E00D6A;
	padding: 0 0 0 0;
}

#content .content .contentRight .contactsForm .contactsFormLine{
	width: 240px;	
	padding: 3px 10px 2px 10px;
}

#content .content .contentRight .contactsForm .contactsFormLine input{
	background: #fff;
	border-top: 1px solid #ABADB3;
	border-left: 1px solid #E3E9EF;
	border-right: 1px solid #E3E9EF;
	border-bottom: 1px solid #E3E9EF;
	width: 230px;
	padding: 3px 4px 4px 4px;
	height: 16px;
	font-size: 13px;
	line-height: 16px;
	color: #666666;
}

#content .content .contentRight .contactsForm .err input{
	background: url(../images/bg_input_err.gif) 0 0 repeat-x;
	color: #E00D6A;
}

#content .content .contentRight .contactsForm .contactsFormLine textarea{
	background: #fff;
	border-top: 1px solid #ABADB3;
	border-left: 1px solid #E3E9EF;
	border-right: 1px solid #E3E9EF;
	border-bottom: 1px solid #E3E9EF;
	width: 230px;
	max-width: 230px;
	padding: 3px 4px 4px 4px;	
	height: 96px;
	font-size: 13px;
	line-height: 16px;
	color: #666666;	
}

#content .content .contentRight .contactsForm .contactsFormLine input.submit{
	border: none;
	width: 140px;
	height: 35px;
	padding: 0;
	margin: 10px 0 10px 0;
}

#content .content .contentLeft .oneNew{
	width: 600px;
	padding: 20px 0 13px 0px;
	border-top: 1px solid #B2B2B2;	
}

#content .content .contentLeft .oneNew .left{
	width: 151px;
	padding: 0 15px 0 0;
}

#content .content .contentLeft .oneNew .left h2{
	font-size: 15px;
	color: #333333;
}

#content .content .contentLeft .oneNew .right{
	width: 434px;
	float: right;
	padding: 1px 0 0 0;
}

#content .content .contentLeft .oneNew .right img{
	float: left;
	margin: 5px 16px 10px 0;
}

#content .content .contentLeft .oneNew .right .img{
	width: 104px;
}

#content .content .contentLeft .oneNew .right .img p{
	line-height: 1px ;
	padding: 0 0 0 0;
}

#content .content .contentLeft .oneNew .right .img img{
	margin: 5px 16px 10px 0;
}

#content .content .contentLeft .oneNew .right .text{
	width: 330px;
}

#content .content .contentLeft .oneNew .right p.back{
	font-size: 13px;
	padding:  18px 0 15px 0;
}

#content .content .contentLeft .oneNew .right p.back a{
	padding: 4px 20px 6px 30px;
	float: left;
	display: block;
	background: url(../images/bg_back_link.gif) 0 0 no-repeat;;
}

#content .content .contentLeft .contacts{
	width: 600px;
	padding: 26px 0 26px 0px;
	border-top: 1px solid #B2B2B2;	
}

#content .content .contentLeft .contacts .contactsBlock1{
	width: 180px;
	padding: 0 30px 0 0;
}

#content .content .contentLeft .contacts .contactsBlock2{
	width: 180px;
	padding: 0 30px 0 0;
}

#content .content .contentLeft .contacts .contactsBlock3{
	width: 180px;
}

#content .content .contentLeft .contacts h2{
	color: #333333;
	font-size: 15px;
	line-height: 17px;
}

#content .content .contentLeft .contacts p{
	padding: 0 0 0 0;
}

#content .content .contentLeft .details{
	width: 600px;
	padding: 26px 0 26px 0px;
	border-top: 1px solid #B2B2B2;	
}

#content .content .contentLeft .details h2{
	color: #333333;
	font-size: 15px;
	line-height: 17px;
}

#content .content .contentLeft .details p{
	padding: 0 0 0 0;
}

#content .content .contentLeft .map{
	width: 600px;
	padding: 26px 0 13px 0px;
	border-top: 1px solid #B2B2B2;	
}

#content .content .contentLeft .map h2{
	color: #333333;
	font-size: 15px;
	line-height: 17px;
}

#content .content .contentLeft #map{
	width: 600px;
	height: 350px;
}

#content .content .contentLeft #map div{
	float: none;
	display: block;
}

#content .content .contentLeft .ecommerce{
	width: 600px;
	padding: 20px 0 13px 0px;
	border-top: 1px solid #B2B2B2;	
}

#content .content .contentLeft .ecommerce .left{
	width: 245px;
	padding: 0 0 0 0;
	position: relative;
	margin: 0 0 0 -20px;
}

#content .content .contentLeft .ecommerce .img {
	width: 245px;
	height: 288px;
	background: url(../images/e_komercijos_tyrimas.png) 0 0 no-repeat;
}

#content .content .contentLeft .ecommerce .right{
	width: 375px;
	float: right;
	padding: 1px 0 0 0;
}

#content .content .contentLeft .ecommerce .right .ecommerceForm{
	width: 343px;
	padding: 18px 20px 20px 12px;
	background: #F1F0F1 url(../images/bg_contacts_form.gif) 0 0 repeat-x;
}

#content .content .contentLeft .ecommerce .right .ecommerceForm .ecommerceFormLine{
	width: 343px;
	padding: 0px 0px 5px 0px;
}


#content .content .contentLeft .ecommerce .right .ecommerceForm .ecommerceFormLeft{
	width: 88px;
	padding: 0 15px 0 0;
}

#content .content .contentLeft .ecommerce .right .ecommerceForm .ecommerceFormLeft p{
	text-align: right;
	padding: 2px 0 0 0;
	color: #333;
	font-size: 13px;
}

#content .content .contentLeft .ecommerce .right .ecommerceForm .err .ecommerceFormLeft p{
	color: #E00D6A;
}

#content .content .contentLeft .ecommerce .right .ecommerceForm .ecommerceFormRight{
	width: 240px;
	height: 25px;
	background: url(../images/bg_ecommerce_input.gif) 0 0 no-repeat;
}

#content .content .contentLeft .ecommerce .right .ecommerceForm .ecommerceFormRight input{
	width: 232px;
	border: none;
	background: none;
	padding: 4px 4px 5px 4px;
	height: 16px;
	font-size: 13px;
	line-height: 16px;
	color: #666666;
}

#content .content .contentLeft .ecommerce .right .ecommerceForm .err .ecommerceFormRight  input{
	background: url(../images/bg_ecommerce_input_e.gif) 0 0 repeat-x;
	color: #E00D6A;
}

#content .content .contentLeft .ecommerce .right .ecommerceForm .ecommerceFormRight2{
	width: 240px;
	height: 75px;
	background: url(../images/bg_ecommerce_textarea.gif) 0 0 no-repeat;
}

#content .content .contentLeft .ecommerce .right .ecommerceForm .ecommerceFormRight2 textarea{
	width: 232px;
	border: none;
	background: none;
	padding: 4px 4px 5px 4px;
	height: 66px;
	font-size: 13px;
	line-height: 16px;
	color: #666666;
}

#content .content .contentLeft .ecommerce .right .ecommerceForm .err .ecommerceFormRight2  textarea{
	background: url(../images/bg_ecommerce_textarea_e.gif) 0 0 repeat-x;
	color: #E00D6A;
}

#content .content .contentLeft .ecommerce .right .ecommerceForm .ecommerceFormRight3{
	width: 240px;
	height: 35px;
}

#content .content .contentLeft .ecommerce .right .ecommerceForm .ecommerceFormRight4{
	width: 240px;
	padding: 10px 0 0 0;
}

#content .content .contentLeft .ecommerce .right .ecommerceForm .ecommerceFormRight4 p{
	font-size: 13px;
	padding: 0;
}

#content .content .contentLeft .ecommerce .right .ecommerceForm .ecommerceFormRight5{
	width: 240px;
	margin: -2px 0 0 0;	
}

#content .content .contentLeft .ecommerce .right .ecommerceForm .ecommerceFormRight5 p{
	padding: 0;
	font-size: 11px;
	line-height: 14px;
}

#content .content .contentLeft .ecommerce .right .ecommerceForm .ecommerceFormRight6{
	width: 240px;
}

#content .content .contentLeft .ecommerce .right .ecommerceForm .ecommerceFormRight6 .input{
	width: 21px;
	margin: 5px 0 0 0;
}

#content .content .contentLeft .ecommerce .right .ecommerceForm .ecommerceFormRight6 .label{
	width: 219px;
	padding: 3px 0 10px 0;
}

#content .content .contentLeft .ecommerce .right .ecommerceForm .ecommerceFormRight6 .label label{
	color: #333333;
	font-size: 13px;
}

#content .content .contentLeft .ecommerce .right .ecommerceForm .ecommerceFormRight7{
	width: 240px;
	padding: 3px 0 5px 0;
}

#content .content .contentLeft .ecommerce .right .ecommerceForm .ecommerceFormRight7 .text{
	width: 102px;
}

#content .content .contentLeft .ecommerce .right .ecommerceForm .ecommerceFormRight7 .text p{
	color: #333;
	padding: 0;
	font-size: 13px;
	line-height: 17px;
}

#content .content .contentLeft .ecommerce .right .ecommerceForm .ecommerceFormRight7 .label label{
	color: #333;
	padding: 0;
	font-size: 13px;
	line-height: 17px;
}

#content .content .contentLeft .ecommerce .right .ecommerceForm .ecommerceFormRight7 .input{
	width: 39px;
}

#content .content .contentLeft .ecommerce .right .ecommerceForm .ecommerceFormRight7 .input input{
	margin: 3px 0 0 7px;
}


#content .content .contentLeft .ecommerce .right .ecommerceForm h2{
	color: #333333;
	font-size: 15px;
	line-height: 19px;
	padding: 0 0 16px 0;
}

#content .content .contentLeft .ecommerce .right .ecommerceForm .errMsg{
	width: 230px;	
	padding: 4px;
	margin: 0 0 10px 103px;
	background: #FFFF00;
	border-left: 1px solid #F2F300;
	border-bottom: 1px solid #F2F300;
}

#content .content .contentLeft .ecommerce .right .ecommerceForm .errMsg p{
	color: #E00D6A;
	padding: 0 0 0 0;
}

#content .content .contentLeft .ecommerce .right .ecommerceForm .scs p{padding: 7px 0 0 0; font-weight: bold; color: #E00D6A;}

/* content - ends */

/* ----- #content ends ----- */

/* ----- #footer starts ----- */

#footer{
	width: 960px; 
	margin: 0px 0 0 0;
	padding: 0 20px 0px 20px;
	margin:0 auto;
}

#footer div{
	float: left;
	display: inline;
}

#footer .footerContent{
	width: 960px; 
	padding: 28px 0 15px 0;
	border-top: 1px solid #E00D6A;
}

#footer .footerContent h4{
	font-size: 13px;
	line-height: 17px;
	font-weight: bold;
	padding: 0 0 8px 0;
	color: #333;
}

#footer .footerContent p{
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: #7A7A7A;
	padding: 0 0 14px 0;	
}

#footer .footerContent .footerContacts{
	width: 300px; 
	padding: 0 20px 0 20px;
}

#footer .footerContent .footerServices{
	width: 140px; 
	padding: 0 20px 0 20px;
}

#footer .footerContent .footerSocial{
	width: 140px; 
	padding: 0 20px 0 20px;
}

#footer .footerContent .footerKaywords{
	width: 220px; 
	padding: 0 20px 0 20px;
}

#footer .footerContent .footerKaywords a{color: #7A7A7A;}

#footer .footerContent .footerKaywords a:hover{text-decoration: none; cursor: default;}

/* ----- #footer ends ----- */

/* ---------- lightbox - start -----------*/

.black_overlay{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	min-height: 100%;
	height: 100%;
    background-color: #000;
    z-index:1001;
    -moz-opacity: 0.7;
    opacity:.70;
    filter: alpha(opacity=70);
}

.white_content {
    display: block;
    position: absolute;
    top: 160px;
    left: 50%;
	margin: 0 0 0 -180px;
    width: 360px;
    padding: 0;
    z-index:1002;
}

.white_content div{
    display: inline;
    float: left;
}

.white_content .popupHeader{
	background: #E00D6A;
    width: 320px;	
	padding: 0 20px 0 20px;
}

.white_content .popupHeader p{
	line-height: 1px ;
}

.white_content .popupHeaderClose{
	float: right;
	padding: 10px 0 0 0;
}

.white_content .popupContent{
	background: #fff;
    width: 320px;
	padding: 24px 20px 16px 20px;	
}

.white_content .popupContent img{
	float: left;
	margin: 3px 20px 0 0;
}

.white_content .popupContent p{
	padding: 0 0px 18px 0px;	
}

/* ---------- lightbox - ends -----------*/

.clear{
	display: inline;
	float: left;
	width: 100%;
}

/* mindaugas */
ul#projectsSlider{
    margin: 0;
    padding:0;
    list-style: none;
    position: relative;
}

/* mindaugas */
ul#projectsSlider li{
    margin: 0;
    padding:0;
    background: none;
}

/* mindaugas */
#mainPortfolio{
    overflow: hidden;
    /*height: 292px;*/
}

/* mindaugas */
#content .pagging a.disabled{
    color: #a4a4a4;
}

/* mindaugas */
.menuElement a.parent{
    cursor: default;
}

/* mindaugas */
#uberHolder a.dif{
	padding-right: 12px;
	background: url(../images/bg_main_work_link2.gif) right 3px no-repeat;
}
