/* general */
html, body {height:100%;}
body{
	margin:0;
	color:#647362;
	font:14px/17px Arial, Helvetica, sans-serif;
	background:#f5f5f5;
}
img{border-style:none;}
a{
	text-decoration:none;
	color:#779a17;
}
a:hover{text-decoration:underline;}
input, textarea, select{
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#000;
}
form, fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
/* wrapper */
#wrapper {
	width:940px;
	margin:33px auto 0;
	background:url(images/bg-wrapper.gif) repeat-y;
	min-height:100%;
}
* html #wrapper {height:100%;}
/* header */
#header {
	background:url(images/bg-header.gif) no-repeat 0 -33px;
	width:940px;
	height:42px;
	margin:0 0;
	position:relative;
}
.logo {
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/logo.gif) no-repeat;
	width:193px;
	height:42px;
}
.logo a {
	display:block;
	height:100%;
}
/* top-menu */
.top-menu {
	width:747px;
	float:right;
}
.top-link {
	float:left;
	color:#232625;
	line-height:42px;
	text-align:center;
	padding:0 20px 0 7px;
}
.top-link:hover,
.top-menu li:hover a,
.top-menu .products:hover a,
.top-menu li.hover a,
.top-menu div.hover a {
	color:#fff;
	background:url(images/bg-top-link.gif) repeat-x;
	text-decoration:none;
}
.top-menu .products:hover ul a:hover {text-decoration:underline;}
.top-menu .products {
	float:left;
	background:url(images/sep-top-link.gif) no-repeat 100% 50%;
}
.top-menu .products a {
	width:109px;
}
.top-link strong {
	background:url(images/bullet-top-link.gif) no-repeat 100% 2px;
	padding:0 15px;
	font-weight:normal;
	cursor:pointer;
}
.top-link:hover strong,
.top-menu li:hover strong,
.top-menu .products:hover strong,
.top-menu li.hover strong,
.top-menu div.hover strong {background-position:100% -87px;}
.top-menu ul {
	float:right;
	margin:0;
	padding:0;
	list-style:none;
}
.top-menu ul li {
	float:left;
	background:url(images/sep-top-link.gif) no-repeat 0 1px;
}
#header .mask {
	position:absolute;
	top:0;
	right:0;
	background:url(images/bg-mask.gif) no-repeat;
	width:2px;
	height:2px;
	line-height:0;
	font-size:0;
}
/* dropdown menu */
.drop {
	position:absolute;
	top:42px;
	right:0;
	background:url(images/bg-main-nav.gif) no-repeat 100% 100%;
	padding:0 0 6px;
	width:328px;
	display:none;
	border-top:1px solid #d6d7d6;
}
* html .drop {right:-1px;}
* + html .drop {right:-1px;}
* html .products .drop {right:0;}
* + html .products .drop {right:0;}
.drop .holder {
	background:url(images/bg-main-nav.gif) repeat-y;
	padding:35px 8px 34px 10px;
}
.drop ul {
	margin:0;
	padding:2px 0 0;
	list-style:none;
	background:url(images/sep-main-nav.gif) repeat-x;
	float:none;
}
.drop ul li {
	text-align:center;
	background:url(images/sep-main-nav.gif) repeat-x 0 100%;
	padding:0 0 2px;
	float:none;
}
.drop li a {
	color:#232625 !important;
	font-size:16px;
	float:none;
	line-height:26px;
	background:none !important;
}

.drop li .dis{
	color: #ccc !important;;
	border-color: #ccc;
	}

.drop li a:hover {text-decoration:underline;}
.top-menu li:hover,
.top-menu .products:hover,
.top-menu li.hover,
.top-menu div.hover {position:relative;}
.top-menu li:hover .drop,
.top-menu .products:hover .drop,
.top-menu li.hover .drop,
.top-menu div.hover .drop {display:block;}
/* main */ 
#main {
	padding:8px 11px;
}
/* visual */
.visual {
	width:100%;
	margin:0 0 14px;
}
.visual img {display:block;}
.visual object {display:block; border:1px solid #d1d3d2;}
#main .wrap {
	width:100%;
	overflow:hidden;
}
/* content */ 
#content {
 	width:608px;
	float:right;
}
#content .text-section {padding:6px 2px 15px 12px;}
#content h1 {
	color:#232625;
	font-weight:normal;
	font-size:21px;
	line-height:24px;
	margin:0 0 15px;
}
#content p, #content em {
	margin:0 0 16px;
}
/* promo-box */
.promo-box {
	background:url(images/bg-promo-box.gif) no-repeat;
	width:608px;
	height:229px;
	overflow:hidden;
	position:relative;
	margin:0 0 10px;
	display: block;
	font-style: normal;
	color:#647362;
}

a.promo-box:hover{
	text-decoration: none;
}
.promo-box .img-holder img {display:block;}
.img-left .img-holder {
	float:left;
	padding:0 22px 0 29px;
	display: block;
}
.img-right .img-holder {
	float:right;
	margin:0 0 0 -70px;
}
.promo-box .text {
	text-align:center;
	padding:0 19px 0 0;
	position:relative;
}

.promo-box .text em{
	font-style:normal;
	color:#000000;
}
.promo-box h2 {
	font-size:24px;
	font-weight:normal;
	line-height:26px;
	margin:23px 0 8px;
	position:relative;
	text-align:center;
}
.promo-box p {
	margin:0;
	color:#232625;
}

