/* Made by Damien Delire with enthusiasm ! */

/*  Color reference

blue mydesk: #09f
pink ?: #f9c

*/



/*---------------------------------------------------------------------------------------------------------- Global structure --*/

* { margin: 0; padding: 0;}
body, html {
/*  scrollbar-face-color: #FFF;
  scrollbar-shadow-color: #FFF;
  scrollbar-highlight-color: #FFF;
  scrollbar-3dlight-color: #FFF;
  scrollbar-darkshadow-color: #FFF;
  scrollbar-track-color: #FFF;
  scrollbar-arrow-color: none;*/
  
}
#container { height:2100px; width:6300px; background: url(../image/BodyBg2o.jpg) repeat; overflow:hidden}
.title {
	width: 352px;
	height: 33px;
	position: absolute;
	margin: 60px 700px;
	z-index: 501;
	left: -406px;
	top: 3px;
}
.nav_left { width: 160px; height: 250px; position: fixed; top: 220px; left: 200px; z-index: 0;}
.nav_left ul li { line-height: 35px; list-style: none; text-indent:-9999px;}
.nav_left ul li a { display: block; width: 165px; height: 35px;}
.nav_left_w { width: 177px; height: 661px; position: absolute; top: 1120px; left: 1670px; z-index: 512; background:#09f;}
.nav_left_w ul li { list-style: none; line-height: 35px; padding-left: 10px; text-indent:-9999px;}
.nav_left_w ul li a { display: block; width: 165px; height: 35px;}
.page { background: #0cf; color: #fff;}
#blackstrip { width: 5885px; height: 150px; position: absolute; margin: 750px 16px; z-index: 9;}
#blackstrip h2 { font-size: 60px; line-height: 55px; color: #222;}
img { border:0;}
#follow { position: absolute; margin:1780px 5980px; }

/*-------------------------------------------------------------------------------------------------------------- Navigation --*/

.nav_a { background:url(../image/nav_a.gif) no-repeat;}
.nav_b { background:url(../image/nav_b.gif) no-repeat;}
.nav_c { background:url(../image/nav_c.gif) no-repeat;}
.nav_ce { background:url(../image/nav_ce.gif) no-repeat;}
.nav_d { background:url(../image/nav_d.gif) no-repeat;}
.nav_e { background:url(../image/nav_e.gif) no-repeat;}
.nav_f { background:url(../image/nav_f.gif) no-repeat;}
.nav_g { background:url(../image/nav_g.gif) no-repeat;}
.nav_a a:hover { background:url(../image/nav_ah.gif) no-repeat;}
.nav_b a:hover { background:url(../image/nav_bh.gif) no-repeat;}
.nav_c a:hover { background:url(../image/nav_ch.gif) no-repeat;}
.nav_ce a:hover { background:url(../image/nav_che.gif) no-repeat;}
.nav_d a:hover { background:url(../image/nav_dh.gif) no-repeat;}
.nav_e a:hover { background:url(../image/nav_eh.gif) no-repeat;}
.nav_f a:hover { background:url(../image/nav_fh.gif) no-repeat;}
.nav_g a:hover { background:url(../image/nav_gh.gif) no-repeat;}

/*-------------------------------------------------------------------------------------------------------- Navigation my desk --*/

.nav_wa { background:url(../image/nav_wa.gif) no-repeat;}
.nav_wb { background:url(../image/nav_wb.gif) no-repeat;}
.nav_wc { background:url(../image/nav_wc.gif) no-repeat;}
.nav_wce { background:url(../image/nav_wce.gif) no-repeat;}
.nav_wd { background:url(../image/nav_wd.gif) no-repeat;}
.nav_we { background:url(../image/nav_we.gif) no-repeat;}
.nav_wf { background:url(../image/nav_wf.gif) no-repeat;}
.nav_wg { background:url(../image/nav_wg.gif) no-repeat;}


/*-------------------------------------------------------------------------------------------------------------------- Header --*/

#header { width: 1495px; height: 750px; position: absolute;z-index: 511; }
#logo { width: 67px; height: 264px; position: absolute; margin: 225px 80px;}
#left_header { width: 838px; height: 143px; position: absolute; margin: 520px 12px; background: url(../image/left_header.png) no-repeat; z-index: 8;}
#intro_title { width:500px; height:25px; position:absolute; margin: 530px 50px; background: #000;}
#intro_title h1 { font: italic 16px Georgia, arial; color: #fff; padding: 3px 5px;}
#intro_title h1 span { unicode-bidi : bidi-override; direction : rtl ; }
#cite { position:absolute; width:736px; height: 168px; margin:300px 500px;}


/*------------------------------------------------------------------------------------------------------------------ Identity --*/


#content_industrial {height:620px; width:1250px; position: absolute; margin-left: 1800px; z-index: 510;background:  none} /*margin-left: 1500px; url(../image/bg_small_bar.png)*/
.home {
	width: 56px;
	height: 20px;
	position: absolute;
	margin: 50px 320px;
	z-index: 502;
	left: -129px;
	top: 10px;
}
.home#top { margin:0;}
#industrial_pipe { width: 862px; height: 1112px; position: absolute; background: none no-repeat; z-index: 500; margin: 0px 150px;}
#industrial_gallery { width: 202px; height: 292px; position: absolute; margin: 220px 0px 0px 430px; z-index: 520; }


/*--------------------------------------------------------------------------------------------------------------------- Print --*/

#content_interior { height:620px; width:1250px; position: absolute; margin-left: 3300px; z-index: 3;background: none }  /*margin-left: 3000px;*/
#interior_gallery { width: 283px; height: 276px; position: absolute; margin: 220px 430px; z-index: 520;}

/*----------------------------------------------------------------------------------------------------------------- Webdesign --*/

#content_web { height:750px; width:1500px; position: absolute; margin-left: 4500px; z-index: 4;}
#web_gallery { width: 283px; height: 276px; position: absolute; margin: 220px 430px; z-index: 520;}

/*------------------------------------------------------------------------------------------------------------------ About me --*/


#content_about { height:620px; width:1250px; position: absolute; margin: 1200px 0px; z-index: 507; background: none} /*margin: 900px 0px;*/
#about_me {
	position:absolute;
	margin: 400px 430px;
	width: 688px;
	background:url(../jaim/Bg_show_about3.png) no-repeat;
	color: #fff;
	font: 0.8em Georgia, serif;
	padding: 20px;
	height: 420px;
	top: -250px;
	left: 1px;
}
#about_right { width: 1080px; height: 18px; position: absolute; margin: 750px 430px; background: none; z-index: 3;}
#about_me p { margin: 0; padding-bottom: 12px; }
#about_me a.bubble, #about_me a.bubble:visited { color:#fff; position:relative; z-index:1; text-decoration:none; border-bottom: 1px dotted #fff; background: #666;}
#about_me a.bubble em {position:absolute; visibility:hidden; width:200px; height:0;}
#about_me a.bubble:hover {border:0; z-index:1000;}
#about_me a.bubble:hover em {visibility:visible; height:150px; cursor:pointer; z-index:500;}
#about_me a.bubble:hover em img {border:0;}
#about_me .bqstart { width: 0px; float: left; margin: -50px 0px -50px 0px; height: 45px;  padding-top: 0px; font-size: 1200%; color: #fff;}
#about_me .bqend { width:0; float: right; font-size: 1000%; color: #fff; height: 50px; position: absolute; margin: -10px 10px;}
#about_me .first_letter { font-size: 48px; padding-left: 60px; }


/*--------------------------------------------------------------------------------------------------------------------- My desk --*/


#content_news {height:620px;width:1250px; position: absolute; margin: 1200px 1800px; background: none; z-index: 508;background: none}
#thedesk { width: 800px; height: 534px; position: absolute; margin: 80px 600px; background: none no-repeat; z-index: 1000; }
.desk_left { width: 142px; height: 55px; position: absolute; margin: 0px -43px;}
.desk_right { width: 142px; height: 55px; position: absolute; margin: 0px 1413px;}
.home_desk {
	width: 56px;
	height: 20px;
	position: absolute;
	margin: 50px 1120px;
	z-index: 501;
	left: -893px;
	top: 13px;
}
#desk_txt { margin: 400px 1190px; font-size: 2em; color:#fff; position:absolute; text-align:right; width: 170px; }
#desk_txt_left { margin: 800px 370px; font-size: 1.8em; color:#fff; position:absolute; width: 350px; }
.square {position: absolute; height:100px; width:100px; cursor: move; padding-left:60px;}
.square a {font-family: georgia; font-size:60px; position:absolute; text-decoration:none; color:#333;}
.square a b {display:none; bottom:80px; left:50px; position:absolute;}
.square a:hover b {display: block; position: relative; margin-bottom:50px; width:250px; height:80px;}
#box1 { background: url(../image/tyrano.png) no-repeat; margin: 370px 500px; }
#box2 { background: url(../image/teeth.png) no-repeat; margin: 250px 10px; }
#box3 { background: url(../image/brain.png) no-repeat; margin: 120px 320px; }
#box4 { background: url(../image/coffee.png) no-repeat; margin: 30px 520px; }
#box5 { background: url(../image/eye.png) no-repeat; margin: 400px 100px; }


/*--------------------------------------------------------------------------------------------------------------------- Contact--*/


#content_contact {height:620px;width:1250px;position:absolute;margin:1200px 3300px;z-index:7;font:16px Georgia,serif;background: none}
#form form { background: url(../image/Bg_show_contact.png) no-repeat; padding: 30px 50px 30px 0px; width: 450px; margin-top: 140px; height: 300px; text-align:right;}
#form {
	height:514px;
	width:656px;
	position: absolute;
	margin: 250px 580px;
	background: none no-repeat top right;
	top: -221px;
	left: -1px;
}
#form p { font-size: 14px; color: #fff; padding-bottom: 10px; padding-right:25px;}
#form input { width: 300px; border: 0; height: 25px;}
#form textarea { width: 299px; height:150px; overflow: auto; border: 0; }
#form label.top { width:117px; float: left; }
#form input.submit{ display: inline; float: right; background: url(../image/submit.gif) no-repeat; width: 110px; height: 40px; border: 0px; cursor: pointer;}
#contact_left {
	width: 1080px;
	height: 18px;
	position: absolute;
	top:-191px;
	margin: 750px 0px;
	background: none;
	font: italic 0.9em/1.2em georgia;
	left: 500px;
}
#contact_texte { width: 363px; height: 100px; position: absolute; margin: 500px 170px; }
#contact_texte p { font-size: 2em; background: #f69;}
#content_contact .info {
	width: 374px;
	height: 90px;
	position: absolute;
	margin: 220px 580px;
	z-index: 10;
	top: -128px;
}
address { font: italic 0.9em/1.2em georgia;}
address span { unicode-bidi : bidi-override; direction : rtl ; }
address a { border-bottom: 1px dotted #333; text-decoration: none; color: #333;}


/*---------------------------------------------------------------------------------------------------------------------Links--*/


#content_links {height:620px;width:1250px; position: absolute; margin: 1200px 4800px; background: none no-repeat;background: none}
.home_links { width: 56px; height: 20px; position: absolute; margin: 50px 900px; z-index: 501;}
#first_element { width: 600px; height: 600px; position: absolute; margin: 100px 700px; background:none no-repeat; z-index: 11;}
#visuallplan { width: 1400px; height: 369px; position: absolute; margin: 522px 0px; background:none no-repeat;}
#visuallplan p {color:#fff; font: normal 0.7em georgia; margin: 40px 135px;}
#visuallplan a { color:#fff;}
#tanks {
	position:absolute;
	margin:250px 350px;
	width:274px;
	left: 266px;
	top: -26px;
}
#tanks ul { list-style:none;}
#tanks ul li { display:inline; padding:0; margin:0;}
#tanks p { font: italic 0.8em/1.5em georgia, arial; color:#333; padding-top:10px; padding-bottom:10px;}
#tanks h2 { background:url(../image/star.gif) no-repeat 100px;}





