/* CSS Document */
* { padding:0; margin:0; }
body { font:normal 12px/180% "Verdana"; color:#333; background:url("../images/common/bodybg.jpg"/*tpa=http://www.jsballs.com/images/common/bodybg.jpg*/); }
img { border:none; }
ul,li { list-style-type:none; }
h2,h3,h4{font-size:14px;}
.fl { float:left; }
.fr { float:right; }
p{line-height:26px;}
#clear { clear:both;}
a { color:#4D4D4D; text-decoration:none; }
a:hover { color:#56008C; text-decoration:underline; }
button{ cursor:pointer;}
/*other*/
.clearit{ clear:both;}

#wraper { background:url("../images/common/headerbg.jpg"/*tpa=http://www.jsballs.com/images/common/headerbg.jpg*/) repeat-x left top; }
#wrap { width:960px; margin:0 auto; background-color:#fff; }
#header{position:relative; width:960px;height:105px; background:url("../images/common/headbg.jpg"/*tpa=http://www.jsballs.com/images/common/headbg.jpg*/) repeat-x left top; }
.logo{position:absolute;top:43px;left:0;width:283px;height:51px;}
.top {position:absolute;top:2px;right:0; float:right; width:155px; height:20px; line-height:20px; font-size:11px; }
.top p { float:left; margin-right:10px; }
.top p a { color:#000; }
.top p a:hover { color:#000; text-decoration:underline; }
.tel { width:430px; height:32px; line-height:32px; color:#56008C; font-size:18px; position:absolute;right:0;top:15px; font-family:"Tahoma"; font-weight:bold; }

#nav {position:absolute;right:10px;top:62px; width:662px; height:43px; background:url("../images/common/navbg.jpg"/*tpa=http://www.jsballs.com/images/common/navbg.jpg*/) no-repeat left 6px; }
#nav #nobg { background:none; }
#nav ul { width:620px; height:36px; line-height:43px; margin-left:20px;  } 
#nav ul li { float:left; text-align:center;color:#FFF; background:url("../images/common/navline.jpg"/*tpa=http://www.jsballs.com/images/common/navline.jpg*/) no-repeat left center; padding:0 8px 0 10px; }
#nav a { font-size:13px; display:block; color:#fff; width:100px; height:43px; text-decoration:none; font-weight:bold;}
#nav a:hover { display:block; color:#56008C; width:100px; height:43px; background:url("../images/common/current.jpg"/*tpa=http://www.jsballs.com/images/common/current.jpg*/) no-repeat 0 0; font-weight:bold; }
#home #nav li a#currenta{ color:#56008C; background:url("../images/common/current.jpg"/*tpa=http://www.jsballs.com/images/common/current.jpg*/) no-repeat 0 0; }
#about #nav li a#currentb{ color:#56008C; background:url("../images/common/current.jpg"/*tpa=http://www.jsballs.com/images/common/current.jpg*/) no-repeat 0 0; }
#products #nav li a#currentc{ color:#56008C; background:url("../images/common/current.jpg"/*tpa=http://www.jsballs.com/images/common/current.jpg*/) no-repeat 0 0; }
#book #nav li a#currentd{ color:#56008C; background:url("../images/common/current.jpg"/*tpa=http://www.jsballs.com/images/common/current.jpg*/) no-repeat 0 0; }
#contact #nav li a#currente{ color:#56008C; background:url("../images/common/current.jpg"/*tpa=http://www.jsballs.com/images/common/current.jpg*/) no-repeat 0 0; }

#banner {position:relative;left:0;top:-1px; width:960px; height:250px; }

#main {width:960px; margin:0 auto; margin-top:10px; }
#sidebar { float:left; width:250px; margin:0 10px 10px 10px; display:inline; background:#fff url("../images/common/mainbg.jpg"/*tpa=http://www.jsballs.com/images/common/mainbg.jpg*/) repeat-x left top; }
#content { float:left; width:680px; margin:0 10px 10px 0; display:inline; background:#fff url("../images/common/mainbg.jpg"/*tpa=http://www.jsballs.com/images/common/mainbg.jpg*/) repeat-x left top; }

#sidebarTop { width:250px; height:8px; }
#sidebarContent { width:248px; margin:0 auto; color:#4D4D4D; border-left:solid 1px #CCC; border-right:solid 1px #CCC; min-height:350px; _height:350px; }
#sidebarBottom { width:250px; height:10px; margin:0 auto; }

#contentTop { width:680px; height:8px; }
#contentContent { width:678px; margin:0 auto; color:#4D4D4D; border-left:solid 1px #CCC; border-right:solid 1px #CCC; min-height:350px; _height:350px; }
#contentBottom { width:680px; height:10px; margin:0 auto; padding-bottom:8px; }

#footer { width:960px; height:50px; margin:0 auto; background:url("../images/common/footerbg.jpg"/*tpa=http://www.jsballs.com/images/common/footerbg.jpg*/) no-repeat; }
#footer p { text-align:center; line-height:50px; color:#fff; font-size:12px; font-family:Verdana, Geneva, sans-serif; }
#footer p a { color:#fff; }