/*
------------------------------------------------------------------------
ArtWork tm
------------------------------------------------------------------------

Author:     artwork tm, info@artworkstudios.it
Updated:    July 16 2010
Copyright:  (c) 2008 artwork tm.

All rights reserved.
*/

body {
	margin: 0px;
	padding: 0px;

	background-color: #f4f4f4;

	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #666666;
}

p {
	line-height: 15px;
}

a, a:visited {
	color: #111111;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #AB750D;
}

.clear {
	clear: both;
}

.white {
	color: #ffffff;
}

small {
	font-size: 8px;
	vertical-align: super;
}

.lft {
	float: left;
}

.rght {
	float: right;
}

.testo {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #555555;
	text-decoration: none;
	outline: none;
}

/*
------------------------------------------------------------------------
C O N T A I N E R S
------------------------------------------------------------------------
*/

.container_black {
	margin: 0px auto;
	padding: 0px;
	
	width: 100%;
	
	background-color: #000000;
}

.container {
	margin: 0px auto;
	padding: 0px;
	
	width: 980px;
	
	text-align: left;
}

/*
------------------------------------------------------------------------
C O L U M N S
------------------------------------------------------------------------
*/

.left {
	margin: 0px;
	padding: 20px 0px 20px 20px;

	width: 300px;

	float: left;
}

.middle {
	margin: 0px;
	padding: 20px 0px 20px 20px;

	width: 300px;

	float: left;
}

.right {
	margin: 0px;
	padding: 20px 0px 20px 20px;

	width: 300px;

	float: left;
}

.right_big {
	margin: 0px;
	padding: 20px 0px 20px 20px;

	width: 600px;

	float: left;
}

/*
------------------------------------------------------------------------
H
------------------------------------------------------------------------
*/

h2 {
	margin: 0px;
	padding: 0px;
	
	font-size: 16px;
	color: #111111;
	font-weight: normal;
}

h2 i {
	padding: 2px 3px 1px 3px;
	
	color: #999999;
	font-weight: normal;
	font-style: normal;
	text-decoration: line-through;
}

h2 b {
	padding: 2px 3px 1px 3px;

	border-bottom: 3px solid #cccccc;
}


/*
------------------------------------------------------------------------
H E A D E R
------------------------------------------------------------------------
*/

#header {
	margin: 0px auto;
	padding: 25px 0px 0px 0px;
	
	width: 940px;
	height: 45px;
}

.logo a, .logo a:visited {
	width: 113px;
	height: 31px;
	
	background-image: url(../images/artworkstudio.png);
	background-repeat: no-repeat;

	float: left;
	display: block;
}

.logo a:hover {
	background-position: 0px -31px;
}

.menu {
	margin: -2px 0px 0px 0px;
	padding: 0px;
	
	list-style-type: none;
	width: 500px;	
	float: right;
}

.menu li {
	margin: 0px 0px 0px 0px;
	padding: 0px;

	float: left;
}

.menu li a, .menu li a:visited {
	padding: 5px 10px 5px 10px;

	color: #666666;
	font-weight: bold;
	text-decoration: none;
	display: block;
}

.menu li a:hover, .menu li.current a, .menu li.current a:visited {
	color: #ffffff;
}

/*
------------------------------------------------------------------------
I N D E X - AD BIG
------------------------------------------------------------------------
*/

#ad_big a, #ad_big a:visited {
	margin: 0px auto;
	padding: 220px 0px 0px 490px;

	width: 490px;	
	height: 155px;
	
	background-image: url(../images/ad_big.jpg);
	background-repeat: no-repeat;
	
	text-decoration: none;

	display: block;
}

#ad_big a:hover {
	background-position: 0px -375px;
}

#ad_big p {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	
	color: #999999;
}

/*
------------------------------------------------------------------------
I N D E X - AD BIG FOLLIERO
------------------------------------------------------------------------
*/