.switch { display:block; width:40px; heght:40px; cursor:pointer; float:left; margin:0px; text-align:center; }
.switch img { border: 2px solid #ccc;}
.switch img:hover { border: 2px solid #111;}
.switch img:active {  border: 2px dashed #111;}
.hide { display: none;}
.show {
	position:absolute;
	top:-166px;
	left:282px;
	display:block;
	width:480px;
	height:500px;
	z-index:500;
	background: none no-repeat ;/*url(../image/Bg_show.png)*/
	padding: 20px 20px 15px 15px;
	font-family: Georgia, arial;
		
}/*left regola la posizioneurl*/
.show a { color: #fff; text-decoration: none; border-bottom: 1px dotted #fff; font: italic 0.7em georgia; }
.show a:active { text-decoration: none;}
.show span { font: bold 36px Georgia, serif; position:relative; margin:-40px 5px; width:0; float: left; cursor:pointer;}
.show p { font-size:0.8em; margin-top: 20px; padding-bottom: 10px; color: #5A5A65; }/*color: #fff;*/
.show dl { font-size:0.9em; color:#5A5A65;}/*color: #fff;*/
.show dt { font-weight:bold; padding-bottom: 0.5em;}
.show dd { padding-bottom:0.8em;}
.clear {clear:both;}
blockquote.testimonial p { position:absolute; margin: 70px -80px; font: italic 1em georgia, arial; width: 500px; color: #333; }
blockquote.testimonial  p  span.q { width:0; float: left; font-size: 9em; color: #ccc; margin-top: -30px; margin-left: -90px; }

/*-------------------------------------------------------------------------------------------------------------------Gallery--*/

#dhtmltooltip{
position: absolute;
left: -300px;
width: 80px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 800;
font-family: Georgia, arial;
font-size:small;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 801;
visibility: hidden;
}
.fontsize {
	font-size: -3px;
}