* {outline:none;}

/*  per IE5 MAC \*/ 
html, body{height:100%;} 
/* end hack */

a:link {text-decoration:none; cursor:pointer;}
a:visited {text-decoration:none; cursor:pointer;}

body {
	font-family:Arial, Helvetica, sans-serif;
line-height: 16px;
background: #000;
}


div#column {
height:100%;
width:100%;
left: 0px;
margin-left:auto;
margin-right:auto;
position:relative;
vertical-align:bottom;
}


div#container {
height:630px;
width:100%;
top: 50%;
left: 0px;
margin-top: -290px;	
position:absolute;
text-align: center;
}


div#innercontainer {
margin-left:auto;
margin-right:auto;
margin-top: 0px;
height:580px;
width:960px;
left: 0px;
z-index: 20;
background: transparent url(/images/sfondo.png) center no-repeat;
border: 1px solid transparent;
}

a#home{width:124px; height:77px; position:relative; display:block; float:right; cursor:pointer; z-index:200;}

div#content {
height:580px;
width:960px;
margin-left:0px;
margin-top:0px;
background: url(/images/imgdx.jpg) top right no-repeat;
}


div#intro {
margin-top:91px;
width:960px;
height:453px;
position:absolute;
}


div#menu{position:absolute; margin-top:550px; width:960px; height:30px;}
div#menu a{margin-left:41px; float:left; height:27px; padding-top:3px; display:block; cursor:pointer; z-index:200;}

.opacitymenu {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
filter:alpha(opacity=25);
opacity: 0.25;
-moz-opacity: 0.25;
min-height:10px;
min-width:50px;
}


div#sep_bot{width:960px; height:3px; margin-top:547px; background:#fff; position:absolute; display:block;}
div#sep_top{width:960px; height:3px; margin-top:85px; background:#fff; position:absolute; display:block;}

div#com {background: url(/images/bosaritratti_com.png) no-repeat; width:344px; height:59px; position:absolute; margin-top:0px; margin-left:470px;}



/****attivita******/
.attivita{ width:295px; height:82px; position:absolute; margin:0; background:url(/images/attivita.png) top left no-repeat;}

/********works**************/


