html, body {margin:0; padding:0; border:none; font: normal 13px Verdana, Arial, sans-serif; color:#FFF; text-align:left;}
ul { margin:0; padding:0; list-style-type:disc; }
	ul li { margin:0 0 0 30px; padding:0px; }
body {background:#000 url(imgs/bg.jpg) no-repeat left top;}

.clear { position:relative !important; float:none !important; clear: both !important; padding:0 !important; margin: 0 0 -1px !important; text-decoration:none !important; text-indent:-10000px !important; border: none !important; background:transparent !important; background-image:none !important; height:1px !important; font-size:1px !important; overflow:hidden !important; }

h1 { margin:0 0 5px 0; padding:3px; font-size:30px; font-weight:bold; color:#343; }
h2 {}
h3 {}

FORM{ }
INPUT, SELECT, TEXTAREA{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333}
INPUT, TEXTAREA{padding:2px; border:1px #333 solid}
OL,UL{list-style:none}

a {outline:none; padding:0px; text-decoration:underline; color:#FFF;}
a:hover { color:#fff; }
.activeLink { background-color:#ed174f; color:#fff !important; }

h1 {color:#fff; font-size:24px; }

.floatRight {float:right;}
.floatLeft {float:left;}

#wrapper {position:relative; margin:0 0 0 38px; width:873px;}
	#header {margin:33px 0 0 0;}
		.logo {position:relative; margin:0; float:right; display:block; width:320px; height:79px; text-decoration:none; text-indent:-9999px; background:url(imgs/logo.png) no-repeat top left; behavior:url("iepngfix.htc"); cursor:pointer;}
	#header UL {position:relative; width:850px; margin:8px auto; }
		#header UL LI {list-style:none; line-height:18px; float:left;}
			#header UL LI A { display:block; height:30px; text-decoration:none; text-indent:-9999px; margin-right:10px; }
/*				#header UL LI A.active { background-position:bottom left !important; }
				#header UL LI A.meniu_home { width:106px; background:url(imgs/menu/home.png) no-repeat top left; outline:none; behavior:url("iepngfix.htc"); cursor:pointer;}
				#header UL LI A.meniu_home_active{background:url(imgs/menu/home_ov.png) no-repeat top left;}
				/*#header UL LI A:hover.meniu_home { background:url(imgs/meniu_home.png) no-repeat bottom left; behavior:url("iepngfix.htc");}*/
/*				#header UL LI A.meniu_despre { width:105px; background:url(imgs/menu/despre.png) no-repeat top left; outline:none; behavior:url("iepngfix.htc"); cursor:pointer;}
				#header UL LI A.meniu_despre_active{background:url(imgs/menu/despre_ov.png) no-repeat top left;}
				/*#header UL LI A:hover.meniu_despre { background-position:bottom left; }*/
/*				#header UL LI A.meniu_portfolio { width:91px; background:url(imgs/menu/portfolio.png) no-repeat top left; outline:none; behavior:url("iepngfix.htc"); cursor:pointer;}
				#header UL LI A.meniu_portfolio_active{background:url(imgs/menu/portfolio_ov.png) no-repeat top left;}
				/*#header UL LI A:hover.meniu_portfolio { background-position:bottom left; }*/
/*				#header UL LI A.meniu_oferta { width:126px; background:url(imgs/menu/oferta.png) no-repeat top left; outline:none; behavior:url("iepngfix.htc"); cursor:pointer;}
				#header UL LI A.meniu_oferta_active{background:url(imgs/menu/oferta_ov.png) no-repeat top left;}
				/*#header UL LI A:hover.meniu_oferta { background-position:bottom left; }*/
/*				#header UL LI A.meniu_contact { width:80px; background:url(imgs/menu/contact.png) no-repeat top left; outline:none; behavior:url("iepngfix.htc"); cursor:pointer;}
				#header UL LI A.meniu_contact_active{background:url(imgs/menu/contact_ov.png) no-repeat top left;}
				/*#header UL LI A:hover.meniu_contact { background-position:bottom left; }*/
/*				#header UL LI A.meniu_clienti { width:65px; background:url(imgs/menu/clienti.png) no-repeat top left; outline:none; behavior:url("iepngfix.htc"); cursor:pointer;}
				#header UL LI A.meniu_clienti_active{background:url(imgs/menu/clienti_ov.png) no-repeat top left;}
				/*#header UL LI A:hover.meniu_clienti { background-position:bottom left; }*/
				#header UL LI A {background:url(imgs/menu/menu.png) no-repeat top left;}
				#header UL LI A.meniu_home { width:106px; background-position:0 0; outline:none; behavior:url("iepngfix.htc"); cursor:pointer;}
				#header UL LI A.meniu_home_active{background-position:0 -31px;}

				#header UL LI A.meniu_despre { width:105px; background-position:-106px 0; behavior:url("iepngfix.htc"); cursor:pointer;}
				#header UL LI A.meniu_despre_active{background-position:-106px -31px;}

				#header UL LI A.meniu_clienti { width:65px; background-position:-211px 0; behavior:url("iepngfix.htc"); cursor:pointer;}
				#header UL LI A.meniu_clienti_active{background-position:-211px -31px;}

				#header UL LI A.meniu_portfolio { width:91px; background-position:-276px 0; behavior:url("iepngfix.htc"); cursor:pointer;}
				#header UL LI A.meniu_portfolio_active{background-position:-276px -32px;}

				#header UL LI A.meniu_oferta { width:126px; background-position:-367px 0; behavior:url("iepngfix.htc"); cursor:pointer;}
				#header UL LI A.meniu_oferta_active{background-position:-367px -32px;}

				#header UL LI A.meniu_contact { width:80px; background-position:-493px 0; behavior:url("iepngfix.htc"); cursor:pointer;}
				#header UL LI A.meniu_contact_active{background-position:-493px -32px;}

*html #content {background:none; filterrogidXImageTransform.Microsoft.AlphaImageLoader(src='imgs/grid.png', sizingMethod='resize')}
	#content {position:relative; /*float:left;*/ margin:10px 0 0 0; background:url(imgs/grid.png) repeat top left; border:1px solid #010a10; width:auto; padding: 0 0 20px 0; }
		H1 {padding:10px 10px 0 10px;}
		H2 {padding:10px 10px 0 10px;}
		
		
		#showcase {position:relative; margin:0 auto; padding:0; width:855px; }
			#showcase .url {position:relative; display:block; margin-top:-26px; text-align:right; padding:2px; background:#333 url(imgs/grid1.png) repeat;}
				#showcase .url A {font-size:9px; color:#FFF;}
				
				
				
			#showcase UL {width:865px; margin:10px 0 0 0;}
				#showcase UL LI {float:left; height:105px; margin:0; padding:0 0 0 2px; list-style:none; line-height:18px; }
					#showcase UL LI A {}
					#showcase UL LI div.detail {}
		.text {padding:0 10px 0 10px;}
		.content_right {float:right; width:320px; padding:10px; background:#031827; margin:15px 10px 0 0;}
			.content_right H2 {padding:0px !important;}
		#boxes {position:relative; margin:10px 0; height:100%; }
			.boxes { width:414px; background:#302f2f; padding:0 8px 8px 8px;}
				.boxLogo { display:block; float:left; margin:0 5px 5px 0; width:195px; height:69px; background:#000 url(imgs/box_site_logo.jpg) no-repeat center center;}
				.boxPrezentare {float:left; margin:5px;}
	#footer {padding:8px;}

	
.formular{margin:0 auto; width:70%} .formular LI{clear:both; padding:5px 15px 10px 0} .formular LI INPUT, .formular LI SELECT, .formular LI TEXTAREA{float:right; margin-top:-3px; width:60%} .formular LI SELECT{width:62%} .formular LI TEXTAREA{height:100px; width:187px; margin-bottom:10px}
.formular LI.mandatory{font-weight:bold; font-style:italic;}
.formular LI.date IMG{float:right; margin-top:-1px} .formular LI.date INPUT{width:30%; margin-right:8px} .formular LI.date SELECT{width:85px}
.button1{background:#db0000; color:#FFF; border:1px #ccc solid; cursor:pointer; font-weight:bold} .button1:hover, .button1Ov{background:#FFF; color:#db0000; border:1px #db0000 solid; cursor:pointer; font-weight:bold}
		.clientTestimonials{padding:0 10px 0 10px;}
		.clientTestimonials A{position:relative; color:#fff;}
		.clientTestimonials DIV.item{padding:10px 0 0 20px;position:relative}
		.clientTestimonials IMG{margin-top:15px;position:relative}
		.clientTestimonials DIV.right{float:right; width:710px; position:relative}
		.clientTestimonials DIV.right EM, #clientTestimonials DIV.right STRONG{display:block; padding-bottom:10px;position:relative}

.error {color:#ff0000}
.success {color: #7CC11C}

.contact_text {float:left; width:500px; padding:10px;}
.contact_map {float:right;padding:45px 25px 0 0;}
.leftIndent {padding:10px 0 0 35px;}
.traffic{ float:right; width:350px; text-align:right;}
.rqpTable TR TD {padding:10px}

/*LIGHTBOX*/
/****************************************************************************************************************************************************************/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(imgs/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(imgs/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/****************************************************************************************************************************************************************/

body{ behavior:url(csshover.htc) !important;}

/*FOR MOOTOOLS SLIDER*/
/********************************************/
.slider{
	position: relative;
	top:10px;
	left:0px;
	width:170px;
	height:105px;
	overflow: hidden;
	margin:0;
	padding:0;
}

.slider_info{
	left: 0px;
	position:absolute;
	bottom: -110px;
	background: #090809;
	padding: 0px 0 0 0px;
	display: block;
	width: 170px;
	height:60px;
	min-height: 60px;
	overflow: hidden;
	border-bottom: 0px solid #ff0099;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
}
/********************************************/

.tool-tip {
color:#FFFFFF;
width:auto;
z-index:13000;
}
.tool-title {
background:transparent url(../imgs/bubble.png) repeat scroll left top;
color:#FFF;
font-size:11px;
font-weight:bold;
margin:0pt;
padding:4px 8px;
}
.tool-text {
background:transparent url(../imgs/bubble.png) repeat scroll right bottom;
font-size:11px;
padding:4px 8px 8px;
}