/*
** RPR
*/
html { height: 100%; padding-bottom: 1px; font-size: 100%; }
body { position: relative; width: 560px; margin: 0; padding: 40px 0 0 270px; background: #fff; color: #858484; font: .75em/1.5 "Arial", "Helvetica", sans-serif; }
* { margin: 0; padding: 0; }
p, ul, ol, dl { padding-bottom: 1em; }
ul, ol { margin-left: 0; padding-left: 2em; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
h1 { padding-bottom: 35px; color: #666; font-size: 3.3333em; font-weight: normal; line-height: 1.25em; }
h1 span { color: #6c8915; }
h2 {  padding-bottom: 12px; color: #582b48; font-size: 1.3333em; font-weight: normal; }
textarea, input, select, option, optgroup, button { font: 1em "Arial", "Helvetica", sans-serif; }
img { border: none; vertical-align: bottom; }
a { color: #6c8915; text-decoration: none; outline: none; cursor: pointer; }
a:hover { text-decoration: none; }
button, input.radio, input.checkbox, label, select { cursor: pointer; }
button { overflow: visible; }

/*
 * some globally used classes
 */
.left { float: left !important; }
.right { float: right !important; }

.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

.no-margin { padding-bottom: 0 !important; }
.margin { padding-bottom: 1em !important; }

/*
 * header
 */
h1.logo { float: left; margin-left: -210px; }
h1.logo a { display: block; overflow: hidden; width: 128px; height: 105px; background: transparent url("../images/logo.jpg") no-repeat 0 0; text-indent: -99em; }

p.menu {
	padding-bottom: 80px;
	color: #858383;
	font-size: 1.1667em;
	font-weight: bold;
}
p.menu a {
	color: #749905;
}
p.menu a:hover, p.menu a.active {
	color: #191919;
}

/*
 * content
 */
div.content { overflow: hidden; min-height: 490px; }
div.sub-left { float: left; width: 300px; }
h2.equation {
	overflow: hidden;
	font-size: 1.27em;
	letter-spacing: -.02em;
}
h2.equation span { float: left; line-height: 40px; }
h2.equation span.first { width: 100px; padding-right: 10px; text-align: right; line-height: 20px; }
a.link { padding: 0 0 4px 2px; border-bottom: 1px dashed #c2c2c2; }
a.link:hover { color: #425607; }

h2.green { color: #6C8915; }
h2.black { color: #666; }
address { padding-bottom: 20px; font-style: normal; line-height: 1.1667em; }
p.contact { padding-bottom: 10px; }
p.contact strong { display: inline-block; width: 50px; color: #666; }

div.sub-right { float: right; width: 235px; }
.sub-right p.text { padding-bottom: 15px; border-bottom: 1px dashed #666; color: #6c8915; font-size: 1.6667em; }
.sub-right p.text img { padding-bottom: 20px; }
p.space { padding-bottom: 30px; }

/*
 * strategies page
 */
div.list-container {
	overflow: hidden;
	padding-bottom: 20px;
	border-top: 1px dashed #c2c2c2;
	padding-top: 7px;
}
.list-container ul { float: left; width: 270px; padding: 0; color: #582b48; list-style: none; font-size: 1.1667em; }

div.strategies-wrapper { padding: 7px 0; border-top: 1px dashed #c2c2c2; }
div.strategies { padding: 10px 10px 10px 5px; }
.strategies p.header { float: left; }
.strategies p.header a {
	float: left;
	width: 115px;
	color: #6c8915;
	font-size: 1.3333em;
	letter-spacing: -0.04em;
	background-color: transparent;
	background-image: url(../images/arrows.png);
	background-repeat: no-repeat;
	background-position: 94px 6px;
}
.strategies .inner { overflow: hidden; }
.strategies .inner p { padding-bottom: 0; }
.strategies .lists { overflow: hidden; }
.strategies ul { float: left; width: 185px; padding-top: 10px; color: #999; font-weight: bold; }
.js .strategies .lists { display: none; }
p.header a:hover , .js .open p.header a { background-position: -397px 6px; }

/*
 * home page
 */
.home div.sub-right { width: 195px; }
.home .sub-left { width: 310px; }
.home .content { min-height: 440px; }

/*
 * footer
 */
p.footer {
	overflow: hidden;
	margin-left: -210px;
	color: #666666;
	font-size: 0.9167em;
}
p.footer em { display: block; overflow: hidden; padding-bottom: 5px; font-style: normal; }
p.footer a { float: left; margin-right: 5px; background: transparent url("../images/footer-underline.png") repeat-x 0 100%; color: #582b48; font-weight: bold; }
p.footer span { float: left; }
.js p.footer span { display: none; }
.js p.footer span.active { display: block; }

/*
** the end
*/

