* {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	list-style: none;
}

html {
	font: 13px/1.5 Arial, Helvetica, sans-serif;
	color: #555;
	background: #eee;
}

body {
	position: relative;
	margin: 0 auto;
}

#header {
	position: relative;
	height: 86px;
	width: 100%;
	background: #2a2a2a url('bg-header.gif') left top repeat-x;
}

#teaser {
	position: relative;
	width: 100%;
	background: #fff url('bg-teaser.gif') left bottom repeat-x;
}

#content {
	position: relative;
	width: 100%;
	padding: 25px 0;
}

#footer {
	position: relative;
	clear: both;
}

.container {
	position: relative;
	width: 940px;
	margin: 0 auto;
}

#features {
	position: relative;
	width: 100%;
	background-color: #fff;
	padding: 25px 0;
}



/* =Basic Element Styles
------------------------------------------------------------ */

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 8px;
}

h1 {
	font-size: 26px;
	line-height: 34px;
	padding-bottom: 8px;
}

.sub h1 {
	color: #4babd4;
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 14px;
}

h4 {
	font-size: 14px;
}

h5 {
	font-size: 13px;
}

h6 {
	font-size: 13px;
}

p {
	padding-bottom: 18px;
}

sup {
	vertical-align: top;
	font-size: 10px;
}

input,
textarea {
	font: 9pt verdana,Arial, Helvetica, sans-serif;
	color: #333;
	padding: 7px;
	border: 1px solid #ccc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

select {
	font: 9pt verdana,Arial, Helvetica, sans-serif;
	padding: 0;
	color: #333;
	border: 1px solid #ccc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

input:focus,
textarea:focus,
select:focus {
	border:1px solid #E2D9C6;
    background-color:#FFF6DE;
}

img,
a img {
	border: 0;
	vertical-align: middle;
}

a {
	text-decoration: none;
	color: #5597ce;
}

a:visited {
	color: #5597ce;
}

a:hover {
	color: #2C4B5C;
	text-decoration: none;
}


/* main button styles (same as application)
------------------------------------------------------------ */

div.button {
	padding:5px;      /*top:right:bottom:left */
    margin: 1px;
  	font-family: verdana, sans-serif;
	font-weight: bold;
    width: auto;
    color: #06C;
    text-align: center;
    cursor: pointer;
    background-color:#fff; border:1px solid #ccc; font-size:8pt;
    -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;
}

/* main cancel button style */
div.submitbutton {
	padding:5px 10px 5px 10px;      /*top:right:bottom:left */
    margin: 1px;
  	font-family: verdana, sans-serif;
	font-weight: bold;
    width: auto;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background-color:#7FA239; border:1px solid #ccc; font-size:8pt;
    -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;
}

/* main cancel button style */
div.cancelbutton {
	padding:5px 10px 5px 10px;      /*top:right:bottom:left */
    margin: 1px;
  	font-family: verdana, sans-serif;
	font-weight: bold;
    width: auto;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background-color:#CF1A1A; border:1px solid #ccc; font-size:8pt;   /* #FDF4F4 */
    -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;
}

div.button:hover, div.cancelbutton:hover {
    background-color:#FDF5E9;
}

div.cancelbutton:hover {
  border: 1px solid #CF1A1A;
  color: #CF1A1A;
}


div.submitbutton:hover {
    background-color:#5E7629;

}

div.button a, div.cancelbutton a, div.submitbutton a {
  text-decoration: none;
}

.tipbox {
    padding:10px;
    background-color:#E7EEF5;
	border: 1px solid #E7EEF5;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/* Notices
------------------------------------------------ */

div .error {font:11px verdana,arial,sans-serif; font-weight:bold; display:block; clear:both; list-style:none; margin:10px auto 15px auto; padding:10px 4px 10px 15px; background-color: #FBE3E4; color: #D12F19; border:1px solid #FBC2C4; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;}
div .success {font:11px verdana,arial,sans-serif; font-weight:bold; display:block; clear:both; list-style:none; margin:10px auto 15px auto; padding:10px 4px 10px 15px; background-color: #E6EFC2; color: #529214; border:1px solid #C6D880; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;}
div .notice {font:11px verdana,arial,sans-serif; font-weight:bold; display:block; clear:both; list-style:none; margin:10px auto 15px auto; padding:10px 4px 10px 15px; background-color : #FFFFE6; color: #775100; border: 1px solid #FEE37A; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;}

/* =Utilities
------------------------------------------------------------ */

.left {
	float: left;
	position: relative;
	margin: 0 10px 5px 0;
}

.right {
	float: right;
	position: relative;
	margin: 0 0 5px 10px;
}

.imgright {
	float: right;
	margin: 0 0 5px 10px;
}

.clear {
	clear: both;
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

.clear-none {
	clear: none;
}

.center {
	text-align: center;
}

.autoclear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.autoclear {
	display: inline-block;
}

.autoclear {
	display: block;
}

	/* =Header
    ------------------------------------------------------------ */

#header strong {
	float: left;
	background: url('apanto-logo.gif') left top no-repeat;
	text-indent: -9999px;
	width: 200px;
	height: 86px;
}

#header em {
	float: left;
	text-indent: -9999px;
}

#header .container {
	position: relative;
	width: 960px;
	height: 86px;
	margin: 0 auto;
}

ul#navigation {
	position: absolute;
	right: 0;
	bottom: 13px;
	font-size: 14px;
}

ul#navigation * {
	outline: none;
}

ul#navigation li {
	position: relative;
	float: left;
	padding-right: 18px;
}

ul#navigation li a {
	display: block;
	padding: 12px 0 4px 18px;
	color: #bbb;
	text-decoration: none;
}