#ad_big_folliero a, #ad_big_folliero a:visited {
	margin: 0px auto;
	padding: 220px 0px 0px 490px;

	width: 490px;	
	height: 155px;
	
	background-image: url(../images/ad_big_folliero.jpg);
	background-repeat: no-repeat;
	
	text-decoration: none;

	display: block;
}

#ad_big_folliero a:hover {
	background-position: 0px -375px;
}

#ad_big_folliero p {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	
	color: #999999;
}
/*
------------------------------------------------------------------------
I N D E X - AD BIG FOLLIERO
------------------------------------------------------------------------
*/

#ad_big_folliero a, #ad_big_folliero a:visited {
	margin: 0px auto;
	padding: 220px 0px 0px 490px;

	width: 490px;	
	height: 155px;
	
	background-image: url(../images/ad_big_folliero.jpg);
	background-repeat: no-repeat;
	
	text-decoration: none;

	display: block;
}

#ad_big_folliero a:hover {
	background-position: 0px -375px;
}

#ad_big_folliero p {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	
	color: #999999;
}

/*
------------------------------------------------------------------------
I N D E X - AD BIG LOGO
------------------------------------------------------------------------
*/

#ad_big_logo a, #ad_big_logo a:visited {
	margin: 0px auto;
	padding: 220px 0px 0px 490px;

	width: 490px;	
	height: 155px;
	
	background-image: url(../images/ad_big_logo.jpg);
	background-repeat: no-repeat;
	
	text-decoration: none;

	display: block;
}

#ad_big_logo a:hover {
	background-position: 0px -375px;
}

#ad_big_logo p {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	
	color: #999999;
}

/*
------------------------------------------------------------------------
I N D E X - AD SMALL
------------------------------------------------------------------------
*/

#ad_small a, #ad_small a:visited {
	margin: 0px auto;
	margin-top: 30px;
	padding: 25px 0px 0px 300px;

	width: 350px;	
	height: 150px;
	
	background-image: url(../images/ad_small.jpg);
	background-repeat: no-repeat;
	
	text-decoration: none;

	display: block;
	float: left;
}

#ad_small a:hover {
	background-position: 0px -175px;
}

#ad_small p {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	
	color: #999999;
}
/*
------------------------------------------------------------------------
I N D E X - AD SMALL PREVENTIVO
------------------------------------------------------------------------
*/

#ad_small_preventivo a, #ad_small_preventivo a:visited {
	margin: 0px auto;
	margin-top: 30px;
	padding: 25px 0px 0px 265px;

	width: 385px;	
	height: 150px;
	
	background-image: url(../images/ad_small_preventivo.jpg);
	background-repeat: no-repeat;
	
	text-decoration: none;

	display: block;
	float: left;
}

#ad_small_preventivo a:hover {
	background-position: 0px -175px;
}

#ad_small_preventivo p {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	
	color: #999999;
}
/*
------------------------------------------------------------------------
I N D E X - AD SMALL NEUTRO
------------------------------------------------------------------------
*/

#ad_small_neutro a, #ad_small_neutro a:visited {
	margin: 0px auto;
	margin-top: 30px;
	padding: 25px 0px 0px 20px;

	width: 630px;	
	height: 150px;
	
	background-image: url(../images/ad_small.jpg);
	background-repeat: no-repeat;
	
	text-decoration: none;

	display: block;
	float: left;
}

#ad_small_neutro a:hover {
	background-position: 0px -175px;
}

#ad_small_neutro p {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	
	color: #999999;
}

/*
------------------------------------------------------------------------
I N D E X - AD SMALL PORTFOLIO
------------------------------------------------------------------------
*/

#ad_small_portfolio a, #ad_small_portfolio a:visited {
	margin:5px 5px 0 0;
padding:5px;
float:left;
display:inline;
margin-right: -3px;
border: 1px solid #DDDCE1;
background-color:#FFF;
	
	margin-top: 30px;
	width: 320px;	
	text-decoration: none;
	display: block;
	
}

