/*  -----------------------------------
	CSS Document
---------------------------------------

  Document : style.css
  Date     : 4th of March, 2008
  Author   : Claudiu Nenu
  Email    : nenuclaudiu@gmail.com
  Website  : www.claudiunenu.ro

 */
 
 
/*  -----------------------------------
	1. General Attributes
--------------------------------------*/


/*  -----------------------------------
	1.1. Universal attributes
--------------------------------------*/
*
{
	margin : 0;
	padding : 0;
	border : none;
	outline : none;
}

 /*  -----------------------------------
	1.2.1 Body attributes
--------------------------------------*/
body { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#e4e4e4; margin: 0; padding: 0; background: #000 url(../img/pattern.png) repeat-x top right; }



 /*  -----------------------------------
	1.2.2 Anchor attributes
--------------------------------------*/
a { color: #b2b2b2; text-decoration: none; }
a:hover, a:visited:hover { color: #b80000; }
a:active, a:visited { }
	a.linkuri, a.linkuri:visited { color:#e5e5e5; padding:2px;}
	a.linkuri:hover { color:#940606; text-decoration:none; }


 /*  -----------------------------------
	1.2.3 Text formatting attributes
--------------------------------------*/
p { color: #e4e4e4; line-height : 1.4em; text-indent: 18px; line-height: 16px; }


 /*  -----------------------------------
	1.2.4 List attributes
--------------------------------------*/
ul { margin:0; padding:0; list-style-type: none; }
	ul li { float: left; padding: 0 3px; }

 /*  -----------------------------------
	1.2.5 Header attributes
--------------------------------------*/
h1, h2, h3 { margin: 0px; padding: 0px; }

h1 { font-size: 15px; font-weight: bold; }


h2 { font: 150% Tahoma, Verdana, Helvetica, Sans-serif; font-weight:bold; color: #9d0101; margin : 0; }

 /*  -----------------------------------
	1.2.6 Form attributes
--------------------------------------*/
.formU {
	width: 295px;
	height: 25px;
	margin: 0;
	padding: 3px;
	border: 1px solid #252525;
	color: #151515;
	font-size: 15px;
	font-weight: bold;
	font-family: Tahoma;
	background: #F5F4F7;
	margin-top: 5px;
}


 /*  -----------------------------------
	1.2.7 Table attributes
--------------------------------------*/
table { border: none; }

 /*  -----------------------------------
	2. Structural Components Attributes
--------------------------------------*/
div { }

hr { color: #676767; height: 1px; }

.clear { clear: both; }

.hidden, .Hidden { display : none; }


#framework {
	width : auto;
	background: url(../img/splash.png) no-repeat 33px top;
}

#container {
	width: 815px; 
	margin:auto;
	color:#030404;
}


#logo {
	height: 172px;
	width : 820px;
	margin : 0 auto;
}

#logo a {
	background : transparent url(../img/logo.png) left top no-repeat;
	display : block;
	height : 172px;
	width : 262px;
}

#logo a:hover {
	background: transparent url(../img/logo.png) left bottom no-repeat;
}

#header {
	padding:0px;
	margin:0px;
}

#menu {
	height: 52px;
	background: #000000 url(../img/menu_vr.jpg) repeat-x;
}

#menu dl {
	margin:auto;
	width:468px;
}

#menu dt {
	float: left;
}

#menu dt a {
	display: block;
	height:52px; 
	padding: 0;
	overflow: hidden;
}



dt#portofoliu a { width : 116px; background: transparent url(../img/portofoliu.gif) left bottom no-repeat; }
dt#autor a      { width : 118px; background: transparent url(../img/autor.gif) left bottom no-repeat; }
dt#linkuri a    { width : 118px; background: transparent url(../img/linkuri.gif) left bottom no-repeat; }
dt#contact a    { width : 116px; background: transparent url(../img/contact.gif) left bottom no-repeat; }

#menu dt a:hover { background-position: left center !important; }

#menu dt.Active a { background-position: left top !important; }


#submenu {
	background: #000000 url(../img/expus_03.jpg) no-repeat center bottom;
	height: 60px; 
	margin:0;
	padding-bottom:0px;
	padding-top:0px;
}

#submenu dl {
	margin:auto;
	width:600px;
	padding: 5px;
}

#submenu dt {
	float: left;
	height:21px;
	margin-right:22px;
}

