/*******************************************************
Css styles for http://www.italdesignmarble.it 
Last modified on : 10/15/2009
Author : Michela Chiucini http://www.colazionedamichy.it
********************************************************/

/*-----------------------------------------------------
	GLOBAL SETTINGS 
-----------------------------------------------------*/

html { 	background : #000;  }

body { 
	color : #acacac;
	font : 75%/130% Arial, Verdana, Helvetica, Tahoma, sans-serif;
    width : 100%;
	text-align:center;
}

#page { 
	position : relative;
	margin : 0 auto;
	width : 910px;
	padding : 0;
	background: transparent url(images/footer-bg.jpg) left bottom repeat-x;
}

a { text-decoration : none; color : #fff; }
a:hover { text-decoration : underline; }

#branding{
  height : 170px;
  text-align : left;
  background : #252525 url(images/branding-bg.jpg) left bottom no-repeat;
}
#branding h1{
	float : left;
	width : 115px;
	padding-top : 13px;
}
#branding h1 a:hover{
	border : none;
}
#branding h2{
	float : left;
	width : 370px;
	height : 100px;
	background : transparent url('images/tagline-bg.jpg') 175px 30px no-repeat;
	text-indent : -1999px;
	padding-top : 39px;
	padding-left : 175px;
}
#branding h3, #projects #branding h3, #products #branding h3, #about #branding h3, #materials #branding h3{
	float : left;
	width : 168px;
	height : 100px;
	background : transparent url('images/tagline2-bg.gif') right 29px no-repeat;
	text-indent : -1999px;
	padding : 39px 0 0 29px;
	text-align : left;
}
#content { 
   text-align : left;
   padding-bottom : 15px;
   background : transparent url('images/content-bg.jpg') left 1px repeat-x;
   padding-top : 30px;
   height: auto !important;
   height: 580px; 
   min-height: 580px;
    
}
h3{
	color: #464646;
	font-size:1.2em;
	font-weight:normal;
	padding-bottom:30px;
	padding-left:25px;
	padding-top:20px;
	text-transform:uppercase;
}


/*-----------------------------------------------------
	NAVIGATION SETTINGS 
-----------------------------------------------------*/
#navigation{
	height : 43px;
	width : 910px;
	text-align : left;
	background-image : url('images/nav-item.jpg') ;
}
#navigation li{
  background-image : url('images/nav-item.jpg') ;
  text-indent : -1999px;
  float : left;
  width : 150px;
  margin-right : 2px;
  height : 43px;
}
#navigation li#nav-about, #navigation li#is-nav-about{ margin-right : 1px; }
#navigation li#nav-materials, #navigation li#is-nav-materials{  margin-right : 0px; }
#navigation li#nav-projects, #navigation li#is-nav-projects{ margin-right : 0px; width : 149px;}
#navigation li#nav-products, #navigation li#is-nav-products{ margin-right : 0px; width : 148px;}

#navigation li#nav-contact, #navigation li#is-nav-contact{ margin-right : 0; width : 160px; }
#navigation li a{
  display : block;
  background-image : url('images/nav-item.gif') ;
  border : none;
  height : 43px;
}

#nav-home, #nav-home a{ 
	background-position : 0px 0px;  }	
#nav-home:hover, #nav-home a:hover{ 
	background-position : 0px -43px;}
#is-nav-home, #is-nav-home a{ 
	background-position : 0px -86px;  }	
	
	
#nav-about, #nav-about a{ 
	background-position : -152px 0px;}	
#nav-about:hover, #nav-about:hover{ 
	background-position : -152px -43px; }
#is-nav-about, #is-nav-about a{ 
	background-position : -152px -86px; }	

#nav-materials, #nav-materials a{ 
	background-position : -304px 0px; }	
#nav-materials:hover, #nav-materials a:hover{ 
	background-position : -304px -43px; }
#is-nav-materials, #is-nav-materials a{ 
	background-position : -304px -86px; }
	

#nav-projects, #nav-projects a{ 
	background-position : -456px 0px; }	
#nav-projects:hover, #nav-projects a:hover{ 
	background-position : -456px -43px;}
#is-nav-projects, #is-nav-projects a{ 
	background-position : -456px -86px;}
	
	
#nav-products, #nav-products a{ 
	background-position : -608px 0px; }	
#nav-products:hover, #nav-products a:hover{ 
	background-position : -608px -43px; }
#is-nav-products, #is-nav-products a{ 
	background-position : -608px -86px; }
	

#nav-contact, #nav-contact a{ 
	background-position : -756px 0px; }	
