@CHARSET "UTF-8";

body,form,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,p {
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana;
	background: #fff url(./images/body_bg.jpg) 0 0 repeat-x;
}

a {
	color: #ad2370;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

.clearfix {
	_height: 100%;
}
.clearfix:after {
	display: block;
	margin-top: -1px;
	height: 1px;
	content: "";
	clear: both;
}
.red {
	color: #f00;
}

.appstore {
	display: block;
	text-indent: -9999px;
	width: 111px;
	height: 39px;
	background: transparent url(./images/marketing_badge.png) 0 0 no-repeat;
}

.pager {
	display: block;
	text-align: right;
}
.pager li {
	font-size: 12px;
	display: inline;
	padding-left: 10px;
	list-style: none;
}

#container {
	width: 862px;
	padding: 0 20px;
	min-height: 800px;
	margin: 0 auto;
	background-color: #fff;
	border-left: 1px solid #e5007f;
	border-right: 1px solid #e5007f;
}

#header {
	position: relative;
	height: 90px;
}
#header h1 {
	float: left;
	width: 130px;
	height: 90px;
}
#header h1 a {
	display: block;
	width: 130px;
	height: 90px;
	background: transparent url(./images/logo.gif) 0 0 no-repeat;
	text-indent: -9999px;
}
#header #press {
	float: right;
	display: block;
	position: relative;
	width: 632px;
	height: 67px;
	background: transparent url(./images/menu.jpg) 0 0 no-repeat;
	font-size: 12px;
	color: #eee;
}
#header p label {
	display: none;
}
#header p a {
	color: #fff;
	padding-left: 33px;
	display: block;
	position: absolute;
	width: 320px;
	height: 33px;
	left: 267px;
	top: 30px;
	text-indent: -9999px;
}
#header .menu {
	float: right;
	display: block;
	position: relative;
	width: 632px;
	height: 41px;
	padding-top: 26px;
	background: transparent url(./images/menu.gif) 0 0 no-repeat;
	font-size: 12px;
	color: #eee;
}
#header .menu li {
	display: block;
	float: left;
	height: 41px;
	margin-left: 5px;
	_margin-left: 2px;
}
#header .menu li a {
	display: block;
	height: 41px;
	text-indent: -9999px;
	background-repeat: none;
	background-position: 0 0;
}
#header .menu li a:hover,
#header .menu .active a {
	background-position: 0 -41px;
}
#header .menu .menu-top a {
	width: 162px;
	background-image: url(./images/menu_top.png);
}
#header .menu .menu-products a {
	width: 162px;
	background-image: url(./images/menu_products.png);
}
#header .menu .menu-info a {
	width: 162px;
	background-image: url(./images/menu_info.png);
}
#header .menu .menu-faq a {
	width: 102px;
	background-image: url(./images/menu_faq.png);
}


#footer {
	clear: both;
	padding: 5px 0;
	font-size: 12px;
}
#footer .appstore {
	float: left;
	margin-bottom: 10px;
}
#footer ul {
	display: block;
	text-align: right;
}
#footer ul li {
	display: inline;
	list-style: none;
	padding: 0 10px;
	border-right: 1px solid #ccc;
}
#footer ul li a {
	line-height: 50px;
}
#footer ul .last-item {
	border-right: 0;
	padding-right: 0;
}
#footer address {
	clear: both;
	display: block;
	background: transparent url(./images/bar_bg.gif) 0 0 repeat-x;
	padding-top: 20px;
	color: #666;
	font-style: normal;
	font-size: 90%;
}