#submenu a { font-family: Helvetica, Arial, Verdana, Sans-serif; font-size: 14px; color: #e4e4e4; text-align: center; display:block; line-height:125%; height:21px; text-indent: -9999px; background:url(../img/menu.gif) no-repeat -52px -65px; }

	#submenu #portret_moda {width:137px;}
	#submenu #portret_moda a {background-position:-39px -27px}
	#submenu #portret_moda a:hover {background-position:-39px -65px}
	#submenu #portret_moda.subsel a {background-position:-39px -103px}
	
	#submenu #eveniment {width:103px;}
	#submenu #eveniment a {background-position:-180px -27px}
	#submenu #eveniment a:hover {background-position:-180px -65px}
	#submenu #eveniment.subsel a {background-position:-180px -103px}
	
	#submenu #produs_reclama {width:170px;}
	#submenu #produs_reclama a {background-position:-292px -27px}
	#submenu #produs_reclama a:hover {background-position:-292px -65px}
	#submenu #produs_reclama.subsel a {background-position:-292px -103px}
	
	#submenu #artistic {width:76px;}
	#submenu #artistic a {background-position:-473px -27px}
	#submenu #artistic a:hover {background-position:-473px -65px}
	#submenu #artistic.subsel a {background-position:-473px -103px}


#submenu dt.subsel a:hover { color: #e4e4e4;}

#links a{ border-bottom: 1px dotted #666;  }
#links a:hover{ background: #b80000; color: #e4e4e4; border-bottom: none; }

#content { color: #e4e4e4; margin: 0 auto; padding: 0; }

#kontain { padding: 0 25px; }

#contentMain { color: #e4e4e4; margin: 0 auto; padding: 0 0; }

#bigmenu { height: 550px; background: #000000; margin: 20px 0 20px 0; padding: 0; }
	#bigmenu dl { margin:auto; width:820px; }
	#bigmenu dt { float: left; margin-right:5px; }
		#bigmenu dt a { display: block; height: 0px; height:550px; padding: 0 0 0 0px; overflow: hidden; background-repeat: no-repeat; background-position: 0 -550px; }
		#bigmenu dt a:hover { background-position: 0 0px; -moz-box-shadow: 0 0 25px #000; -webkit-box-shadow: 0 0 25px #000; box-shadow: 0 0 25px #000;}
		#bigmenu dt#portret, #bigmenu dt#portret a { width: 200px; background-image: url(../img/portret_moda.jpg); }
		#bigmenu dt#eveniment, #bigmenu dt#eveniment a { width: 200px; background-image: url(../img/eveniment.jpg); }
		#bigmenu dt#artistic, #bigmenu dt#artistic a { width: 200px; background-image: url(../img/artistic.jpg); }
		#bigmenu dt#produse, #bigmenu dt#produse a { width: 200px; background-image: url(../img/produs_reclama.jpg); }

#footer{ background: #000000 url(../img/expus_06.jpg) no-repeat center top; clear: both; color: #b2b2b2;  font-family: Tahoma, Verdana, Arial, Helvetica, Sans-serif; font-size: 10px; padding: 30px 0 40px 20px; margin-top: 30px; }
	#footer p { color: #999; }
	#footer a { border-bottom: 1px dotted #444; }
	#footer a:hover { border:none; }
	#footer img { padding: 0 0 0 0; }
	#largeImg { padding : 10px; }
	#altnav { padding: 0 0 5px 18px; }
		#altnav a:hover{ color: #b80000; }

#content h3 { padding : 1em 0 10px 0; }

#largeImg div { display : block; width : 145px; height : 450px; }
#largeImg h1 { font: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #e4e4e4; font-size : 1.2em; text-align : center; letter-spacing : 0.1em; margin: 18px 0; }
#largeImg #galleryLeft { float : left; }
	#largeImg #galleryLeft a { display : block; width : 71px; height : 34px; background : transparent url(../img/galerie-stanga.png) left top no-repeat; margin: -43px auto 0 auto; }
	#largeImg #galleryLeft a:hover { background : transparent url(../img/galerie-stanga.png) left bottom no-repeat; }
#largeImg #galleryRight { float : left; }
	#largeImg #galleryRight a { display : block; width : 71px; height : 34px; background : transparent url(../img/galerie-dreapta.png) left top no-repeat; margin : -43px auto 0 auto; color : black; border : none; }
	#largeImg #galleryRight a:hover { background : transparent url(../img/galerie-dreapta.png) left bottom no-repeat; }

#largeImg #galleryImage { width : 450px; float : left; }
#largeImg #imageDescription { background : black; position : absolute; margin-top : -33px; width : 450px; height : auto; padding : 10px; }
#largeImg #galleryImage img { display : block; float : none; margin : 0 auto; }

#smallImg { clear : both; width : auto; margin : 0 15em; padding : 0.5em 0; }

#smallImg ul { list-style-type : none;
}

#smallImg ul li,
#smallImg ul li a {
	display : block;
	float : left;
}

#smallImg ul li a {
	display : block;
	color : #fff;
	border: 1px solid #fff;
	width: 2em;
	height: 2em;
	margin-bottom : 1em;
	text-align : center;
	line-height : 2em;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#smallImg ul li a:hover,
#smallImg ul li.Active a {
	border: 1px solid #fff;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}
