@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}
body, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
}
body {
	background-color: #666;
}
a:link {
	color: #527298;
}
a:visited {
	color: #527298;
}
a:hover {
	color: #7C97B8;
	text-decoration:none;
}
a:active {
	color: #527298;
}
.clear {
	clear:both;
	height:1px;
}
#mainContentDIV {
	width:100%;
	min-height:625px;
	background-color:#FFF;
	text-align:center;
}
#headerDIV {
	margin:0 auto;
	text-align:center;
}
#topNav {
	margin:0 auto 10px auto;
	text-align:center;
}
#topNav img {
	display:inline;
}
#bodyContent {
	width:980px;
	margin:0 auto 15px auto;
	text-align:center;
}
#aboutImg01 {
	float:left;
	width:220px;
	margin-right: 10px;
	display:inline;
	text-align:center;
}
#aboutCopy {
	float:left;
	width:250px;
	display:inline;
	text-align:left;
	margin-right:10px;
}
#aboutCopy h1 {
	font: bold 22px "Times New Roman", Times, serif;
	color:#999;
	margin-bottom:15px;
}
#aboutCopy p {
	line-height:18px;
	margin:0 auto 20px auto;
}
#aboutImg02 {
	float:right;
}
#galleryWrapperDIV {
	margin-bottom:10px;
}
.galleryRow {
	margin-bottom:4px;
}
.galleryRow a {
	display:inline;
}
.galleryRow img {
	padding:inherit 1px;
}
#contactDIV {
	width:100%;
	text-align:center;
	color:#FFF;
}
#contactDIV h3 {
	font: bold 18px "Times New Roman", Times, serif;
	color:#FFF;
	font-style:italic;
	margin:6px auto 10px auto;
	text-align:center;
}
#contactDIV p {
	margin-bottom: auto auto 10px auto;
	font:12px Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#FFF;
	text-align:center;
}
#contactDIV a:link {
	color:#FFF;
	text-decoration:none;
}
#contactDIV a:visited {
	color:#FFF;
	text-decoration:none;
}
#contactDIV a:hover {
	color:#9FBECA;
	text-decoration:underline;
}
#contactDIV a:active {
	color:#FFF;
	text-decoration:none;
}
/* TOP_UP SCRIPT */
html {
	height:100%
}
body {
	height:100%;
}
ol {
	margin-top:10px;
	padding-bottom:12px
}
ol li {
	margin-bottom:3px
}
li {
	margin-left:30px
}
div.top_padded {
	padding-top:3px
}
.box {
	margin:4px 0;
	padding:8px;
	background-color:#002933 !important;
	border:1px dashed #529796
}
.code {
	font-family:"Courier New", "Courier";
	font-size:10px
}
#page_background {
	height:113px;
	margin-bottom:-113px;
	background-image:url(/images/sprite-min.png);
	background-repeat:repeat-x;
	background-position:top
}
#page_wrapper {
	width:725px;
	margin:auto;
	padding-bottom:40px;
	position:relative
}
#page_header {
	height:113px;
	position:relative;
	cursor:pointer;
	background-image:url(/images/sprite-min.png);
	background-repeat:no-repeat;
	background-position:left -113px;
	border-bottom:1px dashed #529796
}
#page_header h1, #page_header h2 {
	position:absolute
}
#page_header h2 {
	top:30px;
	left:84px;
	width:174px;
	height:74px;
	background-image:url(/images/sprite-min.png);
	background-repeat:no-repeat;
	background-position:left -226px
}
#page_header h1 {
	top:70px;
	left:258px;
	width:318px;
	height:12px;
	background-image:url(/images/sprite-min.png);
	background-repeat:no-repeat;
	background-position:left -300px
}
#page_content {
	padding:0 15px
}
#page_content h1, #page_content h2 {
	margin-top:28px
}
#page_content h1 {
	height:21px;
	margin-bottom:13px
}
#page_content h2 {
	height:16px;
	margin-bottom:10px
}
#page_content p {
	margin-top:6px
}
#page_content p.intro {
	margin-top:11px;
	margin-left:12px
}
#examples {
	margin-left:15px;
	padding-top:5px
}
#examples img {
	margin:3px 7px 3px 7px
}
#examples a, #examples img {
	border:0
}
h1.thanks_for_download_top_up {
	background-position:left -1067px !important
}
h1.some_examples {
	background-position:left -620px !important
}
