/* AromaBag 2009 - StudioPuntini 18.05.09 */

body {
	font: 0.7em/1em Helvetica, Arial, Geneva, sans-serif;
	color: black;
	background: #1f1803 url(../images/bg4.jpg) repeat-x fixed 0 top;
}

img{border:0}

#container{
	margin: 0 auto;
	width: 1011px;
	height: 530px;
}

#header{
width: 1011px;
height: 82px;
margin-top:20px
}

#logo{
	width: 379px;
	height: 82px;
	margin-top: 20px;
	background: url(../images/logo.png) no-repeat;
}

#logo a{
    display: block;
    width: 379px;
	height: 82px;
}

#logo2{
	width: 379px;
	height: 82px;
	background: url(../images/logo.png) no-repeat;
	float: left;
}

#logo2 a{
    display: block;
    width: 379px;
	height: 82px;
}

#spot{
width: 468px;
height: 62px;
float:right;
margin-top: 10px;
margin-right:1px;
}

#content{
	background: url(../images/centrale.png) no-repeat;
	width: 1010px;
	height: 499px;
	margin-top: 10px;
}
#content2{
	background: url(../images/centrale.png) no-repeat;
	width: 1010px;
	height: 499px;
	margin-top: 10px;
}

#footer{
	background: url(../images/footer.png) no-repeat;
	width: 1011px;
	height: 24px;
}

#intro{
	width: 1011px;
	height: 499px;
	margin-top: 10px;
}

#disegnoborsa{
float: right;
}

#rollbags{
width: 650px;
height: 300px;
overflow: scroll-x;
}

/* menu --------------------------------------------------------------------------------*/

#menu{position: relative; float: left; left: 25px; top: 70px; height: 500px; width: 144px;}

.sottomenu {overflow: hidden; clear: both}
.sottomenu ul{
list-style: none;
margin:0;
padding-left:10px;
font: 1.3em/1.2em Helvetica, Arial, Geneva, sans-serif;
}

.sottomenu li a,
.sottomenu li a:visited{
	margin: 0;
	display: block;
	text-decoration: none;
	color: black;
}

.sottomenu li a:hover {
	color: #a12121;
	text-decoration: none;
}


#bags a{display: block; background: url('../images/menu_01.png'); width: 144px; height: 29px; float: left; text-indent: -9999px;}
#bags a:hover{background: url('../images/menu_01.png') 144px 0;}
#bags span{display: none}
#bags_sel a{display: block; width: 144px; height: 29px; background: url('../images/menu_01.png') 144px 0; float: left;}
#bags_sel span{display: none}

#aboutus a{display: block; background: url('../images/menu_02.png'); width: 144px; height: 32px; float: left;}
#aboutus a:hover{background: url('../images/menu_02.png') 144px 0;}
#aboutus span{display: none}
#aboutus_sel a{display: block; width: 144px; height: 32px; background: url('../images/menu_02.png') 144px 0; float: left;}
#aboutus_sel span{display: none}

#story a{display: block; background: url('../images/menu_03.png'); width: 144px; height: 33px; float: left;}
#story a:hover{background: url('../images/menu_03.png') 144px 0;}
#story span{display: none}
#story_sel a{display: block; width: 144px; height: 33px; background: url('../images/menu_03.png') 144px 0; float: left;}
#story_sel span{display: none}

#production a{display: block; background: url('../images/menu_04.png'); width: 144px; height: 30px; float: left;}
#production a:hover{background: url('../images/menu_04.png') 144px 0;}
#production span{display: none}
#production_sel a{display: block; width: 144px; height: 30px; background: url('../images/menu_04.png') 144px 0; float: left;}
#production_sel span{display: none}

#partners a{display: block; background: url('../images/menu_05.png'); width: 144px; height: 32px; float: left;}
#partners a:hover{background: url('../images/menu_05.png') 144px 0;}
#partners span{display: none}
#partners_sel a{display: block; width: 144px; height: 32px; background: url('../images/menu_05.png') 144px 0; float: left;}
#partners_sel span{display: none}

