body
{
		background-color: #282425;
		font-size: .75em;
		font-family: Verdana, Helvetica, Sans-Serif;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
}

h2
{
		font-family: Verdana, Helvetica, Sans-Serif;
		font-size: 1em;
		color: red;
}

p
{
		font-family: Verdana, Helvetica, Sans-Serif;
		font-size: .95em;
		text-align: left;
		line-height: 1.6em;
		margin-bottom: 20px;
}

.titolo
{
		font-family: Verdana, Helvetica, Sans-Serif;
		font-size: 1.5em;
		text-align: left;
		line-height: 1.6em;
		margin-bottom: 20px;
		font-weight: bold;
		color: #4f4f37;
}

.newsTitolo
{
		font-family: Verdana, Helvetica, Sans-Serif;
		font-size: 1em;
		text-align: left;
		line-height: 1em;
		margin-bottom: 10px;
		font-weight: bold;
		color: #4f4f37;
}

ul
{
		text-align:left;
		font-size: .95em;
		line-height: 4em;
		margin-bottom: 20px;
}

ul li
{
		list-style-type: none;
		background: transparent url("/Images/bullet.png") no-repeat 0 50%; 
		padding-left: 25px; 
}

@font-face {
		font-family: 'etobicoke';
		src: url('/home/GetFont');
}

a:link
{
		font-family: etobicoke, verdana;
		color: #666555;
		font-size:small;
	 text-decoration: none;
}

a:visited
{
		font-family: etobicoke, verdana;
		color: #666555;
		font-size:small;
		text-decoration: none;
}

a:hover
{
		font-family: etobicoke, verdana;
		color: #666555;
		font-size:small;
}

a:active
{
		font-family: etobicoke, verdana;
		color: #666555;
		font-size:small;
		text-decoration: none;
}

.menuText a:link
{
		font-family: etobicoke, verdana;
		color: #282425;
		font-size: large;
		font-weight: bold;
		text-decoration: none;
}

.menuText a:visited
{
		font-family: etobicoke, verdana;
		color: #282425;
		font-size: large;
		font-weight: bold;
		text-decoration: none;
}

.menuText a:hover
{
		font-family: etobicoke, verdana;
		font-size: large;
		font-weight: bold;
		color: White;
		text-decoration: none;
}

