html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font-style:normal;
	vertical-align:baseline;
	}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	}
body {
	font:62.5%/1em Arial,Helvetica,sans-serif;
	background:#fff;
	color:#333;
	}



/* general */
ul {
	list-style:none;
	}
a {
	color:#333;
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
	}
p {
	font-size:1.2em;
	line-height:1.4em;
	}
h2 {
	font-size:1.6em;
	line-height:1.1em;
	font-weight:bold;
	margin-bottom:.8em;
	}
h3 {
	font-size:1.2em;
	font-weight:bold;
	margin-top:1.7em;
	}
h1, #intro h2 {
	color:#fff;
	font-size:3.9em;
	line-height:1.1em;
	letter-spacing:-.03em;
	text-shadow:#003d76 1px 1px 1px;
	}
#intro h2 {
	float:left;
	width:250px;
	margin-top:40px;
	font-weight:bold;
	line-height:1em;
	}
ul {
	font-size:1.2em;
	line-height:1.4em;
	margin-top:.4em;
	}
li {
	padding-left:10px;
	background:url(images/bull.gif) no-repeat 0 7px;
	}
/* structure */
.container {
	width:977px;
	margin:0 auto;
	}
.container:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.mod-container {
	float:left;
	width:100%;
	min-width:977px;
	}
.mod-container .mod {
	width:977px;
	margin:0 auto;
	}
.mod-container .mod .mod-group {
	width:100%;
	float:left;
	}
#header {
	min-height:105px;
	padding-top:30px;
	}
#intro {
	background:url(images/intro.gif) repeat-x 0 0;
	}
#main {
	padding-bottom:100px;
	}

/* logo */
#logo {
	width:396px;
	height:39px;
	text-indent:-9999px;
	background:url(images/logo.gif) no-repeat 0 0;
	}
#intro {
	padding-bottom:120px;
	}
#intro .mod-group {
	height:389px;
	position:relative;
	}
#intro .folder {
	position:absolute;
	top:-45px; left:0;
	}
#intro .download-ico {
	float:right;
	margin-right:42px;
	}
#intro .content {
	float:right;
	width:566px;
	padding-top:28px;
	}
#download-form {
	position:absolute;
	bottom:-41px; right:0;
	width:254px;
	height:322px;
	margin-top:25px;
	padding:13px 31px 0;
	background:url(images/form-bg.png) no-repeat 0 0;
	}
#download-form ul {
	width:254px;
	}
#download-form li {
	padding:0;
	width:254px;
	background:none;
	margin-bottom:12px;
	}
#download-form label {
	color:#333;
	display:block;
	font-size:1.2em;
	line-height:1.1em;
	font-weight:bold;
	margin-bottom:4px;
	text-shadow:1px 1px 1px #ffeeb3;
	}
#download-form li input {
	width:234px;
	padding:5px 10px;
	border:1px solid #276095;
	box-shadow:0 0 3px 276095;
	-webkit-box-shadow:0 0 3px 276095;
	-moz-box-shadow:0 0 3px 276095;
	}
.button {
	display:block;
	border:0 none;
	cursor:pointer;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-color:transparent;
	}
.button:focus {
	overflow:hidden;
	}
#download-form .button {
	width:250px;
	height:37px;
	position:absolute;
	bottom:20px; left:34px;
	background-image:url(images/download.png);
	}
.box {
	float:left;
	width:267px;
	padding:16px;
	margin-left:25px;
	min-height:180px;
	background:#f9f9f9;
	border:3px solid #ccc;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	}
.box:first-child {
	margin-left:0;
	}
	
/* sticky footer */
html, body, #wrap {height:100%;}
body  > #wrap {height:auto; min-height:100%;}
.container {padding-bottom:227px;}
#footer {height:50px; margin-top:-50px;}

#footer {
	color:#fff;
	text-align:center;
	background:#3a72a6 url(images/footer-bg.gif) repeat-x 0 0;
	}
#footer p {
	margin-top:15px;
	}


.formError {
	position:absolute;
	top:300px; left:300px;
	padding-bottom:13px;
	display:block;
	z-index:5000;
	cursor:pointer;
	}
.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
.formError .formErrorContent {
	width:100%; 
	background:#1A1A1A;
	color:#fff;
	width:150px;
	font-family:tahoma,sans-serif;
	font-size:11px;
	border:2px solid #ddd;
	box-shadow: 0px 0px 6px #000;
	-moz-box-shadow: 0px 0px 6px #000;
	-webkit-box-shadow: 0px 0px 6px #000;
	padding:4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	}
.greenPopup .formErrorContent {background:#AE6E0C;}

.blackPopup .formErrorContent {background:#393939;color:#FFF;}

.formError .formErrorArrow{
	position:absolute;
	bottom:0;left:20px;
	width:15px; height:15px;
	z-index:5001;
	}
.formError .formErrorArrowBottom{top:0; margin:-6px;}
.formError .formErrorArrow div{
	border-left:2px solid #ddd;
	border-right:2px solid #ddd;
	box-shadow: 0px 2px 3px #444;
	-moz-box-shadow: 0px 2px 3px #444;
	-webkit-box-shadow: 0px 2px 3px #444;
	font-size:0px; height:1px; background:#1A1A1A; margin:0 auto;line-height:0px; font-size:0px; display:block;
	}
.formError .formErrorArrowBottom div{
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	}
.greenPopup .formErrorArrow div{background:#AE6E0C;}
.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

.formError .formErrorArrow .line10{width:15px;border:none;}
.formError .formErrorArrow .line9{width:13px;border:none;}
.formError .formErrorArrow .line8{width:11px;}
.formError .formErrorArrow .line7{width:9px;}
.formError .formErrorArrow .line6{width:7px;}
.formError .formErrorArrow .line5{width:5px;}
.formError .formErrorArrow .line4{width:3px;}
.formError .formErrorArrow .line3{width:1px;
	border-left:2px solid #ddd;
	border-right:2px solid #ddd;
	border-bottom:0px solid #ddd;}
.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}
