/*--------------------------
	RESET CSS
--------------------------*/
* { margin: 0; padding: 0; }
*:focus { outline:none; }
div { position:relative; }
img { border: none; }

/*--------------------------
	HTML ELEMENT CSS
--------------------------*/

body{ background: #fff; font: 14px/1.5em "Helvetica Neue",Helvetica,Arial,sans-serif; color: #555; }

h1 { background: url(../_img/img-logo.png) left bottom no-repeat; width: 400px; height: 52px; text-indent: -9999px; }
h2 { font-size: 1.4em; color: #333; line-height: 1.3em; border-bottom: dotted 1px #333; padding-bottom: 3px; }
h3 { font-size: 1.2em; color: #333; line-height: 1.2em; margin: 1em 0; font-weight: bold; }
h4 { font-size: 1.1em; color: #333; margin: 1em 0; }

p.footnote {
	width: 760px;
	margin: 1em auto;
	font-size: 0.86em;
}

form
{
	position: relative;
	margin-bottom: 1em;
	background:#eee url(../_img/v2-bg-form.png) repeat-x;
	border: solid 1px #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
form h3 { margin: 0; padding: 5px 5px 5px 50px; border-bottom: solid 1px #ccc; font-size: 1.4em }
form p { margin: 0.5em 5px !important; }
form p.block { border-top: solid 1px #fff; border-bottom: solid 1px #ccc; margin: 0 !important; padding: 0.5em 5px; }

form ul { border-top: solid 1px #fff; border-bottom: solid 1px #ccc; }
form ul li { margin: 5px 0 5px 1.5em; }

form label { display: block; padding: 5px; border-bottom: solid 1px #ccc; border-top: solid 1px #fff; overflow: hidden; }
form label ul { border: none; }
form label span { display: block; float: left; width: 110px; text-shadow: #fff 1px 1px 0px; }
form label input, form label select { display: block; float: right; width: 150px; padding: 3px; border: solid 1px #ccc; font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 0.86em; background: #fff; }
form label select { width: 160px; height: 22px; }

form #submit { display: block; text-indent: -9999px; width: 270px; height: 43px; margin: 10px 15px; background: url(../_img/v2-btn-download-report.png) 0 0 no-repeat; border: none; }
form #submit.slide-deck { background: url(../_img/v2-btn-download-slide-deck.png) 0 0 no-repeat; }
form #submit.presentation { background: url(../_img/v2-btn-watch-presentation.png) 0 0 no-repeat; }
form #submit.inquiry { background: url(../_img/v2-btn-submit-inquiry.png) 0 0 no-repeat; }
form #submit:hover { background-position: 0 -43px; }
form #submit:active { background-position: 0 -86px; }

/*--------------------------
	HEADER CSS
--------------------------*/

#header { width: 760px; margin: 10px auto; overflow: hidden; }

#header h1 { float: left; }
#header h1 a { display: block; border: none; width: 100%; height: 52px; }

#header p, #header ul { float: right; }

#header p { color: #BAD507; padding: 0 0.5em; margin-bottom: 16px; font-size: 0.86em; font-weight: bold; }
#header ul { clear: right; display: block; list-style: none; }
#header ul li { float: left; padding: 0 5px; border-left: solid 1px #555; font-size: 0.78em; text-transform: uppercase; font-weight: bold; line-height: 0.86em; }
#header ul li.first { border-left: none; }
#header ul li a { color: #555; text-decoration: none; border-bottom: none; }
#header ul li a:hover { border-bottom: dotted 1px #555; background: none; }

/*--------------------------
	CONTENT CSS
--------------------------*/

#content { width: 760px; margin: 20px auto; overflow: hidden; border-top: solid 1px #ccc; padding-top: 20px; }

#content a { border-bottom: dotted 1px #555; color: #555; text-decoration: none; }
#content p { margin: 1em 0; }

#content .col-left { float: left; width: 430px; }
#content .col-right { float: right; width: 300px; }

#content .col-left img { padding: 10px; background: #eee; border: solid 1px #ccc; }
#content .col-left img.hero-report { float: right; padding: 1em 0 0 10px; background: none; border: none; }
#content .col-left ul, #content .col-left ol { margin: 1em 0; }
#content .col-left ul li { display: block; background: url(/a/_img/v2-icn-list.png) 0 3px no-repeat; padding-left: 30px; line-height: 1.2em; margin-bottom: 1em; min-height: 20px; }
#content .col-left ul.plain { list-style: disc !important; padding-left: 30px; }
#content .col-left ul.plain li { display: list-item; list-style: disc !important; background: none; padding: 0; }
#content .col-left ol li { list-style: outside decimal; margin-left: 30px; padding-left: 5px; margin-bottom: 1em; }
#content .col-left ol li ul { margin-top: 0; }
#content .col-left blockquote { margin: 1em 10px; padding: 10px 0; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; color: #999; }

#content .col-right .img-report { position: absolute; left: 0px; top: -10px; }
#content .col-right blockquote { background:url(../_img/v2-icn-blockquote.png) 0 4px no-repeat; padding-left: 35px; }
#content .col-right blockquote span { display: block; text-align: right; color: #999; margin-top: 0.5em; }

#content .img-quality { display: block; float: left; padding: 0 6px; margin-bottom: 1em; }

/*--------------------------
	FOOTER CSS
--------------------------*/

#footer { width: 760px; margin: 1em auto; overflow: hidden; background: #555; padding: 0 0.5em; clear: both; font-size: 0.7em; color: #fff; }
#footer ul { float: left; list-style: none; }
#footer ul li { float: left; margin-right: 1em; text-transform:uppercase; }
#footer p { float: right; }

#footer ul li a { color: #fff; text-decoration: none; border-bottom: none; }
#footer ul li a:hover { color: #BAD507; background: none; }