/* CSS Document */

/* reset paddings and margins */
	* {
		margin: 0;
		padding: 0;
	}

/* html element needs this setting, to center wrapping div */
	html {
		width: 100%;
		height: 100%;
	}

	body {
position: relative;
width: 100%;
height: 100%;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
background-image:url(/images/bg.jpg);
background-repeat:repeat-x;
font-size:12px;
	}
	

	
/* common clearing div */
	div.clear {
	clear: both;
	font-size: 0px;
	height: 0px;
	line-height: 0px;
	}

/* center wrapping div */
	div#wrap {
	width:980px;
	margin:auto;
	text-align:left;
	}
/* common formats */
h1, h2, h3{padding:0; margin:0; color:#5c90c9}
h1{font-size:18px;}
h2, h2 a{font-size:14px;  color:#5c90c9; text-decoration:none;}
h2 a:hover{text-decoration:underline;}
h3, h3 a{font-size:12px; color:#5c90c9; text-decoration:none;}
h3 a:hover{text-decoration:underline;}
.red-text{ color:#cc0000;}
a{text-decoration:underline; color:blue;}
a:hover{text-decoration:none}
.lpic{padding:5px 7px 5px 0px; float:
left;}
.rpic{padding:5px 0px 5px 7px; float:
right;}
.story{padding-bottom:20px; padding-top:15px; border-bottom:1px dotted black;}
	


#logo{width:225px;
height:134px;
float:left;
position:relative;
top:0px;
left:0px;
}

#leftcolumn{
width:225px;
float:left;
position:relative;
top:0px;
left:0px;
}
#leftcolumn-promo{
width:205px;
float:left;
position:relative;
top:0px;
left:0px;
padding:10px 0px 10px 10px;
}
#centercolumn{
width:546px;
float:left;
position:relative;
top:0px;
left:0px;
z-index:-1;
}

#centercolumn-wide{
width:745px;
float:left;
position:relative;
top:0px;
left:0px;
z-index:-10;
}
#header-spacer{
width:546px;
height:253px;
float:left;
position:relative;
top:0px;
left:0px;
background-image:url(/images/happy-child.jpg);
background-repeat:no-repeat;
z-index:-10;
text-align:right;
}
#header-spacer-wide{
width:745px;
overflow:hidden;
height:253px;
float:left;
position:relative;
top:0px;
left:0px;
background-image:url(/images/happy-child.jpg);
background-repeat:no-repeat;
z-index:-10;
text-align:right;
}
#scrolling-marquee{
width:546px;
height:36px;
float:left;
position:relative;
top:0px;
left:0px;
}
#scrolling-marquee-wide{
width:745px;
height:36px;
float:left;
position:relative;
top:0px;
left:0px;
}
#language-choice{
width:190px;
float:left;
position:relative;
top:0px;
left:0px;
padding:5px 0px 10px 10px;
color:#5c90c9;
font-size:14px;
font-weight:bold;
text-align:left;
}
#language-choice a{
color:#5c90c9;
font-size:14px;
font-weight:bold;
}
#content{
width:536px;
float:left;
position:relative;
top:0px;
left:0px;
padding:5px 5px 20px 5px;
}
#content-wide{
width:745px;
float:left;
position:relative;
top:0px;
left:0px;
padding:5px 5px 20px 5px;
}
#rightcolumn{
width:209px;
float:left;
position:relative;
top:0px;
left:0px;
background-image:url(/images/home_sliced_03.jpg);
background-repeat:no-repeat;
}
#video{
width:209px;
float:right;
position:relative;
top:0px;
left:0px;
color:#FFFFFF;
font-size:10px;
font-weight:bold;
padding-bottom:57px;
}
#video p{padding:20px 0px 10px 0px;}
.video-container{
width:360px;
float:left;
position:relative;
top:0px;
left:0px;
padding-bottom:15px;
padding-right:10px;
}
#rightcolumn-content{
width:194px;
float:right;
position:relative;
top:0px;
left:0px;
padding:0px 0px 0px 15px;
text-align:center;
}
#rightcolumn-content-interior{
width:184px;
float:right;
position:relative;
top:0px;
left:0px;
padding:258px 0px 0px 25px;
text-align:left;
}
#main-menu-container{
width:225px;
float:left;
position:relative;
top:0px;
left:0px;
background-image:url(/images/menu_01.jpg);
background-repeat:no-repeat;
z-index:10;
font-size:12px;
}

	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 190px;
		padding:5px 0px 0px 15px;
		font-size:12px;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.5em;
		margin-bottom : -1px;
		width: 11em;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 190px;
		margin-top : -2em;
		z-index:10;
		background-color : white;
		border-bottom:3px solid #999999;
		border-right:3px solid #999999;
		border-top:1px solid #999999;
		border-left:1px solid #999999;
		
	}
	#nav li ul a{width:180px;}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
		
	}
	
	#nav li a {
		width: 190px;
		display : block;
		color : black;
		font-weight : bold;
		text-decoration : none;
		border-bottom: 1px dotted black;
		color:#5c90c9;			
		padding : 3px 0px 3px 0px;
	}
	
	#nav li a.last, #nav li ul a.last {border:none;}
	
	#nav li a:hover {
		color:#cc0000;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	#home #nav li a.home,
	#despre-noi #nav li a.despre-noi,
	#noutati #nav li a.noutati,
	#proiecte #nav li a.proiecte,
	#de-ce-metropolis #nav li a.de-ce-metropolis,
	#ai-nostri #nav li a.ai-nostri,
	#cum-puteti-ajuta #nav li a.cum-puteti-ajuta,
	#cadouri #nav li a.cadouri,
	#video-metropolis #nav li a.video,
	#parteneri #nav li a.parteneri,
	#fotografii #nav li a.fotografii,
	#contact #nav li a.last {color:#cc0000;}
	
	
	
	#proiecte_nav, #proiecte_nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 180px;
		font-size:12px;
	}
	
	#proiecte_nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.5em;
		margin-bottom : -1px;
		width: 11em;
	}
	
	#proiecte_nav li a {
		width: 180px;
		display : block;
		color : black;
		font-weight : bold;
		text-decoration : none;
		border-bottom: 1px dotted black;
		color:#5c90c9;			
		padding : 3px 0px 3px 0px;
	}
	
	#proiecte_nav li a.last {border:none;}
	
	#proiecte_nav li a:hover {
		color:#cc0000;
	}



/* footer */
#footer{
padding:20px;
background-position:30px 0px;
background-repeat:no-repeat;
font-size:11px;
float:left;
}