body{
background-color: #232323;
font: 500 0.9em 'Arial';
color: #909090;
padding: 20px 45px 45px 45px;
}

a{
font: 500 0.9em 'Arial';
color: #FFFFFF;
text-decoration: none; 
}

h1{
font: 500 0.9em 'Arial';
color: #FFFFFF;
}

h2{
font: 500 1.05em 'Arial';
color: #f9d07e;
margin: 0px 0px 3px 0px;
}

h3{
font: 600 1.1em 'Arial';
color: #ed008c;
}

h4{
font: 500 0.9em 'Arial';
color: #f9d07e;
margin: 0px 0px 3px 0px;
}

td{
vertical-align: top;
font: 500 1.05em 'Arial';
}

input{
border: solid 1px #232323;
padding: 4px;
background: #000000;
width: 275px;
font: 500 1.05em 'Arial';
color: #909090;
}

textarea{
border: solid 1px #232323;
padding: 4px;
background: #000000;
width: 275px;
height: 270px;
font: 500 1.05em 'Arial';
color: #909090;
overflow: hidden;
}

.buttontd{
text-align: right;
}

.linkbutton {
color: #fe6711;
font: 500 1em 'Arial';
text-decoration: underline; 
width: 70px;
border: 0px;
}

.linkbutton:hover {
color: #FFFFFF;
font: 500 1em 'Arial';
text-decoration: none; 
}

.returnlink{
color: #ed008c;
font: 600 1.1em 'Arial';
text-decoration: none;
}

.clear{
clear:both;
}

.block{
display:block;
}



#main{
background-color: #000000;
display: block;
padding: 40px 30px 40px 20px;
width: 853px;
height: auto;
text-align: justify;
margin: 0 auto;
border: 1px solid #303030;
}
 
#main a{
font: 500 0.9em 'Arial';
color: #f9d07e;
text-decoration: none; 
}

#detail{
//background-color: #303030;
background-color: #000000;
border: 1px solid #f9d07e;
width: 853px;
height: 0px;
display: none;
padding: 20px 30px 20px 20px;
margin: 0 auto;
background-image: url(images_transformation/wave.png);
background-position: bottom right;
background-repeat: no-repeat;
}

#detail img{
border: 3px solid #f9d07e;
}

/****************header and footer********************************/
.header .separator{
display: block;
}

.header .logo{
float:left;
}

.header .menu-container{
float:right; 
display:block;
}

.header .menu-element{
height:108px; 
width:108px; 
float:left; 
background-color:none;
}

.header .menu-element-hover{
height:108px; 
width:108px; 
float:left; 
background-color:#f9d07e;
}

.header .menu-element H1{
padding-top: 45px; 
text-align:center; 
margin: 0 auto;
}

.header .menu-element-hover H1{
padding-top: 45px; 
text-align:center; 
margin: 0 auto;
}

.header .links-container{
margin:17px 15px 0px 45px; 
text-align: right;
}

.header .spacer{
float:left; 
width: 20px; 
height:45px; 
background-color:#f9d07e;
}

.header .copyright{
float:left; 
margin:17px 0px 0px 45px; 
color:#FFFFFF;
}

/*****************contact.php specific****************************/
.contact-container{
float:left; 
width: 350px; 
height:440px;
}

.contact-spacer{
float:left; 
width: 80px; 
height: 440px;
}

#notify{
height: 0px; 
width: 200px; 
display:none;
}
/*******************welcome.php specific******************/
.holder {
float: left;
margin: 0px;
}

.scroll-pane-welcome {
width: 350px;
overflow: auto;
float: left;
height: 250px;
padding: 0px 0px 0px 0px;
}

.scroll-pane-left {
width: 350px;
overflow: auto;
float: left;
height: 440px;
padding: 0px 0px 0px 0px;
}

.scroll-pane-right {
width: 350px;
overflow: auto;
float: left;
height: 440px;
padding: 0px 20px 0px 0px;
}

.welcome-container{
float:left; 
width: 350px;
}

.welcome-spacer{
float:left;
}

