html, body {
  height: 100%; /* Required */
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
background: transparent url(img/body.gif) repeat scroll 0 0;
text-align: center;
padding: 0;
height: 100%;
margin:0;
min-width:750px;
}

:focus { outline: 0; }

@font-face {
	font-family: 'MarketingScriptRegular';
	src: url('MarketingScript.eot');
	src: local('Marketing Script'), local('MarketingScript'), url('MarketingScript.woff') format('woff'), url('MarketingScript.ttf') format('truetype'), url('MarketingScript.svg#MarketingScript') format('svg');
}

A:link {
	color: #cc0000;
       	text-decoration: underline;
}
A:active {
	color: #cc0000;
	text-decoration: underline;
	}
A:visited {
	color: #cc0000;
	text-decoration: underline;}	
A:hover {
	color: #ff0000;
	text-decoration: underline;
	}

div#intro{
	width:100%;
	height:400px;
	text-align:center;
}

div#name{
display:none;}

div#Enter{
	width:617px;
	height:350px;
	background:transparent url(img/alternative_intro.png) no-repeat scroll 0 0;
	display:block;
	margin:0 auto;}
	
div#Enter a{
	width:617px;
	height:350px;
	display:block;
	text-decoration:none;
	}
	
object { outline:none; }

div#container{
margin:0 auto;
width:750px;
}
div#sub-container{
float:left;
margin:0 auto;
width:617px;
}
div#up-container{
	position: relative;
	height:100%;
}

div#header-container{
	padding:0 0 60px;
	margin:0 auto;
	background:transparent url(img/header.png) repeat-x scroll 0 0;
}

div#header-logo{
	background:transparent url(img/header_logos.png) no-repeat scroll center -635px;
	height:127px;
	margin:0 auto;
	padding:0;
}

#header-logo.portfolio{
	background-position:center 0 !important;
}
div#header-logo.aboutme{
	background-position:center -127px !important;
}
div#header-logo.resources{
	background-position:center -254px !important;
}
div#header-logo.links{
	background-position:center -381px !important;
}
div#header-logo.contactme{
	background-position:center -508px !important;
}
div#header-logo.home{
	background-position:center -635px !important;
}

div#header-logo a{
	display:block;
	font-family:'Georgia',serif;
	font-size:22px;
	font-style:italic;
	font-weight:normal;
	height:133px;
	margin:0 auto;
	text-decoration:none;
	width:700px;
}



div#header-logo a span{
	color:#00B300;
	line-height:246px;
	position:relative;
	z-index:0;
	text-shadow:1px 1px 1px #000;
}

div#header-logo a strong{
	font-weight:normal;
	left:0;
	line-height:30px;
	position:absolute;
	top:0;
	z-index:-1 !important;
}

div#content{
background:transparent url(img/top.png) no-repeat scroll left top;
padding:150px 0 0 0;
width:480px;
float:right;
margin:-40px 0 0;
}

/*CSS principale per il menu (sfondo)*/
div#nav1{
display:block;
height:0;
margin:0;
padding:0;
position:static;
width:100%;
}
div#nav1 ul{
margin:0;
padding:0;
width:100%;
}
div#nav1 li{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 auto 4px;
padding:0;
text-align:center;
width:100%;
background:#FFA500 none repeat scroll 0 0;
height:31px;
}
div#nav1 span{
visibility:hidden;
display:block;
}
div#nav1 li.cyan{
background:transparent url(img/stripe_c.png) repeat-x scroll center center;
}
div#nav1 li.magenta{
background:transparent url(img/stripe_m.png) repeat-x scroll center center;
}
div#nav1 li.yellow{
background:transparent url(img/stripe_y.png) repeat-x scroll center center;
}
div#nav1 li.black{
background:transparent url(img/stripe_k.png) repeat-x scroll center center;
}
div#nav1 li.orange{
background:transparent url(img/stripe_o.png) repeat-x scroll center center;
}
div#nav1 li.green{
background:transparent url(img/stripe_g.png) repeat-x scroll center center;
}

