/* predefined */
body {
	color: #000;
	background: #fff url(/images/bgr.gif) repeat-x;
}
body, form { margin: 0; padding: 0; }
body, td, input, textarea, select { font: 11px Arial, Helvetica, sans-serif }

a { color: #6c0; text-decoration: none; }
a:hover { color: #69c }

p { margin: 0 0 10pt }



/* layout */
#xl {
	width: 780px;
	margin: 20px auto;
}
#header,
#footer {
	position: relative;
	width: 620px;
	height: 80px;
	background: #fff;
	margin: 0 auto;
}
#crnl,
#crnr {
	position: absolute;
	width: 80px;
	height: 80px;
}
#crnl { top: 0; left: -80px; }
#crnr { top: 0; right: -80px; }

#lang {
	display: block;
	position: absolute;
	top: 41px;
	right: -36px;
	border: 1px solid #a0abb0;
	padding: 1px;
}
#lang:hover { border-color: #69c }
#logo {
	position: absolute;
	top: 27px;
	left: -48px;
}
#comp {
	position: absolute;
	top: 67px;
	left: 94px;
	width: 107px;
	height: 174px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/comp.png')
}
html>body #comp { background: url(/images/comp.png) }
#topnav {
	color: #8de330;
	font: bold 10px/31px Arial, Helvetica, sans-serif;
	text-align: right;
	background: url(/images/dotts_gray_v.gif) right top repeat-y;
	margin-top: 22px;
	padding: 0 16px;
}
#topnav a, #topnav b {
	background: url(/images/arr_sm_green.gif) 10px 4px no-repeat;
	padding-left: 16px;
}
#topnav a,
#bc a { color: #a0abb0 }
#topnav a:hover,
#bc a:hover { color: #69c }
#pic {
	background: #fff;
	height: 136px;
	padding: 1px 2px 0;
}
#pic img { display: block }
#login {
	color: #030;
	font-size: 9px;
	font-weight: bold;
	width: 212px;
	height: 120px;
	background: url(/images/login_bgr.gif) repeat-y;
	padding: 8px 12px;
}
#login a {
	display: block;
	font-size: 10px;
	color: #fff;
	background: url(/images/dotts_green_h.gif) top left repeat-x;
	padding-top: 4px;
}
#login a:hover { color: #030 }
#login b {
	display: block;
	font-size: 10px;
	background: url(/images/dotts_green_h.gif) bottom left repeat-x;
	letter-spacing: 0.5ex;
	padding-bottom: 6px;
}
#login .txtfld {
	color: #360;
	font-size: 10px;
	background: #b9e646;
	border-color: #390;
	padding: 0 2px;
}
#middle {
	background: #dce1e3;
	border: 2px solid #fff;
}
#middle .border { padding: 2px }
#leftpannel,
#centerpannel,
#rightpannel,
#content {
	float: left;
	width: 234px;
	background: #fff;
}
#leftpannel { background: none }
#centerpannel { border-left: 2px solid #fff }
#centerpannel .border { border: 1px solid #69c }
#centerpannel .txt {
	height: 326px;
	color: #030;
	font-size: 12px;
	background: url(/images/centerpannel_bgr.jpg);
	padding: 6px 12px 6px 100px;
	overflow: hidden;
}
#centerpannel .txt b { font-size: 14px }
#centerpannel .title {
	color: #fff;
	font-size: 11px;
	text-align: right;
	margin-bottom: 20px;
}
#centerpannel .title b {
	display: block;
	font-size: 16px;
}
#rightpannel {
	width: 304px;
	font: bold 10px Arial, Helvetica, sans-serif;
	background: #fff;
	border-left: 2px solid #fff;
}
#rightpannel .border {
	border: 1px solid #6c0;
	margin-top: 2px;
}
#rightpannel .borderblue {
	border-color: #69c;
	margin: 0;
}
#rightpannel .borderblue .txt {
	height: 58px;
	color: #fff;
	background: url(/images/domain_bgr.gif);
	padding: 4px 12px 0;
	overflow: hidden;
}
#rightpannel .borderblue b {
	font-size: 12px;
	font-weight: normal;
	margin: 0;
}
#rightpannel .borderblue .txtfld {
	width: 160px;
	color: #2a7dd9;
	border-color: #2a7dd9;
	margin: 3px 0;
}
#rightpannel .txt {
	position: relative;
	height: 82px;
	padding: 2px 12px 0 75px;
	overflow: hidden;
}
#rightpannel .price {
	position: absolute;
	top: 8px;
	right: 12px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
