div 
{
   font-family: "Arial";
   font-size: 14px;
}

p
{
  font-family: "Arial";
  font-size: 16px;
}
body
{
  font-family: "Arial";
  font-size: 14px;
}
.container
{
   margin: 0px auto;
   width: 731px;
   height: auto;
   padding-bottom: 20px; 
   overflow: hidden;
}

h3
{
  border-bottom: 1px dotted #ccc;
  color: 	#2B1B17;
  font-size: 18px;
}

p
{
  line-height: 18px; 
}
a.block
{
   display: block;
   width: 180px;
   height: 200px;
}

.item-title
{
  font-weight: bold;
  font-size: 15px;
  padding-right: 20px;
  
}
body
{
   background-color: #D1D0D0;
   margin: 0px auto;
}

.header
{
  width: 731px;
  height: 116px;
  background: url(images/home-top.jpg) center top no-repeat;
  border: 1px solid #fff;
}

.white-link
{
   text-decoration: none;
   color: #fff;
}

.white-link:hover
{
   text-decoration: underline;
   color: #fff;
}

.content
{
  width: 100%;
  height: auto;
  margin: 0px auto;
}

.content2
{
  width: 700px;
  height: auto;
  border: 2px solid #A39B9B;
  margin: 0px auto;
  padding-bottom: 20px;
}

.content-left
{
  width: 550px;
  height: auto;
  border: 1px solid #B8B2B2; 
  overflow: hidden;
  float: left;
}

.content-left-top
{
   width: 550px;
   height: 335px;
}

.conttent-left-bottom
{
  width: 100%;
  height: auto;
}

.content-left-bottom-left
{
   width: 183px;
   height: 200px;
   background: url("images/main2.jpg") center center no-repeat;
   float: left; 
   margin-left: 4px; 
   margin-right: 5px;
   margin-bottom: 10px;
}

.content-left-bottom-right
{
   width: 352px;
   height: 200px;
   background: url("images/main3.jpg") center center no-repeat;
   float: left;
   margin-bottom: 10px; 
}

.top-menu
{
   width: 350px;
   height: 20px;
   color: #fff;
   text-align: center;
   margin-left: 350px;
   margin-top: 60px;
}

.main-menu
{
   height: 30px; 
   width: 100%;
   color: #330000;
   margin-top: 10px;
   font-size: 16px;
   font-weight: bold;
   text-align: center;
}

.main-menu a
{
  color: #330000;
}

.container-wrap
{
   width: 741px;
   margin: 0px auto;
   background-color: #fff;
   height: 100%;
}

.content-right
{
   width: 150px;
   height: 400px;	
   float: left;
   color: #625D5B;
   text-align: center;

}

/********************** hair section **********/
.haircontent
{
   border-bottom: 1px dotted #ccc;
   width: 100%;
   height: auto;
   margin: 0px auto;
   padding-top: 20px;
   overflow: hidden;
   height: 700px;
}

.haircontent3
{
   border-bottom: 1px dotted #ccc;
   width: 100%;
   height: auto;
   margin: 0px auto;
   padding-top: 20px;
   overflow: hidden;
   height: 700px;
}

table tr td
{
  padding: 10px 0px 10px 0px;
}
.haircontent2
{
   border-bottom: 1px dotted #ccc;
   width: 100%;
   height: auto;
   margin: 0px auto;
   padding-top: 20px;
   overflow: hidden;
   height:1050px;
}
.haircontent-right
{
   width: 500px;
   height: 200px;
   float: left;
   padding-top: 10px;
   padding-left: 5px; 
}

.hair-bottom
{
   width: 100%;
   height: 400px;
   clear: both;
   padding-top: 50px;
   
}

.hair-bottom2
{
   border: 1px solid black;
}
.hair-title
{
   font-weight: bold;
   font-size: 13px;
   
}

.haircontent-left-1, .haircontent-left-2, .haircontent-left-3, .haircontent-left-4, .haircontent-left-5, .haircontent-left-6, .haircontent-left-7, .haircontent-left-8, .haircontent-left-9
{

   width: 180px;
   height: 200px;
   float: left;
}

.haircontent-left-1
{
    background: url(images/hairex1.jpg) center center no-repeat;
}

.haircontent-left-2
{
   background: url(images/hairex2.jpg) center center no-repeat;
}

.haircontent-left-3
{
   background: url(images/hairex3.jpg) center center no-repeat;
}

.haircontent-left-4
{
  background: url(images/Ra1.jpg) center center no-repeat;
}

.haircontent-left-5
{
  background: url(images/ra2.jpg) center center no-repeat;
}

.haircontent-left-6
{
  background: url(images/ra3.jpg) center center no-repeat;
}

.haircontent-left-7
{
  background: url(images/gabor1.jpg) center center no-repeat;
}

.haircontent-left-8
{
  background: url(images/gabor2.jpg) center center no-repeat;
}

.haircontent-left-9
{
  background: url(images/gabor3.jpg) center center no-repeat;
}

.chart 
{
   margin-left: 520px;
   float: right;
   position: relative;

}


.chart a img
{
   border: none;
}

/**************************** chart **************/
.hairchart
{
   background: url(images/hair_chart.jpg) center center no-repeat;
   width: 400px;
   height: 400px;
   margin: 0px auto;

}


.hairchart3
{  background: url(images/char_eva.jpg) center center no-repeat;
   width: 730px;
   height: 1000px;
   margin: 0px auto;
   border: 1px solid #ccc;
}

.footer
{
   margin-top: 10px;
   font-size: 12px; 
   text-align: center;
   clear: both;
}

.footer a
{
   color: #000;
   text-decoration: underline; 
}

.aboutus-home
{
   line-height: 15px;
   font-size: 13px;
   text-align: left;
   padding-top: 20px;
   padding-left: 10px;
}

.aboutus
{
   text-align: center;
   padding: 20px;
   width: 600px;
   margin: 0px auto;
   height: 800px;
   font-size: 14px;
   line-height: 30px;
}

.aboutus2
{
   text-align: center;
   padding: 20px;
   width: 600px;
   margin: 0px auto;
   height: auto;
   font-size: 14px;
   line-height: 30px;
}
.support-content
{
   text-align: left;
}