*{padding:0px; margin:0px;}

body {
  /*width: 900px;*/
  width: 100%;
	font-size: 12px;
	font-family: Arial,Verdana,Helvetica,Georgia,LucidaGrande,Lucida,sans-serif;
	color: #8F8F8F;
	margin: 0px auto;
	background:#FFFFFF;
}

#centered1 {
  width: 900px;
	margin: 0px auto;
	background:#FFFFFF;
	border: solid 0px #8F8F8F;
}

#top {
	width:850px;
	height:70px;
	margin: 0 auto;
	border: solid 0px #8F8F8F;
}

#bottom {
	width:850px;
	height:60px;
	margin: 0 auto;
	border: solid  0px #8F8F8F;
}

#bottom2 {
	width:850px;
	height:60px;
	margin: 0 auto;
	border: solid  0px #8F8F8F;
}

#footer1 {
	width:846px;
	border-style: dotted 0px #8F8F8F;
	overflow: auto;
	margin: 0px auto;
	padding: 0px;
	font-weight:bold;
	background:#EFEFEF;
}
#footer2 {
	position:relative;
	margin: 5px auto;
	padding: 10px 20px 10px 20px;
	background:#EFEFEF;
}

.col_img_footer {
	text-align: center;
	width: 212px;
}

#header {
  float:left;
	position:relative;
	vertical-align: top;
	bottom:3px;
}


#centered {
	width:846px;
	border: dotted 0px #8F8F8F;
	overflow: auto;
	margin: 0px auto;
	padding: 0px;
}

#index {
	width:846px;
	border: dotted 0px #8F8F8F;
	overflow: auto;
	margin: 0px auto;
	text-align: center;
	padding: 0px;

}

#content1 {
	width:846px;
	border: dotted 0px #8F8F8F;
	/*overflow: auto;*/
	margin: 0px auto;
	padding: 0px;
	background:#EFEFEF;
}
#content2 {
  /*position: relative;*/
  overflow: hidden;
	margin: 10px auto;
	padding: 0px;
	background:#EFEFEF;
	border: dotted 0px #8F8F8F;
}

#sousmenu1 {
	width:846px;
	border-style: dotted 0px #8F8F8F;
	overflow: auto;
	margin: 0px auto;
	padding: 0px;
	font-weight:bold;
	background:#EFEFEF;
}
#sousmenu2 {
	position:relative;
	margin: 5px auto;
	padding: 10px 20px 10px 20px;
	background:#EFEFEF;
}

#footer {
	position:absolute;
	text-align:left;
	vertical-align: top;
	width:76px;
	height:1.5em;
	color:#8F8F8F;
	/*border-bottom:6px solid #8F8F8F;*/
	background:#FFFFFF;
	padding-left:20px;
	line-height:1.5em;
	margin-right:2px;
	font-size: 10px;
}

#col1_60 {
	/*position:relative;*/
	float: left;
	width:370px;
	border: solid 0px #8F8F8F;
	margin: 0px auto;
	padding: 10px 20px 10px 25px;
	text-align: justify;
}

#col1_60_nj {
	/*position:relative;*/
	float: left;
	width:370px;
	border: solid 0px #8F8F8F;
	margin: 0px auto;
	padding: 10px 25px 10px 25px;
	text-align: left;
}


#col2_40 {
	float: left;
	width:374px;
	text-align:center;
	border-style: dotted;
	border-width: 0px 0px 0px 2px;
	border-color: #8F8F8F;
	margin: 0px  auto;
	padding: 0px 0px 0px 20px;
}

#col2_40_atelier {
	float: left;
	/*height: 80%;*/
  	width:355px;
	text-align:left;
	/*vertical-align: center;*/
	border-style: dotted;
	border-width: 0px 0px 0px 0px;
	border-color: #8F8F8F;
	margin: 0px; /*  auto;*/
	padding: 0px 0px 0px 20px;
}

#col1_50 {
  float: left;
  width: 49%;
  margin: 0 auto;
  text-align: center;
	border-style: solid 0px #8F8F8F;
}

#col2_50 {
  float: right;
	width:50%;
	margin: 0px auto;
  text-align: center;
	border-style: dotted;
	border-width: 0px 0px 0px 2px;
	border-color: #8F8F8F;
}

#col1_20 {
	position:relative;
	float: left;
	width:20%;
	text-align:center;
	border-style: solid 0px #8F8F8F;
	margin: 0px auto;
}

#col2_80 {
	float: right;
	width:79%;
	text-align:center;
	border: solid 0px #8F8F8F;
	margin: 0px auto;
}

#col_100 {
	width:726px;
	border: solid 0px #8F8F8F;
	margin: 0 auto;
	padding: 10px 40px 10px 40px;
	text-align: justify;
	overflow: none;
}


.thumbnail {
	/*margin: 10px;*/
	text-align: left;
}

.box {
    background:#FFFFFF;
    font: bold 9px Verdana;
    color:#8F8F8F;
    border: 1px solid #8F8F8F;
}

.select {
    background:#FFFFFF;
    font: normal 9px Verdana;
    color:#8F8F8F;
    /*border: 1px solid #000000;*/
}

.error {
  font-weight: italic;
  color: red;
}

.img {
	border-style: none;
	border-width: 0px;
}

.clear {
	clear: both;
	height: 15px;
	padding:0px;
}

.clearFlat {
	clear: both;
	padding:0px;
}

.linebreak {
	clear: both;
	padding:5px;
	text-align:center;
}

span.link {
	color:#EE2E23;
}

