/*
	Nicola Pressi | elemind
	nicola@elemind.com
*/

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

body{font:13px Arial, sans-serif;text-align:center;color:#58595B;}
#wrapper{width:800px;margin:0 auto;text-align:left;}
a{color:#000;text-decoration:none;}
a:hover{color:#58595B;text-decoration:none;}

/* header */
#header{width:800px;height:120px;position:relative;}
#header h1{padding:27px 0 0 0;}

#main{margin-top:30px;}

/* nav */
#nav{float:left;width:175px;}
#nav li{margin:0 0 0 30px;}
#nav li a{text-decoration:none;color:#7E8188;}
#nav li a:hover, #nav li.selected ul li a:hover{color:#231F20;}
#nav li.selected a{text-decoration:none;color:#231F20;font-weight:bold;}
#nav li.selected ul li a{color:#7E8188;font-weight:normal;}
#nav ul{font-size:11px;margin:0 0 0 10px;display:none;}
#nav ul li{margin:0;}
body.biography #nav ul.ul-biography,
body.designer #nav ul.ul-biography{display:block;}
body.portfolio #nav ul.ul-portfolio,
body.design #nav ul.ul-portfolio{display:block;}


/* content */
#content{float:left;width:325px;}
#content h2{text-transform:uppercase;color:#231F20;}
#content p{}

/* home */
body.home .megabox{width:480px;height:350px;background:#B3B3B3;}

/* biography */
body.biography #content{}
body.biography #content .item{clear:both;}
body.biography #content h1{float:right;height:95px;line-height:95px;width:220px;text-align:left;color:#000;}
body.biography #content img{float:left;margin:0 10px 10px 0;}

/* portfolio */
body.portfolio #content .item{clear:both;}
body.portfolio #content h1{float:right;height:95px;line-height:95px;width:220px;text-align:left;color:#000;}
body.portfolio #content img{float:left;margin:0 10px 10px 0;}

/* design */
body.design #content{width:595px;}
body.design #content img.big{float:left;background:#fff url(../images/loader.gif) no-repeat center center;}
body.design #content ul.clienti{float:right;width:105px;}
body.design #content ul.clienti li a{color:#58595B;}
body.design #content ul.clienti li a:hover{color:#000;}
body.design #content ul.clienti li.selected a{color:#000;font-weight:bold;}

body.design #content ul.images{float:left;width:100%;margin:10px 0 0 0;}
body.design #content ul.images li{display:block;float:left;margin:0 10px 10px 0;}
body.design #content ul.images li img{border:1px solid #fff;}
body.design #content ul.images li a{display:block;}
body.design #content ul.images li.selected img,
body.design #content ul.images li a:hover img{border-color:#333;}

body.design #content p#desc{float:left;width:100%;margin:5px 0 10px;}


/* designer */
body.designer #content{/*overflow:visible;*/width:595px;}
body.designer #content h1{float:right;height:95px;line-height:95px;width:220px;text-align:left;color:#000;}
body.designer #content img{float:left;margin:0 10px 10px 0;}
body.designer #content ul{/*width:570px;*/margin:0 0 10px 105px;}
body.designer #content h2,
body.designer #content h3{clear:both;margin:0 0 10px 105px;text-transform:capitalize;color:#58595B;}

/* news - archivio */
body.news #content .item{overflow:auto;height:1%;margin:10px 0 20px 0;}
body.news #content .item img{width:51px;height:45px;float:left;border:1px solid #ccc;}
body.news #content .item .text{width:260px;float:right;}
body.news #content .item .text h3{color:#4B4B4D;}
body.news #content .item .text p{width:225px;}
body.news #content .item .text a.more{width:225px;display:block;text-decoration:none;color:#808080;text-align:right;}
body.news #content .item .text a.more:hover{color:#4b4b4d;}

/* news - dettaglio */
body.news #content .single{margin-bottom:20px;width:325px;overflow:hidden;}
body.news #content .single img{margin:10px 0;border:1px solid #ccc;}
body.news #content .single p{}
body.news #content .single a.more{display:block;text-decoration:none;color:#808080;text-align:right;}
body.news #content .single a.more:hover{color:#4b4b4d;}

/* contacts */
body.contacts #content #map{width:480px;height:350px;border:1px solid #ccc;}
body.contacts #content a{color:#808080;}
body.contacts #content a:hover{color:#4b4b4d;}

/* credits */
body.credits #content dl{color:#808080;margin-top:30px;}
body.credits #content dl dt{width:70px;line-height:64px;height:64px;float:left;margin-bottom:30px;}
body.credits #content dl dd{height:64px;margin-left:70px;margin-bottom:30px;}
body.credits #content dl dd a{display:block;width:180px;height:64px;line-height:64px;text-indent:-9999px;}
body.credits #content dl dd.dsegno a{background:url(../images/logo-dsegno.png) no-repeat;}
body.credits #content dl dd.elemind a{background:url(../images/logo-elemind.png) no-repeat;}


/* footer */
#footer{width:800px;color:#999;font-size:11px;}


/* s3Slider */
#s3Slider{width:480px;height:350px;position:relative;overflow:hidden;margin:10px auto;}
#s3SliderContent{width:480px;position:absolute;top:0;margin-left:0;}
.s3{float:left;position:relative;display:none;}
.clear{clear:both;}



/* splash */
body.splash #header{/*margin:100px 0 0 0;*/position:absolute;top:5%;text-align:center;width:800px;}
body.splash #main{/*margin:100px 0 0 0;*/position:absolute;top:60%;text-align:center;width:800px;}
body.splash #main a{color:#999;font-size:16px;text-decoration:none;}
body.splash #main a:hover{color:#666;}
body.splash #footer{position:absolute;bottom:20px;color:#999;text-align:center;width:800px;}
body.splash #footer a{color:#666;}


/*********** scrollable ***********/
div.scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width:480px;	
	height:350px;	
}

div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	width:480;
}

/* active item */
div.scrollable div.items div.active {
	border:1px inset #ccc;		
	background-color:#fff;
}



/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;	
}