#press a{display: block; background: url('../images/menu_08.png'); width: 144px; height: 30px; float: left;}
#press a:hover{background: url('../images/menu_08.png') 144px 0;}
#press span{display: none}
#press_sel a{display: block; width: 144px; height: 30px; background: url('../images/menu_08.png') 144px 0; float: left;}
#press_sel span{display: none}

#shop a{display: block; background: url('../images/menu_09.png'); width: 144px; height: 30px; float: left;}
#shop a:hover{background: url('../images/menu_09.png') 144px 0;}
#shop span{display: none}
#shop_sel a{display: block; width: 144px; height: 30px; background: url('../images/menu_09.png') 144px 0; float: left;}
#shop_sel span{display: none}

#contacts a{display: block; background: url('../images/menu_06.png'); width: 144px; height: 26px; float: left;}
#contacts a:hover{background: url('../images/menu_06.png') 144px 0;}
#contacts span{display: none}
#contacts_sel a{display: block; width: 144px; height: 26px; background: url('../images/menu_06.png') 144px 0; float: left;}
#contacts_sel span{display: none}

#credits a{display: block; background: url('../images/menu_07.png'); width: 144px; height: 30px; float: left;}
#credits a:hover{background: url('../images/menu_07.png') 144px 0;}
#credits span{display: none}
#credits_sel a{display: block; width: 144px; height: 30px; background: url('../images/menu_07.png') 144px 0; float: left;}
#credits_sel span{display: none}

#newsletter{
float: left;
margin-top: 17px;
}


/* content --------------------------------------------------------------------------------*/

h1{font: bold 1.3em/1em Helvetica, Arial, Geneva, sans-serif; letter-spacing: -0.02em; background-color: #d89400; padding: 7px 0 4px 5px; margin-bottom: 20px}
h2{font: 1.1em/1em Helvetica, Arial, Geneva, sans-serif}
p{padding: 10px}

#testo{
	width: 650px;
	height: 450px;
	font: 1.1em/1.5em Helvetica, Arial, Geneva, sans-serif;
	color: black;
	float: left;
	margin-left: 200px;
	margin-top: 60px;
}

#testo a,
#testo a:visited
{
	color: #a00;
	text-decoration: none;
}

#testo a:hover{
	color: #6c0000;
	text-decoration: underline;
}

#testo img{
	border:0px;
	padding: 5px;
}

.bag{
	color: #c38400;
	font-weight: bold;
}

#banner{
width: 90%;
margin: 0 auto;
background: #f9f8d4;
padding:12px;
border-bottom: 1px dotted #fca649;
border-top: 1px dotted #fca649;
}

.fascetta-check{
width: 90%;
background: #f9f8d4	url(../images/icon_check.png) no-repeat left;
padding:6px 6px 6px 45px;
border-bottom: 1px dotted #fca649;
border-top: 1px dotted #fca649;
}

.fascetta-user{
width: 90%;
background: #f9f8d4	url(../images/icon_user.png) no-repeat left;
padding:6px 6px 6px 45px;
border-bottom: 1px dotted #fca649;
border-top: 1px dotted #fca649;
}

#borsahome{
float: right;
margin-right:15px;
}

.form{
height:300px;
overflow:auto;
}

/* slider --------------------------------------------------------------------------------*/

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}
#slider li{ 
/* 
	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
*/ 
	width:650px;
	height:270px;
	overflow:hidden; 
}
span#prevBtn{}
span#nextBtn{}


/* formmail --------------------------------------------------------------------------------*/

input,
textarea{
	padding: 3px;
	font-size: 1em;
}

input:focus,
textarea:focus{
 background: #efefef;
}

/* carosello --------------------------------------------------------------------------------*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	padding-bottom: 20px;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}

#logoParade
{
	width: 650px;
	height: 220px;
	position: relative;
}

#logoParade-partners
{
	width: 650px;
	height: 150px;
	position: relative;
}

#logoParade div.scrollableArea img
{
	float: left;
	margin-left: 25px;
}