/*stili per il layout fluido*/
html
{	
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: black
	}

body
{	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: none;
	color: white;
	font-family: georgia,verdana,arial,sans serif;
	font-size: 14px
	}

div#container
{	height: 100%;
	width: auto
	}
	
div#content
{	height: 100%;
	width: auto;
	margin: 0px 255px 0px 0px;
	padding: 0px;
	border-style: solid; 
	border-width: 0px; 
	border-color: #CCCC66;
    background-color: none
	}

/*stili specifici per layout particolari*/

div#news
{	height: auto;
	padding-top: 0px;
	overflow: auto;
	font: normal normal 14px georgia,verdana,arial,sans serif;
	color: orange
	}

div#r-navigation #news a
{	color: #CCCC66;
	font: normal normal 14px georgia,verdana,arial,sans serif;
	text-decoration: none
	}

div#r-navigation #news a:hover
{	color: #999933;
	text-decoration: underline
	}

div#r-navigation #news a#activelink
{	color: white;
	text-decoration: none
	}

div#containertick
{	height: auto;
	overflow: auto;
	padding-top: 10px;
	margin-bottom: 10px;
	border-top-style: dotted; 
	border-top-width: 1px; 
	border-top-color: orange; 
	color: white;
	background-color: none
	}
	
#screenshot
{	height: auto;
	width: auto;
	position: absolute;
	border-left: 2px solid black;
	border-top: 2px solid black;
	border-right: 2px solid black;
	background-color: black;
	padding: 5px;
	display: none;
	color: black;
	}

.default
{	background-image: url(index/teckell_back_default.gif);
	background-repeat: no-repeat
	}	
	
.index
{	background-image: url(back/index/teckell_back_index.gif);
	background-repeat: no-repeat
	}

.products
{	background-image: url(back/collection/teckell_back_collection.gif);
	background-repeat: no-repeat
	}	

.making-Of
{	background-image: url(back/making-of/teckell_back_making-of.gif);
	background-repeat: no-repeat
	}
	
.photo-video
{	background-image: url(back/photo-video/teckell_back_photo-video.gif);
	background-repeat: no-repeat
	}
	
.info
{	background-image: url(back/info/teckell_back_info.gif);
	background-repeat: no-repeat
	}
	
.contact
{	background-image: url(back/contact/teckell_back_contact.gif);
	background-repeat: no-repeat
	}
	
.press
{	background-image: url(back/press/teckell_back_press.gif);
	background-repeat: no-repeat
	}
	
.cat
{	background-image: url(back/cat/teckell_back_cat.gif);
	background-repeat: no-repeat
	}

.catdown
{	width: 30%;
	}
	
.design
{	background-image: url(design/teckell_back_design2.gif);
	background-repeat: no-repeat
	}

.en
{	color: #D0D0D0;
	font: italic normal 12px georgia,verdana,arial,sans serif;
	padding-top: 15px
	}

div#menu_contacts
{	height: auto;
	width: auto;
	overflow: auto;
	margin-top: 200px;
	padding: 10px;
	float: right;
	background-color: black;
	border-right-style: solid; 
	border-right-width: 1px; 
	border-right-color: #CCCC66;
	border-left-style: solid; 
	border-left-width: 1px; 
	border-left-color: #CCCC66;
	color: white;
	list-style-type: none
	}
	
div#menu_contacts ul
{	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none
	}

div#menu_contacts li
{	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px
	}
	
div#menu_contacts a
{	color: #CCCC66;
	font: normal bold 14px georgia,verdana,arial,sans serif;
	text-decoration: none
	}
	
div#menu_contacts a:hover
{	color: #999933;
	text-decoration: underline
	}
	
div#menu_contacts a#activelink
{	color: white;
	text-decoration: none
	}
	
div#menu_contacts p
{	font-size: 12px
	}

div#menu_contacts img
{	border-style: solid; 
	border-width: 0px; 
	border-color: #CCCC66;
	padding-left: 0px
	}

/*stili per menu prodotti*/
	
div#menu_products
{	height: auto;
	width: 150px;
	overflow: auto;
	margin-top: 140px;
	padding-bottom: 5px;
	float: right;
	background-color: black;
	border-right-style: solid; 
	border-right-width: 1px; 
	border-right-color: #CCCC66;
	border-left-style: solid; 
	border-left-width: 1px; 
	border-left-color: #CCCC66;
	color: white;
	list-style-type: none
	}
	
div#menu_products ul
{	float: right;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: list-item
	}

div#menu_products li
{	padding-top: 10px;
	padding-right: 20px
	}
	
div#menu_products a
{	color: #CCCC66;
	font: normal bold 14px georgia,verdana,arial,sans serif;
	float: right;
	padding-bottom: 10px;
	text-decoration: none
	}
	
div#menu_products a:hover
{	color: #999933;
	text-decoration: underline
	}
	
div#menu_products a#activelink
{	color: white;
	text-decoration: none
	}
	
div#menu_products p
{	font-size: 12px
	}

div#menu_products img
{	border-style: solid; 
	border-width: 0px; 
	border-color: #CCCC66;
	}
	
/*stili per menu info*/
	
