/* CSS Document */

body {margin:0px;padding:0px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:100;color:#ffffff;}

.tb_site{ width:100%; /*height:1000px;*/ }

h1 {font-size:17px;font-weight:100;margin:0px;padding:0px;}

span.gray {color:#CCCCCC;}
span.white {color:#ffffff;padding:0px 0px 0px 5px;}

a{ text-decoration:underline; color:#ffcc66}
a:hover { text-decoration:underline}
.clear {clear:both;height:1px;font-size:0px;line-height:0px;}

form{ margin:0; padding:0;} 
td {text-align:left;}
img { border:0}
a:link, a:hover, a:visited {outline:none;}

b,strong { font-weight:800 }

.top_left {background:url(../img/top_left.jpg);width:122px;float:right;height:225px;}
.bg_left {background:url(../img/bg_left.jpg) no-repeat center left #000000; vertical-align:top;}

.top_right {background:url(../img/top_right.jpg);width:122px;float:left;height:100px;}
.bg_right {background:url(../img/bg_right.jpg) no-repeat center right #000000; vertical-align:top;}

.bg_body {width:956px;background:url(../img/bg_body.jpg) no-repeat top #000000; vertical-align:top;}

.selected_work {height:72px; float:left; clear:both; width:956px; }
.selected_work img {padding:35px 0px 0px 25px;clear:both;float:left;}

.border_body {background:url(../img/border_body.jpg) no-repeat left bottom;width:956px;height:11px;clear:both;float:left;padding:19px 0px 0px 0px;margin:0px; font-size:0; line-height:0}


.content_1 {background:url(../img/bg_content_1.jpg) repeat-y 0px 1px;clear:both;float:left;width:956px;}

.content_contact {background:url(../img/bg_contacto_22.jpg) repeat-y 0px 0px; clear:both;float:left;width:956px; height:162px}
.contact_body {float:left; clear:both; height:515px; width:956px; background:url(../img/bg_contacto_top.jpg) no-repeat -1px 106px}

.content {width:905px;padding:15px 28px 103px 23px;background:url(../img/bg_content.jpg) no-repeat bottom;clear:both;float:left;}
.about_us {float:left;width:521px;padding:0px 69px 0px 0px;margin:0px;text-align:justify;}
.about_us_img{ width:119px; height:23px;}
.news {float:left;width:315px;margin:0px;padding:0px 0px 0px 0px;}
.news_img { width:150px; height:23px;}
.text {width:515px;clear:both;float:left;line-height:16px;font-size:12px;padding:20px 0px 0px 0px;margin:0px;}


.ul_meniu {margin:0px;padding:0px;width:779px;clear:both;float:left;padding:35px 0px 0px 177px;height:31px;}
.ul_meniu li {list-style-type:none;display:block;float:left;height:12px;margin:0px;padding:0px 39px 0px 0px ;}
.ul_meniu li a{text-decoration:none;float:left;height:12px;}
.ul_meniu li.last{padding:0px;}

.ul_meniu li.right_links{padding:0 0 0 0px; position:relative; width:290px;}
.ul_meniu li.right_links .right_links_div{ position:absolute; right:0; top:-1px; float:left}
.ul_meniu li.right_links a.a_blog{ background:url(../img/a_blog.jpg) no-repeat 0 0; width:27px; height:16px; float:left; font-size:0; line-height:0;}
.ul_meniu li.right_links span.a_separat{background:url(../img/a_separat.jpg) no-repeat 0 0; width:15px; height:16px; float:left;font-size:0; line-height:0;}
.ul_meniu li.right_links a.a_flash_version{background:url(../img/a_flash_version.jpg) no-repeat 0 0; width:67px; height:16px; float:left;font-size:0; line-height:0; padding:0 5px;}

.ul_meniu li a.home {background:url(../img/home.jpg) no-repeat;width:40px;}
.ul_meniu li a.home:hover {background:url(../img/home_hover.jpg) no-repeat;}

.ul_meniu li a.print {background:url(../img/print.jpg) no-repeat;width:32px;padding-bottom:16px;}
.ul_meniu li a.print:hover {background:url(../img/print_hover.jpg) no-repeat;}
.ul_meniu li a.print_hover {background:url(../img/print_hover.jpg) no-repeat;width:32px;padding-bottom:16px;}

.ul_meniu li a.web {background:url(../img/web.jpg) no-repeat;width:31px;}
.ul_meniu li a.web:hover {background:url(../img/web_hover.jpg) no-repeat;}
.ul_meniu li a.web_hover {background:url(../img/web_hover.jpg) no-repeat;width:31px;}

.ul_meniu li a.multimedia {background:url(../img/multimedia.jpg) no-repeat;width:71px;}
.ul_meniu li a.multimedia:hover {background:url(../img/multimedia_hover.jpg) no-repeat;}
.ul_meniu li a.multimedia_hover {background:url(../img/multimedia_hover.jpg) no-repeat;width:71px;}


.ul_meniu li a.reel {background:url(../img/reel.jpg) no-repeat;width:27px;}
.ul_meniu li a.reel:hover {background:url(../img/reel_hover.jpg) no-repeat;}

.ul_meniu li a.contact {background:url(../img/contact.jpg) no-repeat;width:53px;}
.ul_meniu li a.contact:hover {background:url(../img/contact_hover.jpg) no-repeat;}

    
	.ul_meniu li .div_submeniu {
	border-bottom:1px solid #DA7002;
	padding:9px 0px 10px 17px;
	}
	.ul_meniu li .menu {
	position:relative;
	border:0px;
	cursor:pointer;
	float:left;
	height:28px;
	z-index:999;
    }
    .ul_meniu li .submenu {
    position:absolute;
	visibility:hidden;
	/*background:#40311f;*/
	/*border:1px solid #000000;*/
	border-bottom:none;
	left:0px;
	top:26px;
	text-align:left;
	z-index:1000;
    }
	.ul_meniu li .submenu a {
    text-decoration:none;
	color:#ffffff;
	font-weight:100;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	width:180px;
	/*border-bottom:1px solid #000000;*/
	float:left;
	height:32px;	
	
	
	}

	.ul_meniu li .submenu a span{
		background:#40311f;
		/*border:1px solid #000000;*/
		padding:7px 10px;
		width:100%;
		display:block;
		cursor:pointer;
		width:160px;
	}
	
	.ul_meniu li .submenu a:hover span {
		text-decoration:none;
		color:#ffffff;
		background:#2E2E2E;
		/*padding:7px 10px;
		width:100%;
		display:block;*/
	}
	

/*.img_home {padding:20px 31px 0px 23px;clear:both;float:left;}*/
.div_imagini {width:636px;height:275px;padding:0px 31px 0px 23px;clear:both;float:left;}
.div_imagini ul {float:left;margin:0px;padding:0px;list-style-type:none;}
.div_imagini ul li {margin:0px;padding:0px;list-style-type:none; font-size:0; line-height:0} 


.img_ {float:left;width:693px;}
.right_img {width:240px;float:left; font-size:15px; color:#ffffff}
.right_img a {float:left;margin:35px 5px 0px 0px;vertical-align:middle;}
.right_img ul { margin:0; padding:0; list-style:none}
.right_img ul li{ height:200px; float:left; clear:both}

.footer {background:url(../img/bg_footer_11.jpg) no-repeat ;width:956px;height:32px;clear:both;float:left;}
.footer2 {background:url(../img/footer1_.jpg) no-repeat ;width:956px;height:32px;clear:both;float:left;}

.footer_1 {background:url(../img/bg_footer_1___.jpg) no-repeat top;width:926px;clear:both;float:left;padding:20px 0px 30px 25px;min-height:145px;}
.footer_1 div {float:left;}
.footer_1 a {clear:both;float:left;text-decoration:none;color:#666666;font-size:11px; white-space:nowrap}
.footer_1 a:hover {color:#ffffff;}
.footer_1 span {font-size:16px;color:#ffcc66;font-weight:100; float:left; clear:both}


.footer_1 .div_1{ width:82px; }
.footer_1 .div_2{ width:175px; }
.footer_1 .div_3{ width:135px; }
.footer_1 .div_4{ width:200px; }
.footer_1 .div_5{ width:120px; }
.footer_1 .div_6{ width:130px; }
.footer_1 .div_7{ width:65px; }

.portofolio {background:url(../img/see_in_portofolio_1.jpg) no-repeat;width:128px;height:9px;}
.previous {background:url(../img/previous_1.jpg) no-repeat;width:78px;height:12px;float:left; margin-top:0px}
.next {background:url(../img/next_1.jpg) no-repeat 5px 1px;width:55px;height:11px;float:left; margin-top:0px}
.back_to_home {background:url(../img/back_to_home.jpg) no-repeat;width:112px;height:11px;float:left; margin-top:0px}



.links_ {}
#images{ float:left;width:500px; height:420px; position:relative; }
#loading{ float:left;width:500px; height:420px; position:relative; display:none }

.item_content_{ float:left;width:500px; height:370px; position:relative; }
.item_content_video{ float:left;
height:335px;
padding-top:35px;
position:relative;
text-align:center;
width:500px;}

#item_video {
	color: #555;
	margin: 0 auto 0 auto;
	overflow: hidden;
	padding: 0px 0 0 0px;
	position: relative;
	width:500px;
	height: 420px;
	float:left; 
	clear:both;
	display:none;
}


#item_images {
	color: #555;
	margin: 0 auto 0 auto;
	overflow: hidden;
	padding: 0px 0 0 0px;
	position: relative;
	width:500px;
	height: 370px;
	float:left; 
	clear:both;
}
#item_images img{ cursor:pointer } 
#item_images div{ float:left; clear:both;width:500px;height: 370px;}

#recentwork {
	color: #555;
	margin: 0 auto 0 auto;
	overflow: hidden;
	padding: 0px 0 0 0px;
	position: relative;

	width:956px;
	height: 275px;
	float:left; 
	clear:both;
}

#recentWorkImage {
	float: left;
	height: 275px !important;
}

#recentWorkImage .img {
	float: left;
	height: 275px !important;
	width:636px;
}
#recentWorkImage .img img { float:left}

.footer_1 .white_span{
	color:#ffffff; float:left; clear:both
}


table.home_content { clear:both }
table.home_content td { vertical-align:bottom} 


.content11 {background:url(../img/bottom_body1_.jpg) no-repeat;clear:both;float:left;width:956px;height:153px;}
.content11 table {height:153px;}
.content11 table td{ vertical-align:middle;padding:0 28px 0 23px; }

.previous_image {background:url(../img/previou_image.jpg) no-repeat;width:133px;height:29px;float:left;margin:21px 77px 0px 0px;}
.play_video {background:url(../img/play_video.jpg) no-repeat;width:89px;height:11px;float:left;margin:29px 96px 0px 0px;}
.next_image {background:url(../img/next_image.jpg) no-repeat;width:106px;height:29px;float:left;margin:21px 0px 0px 0px;}
.download_for_ipod {background:url(../img/download_for_ipod.jpg) no-repeat bottom;width:145px;height:16px; display:block; padding-top:65px}

.next_image2 {background:url(../img/next_image.jpg) no-repeat;width:106px;height:29px;float:left;margin:21px 0px 0px 0px;}
.previous_image2 {background:url(../img/previou_image.jpg) no-repeat;width:133px;height:29px;float:left;margin:21px 77px 0px 0px;}



.back_to_logos {background:url(../img/back_to_logos.jpg) no-repeat;width:123px;height:11px;float:right;margin:0px 0px 0px 0px;}
.portofolio_design {padding:33px 0 19px 28px;clear:both;float:left;}

.img1_ {padding-left:0px;width:555px;float:left;margin:0px; position:relative}

.contact_left {padding-left:0px;width:515px; padding-left:40px; float:left;margin:0px;}

.span_ {color:#ffcc66;font-size:15px;} 
.right_img_ {float:left;width:350px;padding-top:97px; position:relative}


.title {padding:33px 0 19px 6px;clear:both;float:left; position:relative;}
.bg_body_ {background:url(../img/bg_contacto_top.jpg) no-repeat bottom;padding-bottom:0px;clear:both;float:left;width:936px; height:519px; padding-left:20px}
.bg_body1_ {background:url(../img/contacto_.jpg) no-repeat bottom;clear:both;float:left;height:519px;font-family:Arial, Helvetica, sans-serif;width:956px;}

.contact_right{ width: 351px; float:left; padding:62px 50px 0 0 }

.tab_contact {}
.tab_contact td {text-align:left;padding-bottom:17px;font-weight:800;}
.tab_contact td.td1{ text-align:right; } 
.tab_contact td.td1 div{ float:right}

.input_text {background:#333333;border:1px solid #666666;width:358px;padding:3px 7px;margin-left:25px;font-size:12px;color:#ffffff; font-family:Arial, Helvetica, sans-serif}
.textarea_ {background:#333333;border:1px solid #666666;width:358px;height:150px;padding:4px 7px;margin-left:25px;font-size:12px;color:#ffffff; font-family:Arial, Helvetica, sans-serif}
.but_send {background:url(../img/but_send.jpg) no-repeat;width:64px;height:24px;float:right;}

.div_img {padding-left:0px;}

.listing_div{height:406px; float:left; clear:both; }
.listing_div .portofolio{ background:none; float:left; margin:15px 35px 15px 0; width:155px; height:98px}
.listing_div .portofolio img { float:left; width:155px; height:98px; position:relative}
.listing_div .last { margin-right:0}

.comments_text{width:71px; height:8px; float:left; font-size:0; line-height:0; background:url(../img/comments.png)}
.email_text{width:37px; height:8px; float:left; font-size:0; line-height:0; background:url(../img/email.png)}
.country_text{width:62px; height:8px; float:left; font-size:0; line-height:0; background:url(../img/country.png)}
.name_text{width:35px; height:8px; float:left; font-size:0; line-height:0; background:url(../img/name.png)}


.contact_h{ padding:38px 37px 34px 6px;}
  .reel_h{ padding:37px 37px 50px 50px;} 
/*.reel_h{ padding:35px 37px 34px 26px;}*/


.items_images_links{clear:both; float:left; width:500px; position:relative; height:50px; position:relative}
.items_images_links .previous_image{ margin:0; padding:0; position:absolute; left:0; top:21px;}
.items_images_links .next_image{ margin:0; padding:0; position:absolute; right:0; top:21px;}

.items_images_links .play_video{ margin:0; padding:0; position:absolute; left:219px; top:29px;}


.right_view_links{float:right; line-height:0; font-size:0}
.left_view_links{ float:left}

.item_text{height:280px;}