

body { margin: 0px; }

#wrapper { width: 100%; float: left;  background:#F4F4F4 url(../images/bg.gif) repeat-x;}
#wrapper-in { width: 920px; margin:0 auto;}
#header { width: 880px; height: 103px; float: left;}
#logo {width: 880px; height: 107px; margin: auto; margin-top: 0px; background:url(../images/logo.gif) no-repeat; float:left}
#menu { width: 880px;}
#menu ul { margin: 0px; padding: 0px; list-style: none;}
#menu li { display: inline;}
#menu a { display: block; float: left;padding:16px 15px 0 15px;text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; font-weight: bold; margin-top:4px}
#menu a:hover { background: url(../images/hover.gif); color: #000000;}
#menu .active a { background: url(../images/hover.gif); color: #000000;}
#page { width: 880px; float: left; height:auto}
#customer { width: 920px; height: 219px; background: url(../images/product.png) no-repeat 570px; float: left;}
#customer h1 { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 25px; color: #2a2a2a; font-weight: normal; padding-top: 30px;}
#customer p { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; padding-top: 30px; padding-right: 241px; padding-left: 22px;}
#sidebar { width: 218px; height:auto; float: left; background: #B84506; border-left: #adb8be 1px solid; border-right: #adb8be 1px solid; margin-top:8px; padding:0}
#sidebar h1 { margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color:#000000; text-align: center; padding-bottom: 6px; padding-top:6px; background:#B44F0C}
#side_menu { width: 218px; height:auto; margin: auto; padding:0}
#side_menu ul { margin: 0px; padding: 0px; list-style: none;width: 218px; float:left;}
#side_menu li {display: block;background:#333333; border-bottom:1px #FFFFFF solid; padding:3px 0 3px 15px}
#side_menu li:hover{background:#B84506}
#side_menu a { color:#CCCCCC; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-decoration:none;}
#side_menu a:hover { color:#FFFFFF;}
#content { width: 604px; height:auto; 
float: right; 
background:#F4F0F0; 
height:auto; 
padding:5px 15px 15px 10px; 
margin:10px 10px 0px 0px; 
 
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333}
#content p{margin:10px 12px 0 12px; word-spacing:2px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px}
#content h1 { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #2a2a2a; font-style: italic; padding-top: 14px; border-bottom: #000000 1px solid;}

.gra p { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-left: 42px; padding-right: 45px; padding-top: 8px;}

.balck { margin:5px;background: #2a2a2a;}
.balck p { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; padding-left: 35px; padding-right: 18px; text-align: justify; line-height: 14px; padding-top: 9px;}
.balck h2 { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ff4040; padding-left: 35px; padding-top: 10px; padding-bottom: 8px; font-style: italic;}

#footer { width: 100%; height:50px; background: url(../images/footer_bg.gif); float: left; clear:both;}
#f_menu { width: 315px; height: 34px; margin: auto; padding-right: 85px; margin-top:7px}
#f_menu ul { margin: 0px; padding: 0px; list-style: none;}
#f_menu li { display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
#f_menu a { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#EE8F31; padding-right: 8px;  padding-left: 8px; line-height: 34px; text-decoration: none;}
#f_menu a:hover { color: #FFFFFF;}

#content h2{font-size:14px; }