span, div, a, h1, h2, h3, h4, div, form, input, dl, ul, li, dt, dd, img {
margin:0;
border:0;
padding:0;
text-decoration:none;
list-style-type: none;
}
body {
	background: #f2f2f2 url(../images/bg.jpg) repeat-x;
	text-align: center;
	font: normal 11px/16px verdana;
	color: #777;
}
* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	border: none;
}
#page {
	width: 770px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
#header {
	background: url(../images/bgp7.gif) no-repeat 0 0;
	height: 131px;	
	position: relative;
	z-index: 10;
}
#header h1 a{
	text-indent: -5000px;	
	display: block;
	width: 190px;
	height: 56px;
	position: absolute;
	top: 54px;
	left: 37px;
}

#mydiv {
	width: 391px;
	height: 151px;
	position: absolute;
	top: 0px;
	left: 230px;
	z-index: 100;
}
ul#menu {
	list-style: none;
	padding: 30px 0 0;
	text-align: right;
	position: absolute;
	right: 10px;
	bottom: 16px;
}
#menu a {
	height: 18px;
	color: #c5c5c5;
	text-decoration: none;
	display: block;
	padding-right: 1.6em;
	line-height: 17px;
	width: 60px;
	margin-top: 1px;
	letter-spacing: 0px;	
}
#menu a.home {
	background: url(../images/m-home.gif) no-repeat 64px 1px;
}
#menu a.news {
	background: url(../images/m-news.gif) no-repeat 64px 1px;
}
#menu a.contact {
	background: url(../images/m-contact.gif) no-repeat 64px 1px;
}
#menu a.sitemap {
	background: url(../images/m-sitemap.gif) no-repeat 64px 2px;
}

#menu a:hover.home, #menu a.home-on {
	background:  url(../images/m-home.gif) no-repeat 64px -17px;
	
}
#menu a:hover.news, #menu a.news-on {
	background: url(../images/m-news.gif) no-repeat 64px -17px;
	color: #5b5b5b;
}
#menu a:hover.contact, #menu a.contact-on {
	background: url(../images/m-contact.gif) no-repeat 64px -17px;
	color: #5b5b5b;
}
#menu a:hover.sitemap, #menu a.sitemap-on {
	background: url(../images/m-sitemap.gif) no-repeat 64px -16px;
	color: #5b5b5b;
}

#mid {
	background: url(../images/bg770.jpg);
	z-index: 20;
}



/* leftpane */
#leftpane {
	width: 200px;
	float: left;
	margin-top: 0px;
	padding-left: 12px;
}
.panel {
	width: 198px;
	background: url(../img/panel-bg.gif);
	margin-bottom: 8px;
}
.panel .top {
	background: url(../img/panel-top.gif) no-repeat;
	height: 12px;
	display: block;
	overflow: hidden;
}
.panel .bot {
	background: url(../img/panel-bot.gif) no-repeat;
	height: 13px;
	display: block;
	overflow: hidden;
}
.panel .mid {
	width: 135px;
	margin: 5px 0 5px 19px; 
}
.panel h2 {
	text-indent: -3000px;
	border-bottom: 1px solid #666;
	height: 18px;
	display: block;
	font-size: 90%;
	margin-bottom: .8em;	
}
.panel .browse h2 {
	background: url(../img/l-browse.gif) no-repeat;
}
.browse ul {
	list-style: none;
	margin: -6px 0 .2em 0;
}
.browse li {
	display: block;
	height: 2.25em;
	line-height: 2.25em;
	border-top: 1px solid #666;
}

.browse a {
	color: #777;	
	padding: .2em 0;
}
.browse a:hover {
	background: #666;
	color: #fff;
	padding: .2em .5em;
}
.browse a.on, .browse a:hover.on {
	background: url(../img/arrow.gif) no-repeat right center;	
	font-weight: bold;
	color: #777;
	cursor: default;
	padding: 0;
	padding-right: 10px;
}
.panel .random h2 {
	background: url(../img/l-random.gif) no-repeat;
}
.random img {
	display: block;
	margin: 0 auto;
}
.random ul {
	list-style: none;	
}
.random li {
	line-height: 1.3em;
	text-transform: capitalize;
}


.panel .nuz h2 {
	background: url(../img/l-news.gif) no-repeat;
}
.panel h3 {
	font-size: 100%;
	font-weight: normal;
}

.nuz .stire {
	text-transform: uppercase;
	margin-bottom: 5px;
}
.nuz .stire a {
	color: #b08c7e;
}
.nuz .stire a:hover {
	color: #333;
}
.stire span {
	display: block;
	font-size: smaller;
	color: #aea89c;
	text-transform: capitalize;
}
.nuz .more {
	text-align: right;
}
.nuz .more a {	
	font-size: smaller;
	color: #aea89c;
	line-height: 1.4em;
}
.nuz .more a:hover {	
	color: #666;
	border-bottom: 1px solid #aea89c;
}

