/* main */

	body, html
	{
		font-family: helvetica, arial, tahoma;
		font-size: 12px;
		margin:0;
		padding:0;
		color: #606060;
		background-color:#fff;
		line-height: 18px;
	}
	
	h2
	{
		font-size:12px;
		line-height:18px;
		color:#000;
		padding:0;
		margin:0 0 40px 0;
		font-weight:normal;
	}
	
	h2.sm
	{
		height:52px;
		width:502px;
	}
	
	h2.big
	{
		width:502px;
		height:151px;
		position:relative;
	}
	
	h2 span {
	  position:absolute;
	  width: 502px;
	}
	
	h2.sm span { height:52px; }
	h2.big span { height:151px; }
	
	#web h2, #print h2, #contacts h2 { margin-bottom:25px; }
	
	#portfolio h2
	{
		font-size:30px;
		line-height:32px;
		margin:20px 0 10px 0;
	}
	
	#portfolio h2.portfolio_title
	{
		background:#a2cd3a;
		color:#fff;
		padding:20px;
		margin:0 0 20px 0;
	}
	
	#portfolio .content .left.print h2.portfolio_title { background:#02b6c1; }
	#portfolio .content .left.flash h2.portfolio_title { background:#cc0000; }
	
	#portfolio h2.portfolio_title a { background:#a2cd3a; color:#fff; }
	#portfolio .content .left.print h2.portfolio_title a { background:#02b6c1; color:#fff; }
	#portfolio .content .left.flash h2.portfolio_title a { background:#cc0000; color:#fff; }
	
	#portfolio h2.portfolio_title a:hover { color:#f3f3f3; }
	#portfolio .content .left.print h2.portfolio_title a:hover { color:#f3f3f3; }
	#portfolio .content .left.flash h2.portfolio_title a:hover { color:#f3f3f3; }
	
	#portfolio a img {
		border:0;
	}
	
	h3
	{
		font-size:18px;
		line-height:18px;
		font-weight:normal;
		color:#a2cd3a;
		margin:0;
		padding:0;
		text-transform:uppercase;
	}
	
	br.clearall { clear:both; }
	
	a
	{
		text-decoration:none;
		color:#a2cd3a;
	}
	
	a.arrow
	{
		background-image:url(arrow.jpg);
		background-repeat:no-repeat;
		background-position:0 1px;
		padding:0 0 0 13px;
	}
	
	a:hover
	{
		color:#759a1d;
	}
	
	b.infotag
	{
		float:left;
		display:block;
		background:#000;
		color:#fff;
		font-size:9px;
		padding:2px 4px 1px 4px;
		height:9px;
		line-height:9px;
		margin:2px 3px 0 0;
	}
	
