body {
	background:#bdbfc5 url("../img/group_bg.png") no-repeat center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	text-align:center;}

a 	{	color:#333;
		text-decoration:none;
		border-bottom:dotted #666 1px;
	}
	
#container	{	display:block;
				width:960px;
				margin:auto;
				margin-top:40px;
			}
		
/***********************COLONNA SINISTRA ***********************/

#col_sx	{	float:left;
			width:230px;
		}
		
#logo	{ 	float:left;
			width:230px;
			height:100px;
			margin-top:40px;
		}
		
#logo span	{	position:relative;
				top:-5000px;
			}
#logo h1,h2	{	font-size:1.5em;}
			
/********************MENU*************************/

#menu	{	float:left;
			width:230px;
			height:380px;
		}
#menu ul 	{	padding:0;
			margin:0;
			list-style-type:none;
		}
#menu li 	{	border-bottom:dotted #666 1px;
			padding-top:2px;
			padding-bottom:2px;
			
		}
		
#menu  .top	{	border-top:dotted #666 1px;}

#menu #contacts	{	margin-top:142px; }

#menu a 	{	display:block;
			width:230px;
			height:26px;
			border:none;
		}
		
#menu a[class="here"]	{	background-color:#bbb;
		}
		
#menu a[class="here"]:hover	{	background-color:#bbb;
		}
		
#menu span	{	position:relative;
				z-index:-1;
				font-size:0px;
				left:-1000px;
			}
			
#a1	{	background:url("../img/li_home.png") no-repeat top left;}
#a1:hover	{	background:#79a1cc url("../img/li_home.png") no-repeat bottom left;}
#a2	{	background:url("../img/li_who.png") no-repeat top left;}
#a2:hover	{	background:#79a1cc url("../img/li_who.png") no-repeat bottom left;}
#a3	{	background:url("../img/li_where.png") no-repeat top left;}
#a3:hover	{	background:#79a1cc url("../img/li_where.png") no-repeat bottom left;}
#a4	{	background:url("../img/li_photo.png") no-repeat top left;}
#a4:hover	{	background:#79a1cc url("../img/li_photo.png") no-repeat bottom left;}
#a5	{	background:url("../img/li_contacts.png") no-repeat top left;}
#a5:hover	{	background:#79a1cc url("../img/li_contacts.png") no-repeat bottom left;}
#a6	{	background:url("../img/li_buisness.png") no-repeat top left;}
#a6:hover	{	background:#79a1cc url("../img/li_buisness.png") no-repeat bottom left;}


/**********************COLONNA DESTRA***************************/

#col_dx	{	float:left;
			width:710px;
		}
#header	{	float:left;
			width:700px;
			height:130px;
			margin:40px 5px 0 5px;
		}
#image	{	float:left;
			width:700px;
			height:100px;
			/*background:url("../img/image.jpg") no-repeat;*/
		}
#home #nav_bar {	background: none;}
#nav_bar{	float:left;
			width:700px;
			height:30px;
			background:url("../img/nav_bar.png") repeat-x;
			text-align:left;
			color:#333;
			padding-top:2px;
		}
#nav_bar a 	{	color:#666;
				border-bottom:dotted #aaa 1px;
			}
#nav_bar p	{	margin:7px 0 0 10px;	
			}
#page	{	float:left;
			width:710px;
			height:300px;
			background-color:white;
			color:#444;
		}

/**********FOOTER********/

#footer	{	display:block;
			width:710px;
			height:100px;
			/*background:url("../img/reflex.png") repeat-x;*/
			text-align:left;
		}
#footer #lang	{	float:right;
					padding:5px 20px 0 0;}
#footer #copyright	{	float:right;
						padding:5px 20px 0 0;}
#footer #credits		{	float:right;
						padding:5px 10px 0 0;
						}
		
/**********************BORDI************************/

#sx_border	{	float:left;
				width:6px;
				height:500px;
				/*background:url("../img/sx_border.png") no-repeat top right;*/
			}
#dx_border	{	float:left;
				width:6px;	
				height:500px;
				/*background:url("../img/dx_border.png") no-repeat;*/
			}
		
/**********************CLEAR************************/

.flux	{	clear:left;}

/**********************HOME*********************/

#home #page {	background:white url("../img/home_page.png") no-repeat;
				text-align:left;}
