@charset "utf-8";
/* CSS Document */

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #c1c1c1;
}
body {
	background-color: #c1c1c1;
	background-image:url(images/bg.png);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.testogrigio {
	font-size: 9px;
	color: #c1c1c1;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.testogrigio2 {
	font-size: 10px;
	color: #c1c1c1;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.testonero {
	font-size: 9px;
	color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.testogrigiobold {
	font-size: 9px;
	color: #c1c1c1;
	font-weight:bold;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.testogrigioboldgrande {
	font-size: 11px;
	color: #c1c1c1;
	font-weight:bold;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.testonerobold {
	font-size: 9px;
	color: #000000;
	font-weight:bold;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.testoneroboldgrande {
	font-size: 11px;
	color: #000000;
	font-weight:bold;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.linkmenu {
	font-size: 9px;
	color: #c1c1c1;
	text-decoration:underline;
	font-weight:bold;
}
.linkmenu:visited {
	color: #c1c1c1;
	text-decoration:underline;
	font-weight:bold;
}
.linkmenu:hover {
	color: #c1c1c1;
	text-decoration:none;
	font-weight:bold;
}
.linkmenu:active {
	color: #c1c1c1;
	text-decoration:underline;
	font-weight:bold;
}

.linkrosso {
	font-size: 9px;
	color: #1e090c;
	text-decoration:underline;
	font-weight:bold;
}
.linkrosso:visited {
	color: #1e090c;
	text-decoration:underline;
	font-weight:bold;
}
.linkrosso:hover {
	color: #1e090c;
	text-decoration:none;
	font-weight:bold;
}
.linkrosso:active {
	color: #1e090c;
	text-decoration:underline;
	font-weight:bold;
}

/*INIZIO STILE JQUERY*/

/*LINK CON ANTEPRIMA*/

a{
	text-decoration:none;
	color:#c1c1c1;	
}

a:visited{
	text-decoration:none;
	color:#c1c1c1;	
}

a:hover{
	text-decoration:none;
	color:#c1c1c1;	
	text-decoration:underline;
}

a:active{
	text-decoration:none;
	color:#c1c1c1;	
	text-decoration:underline;
} 

/*TABELLA WE OFFER*/

a {color:#ccc;text-decoration:none;}
a:hover {color:#ccc;text-decoration:none}

#tabMenu {margin:0;padding:0 0 0 0px;list-style:none;}
#tabMenu li {float:left;height:32px;width:39px;cursor:pointer;cursor:hand}

li.adv {background:url(images/weoffer/tabComment.png) no-repeat 0 -32px;}
li.webdesign {background:url(images/weoffer/tabStar.png) no-repeat 0 -32px;}
li.video {background:url(images/weoffer/tabFolder.png) no-repeat 0 -32px;}
li.tred {background:url(images/weoffer/tabHeart.png) no-repeat 0 -32px;}
li.all {background:url(images/weoffer/tabRandom.png) no-repeat 0 -32px;}

li.mouseover {background-position:0 0;}
li.mouseout {background-position:0 -32px;}
li.selected {background-position:0 0;}

.box {width:227px}
.boxTop {background:url(images/weoffer/boxTop.gif) no-repeat;height:11px;clear:both}
*html .boxTop {margin-bottom:-2px;}
.boxBody {background-color:#c1c1c1;}
.boxBottom {background:url(images/weoffer/boxBottom.gif) no-repeat;height:11px;}

.boxBody div {display:none;}
.boxBody div.show {display:block;}
.boxBody #category a {display:block;}

.boxBody div ul {margin:0 10px 0 25px;padding:0;width:190px;list-style-image:url(images/weoffer/arrow.gif)}
*html .boxBody div ul {margin-left:10px;padding-left:15px;}
.boxBody div li {border-bottom:1px dotted #8e8e8e; padding:4px 0;cursor:hand;cursor:pointer;}
.boxBody div ul li.last {border-bottom:none}
.boxBody div li span {font-size:8px;font-style:italic; color:#888;}

/*SLIDE WORKS*/

#featured{ 
	width:400px; 
	padding-right:250px; 
	position:relative; 
	height:250px; 
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:400px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#1e090c; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#c1c1c1; 
	padding:2px; 
	border:1px solid #c1c1c1;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:9px; font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height:11px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#1e090c;  background:#c1c1c1; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#8a8a8a; 
}
#featured li.ui-tabs-selected{ 
	background:url('images/works/selected-item.png') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ffffff; 
}
#featured .ui-tabs-panel{ 
	width:400px; height:250px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url('images/works/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:9px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

/* PORTFOLIO */

:focus { outline: 0; }

/* Layout */
.boundingBox{ margin: 0 auto; width: 900px; }

/* Content */

#content{ padding: 20px 0; }

/* Content - Portfolio Listing */

ul#portfolio-filter{ margin: -20px 0; padding: 0; height: 64px; padding-left: 0px; line-height: 64px; background: transparent url(../images/icon-tag-green.png) left no-repeat; }
ul#portfolio-filter li{ display: inline; }
ul#portfolio-filter a{ margin-right: 0.5em; padding: 0.5em 1em;  color: #AAA; font-weight: bold; text-decoration: none; }
ul#portfolio-filter a:hover, ul#portfolio-filter a.current{ color: #888; }
ul#portfolio-filter a.current{ background-color: #DDD; }

ul#portfolio-list{ margin: 5px 0 0 0; padding: 0; list-style: none; }
ul#portfolio-list li{ width: 165px; height: 160px; display: block; float: left; margin-right: 9px; overflow: hidden; }
ul#portfolio-list li a{ display: block; width: 163px; height: 120px; overflow: hidden; border: 1px solid #CDCDCD; background: #eee; }
ul#portfolio-list li p{ font-size: 11px; line-height: 15px; color: #AAA; margin: 5px 0; }