/*CSS principale per il menu*/
div#nav2{
display:block;
float:left;
margin:0;
padding:0;
position:static;
text-align:center;
width:128px;
font-size:16px;
}
div#nav2 ul{
margin:0;
padding:0;
}
div#nav2 li{
color:white;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 auto;
padding:0;
text-align:center;
width:100%;
height:35px;
display:block;
font-size:2pt;
line-height:2px;
}
div#nav2 a{
color:#000;
display:block;
margin:0 auto;
padding:0;
text-decoration:none;
width:100px;
height:27px;
background-position:center bottom;
background-repeat:no-repeat;
background-attachment:scroll;
}
div#nav2 a:hover{
	background-position: center top !important;
}
div#nav2 a.active{
	background-position: center center !important;
}
div#nav2 a.active:hover{

}

div#nav2 a span{
	background-color:#f00;
}

div#nav2 a strong{
	display:none;
	}
div#nav2 a#portfolio{
	background-image: url(img/bg_portfolio.gif);
	cursor:pointer;
	}

div#nav2 a#gallery{
	background-image: url(img/bg_gallery.gif);
	}
div#nav2 a#aboutme{
	background-image: url(img/bg_about.gif);
	}
div#nav2 a#resources{
	background-image: url(img/bg_resources.gif);
	}
div#nav2 a#guestbook{
	background-image: url(img/bg_guestbook.gif);
	}
div#nav2 a#links{
	background-image: url(img/bg_links.gif);
	}
div#nav2 a#contactme{
	background-image: url(img/bg_contactme.gif);
	}
div#nav2 a#home{
	background-image: url(img/bg_home.gif);
	}


/*CSS principale per il menu a tendina dropdown di Gallery*/


ul#nav,ul#nav li,ul#nav ul,ul#nav ul li{margin:0;padding:0;list-style-type:none}
ul#nav{margin-left:50px;}
ul#nav a{display:block;text-decoration: none;}
ul#nav li{float: left;position: relative;}
ul#nav li li{float: none;line-height: 26px;
    display:block !important;display: inline; /*IE*/}
ul#nav ul{position: absolute;top: 23px;left: -9999px;
    width: 120px;
	background:transparent url() no-repeat scroll center center;
	color: #3B5998}
ul#nav ul{
padding:0;}
ul#nav ul,ul#nav li li a{color: #222}
ul#nav li:hover ul,ul#nav li.sfhover ul{left: 114px;top: 0;z-index: 100}

ul#nav li ul li{background: transparent url(menu/2.png) repeat scroll 0 0; margin:0; padding:0; height:30px}
ul#nav li #first{background: transparent url(menu/1.png) no-repeat scroll bottom center;}
ul#nav li #end{background: transparent url(menu/3.png) no-repeat scroll top center;
padding-bottom:45px;}

ul#nav li ul li a{
	font-size:13px;
	font-weight:bold;
	line-height:31px !important;
	margin:0 auto;
	padding:0;
	width:100px;
	text-align:center;
}


div#nav2 ul h2 a:hover{
color:#fff}

/* fine CSS principale per il menu a tendina dropdown di Gallery*/

/*CSS principale per il menu a tendina dropdown di Gallery PATHWAY */

.menudropdown{
	z-index:100;}
ul#navpath,ul#navpath li,ul#navpath ul,ul#navpath ul li{margin:0;padding:0;list-style-type:none}
ul#navpath{margin-left:0;}
ul#navpath a{display:block;text-decoration: none;}
ul#navpath li{float: left;position: relative;}
ul#navpath li li{float: none;line-height: 26px;
    display:block !important;display: inline; /*IE*/}
ul#navpath ul{position: absolute;top: 23px;left: -9999px;
    width: 120px;
	background:transparent url() no-repeat scroll center center;
	color: #3B5998}
ul#navpath ul{
padding:0;}
ul#navpath ul,ul#navpath li li a{color: #222}
ul#navpath li:hover ul,ul#navpath li.sfhover ul{left: 12px;top: 12px;z-index: 100}

ul#navpath li ul li{background: transparent url(menu/2.png) repeat scroll 0 0; margin:0; padding:0;}
ul#navpath li .first{background: transparent url(menu/1.png) no-repeat scroll bottom center;}
ul#navpath li .end{background: transparent url(menu/3.png) no-repeat scroll top center;
padding-bottom:45px;}

ul#navpath li ul li a{
	font-size:13px;
	font-weight:bold;
	background:transparent url(img/menu_link.png) no-repeat scroll center bottom;
	line-height:31px !important;
	margin:0 auto;
	padding:0;
	width:100px;
	text-align:center;
}

ul#navpath li ul li a:hover{
	color:#fff
}
/* fine CSS principale per il menu a tendina dropdown di Gallery*/