#home #products_menu {	float:left;
						width:210px;
						height:165px;
						padding:30px 0 0 457px;
					}
#home #products_menu a {	display:block;
						min-height:16px;
						padding-top:3px;
						border:none;
					}
#home #products_menu a:hover {	display:block;
								background:#bbb;
							}
#home #products_menu h4	{	font-family:verdana, sans-serif;
							color:#555;
							line-height:0px;
							height:8px;
							border-bottom:dotted #666 1px;
						}

/*********************GALLERY SECTIONS**************/
#doors #page {	background:white url("../img/doors_page.png") no-repeat;}
#windows #page	{	background:white url("../img/windows_page.png") no-repeat;}
#extdoors #page	{	background:white url("../img/extdoors_page.png") no-repeat;}
#facades #page	{	background:white url("../img/facades_page.png") no-repeat;}

#selection{	float:left;
					width:265px;
					height:170px;
					margin:15px 0 0 25px;
					text-align:left;
				}
#selection ul	{	list-style-type:none;
					margin:0;
					padding:0;}
#selection h4	{	font-family:verdana, sans-serif;
					line-height:0px;
					height:8px;
					border-bottom:dotted #666 1px;
				}
#selection a 	{	display:block;
					padding-top:3px;
					height:16px;
}
#selection a:hover 	{ background-color:#bbb;
						}


/***********OverFlow Img Viewer**************/

#gallery .thumbs	{	float:left;
					margin:20px 0 0 20px;}
#gallery #ie6gallery	{	float:left;
						width:700px;
						height:280px;
						overflow:auto;
					}

#viewer	{	position:relative;
			padding:30px 0 0 90px;
			width:520px;
			height:300px;
		}

#images	{	visibility:hidden;
		}
#loading_bar{
	margin-top:164px;
	margin-bottom:100px;
	text-align:center;
	width:500px;
}
#loading_bar img{
	margin-top:10px;
	position:relative; 
}
#captions{
	font-weight:bold;
	position:relative; 
	text-align:center;
	z-index:10000;
	top:40px;
	height:16px;
}
#scrollbar{
	visibility:hidden;
	position:relative;
	width:500px;
	border-bottom:1px solid #666;
	z-index:10001;
}
#slider{
	position:absolute;
	margin-top:-7px;
	margin-left:-7px;
	z-index:10002;
	background-image:url(../img/slider.png);
	background-repeat:no-repeat;
	width:14px;
	height:14px;	
}
#imageflow{
	float:left;
	text-align:center;
	width:500px;
	height:300px;
}
#imageflow img{
	position:absolute; 
	top:30px;
	border:none;
	}

/*******************PHOTOGALLERY INDEX************************/

#photo #sx {	float:left;
			width:350px;
			height:270px;
			margin:10px 0px 0 5px;
			background:white url("../img/sx_home.png") no-repeat;
		}
#photo #dx_menu	{	float:right;
					width:350px;
					height:240px;
					margin:10px 5px 0 0;}
#photo #dx_menu ul	{	list-style-type:none;
					margin:0;
					padding:0;
				}
#photo #dx_menu span	{	position:relative;
					top:-1000px;
					left:-1000px;
				}
#photo #dx_menu a 	{	display:block;
					width:350px;
					height:60px;
					border:none;
					margin-bottom:10px;
				}
#photo #li1	{	background:url("../img/doors_li.png") no-repeat bottom;}
#photo #li1:hover	{	background:url("../img/doors_li.png") no-repeat top;}
#photo #li2	{	background:url("../img/windows_li.png") no-repeat bottom;}
#photo #li2:hover	{	background:url("../img/windows_li.png") no-repeat top;}
#photo #li3	{	background:url("../img/extdoors_li.png") no-repeat bottom;}
#photo #li3:hover	{	background:url("../img/extdoors_li.png") no-repeat top;}
#photo #li4	{	background:url("../img/facades_li.png") no-repeat bottom;}
#photo #li4:hover	{	background:url("../img/facades_li.png") no-repeat top;}

/*******************WHERE***********************/

#where #sx	{	float:left;
				width:208px;
				height:256px;
				margin:18px 0 0 5px;
				padding:70px 10px 10px 10px;
				background:url("../img/gs_where.png") no-repeat top left;
			}