#nav-contact:hover, #nav-contact a:hover{ 
	background-position : -756px -43px; }		
#is-nav-contact, #is-nav-contact a{ 
	background-position : -756px -86px; }		
		
	
#navigation li a:hover { overflow : hidden; }

/*-----------------------------------------------------
	HOME PAGE SETTINGS 
-----------------------------------------------------*/

.slideshow { height: 405px; width: 886px;  border-top : 10px solid #363636; border-bottom : 10px solid #363636; margin-top : 20px; margin-left : 12px;}

#raw-materials, #it-tech, #maintenance { 
	width : 270px; 
	height : 280px; 
	float : left;  
	background : transparent url(images/raw-mat-bg.jpg) 10px 110px no-repeat; 
	padding-top : 40px; 
	padding-bottom : 70px;
}
#raw-materials { 
	padding-left : 12px;
}
#maintenance { 
	padding-right : 12px;
	background : none;
}

#raw-materials h3, #it-tech h3, #maintenance h3{ 
	border-top : 1px solid #363636;
	border-bottom : 1px solid #363636;
	color : #fff;
	letter-spacing : 1px;
	text-transform : uppercase;
	padding : 15px 0 10px 7px;
	font-size: 0.95em;
	font-weight : normal;
}
#maintenance h3{ 
	padding : 8px 0 2px 7px;
}
#raw-materials p{ 
	padding : 197px 10px 0 5px;
	
}
#it-tech { 
	background : transparent url(images/it-tech-bg.jpg) left 110px no-repeat; 
	margin-left : 35px;
}

#it-tech p{ 
	padding : 148px 10px 0 10px;
	line-height : 165%;
}
#raw-materials p, #it-tech p{ 
	font-size : 1em;
	font-weight : normal;
}
#raw-materials p a, #it-tech p a{ 
	color : #ccc;
}

#maintenance p a:hover{ 
	text-decoration : none;
}

#raw-materials p a:hover, #it-tech p a:hover{ 
	color : #fff;
	text-decoration:none;
}

#maintenance { 
	/*background : transparent url(images/maintenance-bg.jpg) left 110px no-repeat; */
	margin-left : 35px;
}
#maintenance p{ 
	padding-top : 28px;
}

/*-----------------------------------------------------
	PRODUCTS SETTINGS 
-----------------------------------------------------*/
#products h3{ 
	float : left;
	width : 315px;
	padding-left : 0;
	padding-top : 8px;
	padding-bottom : 9px;
	line-height:1.2em;
	text-align:center;
	padding-left:26px;
	padding-right : 5px;
}
#products h3 span{ 
	letter-spacing : 0;
	text-transform:none;
}

#products-cat{ 
	width : 888px;
	padding-left : 22px;
	padding-top:45px;
}
#products-cat li{ 
	width : 198px;
	height : 240px;
	margin: 0 22px 22px 0;
	float : left;
	border : 1px solid #1a1a1a;
	background:transparent url(images/category-bg.jpg) left top repeat-x;
}
#products-cat li h4{ 
	text-transform : uppercase;
	font-size: 0.8em;
	height : 30px;
	padding : 12px 0 0 ;
	border-bottom: 1px solid #333;
	color : #acacac;
	font-weight : normal;
}
#products-cat li img{ 
	border : 3px solid #636363;
	margin-top : 10px;
}
#products-cat li img:hover{ 
	border : 3px solid #a1a1a1;
}
#products-cat li a:hover{ 
	border : none;
}

#products-gallery{ 
	width : 865px;
	padding-left : 26px;
	clear : both;
}
#products-gallery li{ 
	float : left;
	border : 1px solid #1a1a1a;
	position:relative;
	margin: 0 10px 10px 0;
}

#products-gallery li img{ 
	padding : 6px;
}
#products-gallery li img:hover{ 
	background-color : #252525;
}
#products-gallery li img.sold{ 
	padding : 0;
	position:absolute;
	left:115px;
	top:0;
	display:inline;
}
#products-gallery li img.sold:hover{ 
	background-color : transparent;
}

#products-gallery li a{ 
	height : 160px;
	display : block;
}
#products-gallery li a:hover{ 
	border : none;
}

#cat-intro{ 
	color : #acacac;
	font-size : 78%;
	line-height : 1.5em;
	padding : 8px 26px 30px;
	text-align : left;
}

/*-----------------------------------------------------
	MATERIALS SETTINGS 
-----------------------------------------------------*/


#materials h3{ 
	padding-left : 0;
	padding-top : 0;
	padding-bottom : 30px;
}
#materials #content p{ 
	font-weight : bold;
	font-size : 0.65em;
	text-transform : uppercase;
}
#materials fieldset{ 
	border : 1px solid #1a1a1a;
	padding : 0px 10px 10px 10px;
}

