/* CSS Document */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% Geneva, Verdana, Arial, Helvetica, sans-serif;
}
a img{ border: none;}
/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */

body
{
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right:0px;
  background-color: #f5f5f4;
  color: #CCCCCC;
  min-width: 940px;
  text-align: center;
}

a:link
{ 
	text-decoration: underline; 
	color: #FFFFFF;
	background-color: transparent;
}

a:visited
{ 
	text-decoration: underline; 
	color: #FFFFFF;
}

a:hover
{ 
	text-decoration: none;
	color: #FFFFFF;
	background-color: transparent;
}

/*-- GENERAL BITS --------------*/
/*-#container {margin: 0 auto; width: 940px; padding: 0; border: 0; position: relative; text-align: left;}-*/
#container {margin: 0 auto; width: 940px; padding: 0; border: 0; position: absolute; top: 50%; left: 50%; margin: -295px 0 0 -470px; text-align: left;}



/*-- HEADER---------------------*/

#head {position: relative; float: left; display: inline; width: 940px; height: 80px; margin: 0; padding: 0;}

	#head ul {display: inline; float: right; list-style: none; margin: 0; padding: 0;}
	#head li {display: inline; float: left; margin: 0 0 0 25px;}
	#head li a {/*display: inline;*/ float: left; height: 18px;}
	#head li span {display: none;}
	
#nav01 a {background: url(images/nav_home_off.gif) top left no-repeat; width: 40px; height: 18px;}
#nav01 a:hover {background: url(images/nav_home_on.gif) top left no-repeat; width: 40px; height: 18px;}
#nav01on {background: url(images/nav_home_on.gif) top left no-repeat; width: 40px; height: 18px;}

#nav02 a {background: url(images/nav_chisiamo_off.gif) top left no-repeat; width: 62px; height: 18px;}
#nav02 a:hover {background: url(images/nav_chisiamo_on.gif) top left no-repeat; 40px; height: 18px;}
#nav02on {background: url(images/nav_chisiamo_on.gif) top left no-repeat; width: 62px; height: 18px;}

#nav03 a {background: url(images/nav_brand_off.gif) top left no-repeat; width: 49px; height: 18px;}
#nav03 a:hover {background: url(images/nav_brand_on.gif) top left no-repeat; 40px; height: 18px;}
#nav03on {background: url(images/nav_brand_on.gif) top left no-repeat; width: 49px; height: 18px;}

#nav04 a {background: url(images/nav_news_off.gif) top left no-repeat; width: 37px; height: 18px;}
#nav04 a:hover {background: url(images/nav_news_on.gif) top left no-repeat;}
#nav04on {background: url(images/nav_news_on.gif) top left no-repeat; width: 37px; height: 18px;}

#nav05 a {background: url(images/nav_jobs_off.gif) top left no-repeat; width: 39px; height: 18px;}
#nav05 a:hover {background: url(images/nav_jobs_on.gif) top left no-repeat;}
#nav05on {background: url(images/nav_jobs_on.gif) top left no-repeat; width: 39px; height: 18px;}

#nav06 a {background: url(images/nav_contatti_off.gif) top left no-repeat; width: 62px; height: 18px;}
#nav06 a:hover {background: url(images/nav_contatti_on.gif) top left no-repeat;}
#nav06on {background: url(images/nav_contatti_on.gif) top left no-repeat; width: 62px; height: 18px;}

#headerLogo {position: absolute; top: 20px; left: 0; width: 196px; height: 29px;}
#headerNavBar {position: absolute; top: 34px; right: 0; height: 18px;}