#ad_small_portfolio a:hover {
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}

#ad_small_portfolio p {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	
	color: #999999;
}
/*
------------------------------------------------------------------------
I N D E X - AD SMALL SERVER
------------------------------------------------------------------------
*/

#ad_small_server a, #ad_small_server a:visited {
	margin: 0px auto;
	margin-top: 30px;
	padding: 25px 0px 0px 300px;

	width: 350px;	
	height: 150px;
	
	background-image: url(../images/ad_small_server.jpg);
	background-repeat: no-repeat;
	
	text-decoration: none;

	display: block;
	float: left;
}

#ad_small_server a:hover {
	background-position: 0px -175px;
}

#ad_small_server p {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	
	color: #999999;
}
/*
------------------------------------------------------------------------
I N D E X - AD SMALL SITO
------------------------------------------------------------------------
*/

#ad_small_sito a, #ad_small_sito a:visited {
	margin: 0px auto;
	margin-top: 30px;
	padding: 25px 0px 0px 300px;

	width: 350px;	
	height: 150px;
	
	background-image: url(../images/ad_small_sito.jpg);
	background-repeat: no-repeat;
	
	text-decoration: none;

	display: block;
	float: left;
}

#ad_small_sito a:hover {
	background-position: 0px -175px;
}

#ad_small_sito p {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	
	color: #999999;
}

/*
------------------------------------------------------------------------
I N D E X - AD SMALL COMMERCE
------------------------------------------------------------------------
*/

#ad_small_commerce a, #ad_small_commerce a:visited {
	margin: 0px auto;
	margin-top: 30px;
	padding: 25px 0px 0px 300px;

	width: 350px;	
	height: 150px;
	
	background-image: url(../images/ad_small_commerce.jpg);
	background-repeat: no-repeat;
	
	text-decoration: none;

	display: block;
	float: left;
}

#ad_small_commerce a:hover {
	background-position: 0px -175px;
}

#ad_small_commerce p {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	
	color: #999999;
}


/*
------------------------------------------------------------------------
I N D E X - CONTENT LOGO
------------------------------------------------------------------------
*/

#ad_logo {
	text-align: left;
	margin: 0px auto;
	margin-top: 30px;
	padding: 25px 0px 0px 20px;

	width: 630px;	
	
	text-decoration: none;

	display: block;
	float: left;
}
#ad_logo p {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	
	color: #777777;
}


/*
------------------------------------------------------------------------
I N D E X - AD TINY
------------------------------------------------------------------------
*/

#ad_tiny {
	text-align: right;
}

#ad_tiny a, #ad_tiny a:visited {
	margin: 0px auto;
	margin-top: 30px;
	padding: 12px 20px 0px 20px;

	width: 280px;	
	height: 163px;
	
	background-image: url(../images/ad_tiny.jpg);
	background-repeat: no-repeat;
	
	text-decoration: none;

	display: block;
	float: left;
}

#ad_tiny a:hover {
	background-position: 0px -175px;
}

#ad_tiny p {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	
	color: #999999;
}

/*
------------------------------------------------------------------------
I N D E X - AD TINY COMMERCE
------------------------------------------------------------------------
*/

#ad_tiny_commerce {
	text-align: right;
}

#ad_tiny_commerce a, #ad_tiny_commerce a:visited {
	margin: 0px auto;
	margin-top: 30px;
	padding: 12px 20px 0px 20px;

	width: 280px;	
	height: 163px;
	
	background-image: url(../images/ad_tiny_commerce.jpg);
	background-repeat: no-repeat;
	
	text-decoration: none;

	display: block;
	float: left;
}

#ad_tiny_commerce a:hover {
	background-position: 0px -175px;
}

#ad_tiny_commerce p {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	
	color: #999999;
}
/*
------------------------------------------------------------------------
I N D E X - MOTORI
------------------------------------------------------------------------
*/

#ad_motori {
	text-align: right;
}