.menuText a:active
{
		font-family: etobicoke, verdana;
		font-size: large;
		font-weight: bold;
		color: #282425;
		text-decoration: none;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
#main
{
		position:relative;
		z-index: 0;
		width: 100%;
		height: 100%;
		max-height: 100%;
		top: +0px;
		left: +0px;
		text-align: center;
		text-align: -moz-center;
}

#testata
{
		width: 960px;
		height: 70px;
		z-index: 20;
		background-image: url("/images/nav-mid.jpg");
}

#mainpage
{
		position:relative;
		margin-left: auto;
		margin-right: auto;
		width: 960px;
		z-index: 1;
		background-color: #282425;
		background-image: url("/images/torepix-bg.jpg")
}

#page
{
		position:relative;
		margin-left: auto;
		margin-right: auto;
		width: 960px;
		height: 100%;
		min-height: 100px;
		top: 110px;
		z-index: 100;
}

#content
{
		top: -30px;
		margin-top: 30px;
		width: 960px;
		height: 100%;
		min-height: 500px;
		position: relative;
		background: White url("/images/bg-box-chiaro-.jpg") repeat-x;
}

/* MENU */

#logo
{
		position: absolute;
		top: 20px;
		left: 50px;
		z-index: 50;
}

#btnHomeBg
{
		position: absolute;
		z-index: 39;
		top: 22px;
		left: 10px;
		width: 90px;
		height: 75px;
		cursor: pointer;
}

#btnCaratteristicheBg
{
		position: absolute;
		z-index: 39;
		top: 22px;
		left: 110px;
		width: 110px;
		height: 75px;
		cursor: pointer;
}

#btnVantaggiBg
{
		position: absolute;
		z-index: 39;
		top: 22px;
		left: 265px;
		width: 90px;
		height: 75px;
		cursor: pointer;
}

/*
#btnVantaggiHover
{
		display: none;
		position: absolute;
		z-index: 40;
		top: 0px;
		left: 20px;
}

#btnVantaggiBg:hover #btnVantaggiHover
{
		display: block;
}
*/

#btnScreenShotBg
{
		position: absolute;
		z-index: 39;
		top: 22px;
		left: 370px;
		width: 110px;
		height: 75px;
		cursor: pointer;
}

#btnFAQBg
{
		position: absolute;
		z-index: 39;
		top: 22px;
		left: 480px;
		width: 90px;
		height: 75px;
		cursor: pointer;
}

#btnAssistenzaBg
{
		position: absolute;
		z-index: 39;
		top: 22px;
		left: 570px;
		width: 90px;
		height: 75px;
		cursor: pointer;
}

#btnRivenditoriBg
{
		position: absolute;
		z-index: 39;
		top: 22px;
		left: 690px;
		width: 117px;
		height: 75px;
		cursor: pointer;
}

#btnContattaciBg
{   
		position: absolute;
		z-index: 39;
		top: 22px;
		left: 830px;
		width: 90px;
		height: 75px;
		cursor: pointer;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

#formField
{
		float:left;
}

fieldset 
{
		margin: 1em 0;
		padding: 1em;
		border: 1px solid #CCC;
		width: 400px;
}

fieldset p 
{
		margin: 2px 12px 10px 10px;
}

fieldset label 
{
		display: block;
}

fieldset label.inline 
{
		display: inline;
}

legend 
{
		font-size: 1.1em;
		font-weight: 600;
		padding: 2px 4px 8px 4px;
}

input[type="text"] 
{
		width: 200px;
		border: 1px solid #CCC;
}

#Message
{
		width: 200px;
		height: 70px;
		border: 1px solid #CCC;
}

.field-validation-error
{
		color: Red;
		font-size: 1em;
}

#homesContainer
{
		position: relative;
		top: 20px;
}

#pageContainer
{
		position: relative;
		top: 20px;
		margin-left: 20px;
		margin-right: 20px;
}

.screenshotContainer
{
		height:100%;
}

.screenshot
{
		margin-bottom: 20px;
}

/* FAQ */

.faqQuestione
{
		
}

.faqTitolo
{
		font-size: 0.95em;
		text-decoration: underline;   
		cursor: pointer;
}

.faqTesto
{
		display: none;
		margin-left: 30px;
		border-left: solid 1px green;
		padding-left: 10px;
		margin-right: 50px;
		text-align: justify;
}

#expandAll
{
		font-size: 0.75em;
		cursor: pointer;
		text-decoration: underline;
}

#closeAll
{
		font-size: 0.75em;
		cursor: pointer;
		text-decoration: underline;
}

/* Visual */

#imgVisual
{
		z-index: 150;
		position: absolute;
		background-image: url("../../images/visual.png");
		background-repeat: no-repeat;
		top: 0px;
		left: 450px;
		width: 468px;
		height: 200px;
}

#shadowVisual
{
		z-index: 150;
		position: absolute;
		background-image: url("../../images/ombra.png");
		background-repeat: no-repeat;
		top: 65px;
		left: 60px;
		width: 849px;
		height: 19px;
}

#dividerVisual1
{
		z-index: 150;
		position: absolute;
		background-image: url("../../images/divider.png");
		background-repeat: no-repeat;
		top: 50px;
		left: 310px;
		width: 1px;
		height: 200px;
}

#dividerVisual2
{
		z-index: 150;
		position: absolute;
		background-image: url("../../images/divider.png");
		background-repeat: no-repeat;
		top: 50px;
		left: 645px;
		width: 1px;
		height: 200px;
}

#beginVisual
{
		position: absolute;
		z-index: 165;
		width: 450px;
		height: 50px;
}

#homeSpace
{
		position: relative;
		background-color: #282425;
		top: 430px;
		height: 20px;
		width: 100%;
		z-index: 200;
}

#homeContainer
{
		position: relative;
		background: #282425 url('/images/bg-bottom-box.jpg') repeat-x;
		top: 400px;
		margin-top: 30px;
		height: 275px;
		width: 100%;
}

#demoVisual
{
		position: absolute;
		top: 40px;
		left: 330px;
		width: 300px;
		height: 240px;
}

#coseVisual
{
	position: absolute;
		top: 40px;
		left: 20px;
		width: 290px;
		height: 240px;
}

#vantaggiVisual
{
		position: absolute;
		top: 40px;
		left: 630px;
		width: 300px;
		height: 240px;
}

#rights
{
		position:relative; 
		left: -150px; 
		z-index: 200; 
		height: 30px; 
		top: 80px; 
		width: 50%; 
		color: #b4cf0a;
}

#tabellaversioni
{
		width: 90%;
		border: 0px solid;
}

#tabellaversioni thead
{
		font-family: etobicoke, verdana;
		font-size: large;
		color: White;
		border: 0px;
		background-image: url("/images/versioni/menu-price-mid.png");
}

#tabellaversioni thead td
{
		margin: 0px;
		padding: 0px;
		height: 61px;
		text-align: center;
}

#tabellaversioni .init
{
		border-left: 1px solid white;
}

#tabellaversioni .end
{
		border-right: 1px solid white;
}

#tabellaversioni tr
{
		height: 30px;
}

#tabellaversioni tbody td
{
		width: 20%;
		background-color: white;
		vertical-align: middle;
		text-align: center;
		
		border-left: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
}

#tabellaversioni .first
{
		padding-left: 5px;
		text-align: left;
		width: 40%;
		
		border-left: 3px solid #EEE;
}

#tabellaversioni .last
{
		border-right: 3px solid #EEE;
}

#tabellaversioni tfoot td
{
		width: 20%;
		background-color: white;
		vertical-align: middle;
		text-align: center;
		
		border-left: 1px solid #CCC;
		border-bottom: 3px solid #EEE;
}

#legenda td
{
		padding-left: 10px;
		height: 40px;
		text-align: left;
}

				#rights 
				{
						top: 320px;
				}
				
				#slides {
					position:absolute;
					top:15px;
					left:50px;
					z-index:300;
				}

				#slides .next,#slides .prev {
					position:absolute;
					top:107px;
					left:-39px;
					width:24px;
					height:43px;
					display:block;
					z-index:301;
				}

				.slides_container {
					width:860px;
					height:390px;
					overflow:hidden;
					position:relative;
				}

				#slides .next {
					left:835px;
				}