/*MUSICA*/
.musica {
font: normal 11px/36px verdana;
color:#b08c7e;
font-style: italic;
width:353px;
padding:5px 0 5px 0px;
text-align:left;
line-height:17px;
border-bottom:#EDECE0 solid 1px;


}
.musica span{
	color: #b08c7e;
	font-weight: bold;
	font-style: normal;	
}

/*FOTOS*/



.titulosfotos{
font: normal 11px/36px verdana;
color:#b08c7e;
font-style: italic;
width:422px;
padding:5px 0 5px 0px;
text-align:left;
line-height:17px;
border-bottom:#EDECE0 solid 1px;
}

/*REPRODUCTOR*/
.repro{
}

/*CURRI*/
.curri {
	
}
.curri span{
	color: #b08c7e;
	font-weight: bold;
	font-style: normal;	

}
/* PORTFOLIO SECTION */
/*-----------------------------------------------*/
#portfolio_header {position:relative; width:203px; height:23px; text-align:left;}
#portfolio_header span {position:absolute; width:100%; height:100%; background:url("porfolio.gif") no-repeat;}


.portfolio_menu {


font: normal 11px/16px verdana;
width:203px;
padding:10px 0 10px 0px;
text-align:left;
line-height:15px;
border-bottom:#EDECE0 solid 1px;
}
#portfolio_content_plain {
width:407px;
height:300px;
padding:10px 40px 30px 0;
margin:0 0 0 0;
}
a.port_nav {
color:#675C58;
font: verdana;
font-size:1.0em;
text-decoration:none;
font-weight:normal;
display:block;
height:20px;
border:none;
}
a.port_nav:hover {
display:block;
background: url(navback_hatch2.gif) no-repeat bottom;
color:#675C58;
font-size:1.0em;
text-decoration:none;
font-weight:normal;
height:20px;
border:none;
}
a.port_nav_selected {
color: #b08c7e;
background: url(navback_hatch2.gif) no-repeat bottom;
font-size:1.0em;
text-decoration:none;
font-weight:normal;
display:block;
height:20px;
border:none;
}
a.port_nav_selected:hover {
display:block;
background: url(navback_hatch2.gif) no-repeat bottom;
color: #b08c7e;
font-size:1.0em;
text-decoration:none;
font-weight:normal;
height:20px;
border:none;
}
/* PORTFOLIO SECTION */
/*-----------------------------------------------*/


/* content */
.content {

	width: 514px;
	padding: 74px 0px 0 20px;	
	float: left;
	margin-top: -39px;
	z-index: 25;
	position: relative;
}
/* pozele */
.home {
	background: url(../images/logoillumbe10.jpg) bottom right no-repeat;
}
.web {
	background: url(../images/t-web.jpg) no-repeat;
}
.identity {
	background: url(../img/t-identity.jpg) no-repeat;
}
.seo {
	background: url(../img/t-seo.jpg) no-repeat;
}
.news {
	background: url(../img/t-news.jpg) no-repeat;
}
.sitemap {
	background: url(../img/t-sitemap.jpg) no-repeat;
}
.contact {
	background: url(../img/t-contact.jpg) no-repeat;
}
.error404 {
	background: url(../img/t-404.jpg) no-repeat;
}
.content h1 {
	margin-left: 1px;
	text-indent: -5000px;
}

.home h1 {
	background: url(../img/tit-home.gif) no-repeat;
	height: 59px;
}
.web h1 {
	background: url(../img/tit-web.gif) no-repeat;
	height: 59px;
}
.identity h1 {
	background: url(../img/tit-identity.gif) no-repeat;
	height: 39px;
}
.seo h1 {
	background: url(../img/tit-seo.gif) no-repeat;
	height: 39px;
}
.news h1 {
	background: url(../img/tit-news.gif) no-repeat;
	height: 59px;
}
.sitemap h1 {
	background: url(../img/tit-sitemap.gif) no-repeat;
	height: 59px;
}
.contact h1 {
	background: url(../img/tit-contact.gif) no-repeat;
	height: 39px;
}
.error404 h1 {
	background: url(../img/tit-404.gif) no-repeat;
	height: 39px;
}


.content p {
	margin: 3px 5px 8px;
	line-height: 1.5em;
}
.content a {
	display: block;
	font-weight: normal;
	color: #b08c7e;
	line-height: 1.35em;
	display: inline;
}

.content a:hover {
	color: #666;
	text-decoration: underline;
}

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}
.ruler{
	display: block;
	clear: both;
	height: 3px;
	overflow: hidden;
	background: url(../img/ruler.gif);
	width: 467px;
	margin: 0 auto;
}
#genfotos{

float: left;

