@charset "utf-8";

* { margin: 0; padding: 0; }
html { font-size: 100%; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; background-image:url(../img/body-back01.png); background-repeat:repeat-x; background-color:#f1f1f1; }

a { color: #336699; }
a:hover { color: #000000;  }

a#link2 { color: #8BC933; text-decoration: none; }
a#link2:hover  { color: #663399; text-decoration: none; }

a img { border: none; }

p { line-height: 18px; padding: 0px 10px 0px 10px; color:#666666; }





/*   Main Structure   */

#wrap {width: 960px; margin: 0px auto; background-color:#ffffff;}

#top {width: 960px; height:60px; padding:0px 0px 0px 0px; background-color:#cccccc; background-image:url(../img/top-back01.png);} /* *** */

#logo {position: absolute; z-index:100;}

#top-img {width: 960px; height:274px; padding:0px 0px 0px 0px; background-color:#ffffff;} /* *** */

#left {float: left; width: 480px; padding:0px 50px 0px 50px; margin-top:20px; margin-bottom:20px; background-color:#ffffff; background-image:url(../img/dot2.gif); background-repeat:repeat-y;} /* *** */

#left ul { color:#666666; margin-left:30px; line-height:20px;}
#left li { color:#666666; padding-left:10px; }


#right {float: right; width: 280px; padding:0px 50px 0px 50px; margin-top:20px; margin-bottom:20px; background-color:#ffffff;} /* *** */

#box1 {float: left; width: 200px; padding:0px 10px 10px 10px; } /* *** */
#box1 p{margin-bottom:10px; } /* *** */

#box2 {float: left; width: 200px; padding:0px 10px 10px 10px; margin-left:20px;} /* *** */
#box2 p{margin-bottom:10px; } /* *** */

#swf {width: 800px; height:600px; padding:40px 0px 40px 0px; background-color:#ffffff; margin: 0px auto;} 



/* H1 Image Replace*/	

h1 a { width: 175px; height: 135px; background: url(../img/BtheBoss-logo.png); float: right; }
.logoReplace { background-position: top; background-repeat: no-repeat; display: block; }
.logoReplace span { width: 0px; height: 0px; overflow: hidden; display: block; }


/*   Text   */

.intro {line-height: 18px; padding: 0px 10px 0px 10px; color:#666666; font-size:17px;}
.title-1 {line-height: 18px; padding: 0px 10px 0px 10px; font-size:17px; color:#cc3333; font-weight:bold;}
.title-2 {line-height: 18px; padding: 0px 10px 0px 10px; font-size:19px; color:#336699; font-weight:bold;}
.title-3 {line-height: 18px; padding: 0px 10px 0px 10px; font-size:17px; color:#666666; font-weight:bold;}


/*   Top Menu   */

.menu-1 { height:34px; clear:both; padding-top:10px;  font-family: Arial, Helvetica, sans-serif; font-size:17px; margin-left: 350px;}
.menu-1  li {display: inline;}
.menu-1  a {display: inline; padding: 10px 20px 10px 19px; display: block; float: left; margin-right: 3px; color:#fff; text-decoration: none;}
.menu-1  a:hover { color:#cc0000; text-decoration: underline;}


/*  Footer   */

#footer {width: 960px; height:130px; padding:0px 0px 0px 0px; background-color:#cccccc; clear:both; background-image:url(../img/footer-back01.png);} /* *** */
#footer .menu { height:34px; clear:both; padding-top:30px;  font-family: Arial, Helvetica, sans-serif; font-size:13px; margin-left: 50px;}
#footer .menu  li {display: inline;}
#footer .menu  a {display: inline; padding: 10px 20px 10px 20px; display: block; float: left; margin-right: 3px; color:#fff; text-decoration: none;}
#footer .menu  a:hover { color:#000000; text-decoration: underline;}
#footer .text { clear:both; color:#ffffff;  margin-left: 50px; padding: 10px 20px 10px 20px; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#FFF;}
#footer .text a { color:#FFF;}