div{
display:block;
margin:0;
padding:0;
font-family:sylfaen arial;
border:0;
}

.Title{
font-size:32px;
font-weight:700;

}

.hName{
font-size:12px;
font-weight:300;
color:grey;
background-color:#ddddee;
float:left;
width:200px;
margin:5px 15x 5px 5px;
border:3px solid white;
border:3px solid white;
border-bottom:2px inset #ccccdd;

}

.hDesc{
font-size:12px;
font-weight:300;
color:grey;
background-color:#ddddee;
float:left;
width:800px;
margin:5px 15x 5px 5px;
border:3px solid white;
border-bottom:2px inset #ccccdd;

}
.hEnd{
clear:both;
width:100%;
}


.hHeader{
width:1600px;
}

.hHeader div{
display:inline-block;
float:left;
background-color:#dde;
margin:1px 5px 1px 5px;
}


.hHeader .hH1{
width:200px;
}

.hHeader .hH2{
width:200px;
}

.hHeader .hH3{
width:500px;
}

.hHeader .hH4{
width:100px;
}

.hHeader .hH5{
width:400px;
}

/*5 col row*/
.hHeader .hc1,
.hBody .hc1{
width:200px;
}

.hBody .hc2,
.hHeader .hc2{
width:300px;
}

.hBody .hc3,
.hHeader .hc3{
width:50px;
}

.hBody .hc4,
.hHeader .hc4{
width:350px;
}

.hBody .hc5,
.hHeader .hc5{
width:350px;
}



.hBody{
width:1600px;
}

.hBody div{
display:block;
float:left;
background-color:transparent;
margin:1px 5px 1px 5px;
}


.hBody .hB1{
width:200px;
color:#0095DD;
font-weight:700;
font-family:sylfaen arial;
}

.hBody .hB2{
width:200px;
}


.hBody .hB3{
width:500px;
}

.hBody .hB4{
width:200px;
}



.cName{
font-size:18px;
font-weight:700;
margin-bottom:20px;

}

.cDesc{
font-size:14px;
font-weight:300;
margin-bottom:10px;
}

.cEnd{
clear:both;
width:100%;
height:50px;
}



.lName{
font-size:18px;
font-weight:700;
float:left;
width:200px;
margin:5px 15px 5px 5px;
color:#0095DD;
}

.lDesc{
display:block;
font-size:12px;
font-weight:300;
width:800px;
float:left;
}

.lEnd{
clear:both;
width:100%;
}

.samplebox {
position:relative;
width:300px;
height:50px;
font-size:12px;
border:1px solid green;
}
.samplebox span{
display:block
border:1px solid grey;
}

.hBody .example1{
width:100%;
height:75px;
}