html, body {
	margin: 0;
	padding: 0;
	background: #F8F8F8 url(body.gif) top left repeat-x;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444;
}

a, a:visited {
	color: #2B45A9;
	text-decoration: underline;
}
a:hover, a:active {
	color: #DC1C19;
	text-decoration: underline;
}

img { border: none; }

#header {
	width: 750px;
	height: 110px;
	margin: 0 auto;
	background: url(logo.gif) top left no-repeat;
}

#header a {
	display: block;
	width: 750px;
	height: 90px;
}

#header a span { display: none; }

#footer {
	width: 750px;
	height: 20px;
	margin: 0 auto;
	background: url(footer.gif) top left no-repeat;
}

#content {
	width: 750px;
	margin: 0 auto;
	background: url(bg.gif) top left repeat-y;
}

.text {
	text-align: center;
}
.text1 {
   padding:20px;
}
.text1 h1{
    text-align: center; 
    display: block;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
    color: #2B45A9;
    line-height: 20px;
}

.subtext {
	text-align: left;
	margin: 5px 20px;
}

.text b, .text h1, .text h3, .text h6 {
	font-size: 12px;
	font-weight: bold;
	color: #2B45A9;
	line-height: 20px;
}
.text h1, .text h3, .text h6 {
	display: block;
	margin: 0;
	padding: 0;
}

.navigation {
	color: #666;
	padding: 15px 0;
}
.navigation a, .navigation a:visited {
	color: #DC1C19;
	text-decoration: none;
}
.navigation a:hover, .navigation a:active {
	color: #FF0400;
	text-decoration: underline;
}

/* item */
.items {
	margin: 0 20px;
}
.item-left {
	float: left;
	position: relative;
}

.item-right {
	float: right;
	position: relative;
}

.item {
	background: url(item.gif) top left no-repeat;
	width: 350px;
	height: 290px;
	margin: 5px 0;
}

.item-screenshot {
	position: absolute;
	left: 15px;
	top: 28px;
}

.item h2 {
	text-align: center;
	padding: 0;
	margin: 0;
	margin-top: 6px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #888;
}

.item h2 a, .item h2 a:visited {
	color: #DC1C19;
	text-decoration: none;
}

.item h2 a:hover, .item h2 a:active {
	color: #FF0501;
	text-decoration: underline;
}

.item-text {
	color: #666666;
	font-size: 11px;
	white-space: nowrap;
}

.item-text b, .item-text h3 {
	color: #2B45A9;
	font-weight: normal;
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 11px;
}

.item-text a, .item-text a:visited {
	color: #2B45A9;
	text-decoration: none;
}

.item-text a:hover, .item-text a:active {
	color: #DC1C19;
	text-decoration: underline;
}

.item .item-text {
	position: absolute;
	left: 15px;
	top: 238px;
	width: 200px;
	height: 52px;
	overflow: hidden;
}

.item-full .item-text {
	top: 237px;
	height: 62px;
	width: 320px;
}

.item .item-download {
	position: absolute;
	left: 200px;
	top: 241px;
	width: 120px;
	height: 40px;
	overflow: hidden;
	text-align: center;
	font-weight: bold;
	color: #2B45A9;
	font-size: 11px;
	line-height: 16px;
}
.item .item-download a, .item .item-download a:visited {
	color: #DC1C19;
	text-decoration: none;
}
.item .item-download a:hover, .item .item-download a:active {
	color: #FF0602;
	text-decoration: underline;
}

/* large item */
.item-full {
	position: relative;
	float: left;
	background: url(item_full.gif) top left no-repeat;
	width: 710px;
	height: 299px;
	margin: 5px 0;
}

.item-download-button a {
	display: block;
	position: absolute;
	top: 246px;
	left: 220px;
	width: 97px;
	height: 25px;
	background: url(download.gif) top left no-repeat;
}

.item-download-button a:hover {
	background: url(download.gif) bottom left no-repeat;
}

.item-download-button a span { display: none; }

.item-notes {
	position: absolute;
	top: 28px;
	left: 343px;
	width: 350px;
	height: 251px;
	background: #FFF url(notes.gif) top left repeat-x;
	border: solid 1px #415CC7;
	overflow: auto;
	text-align: left;
	padding: 3px;
}

.item-notes h3 {
	display: block;
	text-align: center;
	font-weight: bold;
	color: #DC1C19;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 25px;
}

/* copyright */
#copyright {
	text-align: center;
	font-size: 11px;
	color: #666;
	line-height: 20px;
}

/* form */
form { 
	display: block;
	padding: 0 25px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	line-height: 1.6em;
}

input, textarea {
	background-color: #EEE;
	border: solid 2px #AAA;
	color: #000;
}

input.submit {
	font-size: 12px;
	font-weight: bold;
}

input.message, textarea {
	font-size: 12px;
	width: 700px;
}

textarea {
	height: 150px;
}

input:hover, textarea:hover {
	background-color: #F4F4F4;
	border: solid 2px #2B45A9;
}

input:focus, textarea:focus {
	background-color: #FFF;
	border: solid 2px #DC1C19;
}