@import url('reset.css');
.clear {
	clear: both;
}

a{
	color:#666;
	text-decoration:underline;
	}
a:focus {
	outline: none;
}
#top {
	height: 93px;
	background-color: #303123;
}
#top-menu {
	position: relative;
	width: 960px;
	height: 93px;
	margin-right: auto;
	margin-left: auto;
}
#top-menu h1 a {
 background-image: url("../images/logo.png");
    background-repeat: no-repeat;
	background-size: 308px auto;
	background-position: right center;
    display: block;
    float: left;
    height: 80px;
    margin-left: 42px;
    position: relative;
    text-indent: -9999px;
    top: 6px;
    width: 300px;
}
/*
ul#nav-bar {
	float: right;
	margin-right: 54px;
	margin-top: 34px;
	position: relative;
	width: 600px;
}
ul#nav-bar li {
	border: 2px solid #303123;
	position: relative;
	float: left;
	height: 17px;
	padding-top: 2px;
	margin-right: 2px;
	-webkit-border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
ul#nav-bar li#home a{
	width: 60px;
}
ul#nav-bar li#services a{
	width: 60px;
}
ul#nav-bar li#about a{
	width: 60px;
}
ul#nav-bar li#contact a{
	width: 60px;
}
ul#nav-bar li a{
	display: block;
	color: #b5b3b3;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
}
ul#nav-bar li.current, ul#nav-bar li:hover, ul#nav-bar li.current a{
	border-color:#444532;
	color: #ffffff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
ul#nav-bar li a:hover{
	color: #ffffff;
}

*/
#header {
	background-image: url('../images/header-bg.jpg');
	background-repeat: repeat-x;
	height: 230px;
}
#header-wrap {
	position: relative;
	width: 286px; 
	/*background-image: url('../images/header.jpg');*/
	background-image: url('../images/testa.gif');
    height: 182px; 
	margin-right: auto;
	margin-left: auto;
	padding-left: 543px;
	padding-top: 47px;
	padding-right: 131px;
}
#header-wrap h2 {
	/*background-image: url('../images/header-title.png');*/
	width: 360px;
	height: 32px;
	float: none;
    font-family: Helvetica, Arial,  sans-serif;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
	color:#FFF;
}
#header-wrap p {
	font-family: helvetica, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #ffffff;
	line-height: 25px;
	font-style: italic;
	width:373px;
}
#header-title {
	/*text-indent: -9999px;*/
	position: relative;
}
#content {
	background-image: url('../images/main-content-bg.jpg');
	background-color: #F5F3F4;
	background-repeat: repeat-x;
	padding-bottom: 70px;
}
#content-wrap {
	margin-left:auto;
	margin-right:auto;
	padding-left:37px;
	padding-top:20px;
	position:relative;
	width:789px;
	display: block; 
	background-image: url("http://www.audiosoft.it/images/main-content-bg.jpg"); 
	background-repeat: repeat-x; 
	z-index: 50000;
}
#content-wrap h3 {
	font-family: candara, arial, Helvetica, sans-serif;
	color: #616161;
	font-size: 19px;
	margin-bottom: 26px;
	text-align:left;
	font-weight:bold;
}
.welcome p {
	/*color: #9c9b9b;*/
	color:#333;
	font-family: "verdana", helvetica,  Times, serif;
	font-size: 13px;
	line-height: 1.7em;
	margin-top: 22px;
    text-align:justify;
}
.cols {
	position: relative;
	float: left;
	margin-top: 45px;
}
#col-left {
	margin-right:42px;
	width:210px;
}
#col-mid {
	margin-right:42px;
	width:220px;
}
#col-right {
	width: 249px;
}

#col-right2 {
	width: 450px;
}
.review {
	background-image: url('../images/customer.jpg');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 46px;
}
.noah {
	background-image: url('../images/logo-noah.jpg');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
}
.features {
	background-image: url('../images/features.jpg');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
}
.price {
	background-image: url('../images/movies.png');
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
}
.cols p {
	color: #333;
	font-family:"verdana", helvetica, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 1.7em;
	margin-bottom: 18px;
	text-align:left;
}
.cols ul {
	font-family:"verdana", helvetica, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #333;
	line-height: 1.7em;
	list-style:none outside none;
}
.cols ul li {
	margin-bottom: 19px;
}
#col-mid ul li {
	background-image: url('../images/bullet.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 17px;
}
#col-right ul li {
	background-image: url('../images/bullet-coin.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 27px;
	text-align: left;
}
#footer {
	background-image: url('../images/footer-top-bg.jpg');
	background-repeat: repeat-x;
	background-position: top;
	background-color: #1A2829;
	height: 100px;
}
#footer-wrap {
	position: relative;
	width: 770px;
	height: 28px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 14px;
}
#footer-wrap h4 {
	background-image: url('../images/logo-footer.jpg');
	width: 78px;
	height: 24px;
	position: relative;
	background-repeat: no-repeat;
	text-indent: -9999px;
	float: left;
	margin-right: 4px;
}
#footer-wrap p {
	font-family: arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff;
	margin-top: 4px;
	margin-left: 5px;
	position: relative;
	width: 630px;
}
#footer-wrap p a{
	color: #ffffff;
}
.rss {
	font-size: 9px;
	text-decoration: none;
	color: #ffffff;
	background-image: url('../images/rss-icon.jpg');
	background-repeat: no-repeat;
	padding-left: 17px;
	width: 20px;
	float: right;
}