/* heders - logo un valodas */
	
	#header
	{
		padding:7px 0 7px 0;
		background-color:#000;
		border-bottom:3px solid #a2cd3a;
		color:#707070;
		font-size:10px;
		margin-bottom:27px;
	}
	
	#header .toptext
	{
		width:837px;
		text-align:right;
		margin:auto;
	}
	
	#top
	{
		width:837px;
		height:180px;
		margin:auto;
		background-repeat:no-repeat;
		border-bottom:1px solid #bdbdbd;
		margin-bottom:26px;
	}
	
	.logo_lv { background-image:url(logo.jpg); }
	.logo_en { background-image:url(logo_en.jpg); }
	.logo_ru { background-image:url(logo_ru.jpg); }
	
	.logo_link
	{
		width:140px;
		height:140px;
		display:block;
		position:absolute;
	}
	
	#top ul.lang
	{
		margin:11px 0 0 0;
		list-style-type:none;
		padding:0;
		float:right;
	}
	
	#top ul.lang li
	{
		float:left;
		font-size:9px;
		padding:0;
		text-align:center;
		width:20px;
	}
	
	#top ul.lang li a { color:#fff; }
	#top ul.lang li a:hover { color:#000; }
	
	#top ul.lang li.lv { background:#a2cd3a; }
	#top ul.lang li.en { background:#02b6c1; margin:0 3px 0 3px; }
	#top ul.lang li.ru { background:#cd3ab7; }
	
	/*#top ul.lang li.en a { color:#02b6c1; }
	#top ul.lang li.ru a { color:#cd3ab7; }*/
	
	#top .topbox.one { height:125px; }
	#top .topbox.two { height:21px; }
	
	#top ul.menu
	{
		margin:0;
		padding:0;
		list-style-type:none;
		height:21px;
		float:right;
	}
	
	#top ul.menu li { float: left; padding-left:7px; }
	#top.logo_ru ul.menu li { padding-left:4px; }
	
	#top ul.menu li a
	{
		height:21px;
		background-repeat:no-repeat;
		display:block;
	}
	
	#top ul.menu li a:hover { background-position:0 -21px; }
	
	#top ul.menu li a.menu1_lv { width:64px; background-image:url(menu_1.jpg); }
	#top ul.menu li a.menu2_lv { width:116px; background-image:url(menu_2.jpg); }
	#top ul.menu li a.menu3_lv { width:142px; background-image:url(menu_3.jpg); }	
	#top ul.menu li a.menu4_lv { width:83px; background-image:url(menu_4.jpg); }
	#top ul.menu li a.menu5_lv { width:72px; background-image:url(menu_5.jpg); }
	
	#top ul.menu li a.menu1_en { width:73px; background-image:url(menu_1_en.jpg); }
	#top ul.menu li a.menu2_en { width:118px; background-image:url(menu_2_en.jpg); }
	#top ul.menu li a.menu3_en { width:122px; background-image:url(menu_3_en.jpg); }	
	#top ul.menu li a.menu4_en { width:83px; background-image:url(menu_4_en.jpg); }
	#top ul.menu li a.menu5_en { width:78px; background-image:url(menu_5_en.jpg); }
	
	#top ul.menu li a.menu1_ru { width:59px; background-image:url(menu_1_ru.jpg); }
	#top ul.menu li a.menu2_ru { width:104px; background-image:url(menu_2_ru.jpg); }
	#top ul.menu li a.menu3_ru { width:158px; background-image:url(menu_3_ru.jpg); }	
	#top ul.menu li a.menu4_ru { width:90px; background-image:url(menu_4_ru.jpg); }
	#top ul.menu li a.menu5_ru { width:77px; background-image:url(menu_5_ru.jpg); }
	
	#top ul.menu li.active a
	{
		background-position:0 -21px;
	}
	
	#top ul.menu li a span
	{
		display:none;
	}

/* twitter */
	
	#twitter
	{
		width:837px;
		height:40px;
		margin:auto;
		border-bottom:1px solid #bdbdbd;
		margin-bottom:43px;
		text-align: center;
		font-family: georgia, times;
		font-style: italic;
		font-size: 12px;
	}
	
	#twitter span
	{
		color: #cfcfcf;
	}
	
	#twitter a.tLink
	{
		color: #000;
		font-style: italic;
	}
	
	#twitter a.tLink:hover { color:#759a1d; }
	