line-height: 17px;
border-left:#EDECE0 solid 1px;
padding: 5px 3px;

}
.detalii2 {
	display: block;
	float: left;
	width: 97px;
	padding: 5px 3px;
}
.fotos{
width:100px;
line-height:7px;
border-left:#EDECE0 solid 1px;}
/* HOME */
#neworks {
	
	text-indent: -3000px;
	font-size: small;
	margin: 10px 1px;
	padding: 0;
}
.new {
	
	margin: 0 10px;
}

.new span{
	color: #b08c7e;
	font-weight: bold;
	font-style: normal;	

}
.fotogrande {
align: right;
width: 300px;
height: 150px;
margin: 10px 1px;
border: 1px solid #DBDBDB;
}
.tema{
list-style: none;
width:492px;
padding: 0 30 0 0;
text-align: right;
position: absolute;
right: 10px;
top: 40px;
border-bottom:#EDECE0 solid 1px;
}
#idioma{
list-style: none;
width:90px;
padding: 0 0 0 0;
text-align: right;
position: absolute;
right: 10px;
bottom: 20px;
}
#idioma a {
	height: 16px;
	color: #c5c5c5;
	text-decoration: none;
	display: block;
	padding-right: 1.6em;
	line-height: 17px;
	width: 70px;
	margin-top: 1px;
	letter-spacing: 0px;	
}
.detalii {
	display: block;
	float: left;
	width: 330px;
	padding: 20px 15px 0 15px;
	border-right: 1px solid #e7e7e7;
}

.thumb {
	float: left;
	padding: 5px 12px;
}
.detalii .client span{
	color: #b08c7e;
	font-weight: bold;	
}
.detalii .descript {
	margin: .3em 0 0 3.8em;
}
.detalii .descript span{
	display: block;
	color: #b08c7e;
	font-size: smaller;	
	text-align: right;
}

/* WEB DESIGN */

#thumbe {
	margin-left: 0px;
}
#thumbe a {
	margin: 6px 0px 1px 48px;
	display: inline;
	float: left;
}

#project {
	border-bottom: 1px solid #e7e7e7;
	background: url(../img/pixel.gif) repeat-y 340px 0;
}
#imag {
	float: left;
	width: 330px;
	margin-right: 10px;
	margin-top: -4px;
}

#imag #hold {
	background: url(../img/web/browser.jpg);
	height: 190px;
	width: 300px;	
	display: block;
	padding: 25px 0 0 5px;	
	margin: 0 auto;
}
#imag #scrub, #seoproj #scrub {
	width: 100px;
	display: block;
	margin: 3px auto;
	text-align: center;
	background: url(../img/but-trans.gif);
	height: 26px;	
}
#scrub span {
	float: left;
	width: 42px;
	display: block;
	line-height: 23px;
	text-align: center;
}
#scrub a, #scrub div {
	text-indent: -5000px;
}
#scrub a , #scrub div{
	height: 26px;
	width: 29px;
	display: inherit;
}
#scrub a.prev {
	background: url(../img/but-prev.gif);
	float: left;
}
#scrub a.next {
	background: url(../img/but-next.gif);
	float: right;
}
#scrub a:hover {
	background-position: 0 -26px;
}
#scrub a:active {
	background-position: 0 -52px;
}
#scrub div.prev-off {
	background: url(../img/but-prev-off.gif);
	float: left;
}
#scrub div.next-off {
	background: url(../img/but-next-off.gif);
	float: right;
}

#project #detalii {
/*	border-left: 1px solid #e7e7e7;*/
	float: left;
	display: block;
	width: 170px;
}
#project #detalii ul, #seoproj #detalii ul {
	list-style: none;
	padding-left: 12px;
	padding-bottom: .8em;
}
#project #detalii li, #seoproj #detalii li {
	display: inline;
	font-weight: bold;
}

#project #detalii span, #seoproj #detalii span {
	display: block;
	padding-bottom: 5px;
	font-weight: normal;
}
#project #detalii a {
	display: block;
	font-weight: normal;
	color: #b08c7e;
	line-height: 1.35em;
	display: inline;
	padding-right: 1.2em;
	background: url(../img/ico-launch.gif) no-repeat -20px 0;
}

#project #detalii a:hover {
	color: #666;
	border-bottom: 1px solid #aea89c;
	background: url(../img/ico-launch.gif) no-repeat right center;
	text-decoration: none;	
}

/*<group=Footer>*/
#footer {
	background: url(../images/bg-footer2.jpg) repeat-x;
	height: 53px;
}

#footer_content {
	width: 740px;
	text-align: left;
	margin: 0 auto;
}

#footer_content p {
	font: normal 11px/16px "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #999;
	padding: 0;
	margin: 0;
}
#footer div {
	width: 770px;
	margin: 0 auto;
	text-align: center;
	padding-top: 1.25em;
	color: #ddd;
	background: url(../images/end-mid.jpg) no-repeat;
	line-height: 1.35em;
}