/*-- FOOTER --------------------*/
.footerArea {position: relative; float: left; display: inline; width: 940px; margin: 20px 0 30px 0;}
	.footerArea p {font-size: 11px; color: #bbbbbb; display: inline; margin: 0; padding: 0;}


/*-- HOME PAGE ---------------------*/
.homeIntro {position: relative; float: left; display: inline; overflow: hidden; width: 300px; height: 300px; background-color: #a19e99; margin: 0 20px 20px 0;}
	.homeIntro h1 {font-size: 14px; color: #B9C9D4; line-height: 1em; margin: 20px; padding: 0;}
	.homeIntro p {font-size: 15px; color: #CCCCCC; line-height: 1.5em; margin: 20px 20px 20px 20px; padding: 0;}

.homeFlashHolder {position: relative; float: left; display: inline; width: 620px; height: 300px; background-color: #454E54; margin: 0 0 20px 0;}

.homeThumb {position: relative; float: left; display: inline; width: 127px; background-color: #aebbaa; margin: 0 7px 0 0;}
	.homeThumb img {border: 0;}
	.homeThumb a {border: 5px solid #aebbaa; padding: 0; margin: 0; display: block;}
	.homeThumb a:visited {border: 5px solid #aebbaa; padding: 0; margin: 0; display: block;}
	.homeThumb a:hover {border: 5px solid #FFFFFF; padding: 0; margin: 0; display: block;}
.homeThumbRight {position: relative; float: left; display: inline; width: 127px; background-color: #aebbaa; margin: 0;}
	.homeThumbRight img {border: 0;}
	.homeThumbRight a {border: 5px solid #aebbaa; padding: 0; margin: 0; display: block;}
	.homeThumbRight a:visited {border: 5px solid #aebbaa; padding: 0; margin: 0; display: block;}
	.homeThumbRight a:hover {border: 5px solid #FFFFFF; padding: 0; margin: 0; display: block;}
	
	
	
	

/*-- GALLERY PAGE --------------------*/
.galleryMainArea {position: relative; float: left; display: inline; width: 770px; height: 460px; background: url(images/bg_loader.gif) center center no-repeat #454E54; text-align: center; padding: 0;}

.galleryNavigation {position: relative; float: left; display: inline; width: 130px; height: 420px; background-color: #454E54; padding: 20px;}

.galleryNavigationColumn1 {position: relative; float: left; display: inline; width: 60px; margin: 0 10px 0 0; padding: 0;}
	.galleryNavigationColumn1 img {border: 0; margin: 0;}
	.galleryNavigationColumn1 a {border: 5px solid #31383D; padding: 0; margin: 0 0 10px 0; display: block;}
	.galleryNavigationColumn1 a:visited {border: 5px solid #31383D; padding: 0; margin: 0 0 10px 0; display: block;}
	.galleryNavigationColumn1 a:hover {border: 5px solid #FFFFFF; padding: 0; margin: 0 0 10px 0; display: block;}
.galleryNavigationColumn2 {position: relative; float: left; display: inline; width: 60px; margin: 0; padding: 0;}
	.galleryNavigationColumn2 img {border: 0; margin: 0;}
	.galleryNavigationColumn2 a {border: 5px solid #31383D; padding: 0; margin: 0 0 10px 0; display: block;}
	.galleryNavigationColumn2 a:visited {border: 5px solid #31383D; padding: 0; margin: 0 0 10px 0; display: block;}
	.galleryNavigationColumn2 a:hover {border: 5px solid #FFFFFF; padding: 0; margin: 0 0 10px 0; display: block;}

.galleryNavigationText {position: relative; float: left; display: inline; width: 130px; margin: 0; padding: 0;}
	.galleryNavigationText p {margin: 0; padding: 0; font-size: 11px; color: #CCCCCC;}

/*-- ABOUT US PAGE -------------*/
.aboutMainArea {position: relative; float: left; display: inline; width: 640px; height: 460px; background-color: #9f9d98;}

	.aboutMainArea h1 {font-size: 16px; color: #4e5172; line-height: 1em; font-weight: normal; margin: 0px 0 0px 0; padding: 0;}
	.aboutMainArea p {font-size: .85em; color: #FFFFFF; line-height: 1.5em; margin: 1em 0 1em 0; padding: 0;}
	.aboutMainArea p.claim {font-size: .85em; /*color: #d7eddc;*/ line-height: 1.5em; margin: 1em 0 1em 0; padding: 0;}
.aboutAll {position: relative; margin: 20px 20px 0px 20px;}
	.aboutAll h2 {font-size: 14px; color: #4e5172; line-height: 1em; font-weight: normal; margin: 10px 0 0px 0; padding: 0;}

.aboutColumn1 {position: relative; float: left; display: inline; margin: 20px 20px 20px 40px; width: 250px; height: 420px;}
.aboutColumn2 {position: relative; float: left; display: inline; margin: 20px 10px 20px 20px; width: 280px; height: 420px;}

.Column1 {position: relative; float: left; display: inline; margin: 0px 20px 10px 20px; width: 280px; height: 420px;}
.Column2 {position: relative; float: left; display: inline; margin: 0px 0px 10px 0px; width: 280px; height: 420px;}


.aboutImageArea {position: relative; float: left; display: inline; width: 300px; height: 460px; background-color: #9f9d98;}
	.aboutImageArea img {border: 0;}
	
/*-- PRICES PAGE -------------*/
.pricesMainArea {position: relative; float: left; display: inline; width: 640px; height: 460px; background-color: #9f9d98;}
	.pricesMainArea h1 {font-size: 14px; color: #7c8678; line-height: 1em; margin: 20px 0 10px 0; padding: 0;}
	.pricesMainArea p {font-size: 12px; color: #CCCCCC; line-height: 1.5em; margin: 1em 0 1em 0; padding: 0;}
	
.pricesColumn1 {position: relative; float: left; display: inline; margin: 20px 20px 20px 40px; width: 250px; height: 420px;}
.pricesColumn2 {position: relative; float: left; display: inline; margin: 20px 10px 20px 20px; width: 280px; height: 420px;}

.pricesImageArea {position: relative; float: left; display: inline; width: 300px; height: 460px; background-color: #aebbaa;}
	.pricesImageArea img {border: 0;}


/*-- CONTACT PAGE -------------*/
.contactMainArea {position: relative; float: left; display: inline; width: 320px; height: 460px; background-color: #9f9d98;}
	.contactMainArea h1 {font-size: 14px; color: #7c8678; line-height: 1em; margin: 20px 0 10px 0; padding: 0;}
	.contactMainArea p {font-size: 12px; color: #FFFFFF; line-height: 1.5em; margin: 1em 0 1em 0; padding: 0;}
.contactColumn1 {position: relative; float: left; display: inline; margin: 20px 20px 20px 40px; width: 250px; height: 420px;}
.aboutColumn2 {position: relative; float: left; display: inline; margin: 20px 10px 20px 20px; width: 280px; height: 420px;}


.contactImageArea {position: relative; float: left; display: inline; width: 620px; height: 460px; background-color: #aebbaa;}
	.contactImageArea img {border: 0;}


/*-- BRANDS PAGE -------------*/
.brandsMainArea {position: relative; float: left; display: inline; width: 940px; height: 460px; background-color: #f5f5f4;}
.brandsMainArea a img {margin: 0px 55px 25px 0;}
.brandsMainArea a.noMargin img {margin: 0 0px 0 0;}



	.brandsMainArea h1 {font-size: 16px; color: #4e5172; line-height: 1em; font-weight: normal; margin: 0px 0 0px 0; padding: 0;}
	.brandsMainArea p {font-size: .85em; color: #FFFFFF; line-height: 1.5em; margin: 1em 0 1em 0; padding: 0;}
	.brandsMainArea p.claim {font-size: .85em; color: #d7eddc; line-height: 1.5em; margin: 1em 0 1em 0; padding: 0;}





