﻿/*************************************************************


*************************************************************/

		@import url(lightbox.css);

/*************************************************************

		Page Style ////////

*************************************************************/
* {							margin: 0; padding: 0; }
html, body {				height: 100%; }
body {						background: #000000 url("../images/BG.jpg") repeat-x;
							color: #4F4F4F; font-family: "Arial", Helvetica; font-size: 11px; text-align: left; }

img {						vertical-align: middle; }


/*********************************
		Text
*********************************/
a, p, li, ul {				list-style: none; text-decoration: none; }
h3 {						color: #FFFFFF; font-size: 11px; letter-spacing: -0.5px; text-transform: uppercase; }
p {							line-height: 1.5em; }

a {							margin: 0; border: none; cursor: pointer; outline: none; }




/*************************************************************

		Content ////////

*************************************************************/
/*********************************
		00. Global
*********************************/
#wrapper {					position: relative; width: 960px; min-height: 100%; margin: 0 auto -80px auto; }


/*********************************
		01. Header Content
*********************************/
#headerWrapper {			float: left; width: 1060px; height: 230px;
							background: url("../images/gfxHeader.jpg") no-repeat; display: inline; }

#headerWrapper h1,
#headerWrapper h1 a {		float: left; width: 960px; height: 140px; text-indent: -9999px; display: inline; }

#headerWrapper h1 {			background: url("") no-repeat; }

#headerWrapper h1 a {		background: url("../images/blank.gif") no-repeat; display: inline; }
						

	/*********************************
			Main Navigation
	*********************************/
	ul#mainNavigation {				float: left; width: 515px; height: 35px; margin-left: 214px;
									background-position: 0 -50px; display: inline; }
							
	ul#mainNavigation li a:hover,
	ul#mainNavigation li a.selected,
	ul#mainNavigation {				background-image: url("../images/gfxMainNavigation.jpg"); background-repeat: no-repeat; }
	
	ul#mainNavigation li {			float: left; background: url("../images/blank.gif") no-repeat; }
	
	ul#mainNavigation li a {		float: left; height: 35px; text-indent: -9999px; }
	
	a.viewAll {						width: 175px; }
	a.gallery {					width: 180px; background-position: -175px 0; }
	a.personal {					width: 160px; background-position: -355px 0; }




