* { margin: 0; padding: 0; }

body
{
		background: #fff url(../sys-img/page-bg.png) repeat-x;
		font: normal 75%/165% tahoma, verdana, arial, san-serif;
		margin: 24px 0 30px;
		color: #585858;
}

img { border: none; }
a { color: #5b8d66; text-decoration: none; }

#wrapper
{
		width: 842px;
		margin: 0 auto;
}

h1
{
		width: 451px;
		height: 58px;
		background: url(../sys-img/logo.gif) no-repeat;
		margin: 0 0 24px;
}

h1 a
{
		display: block;
		width: 451px;
		height: 58px;
		background: url(../sys-img/logo.gif) no-repeat;
		text-indent: -9999px;
}

#nav
{
		height: 42px;
		background: url(../sys-img/nav-bg.png) repeat-x;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		margin: 0 0 4px;
}

#nav li
{
		list-style: none;
		float: left;
		height: 42px;
}

#nav li a
{
		display: block;
		height: 42px;
		line-height: 42px;
		width: 105px;
		text-indent: -9999px;
}

#home		{ background: url(../sys-img/nav-home.png) no-repeat; width: 107px; }
#design		{ background: url(../sys-img/nav-design.png) no-repeat; }
#promote	{ background: url(../sys-img/nav-promote.png) no-repeat; }
#hosting 	{ background: url(../sys-img/nav-hosting.png) no-repeat; }
#domains 	{ background: url(../sys-img/nav-domains.png) no-repeat; }
#company 	{ background: url(../sys-img/nav-company.png) no-repeat; }
#contact 	{ background: url(../sys-img/nav-contact.png) no-repeat; }
#order 		{ background: url(../sys-img/nav-order.png) no-repeat; }

#intro
{
		background: #2a392d url(../sys-img/intro-bg.png) 579px 0 no-repeat;
		height: 236px;
		margin: 0 0 20px;
}

#features
{
		float: left;
		width: 579px;
		background: url(../sys-img/features-bg.gif) no-repeat;
		height: 236px;
		text-indent: -9999px;
}

#features li
{
		list-style: none;
}

#signup
{
		float: right;
		width: 259px;
		padding: 75px 0 0;
}

#signup h2
{
		background: url(../sys-img/waywf.gif) 50% 0% no-repeat;
		height: 20px;
		text-indent: -9999px;
		margin: 0 0 23px;
}

#signup h3 a
{
		display: block;
		width: 183px;
		height: 54px;
		background: url(../sys-img/signup-button.png) no-repeat;
		text-indent: -9999px;
		margin: 0 auto 35px;
}

#signup p
{
		background: url(../sys-img/coupon.gif) 50% 0% no-repeat;
		height: 23px;
		text-indent: -9999px;
}

#content
{
		float: left;
		width: 578px;
		padding: 8px 0 0;
}

#content h2
{
		font-size: 1.2em;
		font-weight: bold;
		color: #5a9c65;
		margin: 0 0 10px;
}

#content h2#title
{
		color: #5c5c5c;
		font-size: 2.1em;
		font-weight: normal;
		margin: 0 0 20px;
}

#content h2 span
{
		color: #5a9c65;
}

#content p.introtext
{
		background: url(../sys-img/section-bg.gif) 0% 100% repeat-x;
		padding: 0 0 22px;
		margin: 0 0 20px;
}

#reasons
{
		width: 578px;
		overflow: auto;
		background: url(../sys-img/section-bg.gif) 0% 100% repeat-x;
		padding: 0 0 22px;
		margin: 0 0 20px;
}

#reasons h2
{
}

#whyus
{
		float: left;
		width: 260px;
}

#whyus li
{
		background: url(../sys-img/li-img.gif) 0 5px no-repeat;
		padding-left: 15px;
}

#testimonials
{
		float: right;
		width: 260px;
}

.who
{
		float: right;
		margin: 10px 0 0;
}

.post
{
		margin: 0 0 15px;
}

.post h3
{
		font-size: 1.1em;
		display: inline;
		margin-right: 10px;
		color: #585858;
}

.post .date
{
		color: #ababab;
		font-size: 90%;
		display: inline;
}

#sidebar
{
		float: right;
		width: 226px;
}

#sidebar h3
{
		background: url(../sys-img/sidebar-h3-bg.png) no-repeat;
		height: 37px;
		line-height: 33px;
		color: #fff;
		font-size: 1em;
		font-weight: normal;
		padding: 0 10px;
		text-transform: lowercase;
}

#sidebar .section
{
		background: #e7f3f7 url(../sys-img/sb-section-bg.gif) 0% 100% no-repeat;
		padding: 10px 13px 17px;
		margin: 0 0 15px;
}

.section label
{
		display: block;
		color: #5b8d66;
		margin: 0 0 5px;
}

.section .forminput
{
		background: #d7ebf1;
		border: 1px solid #b7c7ce;
		border-right-color: #fff;
		border-bottom-color: #fff;
		width: 192px;
		padding: 5px 3px 6px;
		margin: 0 0 5px;
		font-size: 1em;
}

.section #submit
{
		display: block;
		width: 156px;
		height: 30px;
		margin: 10px auto 0;
		background: url(../sys-img/login-button.gif) no-repeat;
		text-indent: -9999px;
		cursor: pointer;
		border: none;
}

.section li
{
		list-style: none;
		margin: 0 0 2px;
}

#questions
{
		display: block;
		width: 226px;
		height: 91px;
		background: url(../sys-img/questions-bg.gif) no-repeat;
		text-indent: -9999px;
		margin: 0 0 15px;
}

#footer
{
		clear: both;
		background: url(../sys-img/section-bg.gif) repeat-x;
		padding: 10px 0 0;
}

#copyright
{
		text-align: right;
		font-size: 90%;
		color: #ababab;
}