* {outline: none;}
html,
body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	font-family: Tahoma;
	font-size: 11px;
	color: #535353;
	
}

a:link,
a:visited,
a:active {
	color: #2b7aa7;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#main_menu li a {
	text-indent: -10000px;
	display: block;
}

p {line-height: 16px; margin: 12px 0 0;	padding: 0;}


ul.list {
	margin: 12px 0 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	
}

ul.list li {
	list-style: none;
	margin: 0;
	padding: 0 0 3px;
	line-height: 18px;
	width: 100%;
	float: left;
	
}


ul.list span {
	display: block;
	padding: 0 0 0 8px;
	background: url(layout/li_arrow.gif) no-repeat 0 7px;
}

div.dl {
	margin: 12px 0 12px;
}

div.dl dl {
	margin: 0;
	padding: 2px 0 7px;
	line-height: 16px;}

div.dl dt {
	margin: 0;
	padding: 0 0 0 8px;
	background: url(layout/li_arrow.gif) no-repeat 0 6px;
	color: #ababab;
	font-size: 10px;
}

div.dl dt strong {
	color: #4b8e9f;
	font-size: 12px;
}

div.dl dd {
	margin: 0;
	padding: 0 0 0 8px;
	color:#d0d0d0;
}


.extra1 {
	display: block;
	background:url(layout/bg_top2.gif) repeat-x;
	height: 54px;
	width: 50%;
	float: right;
	margin: 0 0 -54px;
}


#wrapper {
	position: relative;
	top: 0;
	left: 0;
	min-height: 100%;
	min-width: 998px;}

#wrapper_inner {
	width: 998px;
	margin: 0 auto;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	clear: both;
	
	
}

/* start header */
#header {
	height: 65px;
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;

}
#logo {display: inline; font-size:9px; color:#008dff; width:200px; height:15px; padding-left:15px; float:left; font-weight:normal;}
#logo a {display: block; height:100%; color:#008dff; overflow:hidden;}

#main_menu {
	margin: 0;
	padding: 0px 0px 0px 89px;
	float: left;
	height: 62px;
	display: inline;
	
}
#main_menu li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#main_menu a:link,
#main_menu a:visited,
#main_menu a:hover, 
#main_menu a:active {
	display: block;
	height: 62px;
	float: left;
}

#main_menu span {
	height: 100%;
	display: block;
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	float: left;
	width: 100%;
	cursor: pointer;
}

#main_menu span span {height: 186px;width: 100%;position: absolute;top: 0;left: 0;background-repeat: no-repeat;text-indent: -3000px;overflow: hidden;}
#main_menu span span:hover {top: -62px;}
#main_menu a#selected span span {top: -124px ;}
.home_lk, .clienti_lk, .portofoliu_lk, .noutati_lk, .servicii_lk, .blog_lk, .contact_lk {width:92px;}
.cine_lk {width:130px;}

/* end header */

/* start content */
#content {
	width: 750px;
	margin: 0 auto;
	position: relative;

	top: 0;
	left: 0;
	padding: 0 0 52px;
	z-index: 2;
}

#prev_off {
	width: 97px;
	height: 49px;
	overflow: hidden;
	position: absolute;
	top: 150px;
	left: 5px;
}

#next_off {
	width: 97px;
	height: 49px;
	overflow: hidden;
	position: absolute;
	top: 150px;
	left: 900px;
}

#next_off:hover, #prev_off:hover{
	background-position: 0 -49px;
}

#top_off:hover {
	background-position: 0 -50px;
}

#top_off {
	width: 100px;
	height: 50px;
	overflow: hidden;
	background:url(layout/top_nav.png) no-repeat;
	position: absolute;
	top: 80px;
	left: 50%;
	margin-left: -64px;

	z-index: 10;
}

#top_off a {
	display: block;
	height: 50px;
	overflow: hidden;
	background:url(layout/top_nav.png) no-repeat 0 -50px;
}

#content_inner {
	width: 100%;
	overflow: hidden;
}

