@import "reset.css";
@import "thickbox.css";

/* MAIN */
body {
	background: url(../i/body-bg.png) repeat-x scroll;
	-webkit-text-size-adjust: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: smaller;
	color: #333;
}
a {
	text-decoration: none;
}
div {
	display: block;
}
p, ul {
	margin: 10px 0;
}
strong {
	font-weight: bold;
}
blockquote, abbr, cite {
	font-style: italic;
	color: #666;
}
abbr, cite {
	font-size: 85%;
}
cite {
	color: #999;
}
.desc {
	font-weight: bold;
	color: #6b7f85;
}
h3 {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	color: #00486c;
}
/* LAYOUT */
.clear {
	clear: both;
}
.floated-left {
	float: left;
}
.floated-right {
	float: right;
}
.content-block  {
	margin-top: 25px;
	width: 100%;
	line-height: 1.4;
	position: relative;
}
.wai {
	display: none;
}
.wrapped {
	margin: 0 auto;
	width: 900px;
	clear: both;
}
.column {
	float: left;
	margin-right: 30px;
	width: 50%;
}
.last {
	margin-right: 0;
}
.content-block ul li {
	margin-top: 25px;
}
.top-separator, .bottom-separator {
	float: left;
	width: 100%;
	height: 26px;
	margin: 10px 0;
}
.top-separator div.wrapped, .bottom-separator div.wrapped {
	height: 26px;
}
.top-separator {
	background: transparent url(../i/top-border-bg.png) repeat-x;
}
.top-separator div.wrapped {
	background: transparent url(../i/top-wrapper-bg.png) no-repeat;
}
.bottom-separator {
	background: transparent url(../i/bottom-border-bg.png) repeat-x;
	margin-top: 30px;
}
.bottom-separator div.wrapped {
	background: transparent url(../i/bottom-wrapper-bg.png) no-repeat;
}
/* LISTS */
.bulleted-arrow {
	list-style-image: url(../i/bullet-arrow.gif);
	padding-left: 20px;
}
.bulleted-arrow li {
	margin-top: 3px !important;
}
.bulleted-mark {
	list-style-image: url(../i/bullet-mark.gif);
	padding-left: 20px;
	margin-left: 20px;
}

/* DOWNLOADS */
#downloads-container {
	width: 100%;
	padding-bottom: 6px;
	background: #fff url(../i/downloads-bottom-bg.gif) repeat-x bottom;
}
#downloads-holder {
	display:none;
	height: 200px;
}
#downloads-anchor {
	background: transparent url(../i/btn-downloads.png) no-repeat;
	width: 180px;
	height: 32px;
	float: right;
	overflow: hidden;
	text-indent: -9000px;
	margin-top: -2px;
}
#downloads-container .header {
	background-color: #eaeaea;
	float: left;
	width: 100%;
	height: 55px;
}	
#downloads-container .header h2 {
	height: 24px;
	width: 163px;
	background: transparent url(../i/header-downloads.png) no-repeat;
	margin: 15px 0 0 20px;
}
#downloads-list {
	border: none;
	font-size: 85%;
	width: 100%;
	margin: 20px 0;
	float: left;
}
#downloads-list a {
	color: #0b2b36;
	font-weight: bold;
}
#downloads-list td, th {
	padding: 7px 20px;
	width: 15%;
}
#downloads-list th {
	font-weight: bold;
	width: 40%;
}
#downloads-list tr.odd {
	background-color: #f3f3f2;
}
/* HEADER */
h1#logo {
	background: transparent url(../i/logo-main.gif) no-repeat;
	height: 81px;
	width: 377px;
	overflow: hidden;
	text-indent: -9000px;
	margin: 17px 0;
}

