
body { -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; font-family:Arial, Helvetica, sans-serif; color:#4f4f4f; font-size:12px; line-height:20px; }

body { background:#432878 url(http://img.tacomart.com/Diy8_version/c1_19/bg.png) repeat 0 0; }

.container { width:980px; margin:36px auto 0 auto; background:#FFF; padding:0 10px;}
.clearfix:after {  content: "."; display:block; font-size:0; line-height:0; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }		
* html .clearfix { height:1%; }
.clearfix { display:block; }

#logo { color:#c7206e;  display:block; font-size:18px; text-align:center }

#header { padding:1px 0 0 0; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}

a:focus{ outline:none;}
a { text-decoration:none }
 ul { list-style: none; }
#menu { background:#3F3F3F url(#3F3F3F) repeat-x left top; border-radius:5px; margin-bottom:5px; }
#menu li { float:left; border-left:solid 1px rgba(0,0,0,0.10); padding:7px 11px 7px 11px;}
#menu li a { color:#FFF; font-weight:bold; display:inline-block; padding:5px 15px; font-size: 16px;}
#menu li a:hover{ border-radius:5px; background:rgba(0, 0, 0, 0.26); color:#FFF; }

#banner { border:solid 1px #d3d3d3; border-radius:5px; padding:8px; margin-bottom:5px; background:#FFF; text-align:center;}

#wrapper { padding:10px 10px; border-top-left-radius:10px; border-top-right-radius:10px; }

#footer { background:#000 url(../img/footer-bg.png) repeat-x left top; padding:10px 0; margin:0 -10px;  display:block; text-align:center}