#padded{
	left:20px;
	position:absolute;
	width:275px;
}
.btn01 .holder {
	background:url(images/btn01.png) no-repeat;
	width:182px;
	height:59px;
	padding:12px 10px 0;
	display: block;
}
.btn01 .holder a, .btn01 .holder em {
	display:block;
	text-align:center;
	font-weight:bold;
	color:#fff;
	word-spacing:-1px;
	position:relative;
	font-style: normal;
	
}
.img-left .btn01 {
	position:absolute;
	top:151px;
	left:379px;
}
.img-right .btn01 {
	position:absolute;
	top:144px;
	left:26px;
}
/* sidebar */
#sidebar {
	float:left;
	width:300px;
}
/* review-box*/
.review-box {
	background:url(images/bg-review-box.gif) no-repeat;
	width:300px;
	height:138px;
	color:#fff;
	text-align:right;
	position:relative;
	margin:0 0 9px;
	display: block;
	text-decoration: none;
}

a.review-box:hover{
	text-decoration:none;
}

.review-box em{
	font-style:normal;
}

.review-box .link {
	text-align:center;
	position:absolute;
	bottom:10px;
	right:10px;
}
.review-box strong {
	display:block;
	margin:0 0 3px;
	letter-spacing:-1px;
}
.review-box a {
	color:#fff;
	font-style:italic;
	word-spacing:-1px;
}
.review-box .text-holder {
	padding:11px 0 0 17px;
	float:left;
}
.review-box .txt-the-screen {
	display:block;
	background:url(images/txt-the-screen.gif) no-repeat;
	width:182px;
	height:67px;
	text-indent:-9999px;
	overflow:hidden;
	text-align:left;
}

.review-box .txt-solid-display {
	display:block;
	background:url(images/txt-solid-display.png) no-repeat;
	width:182px;
	height:67px;
	text-indent:-9999px;
	overflow:hidden;
	text-align:left;
}

/* side-box */
.side-box {
	width:300px;
	background:url(images/bg-side-box.gif) repeat-y -300px 0;
	margin:0 0 10px;
	display: block;
}

.side-box em{
	font-style: normal;
}

a.side-box:hover{
	text-decoration: none;
}
.side-box .holder {background:url(images/bg-side-box.gif) no-repeat;
	display: block;
}
.side-box .frame {
	background:url(images/bg-side-box.gif) no-repeat 100% 100%;
	width:299px;
	overflow:hidden;
	padding:0 1px 4px 0;
	position:relative;
	display: block;
}
.side-box .img-holder {
	float:right;
	margin:0 0 0 4px;
}
* html .side-box .img-holder {margin:0 0 0 1px;}
.side-box h3 {
	margin:0;
	color:#232625;
	font-size:16px;
	font-weight:normal;
	position:absolute;
	left:11px;
	top:14px;
}
.side-box p {
	margin:0;
	font-size:12px;
	line-height:20px;
	word-spacing:-1px;
}
.side-box .text {padding:38px 0 0 11px;
	display: block;
}
/* twitter-box */ 
.side-box .twitter-box {
	padding:0 0 10px;
	width:100%;
	overflow:hidden;
}
.twitter-box .ttl-latest-tweets {
	position:static;
	margin:0;
	background:url(images/ttl-latest-tweets.gif) no-repeat;
	width:300px;
	height:61px;
	text-indent:-9999px;
	overflow:hidden;
}
.twitter-box .posts {
	height:1%;
	overflow:hidden;
}
/* twitter post */
.twitter-box .post {
	height:1%;
	overflow:hidden;
	padding:5px 0 10px 11px;
	border-top:1px solid #d4d6d5;
	margin:-1px 0 1px;
}
.twitter-box .post .date {
	float:left;
	background:url(images/bg-date.gif) no-repeat;
	width:49px;
	height:48px;
	font-style:normal;
	color:#fff;
	text-align:center;
	font-size:8px;
	margin:4px 10px 0 0;
}
* html .twitter-box .post .date {margin-right:7px;}
.twitter-box .post .date span {
	display:block;
	font-size:29px;
	line-height:30px;
	margin:0 0 -2px;
}
.twitter-box .post .text {
	height:1%;
	overflow:hidden;
	padding:0 25px 0 0;
}
.twitter-box .post .text p {
	margin:0;
	letter-spacing:0;
	font-size:14px;
	line-height:17px;
}
/* bottom-bar */
.bottom-bar {
	background:url(images/bg-bottom-bar.gif) no-repeat;
	width:918px;
	height:72px;
	overflow:hidden;
	margin:0 0 4px;
}
.bottom-bar .green-box {
	float:left;
	background:url(images/bg-green-box.gif) no-repeat;
	width:286px;
	height:58px;
	padding:14px 0 0 14px;
}
.bottom-bar .bottom-logo {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/logo02.gif) no-repeat;
	width:196px;
	height:31px;
	margin:0 0 2px;
}
.bottom-bar .bottom-logo a {
	display:block;
	height:100%;
}
.bottom-bar .green-box p {
	margin:0;
	font-size:12px;
	color:#fff;
}
.bottom-bar .green-box p a {color:#fff;}
/* join-form */
.join-form {
	float:left;
	padding:18px 24px 0 13px;
}
.join-form label {
	float:left;
	color:#a2a2a1;
	font-size:20px;
	line-height:35px;
	padding:1px 15px 0 0;
}
.join-form .txt {
	float:left;
	border:0;
	padding:6px 12px;
	width:280px;
	font-size:20px;
	color:#e8e8e7;
	margin:0 10px 0 0;
	display:inline;
}
.join-form .sbm {float:left;}
/* footer */
#footer {
	text-align:center;
	padding:0 184px 20px;
	color:#737373;
	font-size:12px;
	line-height:15px;
}
#footer p {margin:0;}