#ad_motori a, #ad_motori a:visited {
	margin: 0px auto;
	margin-top: 30px;
	padding: 12px 20px 0px 20px;

	width: 280px;	
	height: 163px;
	
	background-image: url(../images/motori.jpg);
	background-repeat: no-repeat;
	
	text-decoration: none;

	display: block;
	float: left;
}

#ad_motori a:hover {
	background-position: 0px -175px;
}

#ad_motori p {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	
	color: #999999;
}

/*
------------------------------------------------------------------------
I N D E X - MENU
------------------------------------------------------------------------
*/

#ad_menu {
	text-align: right;
	margin: 0px auto;
	margin-top: 20px;
	padding: 12px 20px 0px 20px;

	width: 280px;
	height: 173px;
	
	text-decoration: none;

	display: block;
	float: left;
}



/*
------------------------------------------------------------------------
P R O D U C T - NEWS & VIDEO
------------------------------------------------------------------------
*/

#ad {
	margin: 0px auto;
	padding: 220px 0px 80px 490px;

	width: 490px;	
	height: 155px;
	
	background-repeat: no-repeat;

	display: block;
}

.adnews {
	background-image: url(../images/ad_news.jpg);
}

.adpubbli {
	background-image: url(../images/ad_artwork_pubbli.jpg);
}

.advideoz {
	background-image: url(../images/ad_artwork_video.jpg);
}

.advideo {
	background-image: url(../images/ad_artwork.jpg);
}
.adbrochure {
	background-image: url(../images/ad_artwork_brochure.jpg);
}
.adlogo {
	background-image: url(../images/ad_artwork_immaginecoordinata.jpg);
}
.adcdrom {
	background-image: url(../images/ad_artwork_cdrom.jpg);
}
.admarchio {
	background-image: url(../images/ad_artwork_logotipo.jpg);
}
.adservizi {
	background-image: url(../images/ad_artwork_servizi.jpg);
}
.adgrazie {
	background-image: url(../images/ad_artwork_grazie.jpg);
}
.admultimedia {
	background-image: url(../images/ad_artwork_multimedia.jpg);
}
.admotoridiricerca {
	background-image: url(../images/ad_artwork_motori.jpg);
}
.adpreventivo {
	background-image: url(../images/ad_artwork_preventivo.jpg);
}
.adecommerce {
	background-image: url(../images/ad_artwork_ecommerce.jpg);
}
.adw3c {
	background-image: url(../images/ad_artwork_w3c.jpg);
}
.adcms {
	background-image: url(../images/ad_artwork_cms.jpg);
}
.adottimizza {
	background-image: url(../images/ad_artwork_ottimizza.jpg);
}

.adthankyou {
	background-image: url(../images/ad_thankyou.jpg);
}

.adrottama {
	background-image: url(../images/ad_artwork_rottama.jpg);
}

.adblog {
	background-image: url(../images/ad_artwork_blog.jpg);
}

.adhosting {
	background-image: url(../images/ad_artwork_hosting.jpg);
}

.adeconomico {
	background-image: url(../images/ad_artwork_economico.jpg);
}

.overlay {
	background-image: url(../images/container_black_back.png);
	background-position: bottom;
	background-repeat: repeat-x;
}

#ad p {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	
	color: #999999;
}

#ad a, #ad a:visited {
	color: #ffffff;
}

#ad a:hover {
	color: #cccccc;
}

/*
------------------------------------------------------------------------
I N F O
------------------------------------------------------------------------
*/

#info {
	margin: 10px 0px 40px 0px;
	padding: 10px 0px 0px 0px;

	width: 980px;	
	height: 265px;
	
	background-image: url(../images/info.png);
	background-repeat: no-repeat;
	
	text-decoration: none;

	display: block;
}

.feature_img {
	margin: 0px 15px 0px 0px;
	padding: 5px;
	
	background-color: #ffffff;
	
	float: left;
	
	border-left: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
}