/* NAVIGATION */
#nav-container {
	margin-top: 34px;
	margin-left: 415px;
	height: 30px;
}
/* For Safari with smoothed font */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	body:first-of-type ul.nav {
		font-size: 86% !important;
	}
}
ul#nav {
	background-color: #0b2b37;
	padding: 5px 8px 5px 16px;
	margin: 0 !important;
	z-index: 100;
	width: 460px;
	height: 30px;	
	/*font-size: 93%;*/
	font-size: 11px;
}
ul#nav li a {
	color: #fff;
	height:30px;
	line-height:30px;
	margin:0 10px 0 9px;
}
ul#nav li {
	background: transparent url(../i/nav-delimiter.png) no-repeat right;
}
ul#nav li.last {
	background: none;
}
ul#nav li a, ul#nav li, ul#nav {
	float: left;
}
ul.nav li {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	display: inline;
}
html>body div#footer ul.nav li:after {
	content: " | ";
}
html>body div#footer ul.nav li.last:after {
	content: "";
}
/* HEADERS */
h2 {
	height: 31px;
	overflow: hidden;
	text-indent: -9000px;
	margin-bottom: 3px;
}
#welcome h2, #ip h2, #mt h2 , #methodology h2, #contact h2  {
	margin-top:20px;
}
#welcome h2 {
	width: 109px;
	background: transparent url(../i/header-welcome.png) no-repeat;
}
#ip h2 {
	width: 259px;
	background: transparent url(../i/header-ip.png) no-repeat;
}
#mt h2 {
	width: 217px;
	background: transparent url(../i/header-mt.png) no-repeat;
}
#his h2 {
	width: 249px;
	background: transparent url(../i/header-his.png) no-repeat;
	margin: 110px 0 0 0;
}
#methodology h2 {
	width: 149px;
	background: transparent url(../i/header-methodology.png) no-repeat;
}
#contact h2 {
	width: 91px;
	background: transparent url(../i/header-contact.png) no-repeat;
}
/* WELCOME */
#welcome .column {
	width: 545px;
	padding-top: 50px;
}
#welcome .last {
	width: 325px;
	background: transparent url(../i/welcome-cite-bg.jpg) no-repeat;
	padding-top: 0;
	min-height: 236px;
}
#welcome blockquote#welcome-cite {
	width: 259px;
	height: 152px;
	background: transparent url(../i/welcome-cite.png) no-repeat;
	overflow: hidden;
	text-indent: -9000px;
	margin: 50px 0 0 43px;		
}
/* IP */
#ip-foreword {
	height: 160px;
	background: transparent url(../i/ip-bg.png) repeat-x scroll;
	color: #fff;
	font-size: 150%;
	font-weight: bold;
}
#ip-aspects .column {
	width: 250px;
	border-left: 1px solid #ccc;
	padding-left: 10px;
	margin-right: 37px;
}
/* MT */
#mt-aspects {
	overflow: hidden;
}
#mt-aspects .column {
	width: 85px;
	background: transparent url(../i/reflection-logo.png) no-repeat 0 25px scroll;
	min-height: 200px;
}
#mt-aspects .last{
	width: 750px;
	min-height: 371px;
	background: none;
}
#mt-list {
	padding-left: 20px;
	border-left: 1px solid #ccc;
}
#mt-list li span.desc {
	background: transparent url(../i/bullet-mt-list.png) no-repeat;
	margin-left: -21px;
	padding-left: 21px;
	display: block;
}
#partners-container {
	clear: both;
	position: relative;
	top: -97px;
}
#partners li, #partners li a{
	display: block;
	float: left;
}
#partners-container .wrapped .content-block {
	margin-top: 0;
}
#ram-partner {
	width: 203px;
	height: 95px;
	background: transparent url(../i/ram-logo.jpg) no-repeat;
	overflow: hidden;
	text-indent: -9000px;
	margin-left: 155px;
}
#fuchs-partner {
	width: 315px;
	height: 95px;
	background: transparent url(../i/fuchs-logo.jpg) no-repeat;
	overflow: hidden;
	text-indent: -9000px;
	margin-left: 100px;
}
/* HIS */
#his {
	height: 176px;
	background-color: #0b2b37;
}
#his-aspects {
	overflow: hidden;
	margin-top: 150px;
}
#his-aspects .column {
	width: 485px;
}
#his-aspects .last {
	width: 385px;
	background: transparent url(../i/marked-list-bg.jpg) no-repeat;
}
#his-accent-container {
	background: transparent url(../i/his-header-accent.jpg) no-repeat;
	width: 286px;
	height: 255px;
	position: absolute;
	margin: -66px 0 -45px 520px;
}
#his blockquote#yield  {
	width: 451px;
	height: 77px;
	background: transparent url(../i/his-cite.png) no-repeat;
	overflow: hidden;
	text-indent: -9000px;
	top: 200px;
	left: 0;
	position: absolute;	
}
#his .wrapped .content-block {
	position: relative;
}
/* METHODOLOGY */
#methodology-aspects .column {
	width: 380px;
}
#methodology-aspects .last {
	width: 490px;
	padding-top: 0;	
}
#methodology-foreword {
	height: 160px;
	background: transparent url(../i/ip-bg.png) repeat-x scroll;
	color: #fff;
	font-size: 150%;
	font-weight: bold;
}
#sattelite-cite {
	/*top:400px;
	position:absolute;*/
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid #ccc;
	width:100%;	
}
#chart-container {
	background: transparent url(../i/chart-preview-bg.png) no-repeat bottom;
	width: 414px;
	padding: 0 14px 61px 14px;
	z-index: 2;
	position: relative; 
}
#methodology-footer {
	background: transparent url(../i/methodology-footer-bg.png) repeat-x scroll;
	height: 80px;
	margin-top: -80px;
	width: 100%;
	z-index: 1;
}
#methodology-foreword .content-block p {
	margin-top: 40px;
}
/* CONTACT */
#contact div.content-block div.content-block {
	border-top: 1px solid #ccc;
}
#contact #address-container {
	width: 310px;
	margin-right: 30px;
}
#logo-small-container {
	margin: 125px 0 25px 0;
	width: 100%;
	padding-bottom: 25px;
	border-bottom: 1px solid #ccc;
}
#email-pic {
	margin: 40px 0 125px 0;
}
#contact-form-container {
	width: 500px;
	padding: 20px 30px;
	background: transparent url(../i/form-bg.gif) scroll;
	margin: 50px 0;
}
#contact-form-container fieldset {
	width: 100%;
}
#contact-form-container fieldset, #contact-form-container label, #contact-form-container input, #contact-form-container textarea {
	float: left;
	padding: 3px;
}
#contact-form-container fieldset div.column {
	width: 224px;
	margin-right: 40px;
}
#contact-form-container fieldset div.last {
	margin-right: 0;
}
#contact-form-container input, #contact-form-container textarea {
	border: 1px solid #ccc;
}
#contact-form-container input {
	width: 224px;
}
#contact-form-container textarea {
	width: 490px;
}
#contact-form-container label {
	text-transform: uppercase;
	cursor: pointer;
	font-weight: bold;
	margin: 30px 0 0 0;
	font-size: 88%;
}
#contact-form-container #btn-send {
	width: 193px;
	height: 41px;
	float: right;
	border: none;
	margin-top: 30px;
}
label.error {
	color: red;
	font-size: 80% !important;
	margin: 0 !important;
	text-transform: none !important;
}
#msg-result {
	float: left;
	font-weight: bold;
	margin: 30px 0 0 0;
}