div#extra{
float:right;
margin:0;
padding:0;
width:120px;
}
div#extra input{
margin-top: 5px;
}

div#footer{
background:transparent url(img/footer.png) repeat-x scroll 0 0;
clear:both;
color:#555555;
font-size:85%;
font-weight:bold;
height:70px;
line-height:19px;
margin:0 auto;
padding:36px 0 0;
text-align:center;
white-space:nowrap;
width:100%;
}

div#footer a {
	color: #000;
	font-style:italic;
	text-decoration:none;
}

div#footer-words{
color:#999;
font-size:7pt;
}

div#contentinterno{
text-align: center;
color: #000000;
padding: 10px 30px 3px 30px;
background-image: url(img/center.png);
background-attachment: scroll;
background-position: left top;
background-repeat: repeat-y;
}

div#contentbottom{
padding: 232px 0px 0px 0px;
background-image: url(img/bottom.png);
background-attachment: scroll;
background-position: left top;
background-repeat: no-repeat;
}

div#content-index{
text-align: center;
padding-top: 0px;
height:372px;
}


div#container-index{width:800px;padding-top:0px;text-align: center;margin: 0 auto;}




h2 {
	margin:10px 0;
	font:3em/0.8em 'MarketingScriptRegular',Georgia,serif;
	letter-spacing: 0;
}

.menudropdown h2 {
	font: 13pt 'Georgia', serif !important;
	margin:0;
	font-weight: normal !important;
	font-style:italic !important;
}

#menudropdown h2 {
	font: 13pt 'Georgia', serif !important;
	margin:0;
	font-weight: normal !important;
	font-style:italic !important;
}

div#main{
margin:0;
width:800px;
}

.linkstain{
font-size: 10px;
text-decoration: none;
width:413px;
padding: 0px 0px 100px 0px;
background-image: url(/varie/gif/linkstain.gif);
background-attachment: scroll;
background-position:center center;
background-repeat: no-repeat;
text-align:center;
}


.linkstain a {
background:#E3D4A9 url(img/bg_thumb.gif) repeat scroll left bottom;
border:1px solid #E3D4A9;
bottom:4px;
display:block;
font-family:Verdana;
font-weight:bold;
height:16px;
padding:1px;
position:relative;
right:4px;
text-decoration:none;
width:147px;
}

.linkstain a:hover {
right:3px;
bottom:3px;
}


.linkstain img {
text-decoration:none;
float:left
}

.linkstain div.shadow{
background:transparent url(img/black50.png) repeat scroll 0 0;
display:block;
height:20px;
margin:10px auto;
padding:0;
width:151px
}



.thumbworks{
margin:0 auto;
padding-top:15px;
text-align:center;
}

.thumbworks div.shadow{
background: transparent url(img/black50.png) repeat scroll 0 0;;
display:block;
float:left;
height:91px;
margin:7px;
width:124px;
}

.thumbworks a{
background:#E3D4A9 url(img/bg_thumb.gif) repeat scroll left bottom;
border:1px solid #E3D4A9;
bottom:4px;
display:block;
float:left;
margin:0;
position:relative;
right:6px;
}

.thumbworks a:hover{
margin-top: 2px;
margin-left:2px;
background-color:#fff;
}

.thumbworks #contenitore{
	margin:0 auto;
	text-align:center;
	width:283px;
	}

.thumbworks img{
padding:5px;
}

div#lastworks{
background-image: url(http://www.gabrielemalaspina.com/template/img/lastw.gif);
background-attachment: scroll;
background-position: top center;
background-repeat: no-repeat;
height:370px;
}

div#lw{
width: 5em;
margin:0 auto;
width:310px;
height:150px;
}

div#ita{
	font-family:"Times New Roman", Times, serif;
font-style: italic;
        color: #777777;
}

.ita{
	font-family:"Times New Roman", Times, serif;
	font-style: italic;
    color: #777777;
	display:inline;
}




div#header_content{
background-image:url(http://www.gabrielemalaspina.com/varie/header/header1.gif);
background-repeat:no-repeat;
background-position:left;
width:809px;
height:219px;
margin:auto;
}

div#header_bottom{
background-image:url(http://www.gabrielemalaspina.com/varie/header/header3.gif);
background-repeat:no-repeat;
background-position:bottom;
width:325px;
height:219px;
}

div#header_home{
background-image:url(http://www.gabrielemalaspina.com/varie/header/header2.gif);
background-repeat:no-repeat;
background-position:top;
width:325px;
height:219px;
float:right;
}