#rightpannel .btn {
	position: absolute;
	right: 22px;
	bottom: 8px;
}
#rightpannel b {
	display: block;
	color: #fff;
	font-size: 14px;
	margin-bottom: 10px;
}
#hostplan2 { background: url(/images/hostplan2_bgr.jpg) }
#hostplan3 { background: url(/images/hostplan3_bgr.jpg) }
#hostplan4 { background: url(/images/hostplan4_bgr.jpg) }
#content {
	width: 484px;
	min-height: 400px;
	background: #fff url(/images/footer_bgr.gif) repeat-x;
	border-left: 2px solid #fff;
	padding: 10px 28px;
}
* html #content { height: 400px }
#bc {
	color: #b7c4c9;
	font-size: 10px;
	background: url(/images/dotts_gray_h.gif) left bottom repeat-x;
	padding-bottom: 10px;
}
#bc b {
	background: url(/images/arr_sm_green.gif) 10px 4px no-repeat;
	padding-left: 16px;
}
#content .title {
	color: #69c;
	font-size: 16px;
	font-weight: bold;
	background: url(/images/dotts_gray_h.gif) left top repeat-x;
	padding: 16px 0 10px;
}
#content .txt {
	background: url(/images/dotts_gray_h.gif) left top repeat-x;
	padding: 20px 0;
}
#nav {
	color: #fff;
	font: 11px/19px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1ex;
	background: #3488dc;
	border-bottom: 2px solid #fff;
	padding: 1px 1px 0;
	margin-bottom: 4px;
}
#nav b {
	display: block;
	font-weight: normal;
	background: #3c9be1 url(/images/nav_bgr.gif) repeat-x;
	border: 1px solid #78c0ee;
	margin-bottom: 1px;
	padding: 0 10px;
}
#nav a,
#nav i {
	font-style: normal;
	color: #fff;
	background: url(/images/arr_nav.gif) 0px 5px no-repeat;
	padding: 0 20px;
}
#nav a:hover { background-position: 2px 5px }
#nav .sub {
	font: bold 10px Arial, Helvetica, sans-serif;
	text-transform: none;
	letter-spacing: normal;
	padding: 6px 0;
}
#nav .sub b {
	background: none;
	border: none;
	margin-bottom: 1px;
	padding: 0 20px;
}
#nav .sub a,
#nav .sub i {
	background: url(/images/arr_nav_sub.gif) 0px 5px no-repeat;
	padding: 0 10px;
}
#nav .sub a:hover { background-position: 1px 5px }
#banners { border-bottom: 2px solid #fff }
#banners img {
	display: block;
	border-top: 2px solid #fff;
}
#footer {
	height: 79px;
	background: #fff url(/images/footer_bgr.gif) repeat-x;
}
#footer #crnl,
#footer #crnr { top: -1px }
#footer .txt {
	height: 55px;
	color: #b7c4c9;
	font-size: 10px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
	padding-top: 14px;
}


.grline {
	font-size: 1px;
	background: #8de330;
	height: 6px;
	border: 2px solid #fff;
	border-left-width: 1px;
	border-right-width: 1px;
}


/* form obj */
.txtfld {
	position: relative;
	background: #fff;
	border: 1px solid #a0abb0;
}
.btn {
	position: relative;
	width: 66px;
	border: 1px solid #fff;
}
.btn a,
.btn input {
	display: block;
	width: 100%;
	height: 22px;
	color: #fff;
	font: bold 10px/22px Arial, Helvetica, sans-serif;
	text-align: center;
	letter-spacing: 0.2ex;
	background: url(/images/btn_green_bgr.png);
	border: 0;
	margin: 0;
	padding: 0;
	cursor: hand;
}
.btn a:hover { color: #fff }
.btn .rleft {
	position: absolute;
	top: -1px;
	left: -11px;
	width: 12px;
	height: 24px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/btn_green_left.png');
}
html>body .btn .rleft { background: url(/images/btn_green_left.png) }
.btn .rright {
	position: absolute;
	top: -1px;
	right: -11px;
	width: 12px;
	height: 24px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/btn_green_right.png');
}
html>body .btn .rright { background: url(/images/btn_green_right.png) }
.gbtn a,
.gbtn input { background: url(/images/btn_gray_bgr.png) }
.gbtn .rleft { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/btn_gray_left.png') }
html>body .gbtn .rleft { background: url(/images/btn_gray_left.png) }
.gbtn .rright { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/btn_gray_right.png') }
html>body .gbtn .rright { background: url(/images/btn_gray_right.png) }
.hbtn .rleft {
	left: -3px;
	width: 4px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/btn_tleft.png')
}
html>body .hbtn .rleft { background: url(/images/btn_tleft.png) }

/* dummies */
.left { float: left }
.right { float: right }
.clear { clear: both; font-size: 1px; visibility: hidden; }
.w100p { width: 100% }
.w80 { width: 80px }
.pad10r { padding-right: 10px }