@charset "utf-8";
/* CSS Document */

body {
	width:100%; height:100%;
	margin:0px; padding:0px;
	font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
}
body, p, table {
	font-size:12px;
	color:#666;
}
p {
	margin:0px; padding:5px 0px 10px 0px;
}
h1, h2, h3, h4 {
	margin:0px; padding:5px 0px 10px 0px;
	font-weight:normal;
}
h1 {
	font-size:24px;
	color:#99CC00;
	font-weight:bold;
}
h2 {
	font-size:20px;
	color:#000;
}
h3 {
	font-size:16px;
	color:#99CC00;
}
h4 {
	font-size:14px;
	color:#000;
	font-weight:bold;
}
a {
	cursor:pointer;
}
a:link, a:visited {
	color:#99CC00; text-decoration:none;
}
a:hover, a:active {
	color:#FF9900; text-decoration:underline;
}
ul, ol {
	margin:0px; padding:1em 1em 1em 3em;
}
li {
	margin:0px; padding:5px 0px 5px 0px;
}
img {
	margin:0px; border:none;
}
div {
	margin:0px; padding:0px;
	background-color:transparent;
}
table {
	margin:0px; padding:0px;
}

/*** main container and clear ***/
.clear {
	width:100%; height:1px;
	clear:both;
	display:block; overflow:hidden;
}
#main-wrapper {
	width:1000px; height:auto;
	margin:0px auto 0px auto;
	background-image:url('images/main_content_bg.jpg');
	background-repeat:repeat-y;
}
#main-content{
	width:960px;
	margin:20px;
}
	
/*** header and (sub-)nav-bar ***/
#header, #nav-bar {
	width:100%;
	background-color:#000;
}
#logo {
	width:330px;
	margin:10px 0px 0px 20px;
	float:left; display:inline;
}
#slogan {
	width:236px;
	margin:18px 20px 0px 0px;
	float:right; display:inline;
}
#sub-nav {
	width:100%; height:45px;
	background-color:#fff;
	border-bottom:1px #999 solid;
}
#prod-name {
	width:550px;
	margin-left:20px;
	float:left; display:inline;
	font-size:36px;
	color:#000;
}
#prod-name #prod-slogan {
	font-size:15px;
	font-weight:bold;
	color:#666;
}
#page-list {
	width:400px;
	margin-top:8px;
	float:left; display:inline;
}
#page-list img {
	float:left; display:inline;
}

/*** other containers ***/
.division-line {
	width:1px;
	margin:0px 10px 0px 10px;
	background-color:#DDD;
	float:left; display:inline;
}
.type1 {
	height:150px;
}
.type2 {
	height:260px;
}
.lft-col, .rgt-col {
	width:470px;
	float:left; display:inline;
}
.rgt-col {
	margin-left:20px;
}
.first-col, .one-trd-col { /* three columns */
	width:305px;
	float:left; display:inline;
}
.two-trd-col { /* two columns */
	width:630px;
	margin-left:20px;
	float:left; display:inline;
}
.full-col { /* one column */
	width:960px;
	margin:20px 0px 20px 0px;
}
.whole-page {
	width:800px;
	margin:20px 80px 20px 80px;
}
.tbnl-col {
	width:185px;
	float:left; display:inline;
}
.dscpt-col {
	width:310px;
	margin:0px 20px 0px 20px;
	float:left; display:inline;
}
.pic-col {
	width:425px;
	float:left; display:inline;
}

/*** picture box ***/
.bottom-pic {
	width:33%;
	float:left; display:inline;
}
.tbnl-box {
	width:184px;
}
.tbnl-middle {
	width:100%;
	background-image:url('images/tbnl_middle_bg.jpg');
	background-repeat:repeat-y;
}
.tbnl-top, .tbnl-bottom {
	width:100%; height:9px;
	background-image:url('images/tbnl_top_bg.jpg');
	background-repeat:no-repeat;
}
.tbnl-bottom {
	height:13px;
	background-image:url('images/tbnl_bottom_bg.jpg');
}
.tbnl-slogan {
	width:100%;
	margin-top:10px;
	color:#000;
	font-weight:bold;
	text-align:center;
}
.pic-box {
	width:425px;
}
.pic-middle {
	width:100%;
	background-image:url('images/pic_middle_bg.jpg');
	background-repeat:repeat-y;
}	
.pic-top, .pic-bottom {
	width:100%; height:10px;
	background-image:url('images/pic_top_bg.jpg');
	background-repeat:no-repeat;
}
.pic-bottom {
	height:14px;
	background-image:url('images/pic_bottom_bg.jpg');
}
.pic-right-border {
	width:100%;
	background-image:url('images/pic_border_right.jpg');
	background-repeat:repeat-y;
	background-position:right;
}
.pic-top-corner, .pic-bottom-corner {
	width:100%; height:10px;
	background-image:url('images/pic_corner2.jpg');
	background-repeat:no-repeat;
	background-position:top right;
}
.pic-bottom-corner {
	height:14px;
	background-image:url('images/pic_corner3.jpg');
}
.pic-slogan {
	width:300;
	margin-left:10px;
	color:#000;
	font-weight:bold;
}

/*** miscellaneous ***/
.frt-word {
	font-style:italic; font-weight:bold;
}
.go-to-top {
	margin:10px;
	font-size:14px;
	font-weight:bold;
	text-align:right;
}
.features {
	font-size:14px;
}
.align-center {
	margin:10px auto 10px auto;
	display:block; position:relative;
}
.float-left {
	margin-left:100px;
	float:left; display:inline;
}
.tbnl-box img {
	margin-left:7px;
}
.pic-box img {
	margin-left:10px;
}
.odd-row, .even-row {
	height:25px;
	background-color:#EFEFEF;
}
.even-row {
	background-color:#FFF;
}

/*** footer ***/
#footer {
	width:100%;
	background-color:#EEE;
	text-align:center;
}
#footer p {
	margin:0px; padding:10px;
}

/*** front page ***/
#fp-main-content {
	width:100%;
	background-color:#000;
}
#fp-main-content .lft-col, #fp-main-content .rgt-col {
	width:470px;
	margin:20px;
	float:left; display:inline;
}
#fp-main-content .rgt-col {
	margin-left:0px;
}
#fp-main-content .rgt-col, #fp-main-content .rgt-col h1 {
	color:#fff;
	font-weight:normal;
}
#fp-main-content .rgt-col ul {
	font-size:20px;
}