@charset "utf-8";
/* CSS Document for Options University Volcone Analyzer Pro 3.0
 * Please note IE 6 uses a separate stylesheet for transparency fixes
 */
* {
	margin: 0;
	padding: 0;
}

a img {
	border: 0;
}

body {
	font: 18px Arial, Helvetica, sans-serif;
	line-height: 1.4;
	color: #333;
	background: url(images-volcone-3/background.png) repeat-x #4686d0;
}

h1, h2, h3 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #D30301;
	margin-bottom: 15px;
	line-height: 1.2;
}

h1 { font-size: 28px; color: #062465; }
h2 { font-size: 22px; }
h3 { font-size: 24px; }

p {	margin-bottom: 15px; }

ul, ol { margin: 20px 60px; }

li { margin: 5px 0; }

a {	color: #00c; }
a:hover { color: #D30301; }

/*----- General styles -----*/

.centre { text-align: center; }
.left {	text-align: left; }
.right { text-align: right; }
.red { color: #c00; }
.blue { color: #062465 }
.black { color: #000; }
.white { color: #fff; }
.yellow { color: #FF9001; }
.highlight { background: #ff0; }
.underline { text-decoration: underline; }

.align-left { float: left;	margin: 0 15px 15px 0; }
.align-right {	float: right; margin: 0 0 15px 15px; }
.clear { clear: both; }

.size10 { font-size: 10px; }
.size12 { font-size: 12px; }
.size14 { font-size: 14px; }
.size16 { font-size: 16px; }
.size18 { font-size: 18px; }
.size20 { font-size: 20px; }
.size22 { font-size: 22px; }

.clearfix:after, #content:after { content: "."; display: block; height: 0; clear: both;  visibility: hidden; }
* html .clearfix, * html #content { height: 1%; }
.clearfix, #content { display:block; }


/*----- Structure -----*/

#container {
	width: 800px;
	margin: 0 auto;
	padding: 0 16px;
	background: url(images-volcone-3/content-bg.png) repeat-y;
}

#header img {
	display: block;
	margin: 0 auto;
}

#content {
	position: relative;
	background: #fff;
	width: 744px;
	padding: 10px 26px 20px 30px;
}

#footer {
	width: 800px;
	height: 51px;
	margin: 0 auto;
	padding: 60px 16px 0;
	background: url(images-volcone-3/footer.png) no-repeat;
	font-size: 11px;
	color: #fff;
}

#copyright {
	float: left;
}

#legal {
	float: right;
	margin: 0;
}

#legal a {
	color: #fff;
	text-decoration: none;
}

/* Page specific */

.intro {
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
}

#left-col {
	float: left;
	width: 434px;
}

#optin {
	position: relative;
	float: right;
	width: 245px;
	border: 1px solid #002B71;
	padding: 10px 18px 10px 20px;
	background: url(images-volcone-3/optin-bg.jpg) repeat-x #D7E5F5;
}

#optin h3 {
	font: bold italic 19px Arial, Helvetica, sans-serif;
	line-height: 1.1;
	color: #333;
}

#optin .field {
	margin: 0 0 8px;
}

#optin label {
	font-size: 13px;
	color: #002B71;
	display: inline-block;
	width: 100px;
}

#optin .field input {
	height: 20px;
	border: 1px solid #172980;
	width: 140px;
}

#optin .privacy {
	margin: 5px 0;
	font-size: 11px;
	color: #666;
	text-align: center;
}

#optin .note {
	font-size: 9px;
	color: #002B71;
	margin-left: 100px;
	text-align: center;
}

#optin .arrow {
	position: absolute;
	top: 200px; 
	left: 240px;
	width: 80px;
	height: 122px;
	background: url(images-volcone-3/optin-arrow.png) no-repeat;
}