div#works{width:960px; height:51px; margin:7px 0 0 0px; background:url(/images/title/works-title.png) top left no-repeat; position:absolute;}
div.worksbox{width:300px; height:144px; margin:0 12px 12px 0; display:block; float:left; background-position:top left; background-repeat:no-repeat;}
div.worksbox a.block{height:144px; width:128px; display:block; margin-left:170px; cursor:pointer; position:absolute; z-index:200;}
div.worksbox span{height:141px; width:198px; display:block; display:block; position:absolute; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; line-height:13px; margin:1px 0 0 3px;}
div.worksbox span h4{color:#a5c5d4; line-height:13px;}
div.worksbox span h5{font-weight:normal; display:inline;}
div.worksbox a.link{color:#a5c5d4; position:absolute; margin-top:130px; padding-left:3px; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:12px; cursor:pointer;}
div.worksbox a:hover{color:#fff;}
div.worksbox h6{width:198px; position:absolute; margin-top:118px; color:#a5c5d4; padding-left:3px; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:12px;}
div.worksbox h6 a{cursor:pointer; color:#a5c5d4;}
div.worksbox h6 a:visited{cursor:pointer; color:#a5c5d4;}


/***powered****/
.powered{width:300px; height:30px; position:relative; margin-left:auto; margin-right:auto; margin-bottom:0px; vertical-align:bottom; text-align:center; color:#3f3f3f; font-size:8pt; top:30px;}

/*****Loading*****/
#loadingLayer {
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:9999;
color: #a5c5d4;
background-color: #000;
font: 10px Arial,sans-serif;
}



/*******life*********/
div#life{width:960px; height:51px; margin:7px 0 0 0; background:url(/images/title/life-title.png) top left no-repeat; position:absolute;}
.lifebody{width:705px; padding-right:250px; height:450px;  margin-top:91px; position:absolute; background: url(/images/lifedx.jpg) bottom right no-repeat; color:#4c4c4c; font-family:Arial, Helvetica, sans-serif; line-height:25px; font-size:14px;}
.lifebody h6{color:#fff;}

/******friends*******/
.friends{width:591px; height:405px; padding-bottom:5px; position:absolute; margin:115px 0 0 369px; color:#FFF; text-align:right}
.friends a{color:#fff; line-height:35px; font-size:13px;}
.friends a:hover{color:#a5c5d4;}
/*******know-how*********/
div#know{width:960px; height:51px; margin:7px 0 0 0; background:url(/images/title/know-how-title.png) top left no-repeat; position:absolute;}
.how{width:560px; padding-right:400px; height:434px; padding-top:21px;  margin-top:86px; position:absolute; background:#fff url(/images/polaroid.jpg) top right no-repeat; color:#4c4c4c; font-family:Arial, Helvetica, sans-serif; line-height:25px; font-size:14px;}
.how h6{color:#a5c5d4;}
/*******extra*********/
div#extra{width:958px; height:51px; margin:7px 0 0 2px; background:url(/images/title/extra-title.png) top left no-repeat; position:absolute;}
.extralnk{margin-bottom:25px; display:block; color:#fff; width: 300px}

a.opacity:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
opacity: 1.00;
-moz-opacity: 1.00;
min-height:10px;
min-width:50px;
}

a.opacity {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter:alpha(opacity=50);
opacity: 0.50;
-moz-opacity: 0.50;
min-height:10px;
display: block;
}

div.extralnk a{text-decoration:none; color:#fff; }
div#menuextra{position:absolute; z-index: 6; top:81px; margin-left:0px; width:300px;}
div.extralnk span{color:#a5c5d4; display:inline;}

/**********contact*******/
.contact{background:url(/images/contact.jpg) bottom left no-repeat; width:960px; height:541px; position:absolute; z-index:-1;}
div#contact-title{width:958px; height:64px; margin:0px 0 0 2px; background:url(/images/title/contact-title.png) top left no-repeat; position:absolute;}
/*******fotografie*********/
div#fotografie-title{width:958px; height:51px; margin:7px 0 0 2px; background:url(/images/title/foto-title.png) top left no-repeat; position:absolute;}
.photo { background:url(/images/photo.jpg) bottom left no-repeat; width:960px; height:541px; position:absolute; z-index:-1;}
/* menu */
ul#menu_list, ul#menu_list ul {
  list-style-type:none;
  border:0px;
  padding-bottom:4px;}
  
/*ul#menu_list img{padding-bottom:2px; display:block;}*/

  
ul#menu_list a {
display: block;
  text-decoration: none;
  border:0px;
  margin: 0px;	
  cursor: pointer;
  padding-bottom: 2px;
  }
  
ul#menu_list li ul li a {
display: block;
color: #ffffff;
border:0px;
padding: 0px;
margin-left:0px;
cursor: pointer;
height: 15px;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;}

ul#menu_list li ul {
display: none; 
border:0px;}

ul#menu_list li ul li a:hover {
color: #a5c5d4; border:0px;}
/* menu */

/******gallery*******/
div#gallery {width:960px; height:541px; margin-top:0px; position:absolute;}
div#photo_bg {width:541px; height:541px; background-position: left bottom; background-repeat: no-repeat; position:absolute; margin:0;}
div.thumbnail {width:336px; height:361px; position:absolute; z-index:1;}
div.thumbnail2 {width:336px; height:361px; position:absolute; z-index:10;}
div#gal {width:450px; height:55px; position:absolute; margin-top:113px; margin-left:510px; }
a.thb {width:80px; height:80px; position:relative; float:left; margin:0 4px 4px 0; cursor:pointer; z-index:200; background: transparent url(/images/transparent.gif) top left no-repeat;}
a.thb_hover {width:74px; height:74px; position:relative; float:left; margin:0 4px 4px 0; cursor:pointer; border: 3px solid #a5c5d4;} 
a.thb_click {width:74px; height:74px; position:relative; float:left; margin:0 4px 4px 0; cursor:pointer; border: 3px solid #a5c5d4; background: url(/images/gallery/rollover_1.gif) top left no-repeat;} 
img.thb {position:relative; float:left; margin:0 4px 4px 0; cursor:pointer;}
div.hide{background:transparent; width:332px; height:26px; margin-top:516px; position:absolute; margin-left:627px; z-index:50;}

/*****thb_big****/
a.thb_big {width:164px; height:164px; position:relative; float:left; margin:0 4px 4px 0; cursor:pointer; z-index:200; background: transparent url(/images/transparent.gif) top left no-repeat;}
a.thb_hover_big {width:158px; height:158px; position:relative; float:left; margin:0 4px 4px 0; cursor:pointer; border: 3px solid #a5c5d4;} 
a.thb_click_big {width:158px; height:158px; position:relative; float:left; margin:0 4px 4px 0; cursor:pointer; border: 3px solid #a5c5d4; background: url(/images/gallery/rollover_1.gif) bottom right no-repeat;} 



/*horiz. scroll*/

#slider {
    width: 353px;
	height:361px;
    margin: 0;
    position: absolute;
	margin-top:180px;
	margin-left:607px;
}

#slider2 {
width:960px;
height:459px;
margin:0;
margin-top:85px;
position: absolute;
}



.scroll {
    height: 361px;
    width: 332px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
	left:20px;
}




#slider div.scrollContainer div.panel {height: 336px; width: 332px;}

#slider2 div.scrollContainer div.panel {width:936px; height:156px;}


.right{
margin-left: 0px;
position:absolute;
margin-top:344px;
cursor:pointer;
}

.left{
margin-left: 0px;
position:absolute;
cursor:pointer;
}






/* box */




#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}



#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxOverlay{background:#000;}

#colorbox{}
	#cboxContent{background:#a5c5d4; margin-top:20px;}
		#cboxLoadedContent{background:#a5c5d4; padding:5px; border: 1px solid #333;}
                #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
                #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
                #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#a5c5d4;}
                #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-41px; background:url(/images/controls.png) top left no-repeat; width:38px; height:81px; text-indent:-9999px;}
                #cboxPrevious.hover{background-position:bottom left;}
                #cboxNext{position:absolute; top:50%; right:5px; margin-top:-41px; background:url(/images/controls.png) top right no-repeat; width:38px; height:81px; text-indent:-9999px;}
                #cboxNext.hover{background-position:bottom right;}
                #cboxLoadingOverlay{background:#a5c5d4;}
		#cboxLoadingGraphic{background:url(/images/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; top:5px; right:0px; display:block; background:url(/images/controls.png) top center no-repeat; width:30px; height:26px; text-indent:-9999px;}
		#cboxClose.hover{background-position:bottom center;}


/* box */



/*****FORM*****/

form{width:611px;padding:5px 0; margin:0  0 5px 0}
fieldset{float:none;width:611px; margin: 1em 0;padding: 0;}
div input{ width:314px; float:none; font-family:Arial, Helvetica, sans-serif; background:url(/images/bg_contact.png) top center repeat-y; border:0px; height:20px;}
form b{color:#a5c5d4}
form p{margin:0.5em 10px}
fieldset div{width:100%; padding: 0 0 5px;}
legend{font-weight:bold;color: #fff;  background:#a5c5d4;}
label{width:120px; line-height:15px; color:#a5c5d4; font-size:12px;}
input#go{background:#52626a; border:none; font-family:Arial, Helvetica, sans-serif; color:#a5c5d4; font-weight:bold; padding:2px 3px 4px 3px; line-height:12px; width:60px; cursor:pointer; text-align:left; height:20px; margin-top:-10px; font-size:12px;}
input#go:hover {background:#52626a; color:#fff;}
div textarea{background:url(/images/bg_contact.png) top center repeat-y; border:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:314px; height:225px; overflow:auto;}


.info{color:#a5c5d4; font-size:12px; position:absolute; margin-top:440px; width:314px; height:85px; line-height:13px;}
.info a{margin-top:15px; display:block; cursor:pointer;}