/*********************************
		02. Main Content
*********************************/
#mainWrapper {				float: left; width: 960px; display: inline; }

	/*********************************
			Preview Displays
	*********************************/
	img.ecimen3dPreview {				float: left; width: 0px; height: 0px; }
	ul#previewWrapper {				float: left; padding-bottom: 50px; display: inline; }
	
	ul#previewWrapper li {			position: relative; float: left; width: 300px; height: 150px; margin: 10px;
									background-image: url("../images/gfxPreview.gif"); background-repeat: no-repeat; cursor: pointer; display: inline; }
	
	ul#previewWrapper li:hover {	background-image: url("../images/gfxPreview_Hover.gif"); }
	
	ul#previewWrapper li a {		position: absolute; left: 0; top: 0; width: 300px; height: 150px; background-repeat: no-repeat; display: block; }
	
	ul#previewWrapper li h3,
	ul#previewWrapper li p {		float: left; width: 230px; padding: 0 50px 0 20px; display: inline; }
	
	ul#previewWrapper li h3 {		height: 15px; padding-top: 105px; }
	
	
	
	
	

	a.position1 {					background-image: url("../portfolio/ECI-MESH/MODELLAZIONE/AEREO/aereo_preview_001.png"); }
	
	a.position2 {					background-image: url("../portfolio/ARCHITETTURA/SALONE/salone_001_preview.png"); }

        a.position3 {				        background-image: url("../portfolio/ARCHITETTURA/RESTAURO_SANTA_MARGHERITA/santa_margherita_002_preview.png"); }

        a.position4 {				        background-image: url("../portfolio/ARCHITETTURA/BAGNO/bagno_001_preview.png"); }

        a.position5 {				        background-image: url("../portfolio/ECI-MESH/VARIOUS/caustic_preview.png"); }

        a.position6 {				        background-image: url("../portfolio/ARCHITETTURA/CASA_VECCHIA/casa_vecchia_preview_001.PNG"); }

        a.position7 {				        background-image: url("../portfolio/ECI-MESH/VARIOUS/Lamp_set_preview.png"); }

        a.position8 {				        background-image: url("../portfolio/"); }

        a.position9 {				        background-image: url("../portfolio/"); }

        a.position10 {		background-image: url("../portfolio/ARCHITETTURA/SALONE/salone_001_preview.png"); }

        a.position11 {		background-image: url("../portfolio/ARCHITETTURA/BAGNO/bagno_001_preview.png"); }

        a.position12 {		background-image: url("../portfolio/ARCHITETTURA/BAGNO/bagno_001_preview.png"); }

        a.position13 {		background-image: url("../portfolio/ARCHITETTURA/CASA_VECCHIA/casa_vecchia_preview_001.PNG"); }

        a.position14 {		background-image: url("../portfolio/ARCHITETTURA/RESTAURO_SANTA_MARGHERITA/santa_margherita_001_preview.png"); }

        a.position15 {		background-image: url("../portfolio/ARCHITETTURA/SALONE_PERS/PREVIEW_SALONE_PERS_2.png"); }

        a.position16 {		background-image: url("../portfolio/ECI-MESH/VARIOUS/Lamp_set_preview.png"); }

        a.position17 {		background-image: url("../portfolio/ECI-MESH/VARIOUS/caustic_preview.png"); }

        a.position18 {		background-image: url("../portfolio/PREVIEW_GALLERY_workprogress300X90.png"); }

        a.position20 {		background-image: url("../portfolio/BOTTOM_INTERNI.png"); }

        a.position21 {		background-image: url("../portfolio/BOTTOM_ESTERNI.png"); }

        a.position22 {		background-image: url("../portfolio/ARCHITETTURA/PIANO_CASA/PREVIEW_GALLERY_PIANO_CASA.png"); }

        a.position23 {		background-image: url("../portfolio/ECI-MESH/MODELLAZIONE/BAGNO/PREVIEW_GALLERY_BAGNO_2.png"); }

        a.position24 {		background-image: url("../portfolio/ECI-MESH/MODELLAZIONE/LAMPADA_TAVOLO/PREVIEW_GALLERY_LAMPADA_TAVOLO_2.png"); }

        a.position25 {		background-image: url("../portfolio/ARCHITETTURA/CHALLENGE_ARCHVIZ/challenge_001_preview.png"); }

        a.position26 {		background-image: url("../portfolio/ARCHITETTURA/LOCALI_COMMERCIALI/LOCAL_COMM_PREVIEW_001.png"); }

        a.position27 {		background-image: url("../portfolio/ARCHITETTURA/PROG_STUDIO_LOCCHE/PREVIEW_PROG_STUDIO_LOCCHE_001.png"); }

        a.position28 {		background-image: url("../portfolio/ARCHITETTURA/GUSTO/PREVIEW_GUSTO_1.png"); }
        
        a.position29 {		background-image: url("../portfolio/ECI-MESH/VARIOUS/prato_preview.png"); }

        a.position30 {		background-image: url("../portfolio/ARCHITETTURA/EXT_PERS_1/PREVIEW_1EXT_PERS_3-1.png"); }

      



/*********************************
		03. Footer Content
*********************************/
.footerClear {				height: 80px; clear: both; }
.footerClear p {			color: #000000; }

#footerWrapper {			position: relative; width: 100%; height: 80px; background: #000000; }

#footerContent {			position: relative; width: 960px; padding-top: 25px; height: 55px; margin: auto; }

#footerContent h3 {			font-size: 12px; }

#footerContent h3,
#footerContent p {			color: #363636; text-transform: uppercase; }

.footerNavigation {			float: right; width: 235px; height: 25px; display: inline }
.footerNavigation a {		float: left; height: 25px; text-indent: -9999px; }

a.validXHTML,
a.validCSS {				background-image: url("../images/btnValidW3C.gif"); background-repeat: no-repeat; }

a.validXHTML {				width: 70px; }
a.validCSS {				width: 55px; background-position: -70px 0; }

a.email {					width: 110px; background: url("../images/bottonEmailMe.png") no-repeat; }

a.email:hover {				background-position: 0 -50px; }


/************************************************************/