#home #intro {
	height: 400px;
	marginb-ttom: 10px;
	background: transparent url(./images/intro_bg.jpg) top center no-repeat;
	position: relative;
}
#home #intro h1,
#home #intro p {
	display: none;
}
#home #intro .input-email {
	display: block;
	position: absolute;
	left: 470px;
	top: 300px;
	width: 230px;
	height: 18px;
	border: 0;
	background-color: transparent;
}
#home #intro .send-email {
	display: block;
	position: absolute;
	left: 723px;
	top: 294px;
	width: 96px;
	height: 32px;
	text-indent: -9999px;
}
#home #intro .error,
#home #intro .complete {
	display: block;
	position: absolute;
	left: 340px;
	top: 336px;
	font-size: 80%;
	color: #f00;
}
#home #intro .appstore {
	position: absolute;
	right: 20px;
	bottom: 70px;
}
#home #campain {
	height: 402px;
	margin-bottom: 30px;
	background: transparent url(./images/campain.jpg) 0 0 no-repeat;
	position: relative;
}
#home #campain h2,
#home #campain h3 {
	display: none;
}
#home #campain p {
	margin: 0;
	padding: 0;
	font-size: 13px;
	color: #555;
}
#home #campain #campain-description {
	position: absolute;
	left: 150px;
	top: 63px;
}
#home #campain #campain-condition {
	position: absolute;
	width: 380px;
	left: 50px;
	top: 163px;
}
#home #campain #campain-howto {
	position: absolute;
	left: 453px;
	top: 163px;
}
#home #campain #campain-other {
	position: absolute;
	left: 50px;
	top: 316px;
}
#home #campain #clipbrd {
	display: none;
	width: 180px;
	height: 30px;
	position: absolute;
	left: 520px;
	top: 355px;
	background: transparent url(./images/button_clipbrd.gif) 0 0 no-repeat;
	text-indent: -9999px;
}
#home #campain #clipbrd:hover {
	background-position: 0 -30px;
}

/*#home .wrapper {
	background: transparent url(./images/bar_bg.gif) 0 0 repeat-x;
	padding-top: 40px;
}*/
#home .main-body {
	float: left;
	width: 580px;
	margin-bottom: 20px;
	padding-left: 50px;
}
#home #information,
#home #features .feature {
	clear: both;
	margin-bottom: 40px;
}
#home #information h2,
#home #features .feature h2 {
	font-size: 16px;
	color: #333;
	line-height: 180%;
	margin-bottom: 10px;
	background: transparent url(./images/dot_line.gif) left bottom repeat-x;
}
#home #information .list {
	margin-bottom: 20px;
}
#home #information .item {
	list-style: none;
	padding-bottom: 4px;
	margin-bottom: 3px;
	background: transparent url(./images/dot_line_light.gif) left bottom repeat-x;
}
#home #information .item p {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 18px;
}
#home #information .item .date {
	float: left;
	width: 80px;
	font-weight: normal;
	color: #ad2370;
}
#home #information .item .title {
	margin-left: 84px;
	padding-left: 80px;
	background-repeat: no-repeat;
	background-position: 0 1px;
}
#home #information .release .title {
	background-image: url(./images/news_category_release.gif);
}
#home #information .info .title {
	background-image: url(./images/news_category_info.gif);
}
#home #information .maintenance .title {
	background-image: url(./images/news_category_maintenance.gif);
}
#home #information .more {
	text-align: right;
	font-size: 12px;
}
#home #features .feature {
	font-size: 12px;
	line-height: 160%;
}
#home #features #feature-1 .main {
	padding-left: 160px;
	padding-right: 10px;
	height: 210px;
	color: #333;
	background: transparent url(./images/feature_1_main.jpg) 0 0 no-repeat;
}
#home #features #feature-1 .main span {
	display: block;
	margin-bottom: 8px;
}
#home #features #feature-1 .sample {
	width: 630px;
	height: 316px;
	background: transparent url(./images/feature_1_sample.jpg) 0 0 no-repeat;
}
#home #features #feature-1 .sample p {
	display: none;
}
#home #features #feature-2 .main {
	margin-bottom: 20px;
}
#home #features #feature-2 .sample {
	width: 630px;
	height: 402px;
	background: transparent url(./images/feature_2_sample.jpg) 0 0 no-repeat;
}
#home #features #feature-2 .sample p {
	display: none;
}
#home #features #feature-3 {
	width: 630px;
	height: 331px;
	margin-bottom: 20px;
	background: transparent url(./images/feature_3_main.jpg) 0 0 no-repeat;
}
#home #features #feature-3 h2,
#home #features #feature-3 p {
	display: none;
}

#home .side-body {
	float: right;
	width: 205px;
	margin-bottom: 20px;
}
#home #requirement {
	color: #333;
	padding: 10px;
	margin-bottom: 20px;
	height: 232px;
	background: transparent url(./images/requirement_bg.jpg) 0 0 no-repeat;
}
#home #requirement h2 {
	font-size: 16px;
	margin-bottom: 16px;
}
#home #requirement dl {
	margin-bottom: 10px;
}
#home #requirement dt {
	font-weight: bold;
	font-size: 12px;
}
#home #requirement dd {
	font-size: 12px;
	margin-bottom: 8px;
}
#home #requirement p {
	font-size: 13px;
	font-weight: bold;
	color: #f00;
}
#home #other-apps h2 {
	font-size: 15px;
	line-height: 180%;
	margin-bottom: 5px;
	background: transparent url(./images/dot_line.gif) left bottom repeat-x;
}
#home #other-apps p {
	font-size: 80%;
}


