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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
strike,sup, sub, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	background-image: url('/images/bg.png');
	background-repeat: repeat-x;
	background-color: #F4EDDF;
}
body,td,th {
	font: 14px/130% Arial, Helvetica, sans-serif;
}
#container {
	width: 900px;
	margin: 0px auto;
	position: relative;
}
#header {
	height: 88px;
	overflow: hidden;
}
#header h1 {
	display: block;
	float: left;
	width: 255px;
	padding-top: 30px;
}
#chatnow {
	text-align: right;
	display: block;
	clear: none;
	float: right;
	padding-top: 25px;
}
#navigation {
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	background: url('/images/menubg.png') repeat-x;
	display: block;
	height: 33px;
	width: 100%;
	color: #FEE5B7;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	position: relative;
	overflow: hidden;
}
#navigation li a {
	color: #FEE5B7;
	text-decoration: none;
}
#welcome {
	border: 1px solid #FFBA00;
	margin-top: 10px;
	margin-bottom: 10px;
	background: url('/images/welcome.jpg') center bottom;
	height: 210px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-left: 180px;
	position: relative;
	overflow: hidden;
}
#welcome ul {
	display: block;
	overflow: hidden;
	position: relative;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 700px;
	height: 70px;
}
#welcome #signup {
	padding-left: 200px;
	padding-top: 15px;
}
#welcome li {
	display: block;
	float: left;
	width: 35%;
	padding-left: 20px;
	background: url('/images/bullet_arrow.gif') no-repeat left center;
	height: 25px;
	font-size: 110%;
	font-weight: bold;
	line-height: 25px;
	color: #815400;
}
#welcome .description {
	color: #815400;
	text-shadow: #FFFFFF 0px 1px 0px;
	line-height: 100%;
}
#welcome h1 {
	font-size: 230%;
	color: #815400;
	text-shadow: #FFFFFF 0px 1px 0px;
	margin-top: 5px;
	margin-bottom: 0px;
	line-height: 130%;
}
#packages ul {
	list-style: none;
	overflow: hidden;
}
#packages {
	margin-top: 15px;
	margin-bottom: 15px;
	overflow: hidden;
}
#packages small {
	font-size: 60%;
}
#packages sup {
	font-size: 60%;
}
#packages li .price {
	display: block;
	height: 35px;
	line-height: 35px;
	font-weight: bolder;
	color: #FFDD9E;
	text-align: center;
	font-size: 180%;
}
#packages li {
	background: url('/images/package.jpg') no-repeat;
	display: block;
	float: left;
	height: 210px;
	width: 215px;
	margin-right: 10px;
	border: 1px solid #BC0309;
}
#packages .order {
	display: block;
	text-align: center;
	padding-top: 12px;
}
#packages li ul {
	display: block;
	background: url(none);
	margin-left: 15px;
	height: 87px;
	width: 180px;
}
#packages li li {
	background: url('/images/bullet_arrow_2.gif') no-repeat left;
	display: list-item;
	width: 160px;
	border-style: none;
	height: 20px;
	padding-left: 20px;
	line-height: 20px;
	font-weight: bold;
	color: #370001;
}
#packages li h3 {
	font-weight: bolder;
	color: #C40308;
	display: block;
	line-height: 35px;
	height: 35px;
	padding-right: 15px;
	padding-left: 15px;
	font-style: italic;
	font-size: 150%;
	text-shadow: 2px 2px 3px #96928B;
}
#packages li.last {
	margin: 0px;
}
#navigation ul {
	left: 50%;
	list-style: none;
	text-align: center;
	position: relative;
	float: left;
	clear: left;
	
}
#navigation li {
	display: block;
	float: left;
	line-height: 32px;
	right: 50%;
	position: relative;
	padding-right: 15px;
	padding-left: 15px;
}
#contents, #main {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #FFBA00;
	margin-top: 15px;
	margin-bottom: 15px;
	background: #FFFFFF;
}
.clear {
	font-size: 0px;
	line-height: 0px;
	clear: both;
	float: none;
	height: 0px;
}
#trial_right {
	position: relative;
	float: left;
	width: 400px;
	padding: 20px;
}
#contents p, #main p {
	margin-top: 7px;
	margin-bottom: 7px;
}



#footer {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding: 15px 0px;
	color: #FFFFFF;
	overflow: hidden;
}
#footer ul {
	display: block;
	float: left;
	width: 510px;
}
#footer li {
	display: block;
	float: left;
	width: 170px;
}
#footer li a {
	color: #FFFFFF;
	text-decoration: none;
}