ul#navigation li a:hover {
	color: #fff;
}

ul#navigation li.active {
	background: url('nav-tab_right.gif') right bottom no-repeat;
	padding-right: 35px;
}

ul#navigation li.active a {
	background: url('nav-tab_left.gif') left bottom no-repeat;
	color: #379dde;
	text-decoration: none;
	padding-left: 35px;
}

ul#navigation li.active a:hover {
	color: #2A78A9;
}

	/* =Content
------------------------------------------------------------ */

.wizardbox {
 background-color:#E7EEF5; color:#333; border:1px solid #BCD1E4; padding:5px; margin-left:10px; margin-bottom:20px; font-size:10pt; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;
}

.wizardbox h2 {
  font-size:10pt; font-family: arial, verdana, sans-serif; border:0; margin-bottom:10px; margin-top:5px; margin-left:20px;
}

		/* =Home
------------------------------------------------------------ */

#teaser {
	padding: 25px 0 1px 0;
}

#teaser img {
	padding-left: 25px;
	padding-right: 25px;
}

#teaser ul li {
	background: url('ico_check.gif') no-repeat 0 60%;
	padding: 10px 0 6px 22px;
	font-size: 16px;
}

#features h2 {
	font-size: 24px;
}

#teaser p {
	margin-top: 25px;
}
		/* =Sub
        ------------------------------------------------------------ */

.sub #content #main ul {
	padding-bottom: 15px;
}

.sub #content #main ul li {
	background: url(li_star.gif) no-repeat 10px 5px;
	padding: 0 0 15px 23px;
}

.sub #content a.back-top {
	position: relative;
	float: right;
	display: block;
	margin-right: 10px;
	background: url(top.png) no-repeat right 5px;
	padding: 8px 24px 3px 0;
}

.sub .module {
	position: relative;
	float: left;
	width: 445px;
	padding: 0 50px 5px 0;
}

.sub .module.alt {
	padding-right: 0;
}

		/* =Listed
------------------------------------------------------------ */

#listed #content {
	background: #fff;
}

#listed #content #main {
	padding: 0 30px;
}

#listed #content .feature {
	border-top: 1px solid #cecece;
	clear: both;
	margin: 10px -30px 0 -30px;
	padding-top: 25px;
}

#listed #content .feature img {
	padding: 0 10px 10px 0;
}

#listed #content h3 {
	width: 420px;
	font-size: 16px;
	padding-left: 65px;
	background-position: 12px 0;
}

#listed #content p {
	width: 420px;
	padding-left: 65px;
}

	/* =Footer
------------------------------------------------------------ */

#footer {
	padding-top: 20px;
	color: #333;
	font-size: 13px;
    border-top:1px solid #ccc;
}

#footer .text {
	width: 600px;
	float: left;
	padding-top: 2px;
}


#footer span {
	float: left;
	padding: 0 10px;
}