div#header_bottom_red{
background-image:url(http://www.gabrielemalaspina.com/varie/header/header3red.gif);
background-repeat:no-repeat;
background-position:bottom;
width:325px;
height:219px;
}

div#header_aboutme{
background-image:url(http://www.gabrielemalaspina.com/varie/header/aboutme.gif);
background-repeat:no-repeat;
background-position:top;
width:325px;
height:219px;
float:right;
}

div#header_contactme{
background-image:url(http://www.gabrielemalaspina.com/varie/header/contactme.gif);
background-repeat:no-repeat;
background-position:top;
width:325px;
height:219px;
float:right;
}

div#header_gallery{
background-image:url(http://www.gabrielemalaspina.com/varie/header/gallery.gif);
background-repeat:no-repeat;
background-position:top;
width:325px;
height:219px;
float:right;
}

div#header_links{
background-image:url(http://www.gabrielemalaspina.com/varie/header/links.gif);
background-repeat:no-repeat;
background-position:top;
width:325px;
height:219px;
float:right;
}

div#header_guestbook{
background-image:url(http://www.gabrielemalaspina.com/varie/header/guestbook.gif);
background-repeat:no-repeat;
background-position:top;
width:325px;
height:219px;
float:right;
}

div#header_resources{
background-image:url(http://www.gabrielemalaspina.com/varie/header/resources.gif);
background-repeat:no-repeat;
background-position:top;
width:325px;
height:219px;
float:right;
}

div#header_videos{
background-image:url(http://www.gabrielemalaspina.com/varie/header/videos.gif);
background-repeat:no-repeat;
background-position:top;
width:325px;
height:219px;
float:right;
}

#header_button1 {
	float:left;
}

#header_button2 {
	float:left;
}

#header_button1 a {
	height:120px;
	margin-left:35px;
	position:absolute;
	width:321px;
}

#header_button2 a {
/*background-image:url(http://www.gabrielemalaspina.com/varie/header/hover.gif);
background-repeat:no-repeat;
background-position:top;*/
height:150px;
margin-left:300px;
position:absolute;
top:18px;
width:186px;
}

/*#header_button2 a:hover {
background-image:url(http://www.gabrielemalaspina.com/varie/header/hover.gif);
background-repeat:no-repeat;
background-position:center center;
	height:150px;
	left:433px;
	margin-left:180px;
	margin-top:0;
	position:absolute;
	top:18px;
	width:186px;
}*/



.skills p {
background:#dddddd;
border:#666 solid 1px;
margin:10px 120px;
text-align:center;
padding:3px;
font-family:Georgia, Times New Roman, serif;
font-size:13px;
font-style:italic;
}

.skills p img{
border-color:#666666;
border-style:none dashed none none;
border-width:1px;
float:left;
padding:0 9px 0 0;
}

textarea {
background:#eee;
border:1px dashed #AAAAAA;
}


/* ###############  start style CONTACT.PHP  ############## */

div#prefer{
font-size:80%;
text-align:center;
padding-top:22px;
}
.text {
text-align:center;
}

#modulo form{
margin-bottom:auto;
margin-left:auto;
margin-right:auto;
margin-top:auto;
width:290px;
}

#modulo .inputLine,#modulo textarea {
background:#ffffff url(/varie/gif/input2.gif) repeat-y scroll right top;
margin:4px 0 4px 18px;
float:right;
border:1px solid #ddd;
}

#required{
display:block;
font-size:10px;
margin:170px 0 0;
}

.inputButton{
background:transparent url(/varie/gif/inputbutton.gif) no-repeat scroll center top;
border:medium none;
cursor:pointer;
height:30px;
padding:0;
width:124px;
}

.inputButton:hover{
background:#FFFFFF url(/varie/gif/inputbutton.gif) no-repeat scroll center bottom;
}

#modulo{
margin:40px auto 0;
}


#modulo p{
display:block;
height:35px;
margin:2px;
}

#modulo label{
float:left;
margin:7px 0 0;
}

div#contentinterno .error{
background:#FF0000 url(img/warning.png) no-repeat scroll 8px 50%;
border-color:#A20000;
border-style:solid none;
border-width:2px;
color:#FFFFFF;
display:block;
font-weight:bold;
margin:8px;
padding:8px 8px 8px 47px;
text-align:left;
}