#footer h3 {
	margin-bottom: 3px;
	color: #FFD5D6;
}
#footer li ul {
	float: left;
	display: block;
	width: 170px;
}
#footer li li {
	display: list-item;
	width: 170px;
	margin-top: 1px;
	margin-bottom: 1px;
	font-size: 90%;
}
#footer .copyright {
	text-align: right;
	clear: left;
	font-size: 90%;
}
#columns {
	background: url('/images/brown_transp_grad.png') repeat-x;
	line-height: 130%;
	overflow: hidden;
	margin-top: 15px;
	margin-bottom: 15px;
	height: 200px;
	clear: both;
}
#columns .last img {
	margin-right: 10px;
	margin-left: 10px;
}
#trial_container {
	float: left;
	background: #FFFFFF url('/images/white_yellow_grad.png') repeat-y right;
	width: 400px;
	position: relative;
	padding: 20px;
	overflow: hidden;
}
#trial_container ul {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
#trial_container li {
	padding-right: 15px;
	padding-left: 15px;
	background: url('/images/bullet_arrow_2.gif') no-repeat left;
	height: 20px;
	line-height: 20px;
}
#trial_container h2 {
	font-size: 140%;
	font-weight: bold;
	color: #820508;
}
#columns ul {
	display: block;
	overflow: hidden;
	background: url('/images/brown_transp_grad.png') repeat-x top;
}
#columns li {
	display: block;
	width: 310px;
	background: url('/images/col_shadow.png') no-repeat right top;
	float: left;
}
#columns p {
	margin: 7px 25px 7px 15px;
}
#columns h3 {
	font-size: 120%;
	color: #7E0003;
	display: block;
	height: 35px;
	font-weight: bold;
	line-height: 35px;
	padding-right: 15px;
	padding-left: 15px;
	text-shadow: #FFFFFF 0px 1px 0px;
}
#columns li.last {
	background: url(none);
	width: 280px;
}


#bottom {
	background: #C60005;
	overflow: hidden;
}
#brands {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #F2DAD0;
}
#price {
	position:absolute;
	width:147px;
	height:65px;
	z-index:1;
	top: 149px;
	background: url('/images/price_bg.gif') no-repeat center bottom;
	text-align: center;
	color: #CA1317;
}
#price p {
	height: 63px;
	margin: 0px;
	line-height: 63px;
	font-size: 350%;
	font-weight: bold;
}
#price .sub {
	margin-top: -25px;
	display: block;
	padding-left: 45px;
	font-size: 90%;
}
#price sup {
	font-size: 40%;
	vertical-align: middle;
	line-height: 15px;
}
#price small {
	font-size: 30%;
	vertical-align: middle;
}

#content {
	width: 610px;
	padding: 15px;
}
#content a {
	color: #970104;
}
#content code {
	color: #FFFFFF;
	background: #333333;
	padding: 15px;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

#content p {
	text-align: justify;
}
a {
	color: #970104;
}
a:visited {
	color: #804D00;
}

#content ul {
	display: block;
}

#content ol {
    list-style: decimal;
//    list-style-type: lower-alpha;
//    list-style-image: none;
//    list-style-position: outside;
}
#content ul li {
	background: url('/images/bullet_arrow_2.gif') no-repeat left center;
	display: block;
	padding-left: 15px;
	line-height: 23px;
	margin-left: 20px;
}

#content ol li {
//	background: url('/images/bullet_arrow_2.gif') no-repeat left center;
//	display: block;
	padding-left: 15px;
	line-height: 23px;
	margin-left: 20px;
}


#content h3 {
	color: #970104;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 120%;
}

#content h2 {
	font-size: 180%;
	margin-bottom: 15px;
	line-height: 100%;
}


#sidebar {
	width: 230px;
	padding: 10px;
}

#main {
	background: #FFFFFF url('/images/pagebg.png') repeat-y right;
}

.right {
	float: right;
}

.left {
	float: left;
}

.left2 {
	float: left;
}

.hosting_table {
	border: 1px solid #970104;
}
.hosting_table input {
	margin-top: 5px;
	margin-bottom: 5px;
}

.hosting_table .label {
	padding-left: 10px;
	background: #E6DBD2;
}

.hosting_table th {
	height: 30px;
	text-align: center;
	vertical-align: middle;
	background: #97201A;
	color: #FFFFFF;
	border: 1px solid #970104;
	font-weight: bold;
	line-height: 30px;
}
.hosting_table td {
	vertical-align: middle;
	text-align: center;
	border: 1px solid #970104;
	line-height: 30px;
	height: 30px;
	color: #970104;
	background: #FDF3F2;
	padding-top: 5px;
	padding-bottom: 5px;
}
#content h4 {
	color: #000000;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 120%;
}

#red { color:red; font-weight:bold; }
#guide_link {position:relative;left:400px;bottom:30px;text-decoration:blink; font-weight:bold; }
#phbox {position:absolute;top:35px;left:580px;}
#phimg { background-image:url('/images/jpphone2.png'); height:33px; width:148px; left:0px; top:4px;top:28px;left:580px;position:absolute; } 
pre {
    color: #FFFFFF;
    background: #333333;
    padding: 10px;
    overflow-x: auto;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
#content p { line-height:160%; }