body#dow-solutionism{
	font-family: Arial, Helvetica, sans-serif;
	margin:0;		
}
div#fb-wrap{
	/*width: 790px; */
	overflow: hidden;
}

div#fb-head-wrap{
	width: 790px;
	margin: auto;
	background:#fff;
	position:relative;
}
h1.title {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 47px;
	position: relative;
	text-align:center;
	text-shadow: 2px 2px 3px #ccc;
}
.intro{
	font-size: 15px;
	color: #666; 
	text-align: center;
}
.nav-section ul{
	padding: 0;
	margin: 0;
	height: 53px;
}
.nav-section ul li{
	float: left;
	list-style-type:none;
	text-align:center;
}
.nav-section ul li a{
	display:block;
	font-weight:bold;
	width:131px;
 	height:35px;
	padding-top: 18px;
	text-decoration: none;
	color:#666;
}
.nav-section ul li a:hover{
	color: #E80033;
	text-shadow: 2px 2px 2px #ccc;
}
.nav-section ul li a.active{
	background: url("../images/nav-item.jpg") no-repeat top center transparent;
}
.nav-section ul li a.highlight{
	color: #E80033;
	text-shadow: 2px 2px 2px #ccc;
}
.clearFix{
	clear:both;
	height:0px;
}
.fb-body-wrap{
	width:100%;
	background: url("../images/background.jpg") repeat-x top center transparent;
	position: relative;
}
.fb-body-background{
	width:100%;
	height:100%;
	background: url("../images/footer-top.jpg") repeat-x center bottom transparent;
}
.fb-body-content{
	width: 790px;
	margin: auto;
	/*padding: 165px 0 140px;*/
	padding: 90px 0 87px;
	position: relative;
}

.link-arrow a, a.link-arrow {
    background: url("../images/link-arrow.jpg") no-repeat scroll 100% 0px transparent;
    color: #666666;
    padding: 3px 35px 3px 0;
	text-decoration: none;
}
.link-arrow a:hover, a.link-arrow:hover {
	background: url("../images/link-arrow.jpg") no-repeat scroll 100% -36px transparent;
    color: #E80033;
}

.fb-main-text {
	width: 790px;
	margin:0;
	padding:5px;
	position: absolute;
	/*top: 60px;*/
	top:28px;
	line-height:1.5em;
}
.fb-main-text sup, .fb-main-text sub {
	vertical-align: 0;
	position: relative;
}
.fb-main-text sup{
	bottom: 0.5em;
}
.fb-main-text sub{
	top: 0.4em;
}
.green-car {
	width: 790px;
	height: 382px;
	background: url("../images/car.png") no-repeat 0 0 transparent;
}

.fb-footer {
	width: 100%;
	height: 29px;
	background: url("../images/footer-bottom.jpg") no-repeat center top transparent;
}

/*topic styles*/
.topic-text h2{
	color: #E80033;
	text-shadow: 2px 2px 3px #ccc;
	font-size: 18px;
	font-weight: bold;
	margin:0;
}
.topic-text p{
	margin: 0 0 7px;
	font-size: 14px;
	color: #000;
}
.topic-text a{
	text-decoration: none;
	color: #666;
}
.topic-text a:hover{
	color: #e80033;
}
.homepage .circle{
	cursor:pointer;
}
#instructions{
	display:none;
	width:100%;
	position:absolute;
	top:28px;
	left:0;
	text-align:center;
	color:#666;
	text-shadow: 2px 2px 3px #ccc;
}
/*individual topics*/
	/*interior*/
div#interior {
	position: absolute;
	top: 160px;
	left: 168px;
}
#interior .line {
	position: absolute;
	top: -39px;
	left: 44px;
	width: 22px;
	height: 53px;
	background: url("../images/interior-lines.png") no-repeat center top transparent;
}
#interior .circle {
	width: 132px;
	height: 130px;
	background: url("../images/interior-circle.png") no-repeat center top transparent;
}
#interior .topic-text {
	position: absolute;
	top: -130px;
	left: -127px;
	width: 430px;
}
	/*safety*/
div#safety {
	position: absolute;
	top: 138px;
	left: 299px;
}
#safety .line {
	position: absolute;
	top: -36px;
	left: 58px;
	width: 22px;
	height: 50px;
	background: url("../images/safety-lines.png") no-repeat center top transparent;
}
#safety .circle {
	width: 133px;
	height: 135px;
	background: url("../images/safety-circle.png") no-repeat center top transparent;
}
#safety .topic-text {
	position: absolute;
	top: -123px;
	left: -181px;
	width: 598px;
}
	/*battery*/
div#battery {
	position: absolute;
	top: 288px;
	left: 248px; 
}
#battery .line {
	position: absolute;
	top: 67px;
	left: -89px;
	width: 105px;
	height: 72px;
	background: url("../images/battery-lines.png") no-repeat 0 0 transparent;
}
#battery .circle {
	width: 133px;
	height: 135px;
	background: url("../images/battery-circle.png") no-repeat center top transparent;
}
#battery .topic-text {
	position: absolute;
	top: 144px;
	left: -200px;
	width: 400px;
}
	/*weight*/
div#weight {
	position: absolute;
	top: 130px;
	left: 474px;
}
#weight .line{
	position: absolute;
	top:-49px;
	left:119px;
	width: 45px; 
	height: 115px;
	background: url("../images/weight-lines.png") no-repeat right bottom transparent;
}
#weight .circle {
	width: 133px;
	height: 135px;
	background: url("../images/weight-circle.png") no-repeat center top transparent;
}
#weight .topic-text {
	position: absolute;
	top: -115px;
	left: -220px;
	width: 528px;
}
	/*pollution*/
div#pollution {
	position: absolute;
	top: 322px;
	left: 663px;
}
#pollution .line{
	position: absolute;
	top: 64px;
	left:-90px;
	width: 106px;
	height: 63px;
	/*background: url("../images/pollution-lines.png") no-repeat center top transparent;*/
	background: url("../images/battery-lines.png") no-repeat left top transparent;
}
#pollution .circle {
	width: 133px;
	height: 135px;
	background: url("../images/pollution-circle.png") no-repeat center top transparent;
}
#pollution .topic-text {
	position: absolute;
	top: 107px;
	left: -330px;
	width: 450px;
}