/* contents */

	.content
	{
		width:837px;
		margin:auto;
		clear:both;
	}
	
	.content .portfolio_element
	{
		border-top:1px solid #bdbdbd;
		padding:53px 0 53px 0;
		margin:0 0 0 0;
	}

	.content ul.portfolio_menu
	{
		list-style:none;
		padding:0 0 43px 0;
		margin:0;
	}
	
	.content ul.portfolio_menu li
	{
		float:left;
		line-height:11px;
		font-size:11px;
		margin-right:10px;
		padding-left:7px;
	}
	
	.content ul.portfolio_menu li.web { border-left:11px solid #a2cd3a; }
	.content ul.portfolio_menu li.print { border-left:11px solid #02b6c1; }
	.content ul.portfolio_menu li.flash { border-left:11px solid #cc0000; }
	.content ul.portfolio_menu li.all { border-left:11px solid #000; }
	
	.content ul.portfolio_menu li.print a { color:#02b6c1; }
	.content ul.portfolio_menu li.flash a { color:#cc0000; }
	.content ul.portfolio_menu li.all a { color:#000; }
	
	.content ul.portfolio_menu li.print a:hover { color:#008991; }
	.content ul.portfolio_menu li.flash a:hover { color:#9c0000; }
	.content ul.portfolio_menu li.all a:hover { color:#666; }

	.content .right
	{
		float:right;
		width:502px;
	}
	
	.content .right h3
	{
		margin-bottom:23px;
		margin-top:23px;
	}
	
	.content .right ul.offer
	{
		font-size:12px;
		line-height:20px;
		padding:0;
		list-style:none;
		height:160px;
	}
	
	.content .right ul.offer li
	{
		background:#02b6c1;
		float:left;
		color:#fff;
		clear:both;
		padding:0 5px 0 5px;
		margin-bottom:5px;
	}
	
	.content .right p.izstradajam span
	{
		padding-right:5px;
		line-height:20px;
	}
	
	.content .right ul.hosting
	{
		list-style:none;
		margin:20px 0 20px 0;
		padding:0;
		border-right:1px solid #999;
	}
	
	.content .right ul.hosting li
	{
		float:left;
		width:165px;
		border-left:1px solid #999;
		text-align:center;
		color:#999;
	}
	
	.content .right ul.hosting li span
	{
		font-size:40px;
		display:block;
		color:#bcbcbc;
		line-height:40px;
	}
	
	.content.bottom h2
	{
		margin-bottom:15px;
		height:52px;
	}
	
	.content.bottom h2 img
	{
		float:left;
	}
	
	.content.bottom h2 a.arrow
	{
		display:block;
		width:75px;
		float:right;
		margin-top:19px;
		background-position:0 4px;
	}
	
	.content.bottom .title_box { height:62px; clear:both; }
	.content.bottom .title_box a { float:left; padding-top:19px; background-position:0 23px; }
	
	.content.bottom h2 { height:52px; position:relative; float:left; }
	
	.content.bottom h2 span a { float:none; display:block; width:100%; height:32px; }
	
	.content.bottom h2.title1, .content.bottom h2.title1 span { width:292px; }
	.content.bottom h2.title1.en, .content.bottom h2.title1.en span { width:280px; }
	.content.bottom h2.title1.ru, .content.bottom h2.title1.ru span { width:292px; }
	.content.bottom h2.title2, .content.bottom h2.title2 span { width:323px; }
	.content.bottom h2.title2.en, .content.bottom h2.title2.en span { width:296px; }
	.content.bottom h2.title2.ru, .content.bottom h2.title2.ru span { width:419px; }
	.content.bottom h2.title3, .content.bottom h2.title3 span { width:168px; }
	.content.bottom h2.title3.ru, .content.bottom h2.title3.ru span { width:241px; }
	
	.content.bottom h2 span { position:absolute; height:52px; }
	
	.content .left
	{
		width:280px;
	}
	
	.content .left h3 { margin-bottom:23px; }
	
	.content .left p
	{
		font-size:10px;
		line-height:12px;
		margin:0;
		padding:0;
	}
	
	#portfolio .content .left p
	{
		font-size:12px;
		line-height:18px;
		margin:0;
	}
	
	.content .left .picture
	{
		background-repeat:no-repeat;
		padding:8px 0 0 39px;
		height:94px;
	}
	
	.content .left .picture.web { background-image:url(web.jpg); }
	.content .left .picture.print { background-image:url(print.jpg); }
	.content .left .picture.flash { background-image:url(flash.jpg); }
		
	.content .left .picture img
	{
		float:left;
		margin-right:15px;
		border:0;
	}
	
	#portfolio .content .left ul
	{
		list-style:none;
		margin:0;
		padding:0;
	}
	
	#portfolio .content .left ul li
	{
		float:left;
		color:#fff;
		clear:left;
		padding:0 5px 0 5px;
		margin-bottom:5px;
	}
	
	#portfolio .content .left.web ul li { background:#a2cd3a; }
	#portfolio .content .left.print ul li { background:#02b6c1; }
	#portfolio .content .left.flash ul li { background:#cc0000; }
	
	#portfolio .content .left ul li.more
	{
		background:#000;
	}
	
	#portfolio .content .left.print a { color:#02b6c1; }
	#portfolio .content .left.print a:hover { color:#008991; }
	
	#portfolio .content .left.flash a { color:#cc0000; }
	#portfolio .content .left.flash a:hover { color:#9c0000; }
	
	#portfolio .content .left ul li.more a { color:#fff; }
	#portfolio .content .left ul li.more a:hover { color:#fff; text-decoration:underline; }
	
	.content.bottom .left
	{
		color:#9b9b9b;
		line-height:20px;
	}
	
/* footer */

	#footer
	{
		width:870px;
		height:284px;
		margin:auto;
		background-image:url(diivans.jpg);
		background-repeat:no-repeat;
		font-size:9px;
		line-height:10px;
	}
	
	#footer .copyright
	{
		float:right;
		width:420px;
		color:#d1d1d1;
		background-image:url(wb4.jpg);
		background-repeat:no-repeat;
		margin-right:10px;
	}
	
	#footer .copyright p.year
	{
		font-size:30px;
		margin:190px 0 20px 0;
		padding:0;
	}
	
	#footer2
	{
		margin-top:40px;
		background:#f2f2f2;
		border-top:1px solid #cccccc;
	}
	
	#footer2 .copyright
	{
		width:837px;
		font-size:10px;
		line-height:12px;
		padding:40px 0 40px 0;
		margin:auto;
		color:#BBBBB4;
	}
	
/* kontaktforma */

	.zemContactForm label
	{
		display:block;
		margin-bottom:5px;
		border:0;
	}
	
	.zemContactForm input
	{
		margin-bottom:5px;
	}
	
	label.zemText, label.zemTextarea
	{
		background:#cd3ab7;
		color:#fff;
		float:left;
		clear:both;
		width:auto;
		display:block;
		padding:0 5px 0 5px;
		margin:0 5px 5px 0;
	}
	
	input.zemText 
	{
		background:transparent url(input.gif) repeat-x scroll 0 -26px;
		border:1px solid #D5D5D5;
		width:300px;
		height:18px;
		float:left;
		clear:both;
	}
	
	.zemContactForm textarea
	{
		border:1px solid #D5D5D5;
		background:transparent url(input.gif) repeat-x scroll 0 -26px;
		margin-bottom:0px;
		height:150px;
		width:100%;
	}
	
	.title_msg input.zemText 
	{
		width:100%;
	}
	
/* web risinaajumi */

	.drawers-wrapper { position: relative; }

/*	li.drawer { margin-bottom:5px; } */

	.drawers
	{
    	margin-bottom:15px;
    	color:#76797C;
	}

	.drawer li
	{
    	line-height:16px;
    	padding:6px 0pt;
	}

	ul.drawers
	{
    	list-style: none;
    	padding: 0;
	}
	
	ul.drawers li ul
	{
		list-style: none;
	}

	ul.drawers
	{
    	margin: 0;
	}

	.drawer-handle
	{
	    cursor:default;
	    font-weight:normal;
	    height:26px;
	    margin-bottom:0;
		/*font-size:12px;*/
/*		text-transform:uppercase;*/
	}
	
	#web h2.drawer-handle { margin-bottom:0; }

	.drawer-handle a
	{
		font-size:12px;
		line-height:18px;
		padding:0px 5px 0 5px;
		display:block;
		background:#a2cd3a;
		color:#fff;
		float:left;
	}
	
	.drawer-handle.open a
	{
		background:#000;
	}

	.drawer ul
	{
    	padding: 0 12px;
    	padding-bottom:0pt;
	}

	.drawer-content ul
	{
    	padding-top: 7px;
	}
	
	#video_container
	{
		margin-top:30px;
		text-align:center;
	}