.section {
	width: 100%;
	overflow: hidden;
	padding: 0 0 17px;
	position: relative;
	top: 0;
	left: 0;
}

.section_extra {
	display: block;
	width: 4px;
	height: 63px;
	overflow: hidden;
	position: absolute;
	background-image:none;
	top: 0;
	left: 0;
}

.section_top {
	width: 100%;
	overflow: hidden;
} 

h2 {
	font-size: 16px;
	line-height: 29px;
	height: 29px;
	margin: 0;
	padding: 0;
	font-family: 'Trebuchet Ms';
	float: left;
	white-space: nowrap;
	color: #fff;
	margin: 0 0 0 4px;
	padding: 0px;
	display: inline;
	position: relative;
	top: 0;
	left: 0;}

.h2_txt {
	display: block;
	float: left;
}

.h2_extra {
	display: block;
	width: 37px;
	height: 29px;
	position: absolute;
	right: -37px;
	top: 0;
}

.section_middle {
	margin: 0 0 0 4px;
	padding:0;
	width: 758px;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
}

.section_middle:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.section_contents {
	min-height: 390px;
	width: 800px;
	
}

.section_content {float:left; width:210px; margin:0 20px 0 0; overflow: hidden;	text-align:justify;}

.section_middle .large_content2 {width:745px; overflow: hidden;}

.section_middle .large_content {
	width: 498px;
	overflow: hidden;
}

.section_middle .middle_content {
	padding: 0 0 35px;
}

.foto {float:left;
	display: block;
	padding: 5px;
	background: #ffffff;
	margin: 15px 0 15px 0px;
}
.foto img {display:block; float:left;}

h3 {
	font-family: 'Trebuchet Ms';
	font-size: 28px;
	line-height: 20px;
	font-weight: normal;
	margin: 0 0 -3px;
	padding: 0;
	color: #363636;
	padding: 0 0 11px;
	white-space: nowrap;
}

h4 {
	font-family: 'Trebuchet Ms';
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	margin: 7px 0 -9px;
	padding: 0;
	color: #636363;
	padding: 0 0 5px;
	white-space: nowrap;
	
}

.section_bottom {
	display: block;

	height: 10px;
	width: 799px;
	overflow: hidden;
	margin: 0 0 0 4px;
}

/* start portfolio */
#portfolio {
	padding: 0;
}
#portfolio_list {
	width: 100%;
	overflow: hidden;
}
.tipul {float:left; position:relative; height:16px; z-index:100; font-size:11px; font-weight:bold; background-image:url(layout/black-theme/left.png); background-position:top left; background-repeat:no-repeat; padding-left:5px;}
.tipul a {float:left; width:90px; text-decoration:none; height:15px; padding-top:1px; text-align:center; background-color:#194466;}
.tipul a:hover, .tipul a.selected {color:#0099FF;}
.tipul_rest {float:left; background-image:url(layout/black-theme/right.png); background-position:top right; background-repeat:no-repeat; width:5px; height:16px;}

#portfolio_list ul {
	margin: -22px 0 0;
	padding: 0;
	width: 750px;
	float: left;
	
} 
#portfolio_list li {
	margin: 20px 21px 0 0;
	list-style: none;
	float: left;
	background:url(layout/thumb_li.png) no-repeat;
	background-position:left top;
	width: 229px;
	height: 188px;
	overflow: hidden;
}


#portfolio_list a {
	padding: 0 0 0 31px;
	float: left;
	color: #fff;
	text-decoration: none;
	font-family: 'Trebuchet Ms';
	font-weight: bold;
	font-size: 14px;
	display: block;
}


.thumb {
	width: 174px;
	height: 134px;
	overflow: hidden;
	float: left;
	clear: both;
	position: relative;
	top: 0;
	left: 0;
	background-position:top;
}

#your_project .thumb {
	text-indent: -3000px;
	background: #c8c8c8 url(layout/your_project.gif) no-repeat;
}

.thumb img {
	cursor: pointer;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 174px;
	height: 268px;
	border:0px;
	
}

.thumb img:hover {
	top:-134px; border:0px;
}