.pagination { margin:10px 50px 20px 50px; }
	ul.pagination li { margin:0 0 10px 0; padding:0; }
	.pagination a { background-color:#333; border: 1px solid #000; color:#959595; padding:2px 5px; }
	.pagination a:hover { background-color:#666; color:#fff; }
	.pagination .Active a { background-color:#b80000; color:#fff; }


.thumbs img { border: none; width: 35px; height: 35px; padding: 4px; opacity:.5; }
.thumbs img:hover { background: url(../img/thumbs_hover.gif); opacity: 1; }

#sublink ul{ list-style-type : none; }
	#sublink ul li{ border-top : 1px dotted #aaa; }
	#sublink ul li, #sublink ul li a { display : block; }
		#sublink ul li a { background : transparent; padding : 5px 150px 5px; }
		#sublink ul li a:hover { color : #ccc; background : #1c2424; }
		#sublink ul li a:active { color : #9d0101; }

#sidebar { float: right; padding: 0 25px 0 0; }
	#sidebar p { font-size: 11px; text-indent: 0; }

#formularContact{ margin-bottom: 20px; }

#contactArea { float:left; width: 500px; }
	#contactArea input, #contactArea textarea { padding: 5px; width: 300px; font: 11px Arial, Helvetica, sans-serif; font-weight:100; margin: 0px 0px 10px 0px; background: #e4e4e4; border: 1px solid #252525; }
	#contactArea input:hover, #contactArea textarea:hover { border: 1px solid #b80000; }
	#contactArea input:focus, #contactArea textarea:focus { background: #fff url(../img/shadowForm.png) repeat-x left top; border: 1px solid #b80000; }
	#contactArea label { font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #e4e4e4; float: left; text-align: left; margin-right: 15px; width: 85px; padding: 6px; }

a#TrimiteMesaj { display : block; height: 23px; width: 110px; background:url(../img/btn_trimite.png) bottom left no-repeat; border: none; margin : 10px 0 10px 130px; }
a#TrimiteMesaj:hover { background:url(../img/btn_trimite_2.png) bottom left no-repeat; }

#galleryTable { clear : both; display: block; height : auto; list-style-type:none; padding : 0 0 0 14px; }
#galleryTable li, #galleryTable li a { display : block; float : left; width : 101px; height : 101px; }
#galleryTable li { background : black; padding : 15px; }
#galleryTable li:hover { background-color : #3f3f3f; }
#galleryTable li a img { border : 1px solid #626262; }

#galleryNav { clear : both; width : 250px; margin : 0 auto; padding : 0 0 25px 0; }

#galleryNav a,
#galleryNav ul,
#galleryNav ul li,
#galleryNav ul li a { display : block; float : left; line-height : 14pt; }

#galleryNav a { padding : 0 5px; }
#galleryNav a:hover { color: #9d0101; }

#galleryNav ul { list-style-type : none; }

#galleryNav ul li a { text-align : center; background : black; color: #8b8b8b; border: 1px solid #939393; text-decoration: none; font-weight : 900; }

#galleryNav ul li.Active a { background : #9d0101; border : 1px solid #9d0101; color : #e4e4e4; }

#galleryNav ul li.Active a:hover { background : #9d0101; border : 1px solid #9d0101; color : #e4e4e4; }
#galleryNav ul li a:hover { background: #e4e4e4; color: #000; border: 1px solid #e4e4e4; }

.subGalLink:link, .subGalLink:visited{ display: block; width: 17px; line-height: 1.4; color: #8b8b8b; border: 1px solid #939393; text-decoration: none; text-align: center; }
.subGalLink:hover{ color: #8b8b8b; background-color: #efefef; border: 1px solid #ffffff; }
.subGalLink:active{ color: #e4e4e4; background-color: #9d0101; border: 1px solid #9d0101; }

#links { width:100%; margin:20px 0 ;}
	#links .col1 { width:50px; padding-left:50px; }
	#links td { padding:5px; }
		#links .r1 td {background-color:#464646}
		#links .r2 td {background-color:#3d3d3d}
		#links .r3 td {background-color:#353535}
		#links .r4 td {background-color:#2d2d2d}
		#links .r5 td {background-color:#242424}
		#links .r6 td {background-color:#1b1b1b}
		#links .r7 td {background-color:#1b1b1b}
		
		
/* clearfix */

.clearfix:after,
#largeImg:after,
#smallImg:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix,
#largeImg,
#smallImg
{
    display: inline-block;
}

html[xmlns] .clearfix,
html[xmlns] #largeImg,
html[xmlns] #smallImg
{
    display: block;
}

* html .clearfix,
* html #largeImg,
* html #smallImg
{
    height: 1%;
}

#content h1.weezer { font:100 22px/normal expus_ro, "Trebuchet MS", Helvetica, Tahoma, Sans-serif; text-align: left; color: #940202; letter-spacing:0; padding:30px 0; }

.autor { margin-left:330px; margin-bottom:50px; }

.mir { background: transparent url(../img/mir.jpg) no-repeat; height: 365px; width: 300px; margin: 35px 0 0 0; float: left; }