* {
 margin: 0;
 padding: 0;
}
body {
 background: #eee; 
 font: 12px/18px "Tahoma", Verdana, sans-serif;
 text-align: center;
 color: #333;
}
a:link, a:visited {
 color: #633;
 text-decoration: none;
}
a:hover {
 color: #966;
}
h1 {
 margin-bottom: 41px;
 margin-left: -108px;
 padding-bottom: 2px;
 border-bottom: 1px solid #ccc; 
 font-family: Georgia;
 font-size: 1,2em;
 font-weight: 500;
 font-style: serif;
 color: #633;
}

h2, h3{
 font-weight: normal;
 font-size: 1em;
 line-height: 18px;
}
h2 {
 margin-left: -204px;
 padding: 10px 0 20px 204px;
 background: url(h2_ornament.gif) 3px 0 no-repeat;
 font-size: 1.25em;
 text-transform: uppercase;
 color: #999;
}
h3 {
 padding-bottom: 5px;
 font-weight: bold;
 text-transform: uppercase;
 letter-spacing: 3px;
 color: #633;
}

#wrap {
 background: url(wrap.gif) repeat-x;
}
#page {
 margin: 0 auto;
 width: 960px;
 background: #fff;
 text-align: left;
}
#header {
 height: 72px;
 background: #966 ;
}

#content-primary {
 float: right;
 margin: 12px 24px 60px 24px;
 width: 528px;
}
#content-primary p {
 padding-bottom: 18px;
}
#content-primary img {
 float: left;
 margin: -6px 148px 0 -114px;
 padding: 3px;
 /* border: 3px solid #eee; */
 background: #fff;
}
#content-secondary {
 float: left;
 margin: 20px 0px 60px 24px;
 width: 185px;
 font-size: 11px;
 color: #300;
}

#footer {
 clear: right;
 height: 192px;
 background: #333;
 font-size: 10px;
 line-height: 1em;
 text-shadow: 1px 1px 1px #333;
 color: #fff;
}
#footer a:link, #footer a:visited {
 color: #c99;
}    
#footer p {
 padding: 132px 24px 0 24px;
}
.clear {
 clear: both;
}


/* === footer meneu === */
#photomenu {
 margin-left: 174px;
 font: 12px/18px "Tahoma", Verdana, sans-serif;
 text=decoration: none;
 padding-top: 10px;
 display: block;
 color: #999;
 }
.photobtn {
 width: 150px;
 padding-left:7px;
 padding-right:7px;
 padding-top:4px;
 padding-bottom: 4px;
 background-color:#333;
 margin-left:40px;
 } 
/* ==== End Menu === */

#english {
 float: right;
 margin-right: 27px;
 margin-top: 87px;
 z-index: 999;
 width: 21px;
 border: 0;
 }
/* ==== start logo page ===*/
#content-logo,  #content-prototip, #content-proiecte {
 margin: -6px 2px 0 -134px;
 padding: 1px;
 border: 3px solid #eee;
 background: #fff;
 width: 650px;
 height: 500px;
 display: block;
}

/* ======= start print page =====  */
    img{border:none;}
    div#galleryA, div#galleryB, div#galleryC {
		   margin: -6px 2px 0 -114px;
       padding: 1px;
       border: 3px solid #eee;      
       width: 650px;
       height: 500px;
       }
		div#galleryA {
			background: #fff url(../img/presa2.jpg) center center no-repeat;
			} 
		ol#gallery, ul#gallery li{
			margin:0px; moz-margin:0px;
			padding:0px;
			list-style:none;
			}
		ol#gallery {
  		width:800px;   
			height:303px;
			position:relative;
			background:none;
			}			
		ol#gallery li {
			float:left;
			display:inline;
			margin-top:380px;
			height:65px;			
      width: 70px;
			clear: right;
			}							
		ol#gallery a span {
			display:none;
			}
		ol#gallery a:hover {
			background:none;
			z-index:100;
		  height:65px;
			width: 70px;			
			}	
		ol#gallery a:hover span{
			position:absolute;
	/*		width:450px; */
			height:303px; !important
			float:right;
			top:10px;
			left:210px;
			display:block; 
			}
 /* ============ background prototip, machete, proiecte  ==================== */
div#galleryB {
 background: #fff url(../img/telefon.gif) center top no-repeat;
 } 
#content-proiecte {
 background: #fff url(../img/ruleta.jpg) center top no-repeat;
 }
 /* ============ START web-experiment page =============== */
#content-primary-web {
 float: right;
 margin: 12px 24px 60px 24px;
 width: 528px;
}
#content-primary-web p {
 padding-bottom: 18px;
}
#content-primary-web img {
 margin: 0;
 padding: 0;
 /* border: 3px solid #eee; */
 background: #fff;
} 
#content-web {
 margin: -6px 2px 0 -134px;
 padding: 1px;
 border: 0;
 background: #333333;
 width: 650px;
 height: 500px;
}
#webimg1, #webimg2, #webimg3, #webimg4, #webimg5, #webimg6 {
 width: 196px;
 height: 118px;
 padding: 0px;
 border: 0;
 background: #cdcdcd;
 position: absolute;
 display: block;
 }
#webimg1 {
  margin: 13px 2px 0 8px;
	} 
#webimg2 {
  margin: 13px 2px 0 222px;
	}	
#webimg3 {
  margin: 13px 2px 0 436px;
	}
#webimg4 {
  margin: 142px 2px 0 8px;
	}
#webimg5 {
  margin: 142px 2px 0 222px;
	}
#webimg6 {
  margin: 142px 2px 0 436px;
	}	
#webimg7 {
 width: 460px;
 height: 60px;
 border: 0;
 background: #cdcdcd;
 position: absolute;
 display: block;	
 margin: 273px 0 0 95px;
 }
#webimg8 {
 width: 196px;
 height: 118px;
 border: 0;
 background: #cdcdcd;
 position: absolute;
 display: block;	
 margin: 342px 0 0 225px;
 }
#webimg9 {
 width: 196px;
 height: 118px;
 border: 0;
 background: #cdcdcd;
 position: absolute;
 display: block;	
 margin: 342px 0 0 436px;
 }  

.titlu {
  font-family: Tahoma, Arial;
	font-weight: 600;
 	text-indent: 10px;
	color: #996666;
	font-size:13px;
	padding-left:40px;
	margin-top:15px;
	letter-spacing: 2px;
	}
.subcap {
  font-family: Tahoma, Arial;
	font-weight: 200;
  padding-left:80px;
	font-size: 14px;
	color: #000;
	line-height: 13px;
	}
.subcap2 {
  font-family: Tahoma, Arial;
	font-weight: 200;
  padding-left:80px;
	font-size: 12px;
	color: #000;
	line-height: 13px;
	}
	/* ===== mail page ==== */
div#galleryC-object {
 margin-left: 50px;
 margin-top: 50px;
 background: #7D7D7D;
 }