/* globals */

*{
	margin:0;
	padding:0;
	border:none;
}

body {
    min-width:640px;
	background:#ebebeb;
	font-family:Arial;
	font-size:12px;
    }

a:link, a:visited, a:active {
	color:#0099cc;
	}

a:hover {
	color:#006699;
	}

p {
	color:#666666;
	line-height:18px;
	}

.clear {
	clear:both;
	}

.left {
	float:left;
	}

.right {
	float:right;
	}

.inner {
	width:640px;
	margin:auto;
	}

/* header */

div#header {
	height:88px;
	vertical-align:top;
	background:#cccccc url(img/header-bg.gif) repeat-x;
	text-align:center;
	}

/* navbar */

div#navbar-bg {
	height:78px;
	vertical-align:top;
	background:#ffffff url(img/content-bg.gif) repeat-x;
	text-align:center;
	padding:40px 0 0 0;
	}

div.navbar {
	float:left;
	background:#ffffff url(img/navbar-bg.gif) repeat-x;
	height:38px;
	vertical-align:middle;
	width:612px;
	text-align:left;
	}

div.navbar p {
	font-size:12px;
	font-family:Arial;
	padding:10px 0 0 0;
	}

div.navbar p a:link, div.navbar p a:visited, div.navbar p a:active {
	color:#666666;
	text-decoration:none;
	}

div.navbar p a:hover {
	color:#0099cc;
	text-decoration:none;
	background-color:#FFFFFF;
	}

/* content */

div#content {
	vertical-align:top;
	background:#ffffff;
	text-align:left;
	padding-bottom:20px;
	}

#content h1 {
	font-family:Georgia;
	font-size:24px;
	font-weight:normal;
	color:#0099cc;
	margin-bottom:20px;
	}

#content p {
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	color:#666666;
	margin-bottom:20px;
	}

/* content theme */

div.theme {
	vertical-align:top;
	text-align:left;
	}

div.theme h3 {
	font-family:Georgia;
	font-size:18px;
	font-weight:normal;
	color:#666666;
	margin-bottom:20px;
	}

div.theme h3 a:link, div.theme h3 a:active, div.theme h3 a:visited {
	color:#666666;
	}

div.theme h3 a:hover {
	color:#333333;
	}

div.theme p {
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	color:#666666;
	margin-bottom:20px;
	}

div.theme img {
	padding:4px;
	background-color:#ffffff;
	border:1px solid #cccccc;
	}

div.theme img.browse {
	margin-right:10px;
	float:left;
	}

div.theme img:hover {
	border:1px solid #0099cc;
	}

p.more span {
	font-size:18px;
	font-family:Georgia;
	padding:0 5px 0 5px;
	}

a.demo:link, a.demo:visited, a.demo:active {
	display:block;
	float:right;
	width:127px;
	text-align:center;
	padding-left:28px;
	color:#8dd1e8;
	line-height:34px;
	background:url(img/demo-bg.gif) no-repeat;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	margin-right:10px;
	}

a.demo:hover {
	color:#ffffff;
	}

a.purchase:link, a.purchase:visited, a.purchase:active {
	display:block;
	float:right;
	width:127px;
	text-align:center;
	padding-left:28px;
	color:#8dd1e8;
	line-height:34px;
	background:url(img/purchase-bg.gif) no-repeat;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	}

a.purchase:hover {
	color:#ffffff;
	}

div#description {
	width:380px;
	color:#666666;
	font-family:Arial;
	font-size:12px;
	}

#description h2, h3, h4 {
	font-family:Georgia;
	font-size:24px;
	color:#0099FF;
	font-weight:normal;
	margin:20px 0 20px 0;
	}
	
#description ul li {
	list-style:inside;
	list-style-type:disc;
	line-height:18px;
	}

#screenshots {
	width:260px;
	}

#screenshots h5 {
	font-family:Georgia;
	font-size:24px;
	color:#0099FF;
	font-weight:normal;
	margin:20px 0 20px 0;
	}

#screenshots img{
	display:block;
	padding:4px;
	background-color:#ffffff;
	border:1px solid #cccccc;
	margin-bottom:5px;
	}

#screenshots img:hover {
	border:1px solid #0099cc;
	}

p.bottom {
	padding:20px 0 0 0;
	}

a.demo2:link, a.demo2:visited, a.demo2:active {
	display:block;
	float:right;
	width:222px;
	text-align:center;
	padding-left:28px;
	color:#8dd1e8;
	line-height:34px;
	background:url(img/demo-bg2.gif) no-repeat;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	margin-right:5px;
	}

a.demo2:hover {
	color:#ffffff;
	}

a.purchase2:link, a.purchase2:visited, a.purchase2:active {
	display:block;
	float:left;
	width:127px;
	text-align:center;
	padding-left:28px;
	color:#8dd1e8;
	line-height:34px;
	background:url(img/purchase-bg.gif) no-repeat;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	margin-right:10px;
	}

a.purchase2:hover {
	color:#ffffff;
	}

div#description-page {
	color:#666666;
	font-family:Arial;
	font-size:12px;
	}

#description-page em{
	font-weight:bold;
	}

#description-page h2 {
	font-family:Georgia;
	font-size:24px;
	color:#0099FF;
	font-weight:normal;
	margin:20px 0 20px 0;
	}

#description-page h3 {
	font-family:Georgia;
	font-size:18px;
	color:#666666;
	font-weight:normal;
	margin:10px 0 10px 0;
	}
	
#description-page ul li {
	list-style:inside;
	list-style-type:disc;
	line-height:18px;
	}

/* footer */

div#footer {
	vertical-align:top;
	background:url(img/footer-bg.gif) repeat-x;
	text-align:center;
	padding:40px 0 20px 0;
	}

#footer p.footer {
	font-family:Verdana;
	font-size:9px;
	text-transform:uppercase;
	color:#999999;
	}

#footer p.footer a:link, #footer p.footer a:active, #footer p.footer a:visited {
	color:#999999;
	text-decoration:none;
	}

#footer p.footer a:hover {
	color:#333333;
	text-decoration:none;
	}

#footer p.copyright {
	font-family:Verdana;
	font-size:9px;
	text-transform:uppercase;
	color:#666666;
	}