#header #navigation {
    position: absolute;
    right: 0;
    top: 29px;
}
#header #navigation li {
    display: inline-block;
    margin-left: 5px;
}
#header #navigation li a {
    color: #7A7A7A;
    display: inline-block;
    font-size: 11px;
    text-decoration: none;
}
#header #navigation li a span {
    display: inline-block;
    height: 33px;
    line-height: 33px;
    padding: 0 10px;
}
#header #navigation li.active a {
    background: url("../img/nav-active-left.png") no-repeat scroll 0 0 #000000;
    color: #FFFFFF;
    font-weight: bold;
}
#header #navigation li.active a span {
    background: url("../img/nav-active-right.png") no-repeat scroll 100% 0 transparent;
}
#header #navigation li a:hover {
    color: #FFFFFF;
}

ul#css3menu1,ul#css3menu1 ul{
	margin:0;list-style:none;background-color:#000;background-image:url("mainbk.png");background-repeat:repeat;border-width:0px;border-style:solid;border-color:#999999;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
ul#css3menu1 ul{
	display:none;position:absolute;left:0;top:100%;-moz-box-shadow:0.7px 0.7px 1px #777777;-webkit-box-shadow:0.7px 0.7px 1px #777777;box-shadow:0.7px 0.7px 1px #777777;padding:0 9px 9px;background-color:#333333;background-image:none;border-width:1px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-style:solid;border-color:#5A5E60;}
ul#css3menu1 li:hover>*{
	display:block;}
ul#css3menu1 li:hover{
	position:relative;}
ul#css3menu1 ul ul{
	position:absolute;left:100%;top:0;}
ul#css3menu1{
	padding:1px 1px 1px 0;display:block;font-size:0;float: right;margin-top: 22px;
	behavior: url(PIE.htc);
	-o-box-shadow: 2px 2px 10px 4px #000;
	-pie-box-shadow: 2px 2px 10px 4px #000;
	-webkit-box-shadow: 2px 2px 10px 4px #000;
	-moz-box-shadow: 2px 2px 10px 4px #000;
	box-shadow: 2px 2px 10px 4px #000; 
	}
ul#css3menu1 li{
	display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu1>li,ul#css3menu1 li{
	margin:0 0 0 1px;}
ul#css3menu1 ul>li{
	margin:1px 0 0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
	outline-style:none;}
ul#css3menu1 a,ul#css3menu1 a.pressed{
	display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 10px Arial;color:#cccccc;cursor:default;}
ul#css3menu1 ul li{
	float:none;margin:9px 0 0;}
ul#css3menu1 ul a{
	text-align:left;padding:8px 0 0 0;background-color:#333333;background-image:none;border-width:1px 0 0 0;border-style:solid;border-color:#262626;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:13px Arial;color:#cccccc;text-decoration:none;}
ul#css3menu1 li:hover>a, ul#css3menu1 li:active>a.current{
	background-color:#009494;border-style:none;font:bold 10px Arial;color:#ffffff;text-decoration:none;background-image:url("mainbk.png");
	background-position:0 100px;
	-pie-transition: background ease-in;
    -webkit-transition: background ease-in;
    -moz-transition: background ease-in;
    -o-transition: background ease-in;
    transition: background ease-in;
	}
ul#css3menu1 img{
	border:none;vertical-align:middle;margin-right:10px;}
ul#css3menu1 img.over{
	display:none;}
ul#css3menu1 li:hover > a img.def{
	display:none;}
ul#css3menu1 li:hover > a img.over{
	display:inline;}
ul#css3menu1 li a.pressed img.over{
	display:inline;}
ul#css3menu1 li a.pressed img.def{
	display:none;}
ul#css3menu1 span{
	display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#css3menu1 a{
	padding:10px;background-color:#111000;background-image:url("mainbk.png");background-repeat:repeat;background-position:0 200px;border-width:0px;border-style:none;border-color:;color:#cccccc;text-decoration:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li>a.pressed,ul#css3menu1 li.current>a {
	behavior: url(PIE.htc);
	background-color:#009494;background-image:url("mainbk.png");background-position:0 100px;border-style:none;color:#ffffff;text-decoration:none;
    -pie-transition: background ease-in;
-webkit-transition: background ease-in;
-moz-transition: background ease-in;
-o-transition: background ease-in;
transition: background ease-in;
	}

ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li>a.pressed{
	background-color:#333333;background-image:none;border-style:solid;border-color:#262626;font:13px Arial;color:#1f80ae;text-decoration:none;
	    -pie-transition: background ease-in;
-webkit-transition: background ease-in;
-moz-transition: background ease-in;
-o-transition: background ease-in;
transition: background ease-in;
}
ul#css3menu1 li.topfirst>a{
	height:16px;line-height:16px;border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;text-shadow:#000000 0px -1px 1px;}
ul#css3menu1 li.topfirst:hover>a,ul#css3menu1 li.topfirst>a.pressed{
	line-height:16px;text-shadow:#3d3d3d 0px -1px 1px;}
ul#css3menu1 li.topmenu>a{
	height:16px;line-height:16px;text-shadow:#000000 0px -1px 1px;}
ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu>a.pressed{
	line-height:16px;text-shadow:#3d3d3d 0px -1px 1px;}
ul#css3menu1 li.toplast>a{
	height:16px;line-height:16px;border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;text-shadow:#000000 0px -1px 1px;}
ul#css3menu1 li.toplast:hover>a,ul#css3menu1 li.toplast>a.pressed{
	line-height:16px;text-shadow:#3d3d3d 0px -1px 1px;}
	
	.slide {
		    margin-left: -300px;
    		margin-right: 500px;
    		margin-top: -222px;
    		width: 500px;
		}