#materials fieldset legend{ 
	color : #a1a1a1;
	text-transform:uppercase;
	font-size : 0.75em;
	letter-spacing : 1px;
}
#materials form{ 
	width : 230px;
	text-align : left;
	float : left;
	margin-left: 18px;
}
#materials form#type_s{ 
	width : 560px;
	margin-left : 36px;
}
#materials form div{ 
	width : 120px;
	float : left;
	padding-right : 0px;
	padding-top : 15px;
	padding-left: 5px;
}
#materials form #color{ 
	padding-right : 75px;
}

#materials #content form div p{ 
	padding : 3px 0;
	overflow: hidden;

}

#materials form div p span{ 
	margin-left : 20px;
	display : block;
}
#materials form #type{ 
	padding-left : 115px;
	width : 173px;
}

#materials form div p input{ 
	float : left;
}
#materials form .search-btn{ 
	width : 522px;
	text-align : left;
	padding-top : 10px;
}
#materials #general_s .search-btn{ 
	width : 192px;
	text-align : left;
}
#materials form .search-btn input{ 
	border : 1px solid #999;
	background-color : #636363;
	color : #fff;
	font-family : inherit;
	padding : 0 3px;
}
/*#materials form .form_img{ 
	vertical-align:middle;
}
#materials form#type_s .form_img{ 
	padding-top :8px;
}*/

#mat_name, #materials select{ 
	width : 220px;
	margin-left : 3px;
	background-color:#636363;
	border:none;
	padding: 1px;
	color:#fff;
	font-family : inherit;
	margin-top:15px;
}
#mat_name{ 
	width : 200px;
}
#search_result { 
	clear : both;
	padding-top:30px;
	overflow:auto;
	padding-bottom : 200px;
}

#search_result h4{ 
	color : #3a3a3a;
	text-transform : uppercase;
	font-weight : bold;
	font-size : 0.95em;
	letter-spacing : 1px;
	padding-bottom : 10px;
	padding-top : 10px;
}
#mat_list li{ 
	text-align : left;
	width : 270px;
	float : left;
	margin-left : 18px;
	color: #a1a1a1; 
	font-size:0.7em;
	font-weight:bold;
	padding-bottom:20px;
	padding-left:10px;
}
#mat_list li img{ 
	border : 2px solid #1a1a1a;
}
#mat_list li img:hover{ 
	border : 2px solid #999;
}

#mat_list li span{ 
	width : 115px;
	display: block;
	float:right;
	padding-right : 5px;
}

/*-----------------------------------------------------
	TOOLTIP 
-----------------------------------------------------*/

#tooltip {
	 position: absolute;
	 z-index: 3000;
	 border: 1px solid #111;
	 background-color: #eee;
	 padding: 5px;
	 opacity: 0.85;
} 
#tooltip h3{
	font-family : Arial, Verdana, Helvetica, Tahoma, sans-serif;
	font-size : 90%;
	line-height : 1.5em;
	padding : 5px;
	width : auto;
	font-weight : bold;
	text-transform:none;
} 


/*-----------------------------------------------------
	ABOUT SETTINGS 
-----------------------------------------------------*/
#about h3{ 
	float : left;
	width : 228px;
	padding-left : 0;
	padding-top : 29px;
	padding-bottom : 9px;
}
#about-intro, #method{ 
	color : #acacac;
	font-size : 78%;
	line-height : 1.6em;
	padding : 8px 26px 20px;
	text-align : left;
}

#method{ 
	margin-left : 228px;
	width : 630px;
}
#pic-about {  height : 221px; width : 862px; border:1px solid #1a1a1a; margin-left : 22px; }
#pic-about img{ padding : 6px; }
#about ol {  list-style-type : decimal; list-style-position : inside; padding : 0 26px 50px;}
#about ol li{  padding : 10px 0; border-bottom : 1px solid #1a1a1a; text-align:left; font-size:0.8em; overflow : auto; line-height:1.6em;}
#about ol li img{  float : left; margin-right : 40px; padding : 20px 0; }
.clean{  clear : both }
/*-----------------------------------------------------
	PROJECTS SETTINGS 
-----------------------------------------------------*/

#projects #content {  font-size : 130%; line-height : 150%; padding : 30px 50px; }
#projects h3{ 
	float : left;
	width : 327px;
	padding-left : 72px;
	padding-top : 23px;
	padding-bottom : 9px;
	line-height : 1.2em;
	text-align : left;
}
#projects #cat-intro{ 
	padding : 27px 26px 0px 26px;
}