.welcome-spacer IMG{
padding: 29px 10px 0px 10px;
width: 108px; 
height:440px; 
}

.references-container{
float: left; 
width:350px; 
height:440px;
}

.all_references-container{
float: left; 
width:800px; 
height:auto;
}

.people{
display:block;
}

.people .photo{
float:left; 
margin: 0px 7px 0px 0px; 
width:50px; 
height:50px;
overflow:visible;
}

.people .photo IMG{
/*width:50px; 
height:50px;*/
border: 1px solid #f9d07e;
}

.people .title{
float:left;
}

.references{
display: block;
}

.references .photo{
float:left; 
width:50px; 
height:50px; 
margin: 0px 7px 0px 0px; 
}

.references .photo IMG{
width:50px; 
height:50px;
border: 1px solid #f9d07e;
}

.references .text{
float:left; 
width:255px;
}

.references .text .link{
margin: 3px 0px 0px 0px;
}

.all_references .text{
float:left; 
width:800px;
}

.all_references .text .link{
margin: 3px 0px 0px 0px;
}

.all_references .photo{
float:left; 
width:50px; 
height:50px; 
margin: 0px 7px 0px 0px; 
}

.all_references .photo IMG{
width:50px; 
height:50px;
border: 1px solid #f9d07e;
}


/*******************programmes.php specific*******************/
.news-container{
float:left; 
width: 350px;
}

.news-spacer{
float:left;
}

.events-container{
float: left; 
width: 350px; 
height:440px;
}

.news{
display: block;
}

.news .photo{
float:left; 
width:50px; 
height:50px; 
margin: 0px 7px 0px 0px;
}

.news .photo IMG{
width:50px; 
height:50px;
border: 1px solid #f9d07e;
}

.news .text{
float:left; 
width:255px;
}

.news .text .link{
margin: 3px 0px 0px 0px;
}

.news-spacer IMG{
padding: 29px 10px 0px 10px;
width: 108px; 
height:440px; 
}

/********************maingalerie.php specific*************/
.gallery-carrousel{
display: block;
}

.gallery-carrousel .photo{
float:left;
}

.gallery-carrousel .text{
float:left; 
margin: 12px 0px 0px 3px;
}

.attraction .jScrollPaneTrack {
background: url('images_transformation/attraction_track.gif') repeat-y;
}
.attraction .jScrollPaneDrag {
background: url('images_transformation/attraction_drag_middle.gif') repeat-y;
height: 20px;
}
.attraction .jScrollPaneDragTop {
background: url('images_transformation/attraction_drag_top.gif') no-repeat;
height: 6px;
}
.attraction .jScrollPaneDragBottom {
background: url('images_transformation/attraction_drag_bottom.gif') no-repeat;
height: 7px;
}
.attraction a.jScrollArrowUp {
height: 24px;
background: url('images_transformation/attraction_arrow_up.gif') no-repeat 0 -30px;
}
.attraction a.jScrollArrowUp:hover {
background-position: 0 0;
}
.attraction a.jScrollArrowDown {
height: 24px;
background: url('images_transformation/attraction_arrow_down.gif') no-repeat 0 -30px;
}
.attraction a.jScrollArrowDown:hover {
background-position: 0 0;
}
/* IE SPECIFIC HACKED STYLES */
* html .attraction .jScrollPaneDragBottom {
	bottom: -1px;
}
/* /IE SPECIFIC HACKED STYLES */
/*******************all_maingallerie.php specific******************/
.submain{text-align:center; margin:0px 0px 0px 40px; float:left; width:750px; border:none}
.submain ul{list-style-type:none; width: 100%; text-align:center}
.submain li{text-align:center; overflow:hidden; border:1px solid #333333; margin: 10px; padding:5px; width: 200px; height: 200px; float:left}
.galleryElementContainer{float:left; width:50px}
.galleryElement{float:left; width:100px;}
.galleryElementText{text-align:justify; margin:5px; height:127px; overflow:hidden}
.galleryElementTextLink{text-align:right}