.thumb_title {
	display: block;
	float: left;
	white-space: nowrap;
	height: 32px;
	line-height: 12px;
	position: relative;
	top: 0;
	left: 0;
	padding: 0 0 0 0px;
	margin: 0 34px 0 0;
	
}

.thumb_txt {
	display: block;
	float: left;
}

.tmb_extra {}

/* end portfolio */

/* start portfolio details */
#portfolioItems {
	padding: 0;
}

.medium_gallery {
	display: block;
	border: 1px solid #ffffff;
	float: left;
	width: 488px;
	height: 252px;
}
.medium_gallery img {
	display: block;
	border: 1px solid #efefef;
	width: 486px;
	height: 250px;
}
.medium_gallery img:hover {
	border-color: #757575;
}

.portfolio_gallery_thumbs {
	width: 510px;
	margin: 0;
	padding: 0;
	float: left;}

.portfolio_gallery_thumbs li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 7px 7px 0 0;
}

.portfolio_gallery_thumbs a {
	display: block;
	border: 1px solid #ffffff;}

.portfolio_gallery_thumbs img {
	display: block;
	border: 1px solid #efefef;
}

.portfolio_gallery_thumbs img:hover {
	border-color: #f0f0f0;
}



.project_lk {
	display: block;
	width: 100%;
	overflow: hidden;
}

.project_lk a:link,
.project_lk a:visited,
.project_lk a:hover,
.project_lk a:active {
	
	display: block;
	white-space: nowrap;
	float: left;
	padding: 0 0 0 15px;
	background:url(layout/project_lk.gif) no-repeat left center;
}


/* end portfolio details */



/* start about */
#about .foto {
	margin: 0;
}
/* end about */

/* start price list */
#request_quote {
	width: 278px;
	height: 82px;
	display: block;
	text-indent: -3000px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 221px;
}
#request_quote span {
	width: 100%;
	height: 164px;
	background:url(layout/request_quote.png) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	overflow: hidden;
}
#request_quote span:hover {
	top: -82px;
}
/* end price list */

/* start contact */

.contact_details, .ims {
	padding: 7px 0 0;
	margin: 7px 0 0;
	line-height: 16px;
	
}

.contact_details dl, .ims dl {
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}
.contact_details dt, .contact_details dd , .ims dt, .ims dd {
	margin: 0;
	padding: 0;
	display: inline;
}

.contact_details dt {
	font-weight: bold;
	color: #ffffff;
	background:url(layout/li_arrow.gif) no-repeat left center;
	padding: 0 0 0 10px;
	float: left;
	white-space: nowrap;
}

.contact_details dd {
	width: 150px;
	float: right;
}

.ims dt {
	font-weight: bold;
	color: #797979;
	float: left;
	white-space: nowrap;
	padding: 0 0 0 19px;
	position: relative;
	top: 0;
	left: 0;
}

.ims dd {
	width: 135px;
	float: right;
}

.ims .ico {
	display: block;
	width: 14px;
	height: 14px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 50%;
	margin: -7px 0 0 0;
	background-repeat: no-repeat;
}

.yahoo .ico {
	background-image:url(layout/yahoo.png);
}

.skype .ico {
	background-image:url(layout/skype.png);
}

.msn .ico {
	background-image:url(layout/msn.png);
}

.google .ico {
	background-image:url(layout/google.png);
}


.contact_form {
	
}

.contact_form form, 
.contact_form fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

.contact_form form {
	padding: 10px 0 0;
}

input.text, textarea, select {
	background: transparent;
	border: 0;
	display: block;
	margin: 0;
	padding: 0;
	
	
}

textarea {
	overflow: auto;
}

.contact_form  form p {
	width: 100%;
	min-height: 1px;
	padding: 0 0 9px;
	margin: 0;
}

.contact_form  form p:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.contact_form  form label {
	float: left;
	font-size: 12px;
	line-height: 19px;
	white-space: nowrap;
	font-weight: bold;
	color: #ffffff;
}

.input_wrapper {
	width: 413px;
	float: right;
	display: block;
}