div#menu_info
{	width: 50%;
	height: auto;
	overflow: auto;
	margin-top: 10px;
	padding: 20px 30px 20px 30px;
	float: right;
	background-color: black;
	border-right-style: solid; 
	border-right-width: 1px; 
	border-right-color: #CCCC66;
	border-left-style: solid; 
	border-left-width: 1px; 
	border-left-color: #CCCC66;
	color: white;
	list-style-type: none
	}
	
div#menu_info ul
{	margin: 0px;
	padding: 0px;
	list-style-type: none
	}

div#menu_info li
{	display: inline-table;
	padding: 10px 20px 0px 0px;
	float: left;
	width: auto
	}
	
div#menu_info a
{	color: #CCCC66;
	font: normal bold 14px georgia,verdana,arial,sans serif;
	text-decoration: none
	}
	
div#menu_info a:hover
{	color: #999933;
	text-decoration: underline
	}
	
div#menu_info a#activelink
{	color: white;
	text-decoration: none
	}
	
div#menu_info p
{	font-size: 12px
	}

div#menu_info img
{	padding-top: 20px;
	padding-bottom: 10px;
	border-style: solid; 
	border-width: 0px; 
	border-color: #CCCC66;
	}

/*stili per navigation*/	
	
div#r-navigation
{	float: right; 
	height: auto;
    width: 200px;
	overflow: auto;
	border-left-style: solid; 
	border-left-width: 1px; 
	border-left-color: #CCCC66; 
	padding: 10px 10px 10px 20px;
	margin: 10px 10px 10px 20px;
	background-color: black
	}

div#r-navigation ul
{	margin-top: 20px;
	margin-bottom: 20px; 
	padding: 0;
	font-size: 14px;
	list-style-type: none
	}

div#r-navigation li
{	margin: 0;
	padding: 0
	}
	
div#r-navigation a
{	color: #CCCC66;
	font: normal bold 14px georgia,verdana,arial,sans serif;
	text-decoration: none
	}
	
div#r-navigation a:hover
{	color: #999933;
	text-decoration: underline
	}
	
div#r-navigation a#activelink
{	color: white;
	text-decoration: none
	}
	
div#r-navigation p
{	font-size: 10px
	}
	
div#r-navigation p:a
{	font-size: 10px
	}

div#r-navigation img
{	border-style: solid; 
	border-width: 0px; 
	border-color: #CCCC66;
	}
	
/*stili per links menù right*/

div#r-link ul
{	margin-top: 30px; 
	padding: 0;
	font-size: 12px;
	list-style-type: none
	}

div#r-link li
{	margin: 0;
	padding: 0;
	font-weight: lighter
	}

div#r-link a
{	color: white;
	font: normal bold 12px georgia,verdana,arial,sans serif;
	text-decoration: none
	}

div#r-link a:hover
{	color: grey;
	text-decoration: underline
	}
	
div#r-link a#activelink
{	color: grey;
	text-decoration: none
	}
	
div#r-link p
{	font-size: 12px;
	margin-top: 80px
	}

/*stili per contenuto flash*/
	
#flashcontent 
{	height: 100%;
	width: auto;
	padding: 30px 10px 10px 30px;
	border-style: solid; 
	border-width: 0px; 
	border-color: #CCCC66;
    background-color: none
	}
	
div#flashcontent ul
{	width: auto;
	margin-top: 140px;
	padding: 0 20px 20px 20px;
	float: right;
	background-color: black;
	border-right-style: solid; 
	border-right-width: 1px; 
	border-right-color: #CCCC66;
	border-left-style: solid; 
	border-left-width: 1px; 
	border-left-color: #CCCC66; 
	list-style-type: none
	}

div#flashcontent li
{	padding-top: 15px;
	padding-bottom: 15px
	}
	
div#flashcontent a
{	color: #CCCC66;
	font: normal bold 14px georgia,verdana,arial,sans serif;
	text-decoration: none;
	background-color: black
	}
	
div#flashcontent a:hover
{	color: #999933;
	text-decoration: underline
	}
	
div#flashcontent a#activelink
{	color: white;
	text-decoration: none
	}
	
div#flashcontent p
{	font-size: 12px
	}

div#flashcontent img
{	width: auto;
	border-style: solid; 
	border-width: 0px; 
	border-color: #CCCC66;
	float: left
	}	

/*stili per contenuto slide immagini*/
	
div#slide
{	height: 90%;
	width: auto;
	overflow: auto;
	margin: 0px;
	padding: 15px;
	font: normal normal 12px georgia,verdana,arial,sans serif;
	border-style: solid; 
	border-width: 0px; 
	border-color: #CCCC66;
    background-color: none
	}
	
div#slide img
{	border: 10px solid #404040;
	margin: 0px;
	padding: 0px
}

div#slide ul
{	width: auto;
	margin: 0px;
	padding: 0px;
	float: left;
	border-style: solid; 
	border-width: 0px; 
	border-color: #CCCC66;
	list-style-type: none
	}

div#slide li
{	background-color: black;
	margin-bottom: 5px;
	margin-top: 0px;
	padding: 10px
	}
	
div#slide li img
{	border: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	}

div#slide a 
{ 	color: #CCCC66; 
	font: normal bold 14px georgia,verdana,arial,sans serif;
	vertical-align: 70%;
	padding-left: 10px;
	text-decoration: none
}

div#slide a:hover 
{ 	color: #999933; 
	text-decoration: underline 
}

div#slide p 
{ 	margin-top: 3px;
	background-color: black;
	font: 12px
}