#where #dx	{	float:left;
				width:456px;
				height:270px;
				margin:0 0 0 15px;
			}
#where #description	{	float:left;
							width:208px;
							
							text-align:left;
					}

/*******************WHO*************************/

#who #description	{	float:left;
						width:700px;
						text-align:right;
						padding:120px 0 0 0;
					}

#who #page  {	background: url("../img/gs_who.png") no-repeat top right;
			}
			

/*******************CONTACT********************/

#contact #page 	{	text-align:left;
					padding-left:30px;
					width:680px;}

#contact #dx	{ 	float:left;
					width:416px;
					height:270px;
					margin:15px 0 0 0;
					padding-top:0px;
				}
#contact #sx	{	float:left;
					width:248px;
					height:270px;
					margin:15px 5px 0 0;
					background:url("../img/gs_contacts.png") no-repeat top right;
				}
#contact #description	{	float:left;
							width:416px;
							text-align:justify;
					}
#contact #description p	{	color:#777;}
#contact #contact_box	{	float:left;
							width:376px;
							padding:0;
							
							}
							


/***contact box alignement***/

#form_x label {	float:left;
				width:80px;
				height:15px;
				text-align:left;
				color:#666;
				}
.box_c {	
		display:block;
		width:290px;
		height:15px;
		border:none; 
		background:url("../img/form_pixel.png");
		}
#commento {	float:left;
			width:292px;
			font-family: Helvetica, Verdana, sans-serif;
			font-size:.97em;
			border:none; 
			background:url("../img/form_pixel.png");}
			
#f_submit	{	display:block;
				width:373px;
				height:30px;
				color:white;
				background:url("../img/contact_form_send_b.png") no-repeat bottom right;
				}


/*******************UPLOAD***********************/

#upload #page	{	text-align:left;}

#upload #results		{	display:block;
						width:700px;
						height:220px;
						overflow:auto;
						padding-left:5px;
					}
#upload #results a	{	display:block;
						width:665px;
						height:18px;
						border:none;
						padding-top:2px;
						padding-left:15px;
					}
#upload #results a:hover	{	background-color:#79a1cc;
							color:white;
						}
#upload #nav_bar a	{	float:right;
						margin:7px 20px 0 0;
					}
#upload #up_box	{	float:left;
					width:288px;
					border:dotted #999 1px;
					padding:30px;
					background-color:#f7f7f7;
				}
#upload #up_box:hover	{	background-color:#f0f0f0;}
#upload #submit	{	margin:10px 0 0 100px;}
#upload #dx	{	float:left;
				width:335px;
				height:270px;
				margin:15px 0 0 15px;
				background:url("../img/upload.png") no-repeat;
			}
#upload .response	{	display:block;
						margin:15px 0 0 120px;
						width:400px;
						padding:30px;
						border:dotted #999 1px;}
#upload #main_box_1, #upload #main_box_2, #upload #main_box_3, #upload #main_box_4	{	float:left;
																						width:223px;
																						height:270px;
																						margin:15px 0 0 10px;
																						border:none;
															}
#upload #main_box_1	{	background:url("../img/upload_upload.png") no-repeat;}
#upload #main_box_2	{	background:url("../img/upload_download.png") no-repeat;}
#upload #main_box_3	{	background:url("../img/upload_logout.png") no-repeat;}
#upload #main_box_4	{	background:url("../img/upload_noupload.png") no-repeat;}
			
/**********************LOGIN E UPLOAD*********************/

#login #sx, #upload #sx	{	float:left;
				width:350px;
				margin:15px 0 0 5px;}
#login #dx	{	float:left;
				width:335px;
				height:270px;
				margin:15px 0 0 15px;
				background:url("../img/lucchetto.png") no-repeat;
			}
				
#login #description, #upload #description	{	float:left;
						width:350px;
						text-align:justify;
					}
#login #description p, #upload #description p	{ margin:0 0 30px 0;}
						
#login #auth_box	{	float:left;
					width:288px;
					padding:30px;
					background-color:#f7f7f7;
					border:dotted #999 1px;
				}
#login #auth_box:hover 	{	background-color:#f0f0f0;}
.box	{	font-size:1em;
			border:solid #666 1px;
			}
#login #auth_box #password	{	margin:2px 0 0 8px;}
#login #auth_box #username		{	margin-left:4px;}