.input {
	display: block;
	border: 1px solid #cecece;
	float: left;
	background: #f8f8f8 url(layout/input_bg.gif) repeat-x;
	padding: 2px 3px;
	min-height: 13px;
	position: relative;
	top: 0;
	left: 0;
}

.select_input {
	z-index: 1;
}

.small_input {
	width: 223px;
} 
.medium_input {
	width: 327px;
}

.large_input {
	width: 405px;
}

input.text, textarea, select {
	width: 100%;
	color: #535353;
	font-family: Tahoma;
	font-size: 11px;
}

.contact_form textarea {
	height: 80px;
}


.button {
	display: block;
	color: #464545;
	background:url(layout/button_middle.gif) repeat-x;
	font-size: 13px;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	float: left;
	font-weight: bold;
	text-decoration: none;
	margin: 0 13px 0 0;
	
}

.button:hover, .button:hover span  {
 background-position: 0 -22px;
	
}

.button:hover span span {
	background-position: right -22px;
}

.button span {
	background:url(layout/button_left.gif) no-repeat;
	display: block;
	float: left;
	white-space: nowrap;
}

.button span span {
	background:url(layout/button_right.gif) no-repeat right 0;
	display: block;
}

.button span span em {
	display: block;
	line-height: 21px;
	padding: 0 10px;
	height: 22px;
	font-style: normal;
	background:url(layout/send_message.png) no-repeat;
	text-indent: -3000px;
	overflow: hidden;
	width: 84px;
	float: left;
}


.button input {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	height: 1000px;
	width: 1000px;
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	top: -100px;
	left: -100px;
	cursor: pointer;
}

#response {
	display: block;
	float: left;
	line-height: 22px;	
	color: #a1a1a1;
}

#response span {
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 18px;
	font-weight: bold;
	font-size: 12px;
}

.positive {
	background-image:url(layout/ok.gif);
	
}

.negative {
	background-image:url(layout/negative.gif);
	
}

.scroll_top {
	display: block;
	overflow: hidden;
	background:url(layout/scroll_top.gif) no-repeat;
	width: 89px;
	height: 29px;
	float: right;
	text-indent: -3000px;
}

.scroll_top:hover {
	background-position: 0 -29px;
}



.select {
	margin: 0;
	padding: 0;
	width: 100%;
	position: absolute;
	top: -1px;
	left: -1px;
	width: 333px;
	
	border: solid #cecece;
	border-width: 0 1px 1px;
	overflow: hidden;
	
}

.select  li {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
	background: #dcdcdc;
	border: solid #cecece;
	border-width: 1px 0 0;
	line-height: 21px;
	display: none;
	
}

.select  li.first {
	background: transparent;
	line-height: 18px;
	display: block;
	border: 0;
}

.select_open li {
	display: block;
}

.select a:link,
.select a:visited,
.select a:active {
	color: #7b7b7b;
	display: block;
	padding: 0 3px;
}

.select a:hover {
	background: #efefef;
	text-decoration: none;
	color: #000;
}

.select  li.first a:link,
.select  li.first a:visited,
.select  li.first a:hover,
.select  li.first a:active {
	color: #535353;
	background: transparent url(layout/select_li_first.gif) no-repeat right center;
}

.select .active_option:link,
.select .active_option:visited,
.select .active_option:hover,
.select .active_option:active {
	background: #e0e0e0 url(layout/active_option.gif) no-repeat right center;
	font-weight: bold;
	color: #7b7b7b;
}



/* end contact */

/* end content */