a:hover .feature_img {
	border-left: 1px solid #bbbbbb;
	border-top: 1px solid #bbbbbb;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

a.demo, a:visited.demo {
	margin: -42px 0px 0px 0px;
	padding: 9px 0px 0px 0px;

	width: 92px;
	height: 23px;
	
	background-image: url(../images/button.png);
	background-repeat: no-repeat;
	
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	
	float: right;
	display: block;
}

a:hover.demo {
	color: #ffffff;
	background-position: 0px -33px;
}

/*
------------------------------------------------------------------------
T E S T I M O N I A L
------------------------------------------------------------------------
*/

.testimonial {
	margin: 0px;

	color: #111111;
	font-size: 17px;
	font-weight: bold;
	line-height: 17px;
}

.testimonial b {
	padding: 15px 10px 20px 0px;

	font-family: Georgia;
	color: #cccccc;
	font-size: 60px;
	
	float: left;
}

/*
------------------------------------------------------------------------
M E N U
------------------------------------------------------------------------
*/

.dx_menu {
	margin: 0px;
	color: #111111;
	font-size: 17px;
	font-weight: normal;
	line-height: 20px;
}

.dx_menu b {
	padding: 15px 10px 20px 0px;

	font-family: Georgia;
	color: #cccccc;
	font-size: 60px;
	
	float: left;
}


/*
------------------------------------------------------------------------
B U Y
------------------------------------------------------------------------
*/

#buy {
	margin: 20px 0px 10px 0px;
	padding: 125px 0px 0px 0px;

	width: 980px;	
	height: 170px;
	
	background-repeat: no-repeat;

	text-align: center;
	text-decoration: none;

	display: block;
}

.buynews {
	background-image: url(../images/buy_news.png);
}

.buyvideo {
	background-image: url(../images/buy_video.png);
}

.buyvideo2 {
	background-image: url(../images/buy_video2.jpg);
}

.buyvideo3 {
	background-image: url(../images/buy_video3.jpg);
}

a.buy, a:visited.buy {
	margin: 0px auto;
	margin-top: 20px;
	padding: 9px 0px 0px 0px;

	width: 92px;
	height: 23px;
	
	background-image: url(../images/button.png);
	background-repeat: no-repeat;
	
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	
	display: block;
}

a:hover.buy {
	color: #ffffff;
	background-position: 0px -33px;
}

#buy .left:hover, #buy .middle:hover, #buy .right:hover {
	color: #666666;
}

/*
------------------------------------------------------------------------
F O O T E R
------------------------------------------------------------------------
*/

#footer {
	margin: 0px auto;
	padding: 0px 0px 50px 0px;
	
	width: 940px;
}

#footer p {
	margin: 0px;

	color: #999999;
}

#footer p a, #footer p a:visited {
	color: #999999;
	text-decoration: none;
}

#footer p a:hover {
	color: #111111;
}

p.copyright {
	padding: 30px 0px 0px 0px;

	float: left;
}

p.owner {
	padding: 30px 0px 0px 0px;

	float: right;
}

p.license {
	padding: 10px 0px 0px 0px;

	text-align: justify;
}


/*
------------------------------------------------------------------------
T O O L T I P
------------------------------------------------------------------------


div.tooltip {
	width: 200px;
	color: #fff;
	text-align: center;
}

div.tooltip h4 {
	color: #fff;
	font-weight: bold;
	text-shadow: 2px 2px 1px #222;
	margin: 0;
	padding: 13px 10px 5px;
	background: url(../img/balloon.png) top left no-repeat !important;
	background: url(../img/balloon.gif) top left no-repeat;
	font-size: 11px;
}

div.tooltip p {
	margin: 0;
	padding: 0 10px 15px;
	text-shadow: 2px 2px 1px #222;
	background: url(../img/balloon.png) bottom left no-repeat !important;
	background: url(../img/balloon.gif) bottom left no-repeat;
	font-size: 10px;
}

*/