body {
background: #8a8a82 repeat-x;
text-align: center; margin:0 auto; 
width: 100%; height:auto;
Border: 0px solid Red;
Padding: 2pt;

}

#content
{
margin-bottom: 0%; margin-top: 2%; margin-left: auto; margin-right: auto; text-align: center;
position: relative ;
background-color: #5f5f54; 
width: 936px; height: auto;
Border: 0px solid black;
Padding: 0pt;
float:none;


}
#ZZZTitle 
{ background-color:inherit; margin-bottom: 0%; margin-top: 0%; text-align: center;
background-image: url(images\line.jpg); background-repeat:no-repeat; background-position:inherit;
Border: 0px solid Green;
Padding: 0pt;
width: 100%; height: 131px;
}
#Title-Content
{
margin-bottom: 0%; margin-top: 0%; margin-right: 146px; text-align: center ; 
position: relative;
height: 120px; width: auto; float: inherit;
Border: 0px solid Brown;
Padding: 0pt;
}
#ZZTitle-Content
{
margin-bottom: 0%; margin-top: 0%; margin-right: 165px; text-align: center ;    
position: relative ;
height: 120px; width: auto; float:left;
Border: 1px solid Brown;
Padding: 0pt;
}
#main-centre
{
margin-bottom: 0%; margin-top: 0%; margin-left: 3px; margin-right: 0%; text-align: left ;    
position: relative ;
width: 640px; height: auto;
Border: 0px solid orange;
Padding: 1px;
float: left;
}
#content-home
{
background: url(images/Background-Main.jpg); background-repeat:no-repeat;
margin-bottom: 0%; margin-top: 0%; margin-left: 1px; margin-right: 0%; text-align: left ; 
position: relative ;
width: 640px; height: 478px; 
Border: 0px solid Yellow;
Padding: 0pt;
float: left;

}
#content-top
{
background: url(images/centre-top.jpg); background-repeat:no-repeat;
margin-bottom: 0%; margin-top: 0%; margin-left: 1px; margin-right: 0%; text-align: left ; 
position: relative ;
float: left;
width: 640px; height: 66px; 
Border: 0px solid Red;
Padding: 0pt;
clear:both;
}
#content-centre
{
background: url(images/centre-middle.jpg); background-repeat:repeat-y;
margin-bottom: 0%; margin-top: 0%; margin-left: 1px; margin-right: 0%; text-align: left ; 
position: relative ;
width: 640px; height: auto; 
Border: 0px solid White;
Padding: 1px;
clear:both;
}
#content-bottom
{
background:  url(images/centre-bottom.jpg); background-repeat:no-repeat;
margin-bottom: 0%; margin-top: 0%; margin-left: 1px; margin-right: 0%; text-align: left ; 
position: relative ;
width: 640px; height: 67px; 
Border: 0px solid Blue;
Padding: 1pt;
clear:both;
}
#ZZmargins
{
margin-bottom: 0%; margin-top: 35px; margin-left: auto; margin-right: auto; text-align: center ;    
width: 164px; height: auto; float:right;
Border: 0px solid Brown;
Padding: 0pt;

}
#margin-left
{
margin-bottom: 0%; margin-top: 35px; margin-left: 2px; margin-right: 0px; text-align: center ;  
background-color: #5f5f54; 
position: relative ; 
width: 138px; height: 380px; float:left;
Border: 0px solid black;
Padding: 2pt;

}
#margin-right
{
margin-bottom: 0%; margin-top: 35px; margin-left: 2px; margin-right: 0px; text-align: center ; 
background-color: #5f5f54;   
position: relative ;
width: 138px; height: 380px; float:left;
Border: 0px solid white;
Padding: 2pt;

}
#footer
{
margin-bottom: 0%; margin-top: 5%; margin-left: 0%; margin-right: 0%; text-align: center ; 
background-color: #5f5f54;   
position: relative ;
width: 936px; height: 20px;
Border: 0px solid green;
Padding: 0pt;
clear:both;
}

#imFooter_L {margin: 90px 0 0 0px; float: left; }
#imFooter_R {margin: 90px 70px 0px 0px; float: right; }


#shape-top
{
margin-bottom: 0%; background-image: url('images/shape-top.jpg'); background-repeat: no-repeat; margin-top: 0%; margin-left: 5%; margin-right: 5%; text-align: center ;    
width: 160px; float: none;
Border: 0px solid Brown;
Padding: 0pt;
}
#shape-middle
{
margin-bottom: 0%; background-image: url('images/shape-middle.jpg'); background-repeat: no-repeat; margin-top: 0%; margin-left: 5%; margin-right: 5%; text-align: center ;    
width: 160px; float: none;
Border: 0px solid Brown;
Padding: 0pt;
}
#shape-bottom
{
margin-bottom: 0%; background-image: url('images/shape-bottom.jpg'); background-repeat: no-repeat; margin-top: 0%; margin-left: 5%; margin-right: 5%; text-align: center ;    
width: 160px; float: none;
Border: 0px solid Brown;
Padding: 0pt;
}
#ZZshape-3lines
{
margin-bottom: 0%; background-image: url('images/shape-3lines.jpg'); background-position:center; background-repeat: no-repeat; margin-top: 5px; margin-left: 0%; margin-right: 0%; text-align: left ;    
width: 160px; height: 100px; float: right;
Border: 0px solid Blue;
Padding: 0pt;

}
.shape-3lines
{
margin-bottom: 0%; background-image: url('images/shape-3lines.jpg'); background-position:center; background-repeat: no-repeat; margin-top: 5px; margin-left: 0%; margin-right: 0%; text-align: left ;    
width: 135px; height: 100px; float: right;
Border: 0px solid Blue;
Padding: 0pt;

}
#ZZshape-2lines
{
margin-bottom: 0%; background-image: url('images/shape-2lines.jpg'); background-position:center; background-repeat: no-repeat; margin-top: 5px; margin-left: 0%; margin-right: 0%; text-align: left ;    
width: 160px; height: 60px; float: right;
Border: 0px solid Green;
Padding: 0pt;
}
.shape-2lines
{
margin-bottom: 0%; background-image: url('images/shape-2lines.jpg'); background-position:center; background-repeat: no-repeat; margin-top: 5px; margin-left: 0%; margin-right: 0%; text-align: left ;    
width: 135px; height: 60px; float: right;
Border: 0px solid Green;
Padding: 0pt;
}
#menu-vertical
{ line-height: 12px;}
#menuspace  
{ 
border-width: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 10px;
width: auto;
Border: 0px solid Brown;

}
.menuspace  
{ 
border-width: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 10px;
width: auto;
Border: 0px solid Brown;

}
#menu-space
{
top: 1px; bottom: 1px; text-align: center ; 
background-color:inherit;   
position: absolute ;
width: 160px; height: 22px; float: inherit;
padding: 0px;
Border: 2px solid orange;
}
#test
{border:thin solid orange; background-image: url(images/content.jpg); background-repeat: repeat-y; background-position: left top;}