#products .introduction,
#informations .introduction {
	float: right;
	width: 630px;
	color: #333;
	font-weight: bold;
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 30px;
}

#products .wrapper,
#informations .wrapper {
	clear: both;
}

#products .side-menu,
#informations .side-menu {
	width: 200px;
	float: left;
	margin-bottom: 400px;
}
#products .side-menu .section,
#informations .side-menu .section {
	margin-bottom: 20px;
}
#products .side-menu .all a,
#informations .side-menu .all a {
	font-size: 12px;
}
#products .side-menu .section .header,
#informations .side-menu .section .header {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	padding-bottom: 3px;
	margin-bottom: 3px;
	border-bottom: 1px solid #ccc;
}
#products .side-menu .section .items .item,
#informations .side-menu .section .items .item {
	list-style: none;
}
#products .side-menu .section .items .item a,
#informations .side-menu .section .items .item a {
	font-size: 12px;
}


#products .main-body,
#informations .main-body {
	width: 630px;
	float: right;
}
#products .main-body .count-label,
#informations .main-body .count-label {
	font-size: 12px;
	color: #333;
	display: block;
	width: 300px;
	float: left;
	margin-bottom: 20px;
}
#products .main-body .pager,
#informations .main-body .pager {
	width: 300px;
	float: right;
	margin-bottom: 20px;
}
#products .main-body .products,
#informations .main-body .informations {
	clear: both;
}
#products .main-body .products .item {
	list-style: none;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #ad2370;
}
#products .main-body .products .item .image {
	border: 1px solid #ccc;
	padding: 2px;
	width: 80px;
	float: left;
}
#products .main-body .products .item .body {
	width: 530px;
	float: right;
}
#products .main-body .products .item .release {
	font-size: 12px;
	color: #666;
}
#products .main-body .products .item .title {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	padding: 5px 0;
}
#products .main-body .products .item dt {
	clear: both;
	width: 80px;
	float: left;
	font-size: 12px;
	color: #555;
}
#products .main-body .products .item dd {
	width: 450px;
	float: left;
	font-size: 12px;
	color: #555;
}
#informations .informations .item {
	list-style: none;
	padding-bottom: 5px;
	margin-bottom: 5px;
	background: transparent url(./images/dot_line_light.gif) left bottom repeat-x;
}
#informations .informations .item p {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 18px;
}
#informations .informations .item .date {
	float: left;
	width: 80px;
	font-weight: normal;
	color: #ad2370;
}
#informations .informations .item .title {
	margin-left: 84px;
	padding-left: 80px;
	background-repeat: no-repeat;
	background-position: 0 1px;
}
#informations .informations .release .title {
	background-image: url(./images/news_category_release.gif);
}
#informations .informations .info .title {
	background-image: url(./images/news_category_info.gif);
}
#informations .informations .maintenance .title {
	background-image: url(./images/news_category_maintenance.gif);
}

#informations .detail .info-title {
	color: #333;
	font-size: 16px;
	line-height: 160%;
	padding-bottom: 5px;
	margin-bottom: 5px;
	background: transparent url(./images/dot_line.gif) left bottom repeat-x;
}
#informations .detail .options {
	text-align: right;
	font-size: 12px;
	color: #666;
	padding-right: 84px;
	line-height: 20px;
	background-repeat: no-repeat;
	background-position: right center;
}
#informations .detail .release {
	background-image: url(./images/news_category_release.gif);
}
#informations .detail .info {
	background-image: url(./images/news_category_info.gif);
}
#informations .detail .maintenance {
	background-image: url(./images/news_category_maintenance.gif);
}
#informations .detail .body {
	padding: 20px 10px;
	font-size: 12px;
	color: #333;
	line-height: 170%;
}
	
	


#faq .faq {
	padding-top: 20px;
	color: #333;
}
#faq li {
	list-style: none;
}
#faq .category-item {
	margin-bottom: 5px;
}
#faq .category {
	font-size: 16px;
	color: #333;
	line-height: 180%;
	margin-bottom: 10px;
	background: transparent url(./images/dot_line.gif) left bottom repeat-x;
}
#faq .title-items {
	padding: 10px 0;
}
#faq .title-item {
	margin-bottom: 5px;
}
#faq .title {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 5px;
	color: #ad2370;
	line-height: 160%;
}
#faq .body {
	font-size: 13px;
	padding: 7px 5px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 16px;
}