/* FOOTER */
#footer {
	color: #8fa6ae;
	height: 223px;
	background: url(../i/footer-bg.png) repeat-x scroll;
}
#footer a {
	color: #fff;
}
#footer ul.nav {
	margin: 22px 0 15px 0;
}

/* POPUP */
.popup div.scroll {
	background-color: #f0f0f0;
	height: 330px;
	overflow: auto;
	width: 100%;	
}
.popup .scroll-content {
	padding: 30px 40px;
	line-height: 1.4;
}
.popup h2 {
	color: #333;
	font-weight: bold;
	position: static;
	text-indent: 0;
	margin: 20px 0 0 0;
}
.popup div.header, .popup div.footer {
	height: 70px;
	background-color: #fff;
	font-weight: bold;
}
.popup div.header h1 {
	color: #104153;
	font-size: 93%;
	text-transform: uppercase;
	margin: 30px;
	float: left;
}
.popup div.footer .column {
	vertical-align: middle;
}
.popup .column {
	margin: 0;
	min-height: 70px;
	width: 600px;
}
.popup .last {
	width: 300px;
}
.popup .column span.desc {
	margin: 35px;
	float: left;
}
.popup .column #btn-agree {
	float: right;
	margin:15px 30px;
	padding-top: 10px;
}

/* DISCLAIMER - INDEX */
.disc-index {
	width: 900px;
	height: 495px;
	margin-right: auto;
	margin-left: auto;
	border: thin solid #cccccc;
}

.disc-head {
	width: 900px;
	height:  167px;
	margin-right: auto;
	margin-left: auto;
	background: url(../i/logo-index.png) no-repeat left;
}