*, html {
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	font-family: Verdana, Arial, sans serif;
	font-size: 14px;
	color: #222;
	text-align: center;
}

ul {
	list-style: none;
	margin-left: 20px;
}

h1 {
	font-size: 48px;
	padding: 10px 0;
}

a {
	text-decoration: none;
	color: #49176d;
}

p {margin: 5px;}
a img {border: none;}
table {margin: 0 auto;}
.clearBoth {clear: both;}
.imgRight {float: right;}
.imgLeft {float: left;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.center {text-align: center;}
.purple {color: #49176d;}
.padding20 {padding: 20px;}
.padding25 {padding: 25px;}
.indent80 {padding: 0 0 0 80px;}

#pageWrapper {
	margin: 0 auto;
	width: 957px;
	text-align: left;
}

#header {
}

#logo {
	background: url(images/logo-reg.gif) no-repeat top left;
	float: left;
	width: 253px;
	height: 93px;
}

#logo h1 {
	text-indent: -999em;
}

#news {
	float: left;
	width: 427px;
	padding: 10px 0 0 0;
	text-align: center;
	font-size: 12px;
}

#login {
	float: left;
	width: 265px;
	font-size: 12px;
	text-align: right;
	padding: 10px 0;
}

#nav {
	background: url(images/nav.gif) no-repeat top left;
	height: 42px;
	line-height: 42px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

#nav ul {
	display: inline;
}

#nav ul li {
	display: inline;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

#nav ul li a {
	color: #fff;
	text-decoration: none;
	padding: 5px 15px;
}

#nav a:hover {
	text-decoration: none;
	background: #49176d;
}

#container {
	padding: 0 31px;
}

#splash-home {
	background: #cecece url(images/splash-btm.gif) no-repeat bottom left;
	height: 355px;
	text-align: center;
}

#splash {
	background: #cecece url(images/splash-btm.gif) no-repeat bottom left;
	padding-bottom: 50px;
	text-align: center;
}

#content {
}

.box {
	float: left;
	width: 203px;
	height: 247px;
	padding: 0 0 0 65px;
	position: relative;
}

.box ul {
	font-size: 12px;
}

.pricing {
	border: 1px solid #000;
	background: url(images/pricing.gif) no-repeat top left;
	margin: 0 40px 0 0;
}

.portfolio {
	border: 1px solid #3a3a3a;
	background: url(images/portfolio.gif) no-repeat top left;
	margin: 0 40px 0 0;
}

.about {
	border: 1px solid #49176d;
	background: url(images/about.gif) no-repeat top left;
	margin: 0;
}

.signup {
	position: absolute;
	bottom: 10px;
	right: 15px;
}

#footer {
	margin: 10px 0;
	font-size: 10px;
	border-top: 3px solid #3a3a3a;
	text-align: right;
}

#footer img {
	vertical-align: middle;
}

#footer ul {
	display: inline;
	float: right;
	padding: 15px 0 0 0;
}

#footer ul li {
	display: inline;
	padding: 0 5px;
}

ul.design li {
	padding: 3px 0;
}

ul.design ul, ul.design li li {
	list-style: disc;
	padding: 3px 0;
}

#splash ul {
	display: inline;
} 

#splash ul li {
	display: inline;
}

.table {
	width: 850px;
}

.table td.date {
	width: 150px;
	text-align: left;
	font-weight: bold;
	vertical-align: top;
	font-size: 11px;
	padding: 5px 0;
}

.table td.summary {
	width: 400px;
	text-align: left;
	vertical-align: top;
	padding: 5px 0;
}

.table td.screenshot {
	width: 300px;
	text-align: center;
	padding: 5px 0;
}

/*Default style for SPAN icons. Edit if desired: */
.iconspan {
	margin: 3px;
	cursor:hand;
	cursor:pointer;
	font-weight: bold;
}

/*CSS used to style the examples. Remove if desired: */
.eg-bar {
	padding: 3px;
}

div.eg-bar {
}

.icongroup1 {
}