/* ###############  end style CONTACT.PHP  ############## */

div#contatore{
display:none;
}

div#pathway{
display:block;
margin:2px;
padding:4px 4px 7px 20px;
text-align:left;
background:transparent url(img/pathway.gif) no-repeat scroll 0 0;
font-family:'Georgia',serif !important;
font-size:13pt;
font-style:italic !important;
}

div#pathway a{
	text-decoration:none;
	background:transparent !important;
}

div#pathway strong{
		font-weight: normal !important;}
		
/* ###############  LINKS.PHP  ############## */
img{
border:none;}

div#scambio_banner{
padding:30px 15px;
font-size:10px;} 

div#box1{
border:3px double #DDDDDD;}



/* ###############  stile pulsante  ############## */
a.button{
background:transparent url(img/button.png) no-repeat scroll 0 0;
color:#FFFFFF;
cursor:pointer;
display:block;
font-family:'Georgia', Times New Roman, serif !important;
font-size:150%;
font-style: italic;
font-weight:bold;
height:49px;
line-height:42px;
margin:0 auto;
text-align:center;
text-decoration:none;
width:237px;
}
a.button:hover{
background:transparent url(img/button.png) no-repeat scroll bottom center;
font-size:170%;
}
/* ###############  ############## */

div#rss_album{
color:#FFFFFF;
float:right;
height:57px;
margin-top:-43px;
width:50px;
}

div#banners{
	margin:0 auto 25px;
	padding:0;
	text-align:left;
	width:324px;
}
	
div#banners img{
	margin:8px;
	padding:0;
}


.download strong{
display: none;
}

.download{
background-color:#FFA500;
display:block;
height:32px;
margin:0 auto;
width:150px;
}

/* ############### tab menu ############## */
#heading {
			display: block;
			text-align: center;
			margin-bottom: 1em;
		}
		#heading * {
			display: inline;
			padding: 4px;
			cursor: pointer;
			vertical-align: middle;
		}
		#heading li.active {
			background-color: #66ccff;
			-webkit-border-radius: 3px;
			-opera-border-radius: 3px;
			-moz-border-radius: 3px;
		}
		
		#wrapper { /*border: 1px dotted gray; margin: 1em; padding: 1em;*/ }
		
		#panes {
			text-align: justify;
			border-style: none;
			/*width: 245px;*/
			margin: 0 1em 0 1em;
		}
		
		#panes p {
		  margin: 0 2px;
		  line-height: 1.2em;
		}
		
		#panes div div { overflow: hidden; }
		
		#previous { float: none; cursor: pointer; }
		#next { float: none; cursor: pointer; }
/* ###############  ############## */
/*- Menu Tabs C--------------------------- */

    #tabs {
/*      float:left;*/
      width:100%;
      background:#EDF7E7;
      font-size:93%;
      line-height:normal;
	  padding:0 0 20px;
	background:#fff url("img/tab_bg.gif") no-repeat top center;
      }
    #tabs ul {
	background-color:#fff;
	display:block;
	height:23px;
	list-style:none outside none;
	margin:0 0 10px;
	padding:0;
	border-bottom:1px solid #999;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs ul li a {
      float:left;
      margin:0;
      padding:0 0 0 3px;
      text-decoration:none;
	margin:0 2px 0 0;
      }
    #tabs.resources ul li a {
      background:url("img/tableftC2.gif") no-repeat left top;
      }
    #tabs.aboutme ul li a {
      background:url("img/tableftC3.gif") no-repeat left top;
      }
    #tabs ul li a span{
      float:left;
      display:block;
      padding:5px 10px 4px 6px;
      color:#000;
      }
    #tabs.resources ul li a span{
      background:url("img/tabrightC2.gif") no-repeat right top;
      }
    #tabs.aboutme ul li a span{
      background:url("img/tabrightC3.gif") no-repeat right top;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs ul li a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FFF;
      }
    #tabs ul li a:hover {
      background-position:0% -42px;
      }
    #tabs ul li a:hover span {
      background-position:100% -42px;
      }  
.ui-tabs-hide { display: none;} 
.ui-state-active a span{
	background-position:100% -84px !important;
	height:15px;}
.ui-state-active a{
	background-position:0% -84px !important;
	height:24px;}
.ui-state-active a:hover span{
	color:#000 !important;
	cursor:default;}
.ui-tabs-panel{
	padding:0 15px 0;}

#space{
	width:100px;
	display:block;}