#main_menu a:link, #main_menu a:visited, #main_menu a:hover, #main_menu a:active {position: relative;}
.footer {float:right; position:absolute; top:630px; color:#808080; width:840px; padding:0px 157px 10px 0px; text-align:right; font-size:9px;}
.footer .linc {color:#808080;}
.footer .linc:hover {color:#ec008c; text-decoration:none;}
.footer .keyworduri {color:#808080;}
.logoul {margin-bottom:15px;} 
.logoul img {border:2px solid #ffffff;}

.clear {
	clear: both;
	line-height: 0;
	display: block;
}

/**
 * js.css.fmm
 */
#wrapper, #wrapper_inner {
	height: 100%;
	min-height: 650px;
}

* html #wrapper {
  	height:expression(document.body.clientHeight < 651 ? "650px" : "100%" );
 }



#content {
	position: absolute;
	top: 100px;
	left: 50%;
	margin: 0 0 0 -403px;
	padding: 0;
	height: 478px;
	overflow: hidden;
	
}

.section {
	width: 806px;
	float: left;
	margin: 0 20px 0 0;
}

#content_inner {
	width: 15000px;
}

#portfolio_list, #portfolioItems {
	height: 498px;
	width: 750px;
	float: none;
	margin: 0;
	padding: 0;
	margin-left:15px;
}

#portfolio_list ul {
	position: relative;
	top: 0;
	left: 0;
	width: auto;
	height: 478px;
}


#portfolio_items_inner {
	
	overflow: hidden;
	
}

#portfolio {
	width: 806px;
	height: 478px;
}  


#portfolio_list ul {
	margin: 0;
}

.thumb img  {
	opacity: 0;
	filter: alpha(opacity=0);
	top: -134px !important;
}



#prev_off, .prev_nav {
	display: none;
	width: 97px;
	height: 49px;
	overflow: hidden;
	position: absolute;
	top: 100px;
	left: 0px;
}

#next_off, .next_nav {
	width: 97px;
	height: 49px;
	overflow: hidden;
	position: absolute;
	top: 100px;
	left: 900px;
}



.next_nav, .next_nav span {
	background-image:url(layout/next_nav.png);
}



.prev_nav, .prev_nav span {
	background-image:url(layout/prev_nav.png);
}

.prev_nav span, .next_nav span {
	background-position: 0 -49px;
	display: block;
	visibility: visible !important;
	opacity: 0;
	filter: alpha(opacity=0);
	width: 100%;
	height: 100%;
	cursor: pointer;
}




#next_off, #prev_off, .next_nav, .prev_nav {
	top: 300px;
	margin-top: -75px;
	display: block;
	z-index: 10;
}

#next_off, #prev_off {
	opacity: 0.2;
	filter: alpha(opacity=20);
}

.next_nav, .prev_nav {
	display: none;
}



.portfolio_list #list_next, .portfolio_list #list_prev, .portfolioItems #items_next, .portfolioItems #items_prev {
	display: block;
}

.portfolioItems #top_off {
	display: block;
}

.portfolioItems #top_off a {
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: visible !important;
	
}


#portfolio_inner {	width: 100%;
	overflow: hidden;}


.portfolio_gallery {
	position: relative;
	top: 0;
	left: 0;
	height: 391px;
}


.medium_gallery {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;	
}


.portfolio_gallery_thumbs {
	position: absolute;
	top: 253px;
	left: 0;
}

.scroll_top {
	display: none;
}

.contact_form select {
	position: absolute;
	visibility: hidden;
}



#glow {
	height: 84px;
	width: 100%;
	position: absolute;
	top: 25px;
	left: 0;
	overflow: hidden;
	
}

#glow span, #glow strong {
	height: 1170px;
	width: 151px;
	background:url(layout/black-theme/glow.png) no-repeat;
	position: absolute;
	top: -5000px;
	
}








#glow span.portfolio_lk_glow  {
	left: 543px;
	top:  52px;
	display: block;
	
}

#glow strong.portfolio_lk_glow {
	left: 513px;
	top : -135px;
	
}

#glow span.about_lk_glow {
	left: 645px;
	top: -267px;
	
}

#glow strong.about_lk_glow {
	
	top: -452px;
	left: 615px;
	
}

#glow span.price_list_lk_glow {
	left: 720px;
	top: -584px;
	
}

#glow strong.price_list_lk_glow {
	left: 689px;
	top: -769px;
	
	
}

#glow span.contact_lk_glow {
	left: 817px;
	top: -901px;
	
}

#glow strong.contact_lk_glow {
	left: 785px;
	top: -1086px;
	
}