a:link {
	color:#8F8F8F;
	text-decoration: none;
}
a:visited {
	color:#8F8F8F;
	text-decoration: none;
}
a:hover {
	color:#5F5F5F;
	text-decoration: none;
}
a:active {
	color:#8F8F8F;
	text-decoration: none;
}

hr {
  	border: 0 dashed;
  	width: 155px;
   	color: #5F5F5F;
	background-color: #5F5F5F;
	height: 1px;
	text-align:left;
}




/* Dhtml gallery */

#imageSlideshowHolder1{

	/* This is a CSS hack in order to get a nice look in IE 5.5 and lower

	In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
	border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
	should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

	*/
	/* CSS HACK */
	width: 356px;	/* IE 5.x */
	width/* */:/**/350px;	/* Other browsers */
	width: /**/350px;

	height: 356px;	/* IE 5.x */
	height/* */:/**/350px;	/* Other browsers */
	height: /**/350px;

	/* CSS HACK */
	margin: 0 auto;
	background-color:#FFFFFF;
	border:0px solid #8F8F8F;
	position:relative;	/* Never change this value */

}

#imageSlideshowHolder2{

	/* This is a CSS hack in order to get a nice look in IE 5.5 and lower

	In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
	border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
	should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

	*/
	/* CSS HACK */
	width: 356px;	/* IE 5.x */
	width/* */:/**/350px;	/* Other browsers */
	width: /**/350px;

	/* CSS HACK */
	height: 356px;	/* IE 5.x */
	height/* */:/**/350px;	/* Other browsers */
	height: /**/350px;

	margin: 0 auto;
	background-color:#FFFFFF;
	border:0px solid #8F8F8F;
	position:relative;	/* Never change this value */

}


.imageInGallery1{
	width:350px;
	height:350px;
	background-color:#FFFFFF;

	/* Never change these 3 value */
	left:0px;
	top:0px;

	position:absolute;
}

.imageInGallery2{
	width:350px;
	height:350px;
	background-color:#FFFFFF;

	/* Never change these 3 value */
	left:0px;
	top:0px;

	position:absolute;
}


#imageSlideshowHolder1 img{
	position:absolute;
}

#imageSlideshowHolder2 img{
	position:absolute;
}



/*The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_variations.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements*/

.menu1 { 	/* Set up the default font and overall size to include image */
  position:relative;
  float:left;
	top:31px;
  width:590px;
	height:30px;
	font-size: 10px;
	position:relative;
	margin: 0 auto;
	font-family: verdana,tahoma, geneva, "lucida sans unicode", "lucida grande", sans-serif;

}

.menu2 { 	/* Set up the default font and overall size to include image */
  position:relative;
  float:right;
	width:720px;
	height:30px;
	font-size: 10px;
	position:relative;
	margin: 0 auto;
	font-family: verdana,tahoma, geneva, "lucida sans unicode", "lucida grande", sans-serif;

}

.menu1 ul,.menu2 ul {	/* get rid of the default padding - margin and bullets */
	padding:0;
	margin:0;
	list-style-type: none;
}


.menu1 ul li {	/* make menu horizontal */
	float:left;
	position:relative;
}

.menu2 ul li {	/* make menu horizontal */
	float:right;
	position:relative;
}

.menu1 ul li a, .menu1 ul li a:visited {	/* set up the default top level links */
	display:block;
	text-decoration:none;
	width:95px;
	height:1.5em;
	font-weight:bold;
	color:#8F8F8F;
	border-bottom:6px solid #8F8F8F;
	background:#FFFFFF;
	padding-left:0px;
	line-height:1.5em;
	margin-right:2px;
}

.menu1 ul li span {
	display:block;
	text-decoration:none;
	width: 95px;
	height:1.5em;
	font-weight:bold;
	color:#EE2E23;
	border-bottom:6px solid #EE2E23;
	background:#FFFFFF;
	padding-left:0px;
	line-height:1.5em;
	margin-right:2px;
}

.menu2 ul li a, .menu2 ul li a:visited {	/* set up the default top level links */
	display:block;
	text-decoration:none;
	width:101px;
	height:1.5em;
	font-weight:bold;
	color:#8F8F8F;
	border-bottom:6px solid #8F8F8F;
	background:#FFFFFF;
	padding-left:0px;
	line-height:1.5em;
	margin-right:2px;
}

.menu2 ul li span {
	display:block;
	text-decoration:none;
	width:101px;
	height:1.5em;
	font-weight:bold;
	color:#EE2E23;
	border-bottom:6px solid #EE2E23;
	background:#FFFFFF;
	padding-left:0px;
	line-height:1.5em;
	margin-right:2px;
}

.menu2 ul li span.footer{
	display:block;
	text-decoration:none;
	width:200px;
	height:1.5em;
	color:#8F8F8F;
	border-bottom:6px solid #8F8F8F;
	background:#FFFFFF;
	padding-left:0px;
	line-height:1.5em;
	margin-right:2px;
}

.footertxt {
	position:absolute;
	text-align:left;
	vertical-align: top;
	width:183px;
	height:1.5em;
	color:#8F8F8F;
	border-bottom:6px solid #8F8F8F;
	background:#FFFFFF;
	padding-left:20px;
	line-height:1.5em;
	margin-right:2px;
	font-size: 10px;
}


.menu1 ul li:hover a,
.menu1 ul li a:hover,
.menu2 ul li:hover a,
.menu2 ul li a:hover {	/* style the top level hover */
	color:#5F5F5F;
	border-bottom:8px solid #5F5F5F;
}