﻿@charset "utf-8";
/* Markup by xiaobo */
/* http://www.roamfox.com */

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
a, a:visited {text-decoration:none;color:#360}
a:hover {text-decoration:underline}
body {font:62.5% Arial;}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
img {border:0;vertical-align:bottom}
fieldset {border:0}
p {margin:0 0 1em}
body{
	background:url(../images/bg-body.png) #333 repeat-x;
	color:#000;
	position:relative;
}
/* Containers */
#skip {height:0px;overflow:hidden;width:0px}
#page {width:746px;margin:0 auto;position:relative}

/* Header */
#header{
	height:151px;
	position:relative;
	margin:0 0 20px;
}
.logo{
	position:absolute;
	left:0;
	top:0;
	background:url(../images/logo.png) no-repeat 0 0;
	width:331px;
	height:151px;
	text-indent:-9999px;
}
h1{
	color:#DFDFDD;
	font-size:20px;
	position:absolute;
	right:0;
	bottom:0;
}

/* Content*/
#wptap{
	margin:0 0 10px;
}

#wptap .top .intro{
}
#wptap .top .intro h2{
	font-size:14px;
	padding:10px 0 10px;
}
#wptap .top .intro p {
	font-size:14px;
	line-height:140%;
}
#wptap .top .intro strong{
	font-size:13px;
}

#wptap .wptaplogo{
	width:310px;
	height:290px;
	background:url(../images/wptap-logo.png) no-repeat 0 0;
	text-indent:-9999px;
	float:left;
}


#press75 .top .intro{
}
#press75 .top .intro h2{
	font-size:14px;
	padding:10px 0 10px;
}
#press75 .top .intro p {
	font-size:14px;
	line-height:140%;
}
#press75 .top .intro strong{
	font-size:13px;
}

#press75 .press75logo{
	width:130px;
	height:39px;
	background:url(../images/demo-logo.png) no-repeat 0 0;
	text-indent:-9999px;
	float:left;
}





#tags{
	height:260px;
}
#tags li{
	width:242px;
	height:222px;
	background:url(../images/bg-tag.png) no-repeat 0 0;
	float:left;
	margin:0 0 0 10px;
	list-style:none;
	text-align:center;
	cursor:pointer;
}
#tags li.first{
	margin:0;
}
#tags li.hover,#tags li.current{
	background-image:url(../images/bg-tag-hover.png);
	color:#900;
	cursor:default;
}
#tags li span{
	display:block;
	font-size:20em;
	line-height:100%;
}
#tags li h2{
	font-size:1.4em;
	font-weight:bold;
	position:relative;
	line-height:100%;
	bottom:10px;
}
#tags li.current h2{
	height:67px;
	background:url(../images/arrow.png) no-repeat 50% 100%;
}

#content{
	clear:both;
}
.roll{
	background:url(../images/bg-content.png) repeat-y;
	margin:0 0 10px;
}
.box{
	background:url(../images/bg-box.png) repeat-y;
}
.roll .top{
	background:url(../images/bg-content-top.png) 0 0 no-repeat;
	padding:15px 0 0;
	min-height:300px;
	height:1%;
	overflow:hidden;
	position:relative;
}
.box .top{
	min-height:10px;
	padding:15px 20px 0;
	font-size:1.2em;
}
.box h3,.box h4{
	font-size:1.2em;
	font-weight:normal;
}
* html .roll .top{
	height:300px;
}
* html .box .top{
	height:auto;
}

.roll .top .order{
	color:#900;
	font-size:2.0em;

}
.roll .bottom{
	background:url(../images/bg-content-bottom.png) 0 100% no-repeat;
	height:15px;
	overflow:hidden;
	clear:both;
}
.entry ul,.entry ol{
	margin:0 0 1em;
}
.entry li{
	list-style-position:inside;
	padding:3px 0 3px 10px;
}
.tag-details{
	width:491px;
	float:left;
}
.tag-details h3{
	font-size:2.0em;
	padding:5px 20px;
}
.tag-details .entry{
	font-size:1.4em;
	line-height:140%;
	padding:0 10px 0 20px;
}
.standard{
	float:right;
	width:255px;
}
.standard li{
	list-style:none;
	font-size:1.6em;
	padding:5px 0 5px 10px;
}
.standard li strong{
	font-size:1.2em;
	color:#900;
}
.standard li.last{
	padding:20px;
	text-align:right;
	font-size:1.3em;
}
.standard li.left{
	text-align:left;
}





/* Sidebar */

/* Footer */

#footer{
	clear:both;
	text-align:right;
	font-size:1.2em;
	color:#ccc;
	padding:0 0 20px;
}

/*Box order*/
.center{
	text-align:center;
}

#order{
	display:none;
	position:absolute;
	left:0;
	top:427px;
	background:#222;
	width:100%;
	height:440px;
	z-index:2;
    text-align:center;
    padding:20px 0 0;
    font-size:1.4em;
    color:#fff;
}
#order form{
	width:600px;
	margin:0 auto;
	text-align:left;
}
#order h5{
	padding:20px 0;
	font-size:2.0em;
}
#order li{
	list-style:none;
	margin:0 0 10px;
}
#order li label{
	display:inline-block;
	width:100px;
	height:20px;
	text-align:right;
}
#order li input,#order li textarea,#order li select{
	display:inline-block;
	width:400px;
	border:none;
	background:#ccc;
	font:1.0em Arial;
	padding:3px 5px;
	margin:0 5px;
}
#order li input:hover,#order li textarea:hover,#order li select:hover{
	background:#efefef;
}
#order li textarea{
	height:100px;
}
#order li .btn{
	width:200px;
	cursor:pointer;
}
#order .close{
	position:absolute;
	right:20px;
	top:20px;
	color:#fff;
	display:block;
}
