/*  ================================================
CSS Document
Created by: Masim man - http://www.htmlcssguides.com/
===================================================*/

/*--- CSS Example ---*/

#htmlcssguides{margin:0 auto;padding:8px;border-left:solid 1px #999;border-right:solid 1px #999;background:#ccc;}
#htmlcssguides p{margin:0;padding:0;}
.htmlcss-border{height:80px;margin:0;padding-left:10%;background:#fff;}
.line1, .line2, .line3, .line4{display:block;background:#fff;overflow:hidden;}
.line1{height:1px;margin:0 5px;}
.line2, .line2a{height:1px;margin:0 3px;}
.line3, .line3a{height:1px;margin:0 2px;}
.line4, .line4a{height:2px;margin:0 1px;}
.line1a, .line3a, .line2a,.line4a{display:block;border-left:solid 1px #999;border-right:solid 1px #999;background:#ccc;overflow:hidden;}
.line2a{display:block;border-width:0 2px 0 2px;}
.line1a{height:1px;margin:0 5px;background:#999;}
.space{clear:both;height:14px;}
#h-html, #t-html, #m-html, #l-html, #c-css, #s-css, .s-css{margin:0;padding:0;height:80px;float:left;display:inline;overflow:hidden;}
/*======= H =======*/
#h-html{width:24%;}
#h-html div{padding:0;float:left;background:#093;}
.h-html1{margin:0;width:28%;height:80px;}
.h-html2{margin-top:20px;width:40%;height:40px;}
.h-html3{padding:0;width:14%;height:80px;}
/*======= T =======*/
#t-html{width:24%;}
#t-html div{padding:0;float:left;background:#093;}
.t-html1{margin:0;width:84%;height:28%;}
.t-html2{margin-left:28%;width:28%;height:58px;}
/*======= M =======*/
#m-html{width:24%;}
#m-html div{padding:0;background:#093;float:left;}
.m-html1{margin:0;width:28%;height:80px;}
.m-html2{margin-top:2px;width:1.6%;height:40px;}
.m-html3{margin-top:4px;width:1.6%;height:40px;}
.m-html4{margin-top:6px;width:1.6%;height:40px;}
.m-html5{margin-top:8px;width:1.6%;height:40px;}
.m-html6{margin-top:10px;width:1.6%;height:40px;}
.m-html7{margin-top:12px;width:1.6%;height:40px;}
.m-html8{margin-top:14px;width:1.6%;height:40px;}
.m-html9{margin-top:16px;width:1.6%;height:40px;}
.m-html10{margin-top:18px;width:1.6%;height:40px;}
.m-html11{margin-top:20px;width:1.6%;height:40px;}
.m-html12{margin-top:22px;width:1.6%;height:40px;}
.m-html13{margin-top:24px;width:1.6%;height:40px;}
.m-html14{margin-top:22px;width:1.6%;height:40px;}
.m-html15{margin-top:20px;width:1.6%;height:40px;}
.m-html16{margin-top:18px;width:1.6%;height:40px;}
.m-html17{margin-top:16px;width:1.6%;height:40px;}
.m-html18{margin-top:14px;width:1.6%;height:40px;}
.m-html19{margin-top:12px;width:1.6%;height:40px;}
.m-html20{margin-top:10px;width:1.6%;height:40px;}
.m-html21{margin-top:8px;width:1.6%;height:40px;}
.m-html22{margin-top:6px;width:1.6%;height:40px;}
.m-html23{margin-top:4px;width:1.6%;height:40px;}
.m-html24{margin-top:2px;width:1.6%;height:40px;}
.m-html25{margin:0;width:14%;height:80px;}
/*======= L =======*/
#l-html{width:20%;}
#l-html div{padding:0;float:left;background:#093;}
.l-html1{margin:0;padding:0;width:28%;height:80px;}
.l-html2{margin-top:52px;padding:0;width:50%;height:28px;}
#c-css{width:30%;}
#c-css div{padding:0;float:left;background:#f90;}
.c-css1{margin:0;width:34%;height:80px;}
.c-css2{margin:0;width:64%;height:14px;}
.c-css3{margin-top:40px;width:64%;height:26px;}
#s-css, .s-css{width:29%;}
#s-css div, .s-css div{padding:0;float:left;background:#f90;}
.s-css1{margin:0;width:34%;height:46px;}
.s-css2{margin:0;width:64%;height:14px;}
.s-css3{margin-top:18px;width:64%;height:14px;}
.s-css4{margin-top:8px;width:64%;height:26px;}
.s-css5{margin:0;width:34%;height:34px;}