#projects ol {  list-style-type : none;  padding : 0 26px 50px;}
#projects ol li{  padding : 10px 0; border-bottom : 1px solid #1a1a1a; text-align:left; font-size:0.8em; overflow : auto; line-height:1.6em;}
#projects ol li span{ display : block; float : left;}
#projects ol li a{ display : block;}
.anno{ width : 60px;}
.luogo{ width : 150px;}
.pro-name{ width : 300px;}

#projects table { width : 810px; margin-top : 40px; margin-bottom: 60px;}
#projects table th{ text-transform : uppercase; border-bottom : 1px solid #363636; font-size : 0.7em; font-weight : bold; letter-spacing : 1px; padding-bottom : 10px;}
#projects table th.mat-used{ padding-left : 39px;}
#projects table th.anno{ padding-left : 10px;}
#projects table td.pro-name a{ display : none;}
#projects table td.pro-name a.first{ display : block;}

#projects table td{  padding : 10px 0; border-bottom : 1px solid #1a1a1a; text-align:left; font-size:0.8em; overflow : auto; line-height:1.6em;}
#projects table td.anno{ padding-left : 10px; width : 70px;}
#projects table td.pro-name{ width : 340px;}
#projects table td.luogo{ width : 180px;}
#projects table td.materiali{ width : 220px;}

/*-----------------------------------------------------
	SUBSCRIPTION SETTINGS 
-----------------------------------------------------*/
#subscription { float : left; width : 400px; padding-bottom : 50px; text-align: left;}
#access { padding-bottom : 80px; float:left;}
#subscription p, #access p{ padding-top: 10px;}
#subscription fieldset { margin : 0 0 10px 0;}
#subscription fieldset label, #access fieldset label{ 
	display : block; 
	width : 20%; 
	margin : 0; 
	display: block;
	font-size : 14px;
	line-height: 160%;

}
#subscription fieldset input, #access fieldset input{ 
	width: 320px;
	padding : 4px;
	border : none;
	background: #777777;
	background: #626262 url(images/subscribe-bg.gif) repeat-x left top;
	border-bottom : 1px solid #7c7c7c;
	border-right : 1px solid #7c7c7c;
	border-radius : 3px;
	-webkit-border-radius : 5px;
	-moz-border-radius : 5px;
	color : #fff;
	font-family : inherit;
}
#subscription fieldset input:focus{ 
	/*background: #777;*/
	border : 1px solid #999;
}
#privacy{ 
	font-size : 12px;
	padding-bottom: 10px;
	line-height : 18px;
}
#check{ 
	color : #fff;
	font-size : 12px;
}
#subscription fieldset input#privacy-check{ 
	width :auto;
}
.btn, #access fieldset .btn {
  	-moz-border-radius:5px;
	background: #F2F2F2;
	border:2px solid #D0D0D0;
	color:#000000;
	display:block;
	margin:0;
	padding:3px;
	text-decoration:none;
	cursor:pointer;
	font-weight:bold;
	width:auto;
}

.btn:hover {
  	-moz-border-radius:5px;
	background: #fff;
	border-color : #CCC;
}
#products h3.protected{
	float:left;
	line-height:1.2em;
	padding-bottom:9px;
	padding-left:122px;
	padding-top:23px;
	text-align:left;
	width:327px;
}
#products h3.protected span {
  	display : block;
	text-transform : none;
	color : #ccc;
	width : 235px;
	font-size : 14px;
	font-weight:normal;
	padding-top : 20px;
}
p#message {
  	clear : both;
	padding : 0 0 20px 453px;
	color : #fff;
	font-size : 12px;
	text-align : left;
}
/*-----------------------------------------------------
	CONTACT SETTINGS 
-----------------------------------------------------*/


#contact-info {  width : 220px; float : left; font-size : 114%;line-height : 160%; padding-top:200px; padding-left:30px;}
#contact-info span { display:block; }
#map {
	border : 3px solid #363636;
	float : left;
	height : 345px;
	width : 620px;
}
#materials #content, #products #content, #about #content{  font-size : 130%; text-align : center;}

/*-----------------------------------------------------
	FOOTER SETTINGS 
-----------------------------------------------------*/

/*-----------------------------------------------------
	SITE INFO 
-----------------------------------------------------*/
#site-info{ 
	clear : both;
	padding : 20px 0 20px 0;
	border-top : 1px solid #252525;
	border-bottom : 1px solid #252525;
	margin : 0;
	width : 910px;
	color : #a1a1a1;
	font-size: 0.9em;
}