body{margin:0; padding:0; background:#fcf9ec; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#353535; }

a:link, a:visited, a:active{color:#9a1e1d; text-decoration:none;}
a:hover{color:#666666; text-decoration:none;}

a img{border:0;}
.clear{height:0px; line-height:0px; clear:both; font-size:0px;}

ul, li{margin:0; padding:0;}
ul{list-style:none;}

h1{font-size:24px; margin:5px 0 10px 0; color:#000000; font-weight:lighter;}
h2{font-size:16px; margin:5px 0 10px 0; padding:0 0 5px 0; color:#000000; font-weight:normal; border-bottom:1px solid #f4764b; }
h3{font-size:20px; margin:0 0 10px 0; padding:0 0 5px 0; color:#ffffff; font-weight:normal; }

a{outline:none;}

#wrapper{width:954px; margin:0 auto 0 auto;}
#top-text{width:954px; line-height:24px; font-size:14px; color:#fcf9ec; float:left;}
#top-page{width:954px; height:19px; background:url(../images/top_page.gif) no-repeat left top; float:left;}
#content-page{width:934px; padding:0 0 0 24px; background:url(../images/bg_page.gif) repeat-y left top; float:left;}	
#bottom-page{width:954px; height:19px; display:block; margin:0 auto 0 auto; background:url(../images/bottom_page.gif) no-repeat left top;}

#sidebarone{width:213px; margin:0 32px 0 0; float:left;}
#greenbox{width:213px; margin:0 0 15px 0; float:left;}
#top-greenbox{width:213px; height:20px; background:url(../images/top_nav.gif) no-repeat left top; float:left;}
#mainnav{width:199px; background:#65ba37; padding:0 7px 0 7px; color:#ffffff; float:left;}
#bottom-greenbox{width:213px; height:25px; background:url(../images/bottom_nav.gif) no-repeat left top; float:left;}

#mainnav ul li a{width:169px; height:29px; display:block; line-height:29px; padding:0 0 0 30px; font-size:13px; color:#ffffff; background:url(../images/bgm.gif) no-repeat left top; font-weight:bold;}
#mainnav ul li a:hover{line-height:29px; padding:0 0 0 30px; color:#393939; background:url(../images/bgm.gif) no-repeat -199px top;}
#mainnav ul li a.selected{width:169px; height:29px; display:block; line-height:29px; padding:0 0 0 30px; font-size:13px;color:#393939; background:url(../images/bgm.gif) no-repeat -199px top;}

#mainnav ul li ul{padding:0 0 10px 10px;}
#mainnav ul li ul li a{width:159px; height:auto; line-height:20px; display:block; line-height:18px; padding:0 0 0 20px; font-size:12px;color:#ffffff; background:url(../images/arrow_white.gif) no-repeat left 7px; border-bottom:1px solid #acd795; font-weight:normal;}
#mainnav ul li ul li a:hover{width:159px; height:auto; line-height:20px; display:block; line-height:18px; padding:0 0 0 20px; color:#439d13; background:#ffffff url(../images/arrow_green.gif) no-repeat left 7px; border-bottom:1px solid #acd795; font-weight:normal;}
#mainnav ul li ul li a.selected{width:159px; height:auto; line-height:20px; display:block; line-height:18px; padding:0 0 0 20px; color:#439d13; background:#ffffff url(../images/arrow_green.gif) no-repeat left 7px; border-bottom:1px solid #acd795; font-weight:normal;}


#content{width:677px; float:left;}
#header-home{width:657px; height:250px; padding:20px 0 0 20px; margin:0 0 20px 0; background:url(../images/header_home.jpg) no-repeat left top; float:left;}
#intro-text{width:260px; height:150px; color:#737373; font-size:10px; font-style:italic; float:left;}
#news{width:260px; height:90px; color:#ffffff; font-size:11px; float:left;}

#main-home{width:425px; padding:0 20px 0 0; float:left;}
#main-home ul{padding:0 0 0 20px;}
#main-home ul li{padding-left:15px; margin:0 0 5px 0; background:url(../images/arrow_orange.gif) no-repeat left 4px;}

#last{width:212px; margin:0 0 15px 0; float:left;}
#top-last{width:212px; height:15px; font-size:1px; background:url(../images/top_red_box.gif) no-repeat left top; float:left;}
#content-last{width:182px; background:#f4764b; padding:0 15px 0 15px; color:#ffffff; float:left;}
#content-last ul li a{width:182px; line-height:18px; color:#ffffff; border-bottom:1px solid #ffffff; display:block;}
#content-last ul li a:hover{color:#333333;}
#bottom-last{width:212px; height:25px; background:url(../images/bottom_red_box.gif) no-repeat left top; float:left;}

#galerie{width:212px; margin:15px 0 15px 0; float:left;}
#top-galerie{width:212px; height:15px; font-size:1px; background:url(../images/top_yellow_box.gif) no-repeat left top; float:left;}
#content-galerie{width:192px; background:#fcfdce; padding:0 5px 0 15px; color:#ffffff; float:left;}
#content-galerie .thumbs{width:42px; height:42px; padding:5px; float:left; display:block; background:#FFFFFF; margin:0 12px 12px 0;}
/*
#content-galerie img{padding:4px; margin:0 14px 14px 0; border:1px solid #666666; background:#ffffff; float:left;}
#content-galerie a img {border:1px solid #cccccc;}
#content-galerie a:hover img{border:1px solid #666666;}
*/
#galerie-mare{width:540px; float:left;}
#galerie-mare .thumbs a {
display:block;
width:100px;
height:100px;
line-height:100px;
position:relative;
z-index:1;
float:left;
}
#galerie-mare .thumbs a img {/* original img is 150x150px resized to 75x75 */
width:75px;
height:75px; 
position:absolute;
padding:5px;
background:#FFFFFF;
}
#bottom-galerie{width:212px; height:25px; background:url(../images/bottom_yellow_box.gif) no-repeat left top; float:left;}

#header-cursuri, #header-training, #header-cercetare, #header-consultanta, #header-portofoliu, #header-foto, #header-cariere, #header-contact {width:677px; padding:20px 0 0 0; margin:0 0 20px 0;  float:left;}
#header-cursuri {background:url(../images/header_cursuri.jpg) no-repeat left top;}
#header-training {background:url(../images/header_training.jpg) no-repeat left top;}
#header-cercetare {background:url(../images/header_cercetare.jpg) no-repeat left top;}
#header-consultanta {background:url(../images/header_consultanta.jpg) no-repeat left top;}
#header-portofoliu {background:url(../images/header_portofoliu.jpg) no-repeat left top;}
#header-foto {background:url(../images/header_foto.jpg) no-repeat left top;}
#header-cariere {background:url(../images/header_cariere.jpg) no-repeat left top;}
#header-contact {background:url(../images/header_contact.jpg) no-repeat left top;}

#main{width:640px; padding:0 20px 0 0; float:left;}
#main ul{padding:0 0 0 20px;}
#main ul li{padding-left:15px; margin:0 0 5px 0; background:url(../images/arrow_orange.gif) no-repeat left 4px;}

#intro-text-type{width:260px; height:150px; color:#737373; font-size:10px; font-style:italic; float:left; margin-bottom:4px;}

/*footer*/

#footer{width:935px; height:35px; line-height:35px; margin:0 auto 0 auto;}
#copyright{width:400px; color:#666666; float:left;}
#copyright a{color:#666666;}
#copyright a:hover{color:#333333;}
#logos{width:500px; float:right; text-align:right; font-size:9px;}
/*form styles*/
.textbox
{
	width: 200px;
	height: 20px;
	font-size:16px;
	background-color:#F1F1F1;
	color:#003366;
}
#message
{
	display:none;visibility:hidden;
}
.mandatoryfield
{
	font-family:"Courier New", Courier, monospace;
	color:red;
	font-size:14px;
	padding-bottom: 2px;
}
.validationerror
{
	background-color:red;
	font-family:Arial, Helvetica, sans-serif;
	border: 0px  solid #990066;
	color:#FFFFFF;
	font-size:11px;
	padding: 0px;
}
/*scroller*/
#pscroller1{
width: 250px;
height: 85px;
border: 0px solid black;
padding: 0px;
}

#pscroller1 a{color:#FFFFFF;font-weight:bold;font-size:12px;}

#pscroller2{
width: 350px;
height: 20px;
border: 1px solid black;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}