html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img, img{
border: 0;
}

a{
text-decoration: none;
}

b{
font-weight: bold;
}

/* ACE Styles */
body{
background: #ffffff;
}
#bodyColor{

}

#containerAll{
width: 1000px;
margin: 0 auto;
background: none;
}

#header-wrap{
position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 130px;
	background:#58585a;
	z-index: 10;
}

#header{
width: 1000px;
margin: 0 auto;
background: url('../images/header.png') no-repeat;
height: 130px;
}

#content{
background: red;
height: 800px;
padding: 100px 0 0 0;
background: #fff;
}

.nav ul{
float: right;
font-family: 'futura-pt';
font-weight: 400;
}

.nav ul li{
float: left;
padding: 5px;
margin: 0 2px;
background: none;
-moz-border-radius: 15px;
border-radius: 15px;
width: 15px;
height: 15px;
text-align: center;
}

.nav ul li:hover, .nav ul li.selected{
background: #f6ee25;
color: #58585a;
}

.nav ul li:hover a, .nav ul li.selected a{
color: #58585a;
}

.nav #tool7:hover, .nav #tool8:hover{
background: none;
cursor: pointer;
}

.nav{
padding: 100px 20px 0 0;

}

.nav ul li a{
color: #fff;
}

.nav ul li a.selected{
color: #58585a;
}

#canvas{
height: 400px;
width: 780px;
margin: 70px 0 0 90px;
float: left;
}

#canvasChart{
width: 120px;
float: right;

}

#chartText{
position: absolute;
top: 250px;
left:56px;
width: 218px;
height: 218px;
background: url('../images/chartBubble.png') no-repeat;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius:15px;
color: #58585a;
font-family: 'futura-pt';
font-size:13px;
}

#chartInstructions{
position: absolute;
top: 285px;
left:356px;
width: 218px;
height: 180px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius:15px;
color: #58585a;
font-family: 'futura-pt', sans-serif;
background: #e1e1e1;
padding: 25px 15px 15px 15px;
line-height: 20px;
border: solid #dddddd 2px;
text-align: center;
z-index: 9;
font-size: 13px;
}

#chartInstructions p{
margin: 0px 0 20px 0;
}

#chartInstructions a{
color: #ffffff;
background: #58585a;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius:8px;
padding: 5px 10px;
}

#chartInstructions a:hover{
color: #fff600;
background:#4d4d4d;
}

.chartPadding{
padding: 50px 20px 30px 20px;
text-align: center;
line-height: 23px;
font-size: 11pt;
font-family: 'futura-pt', sans-serif;
}

.chartPadding table td{
vertical-align: middle;
}

#page3{
position: relative;
}

.yel, .yel2{
color: #34645a;
font-weight: bold;
}

.ltgreen{
color: #34645a;
text-transform: uppercase;
}

#slideControls{
background: #d1d2d4;
height: 10px;
border: none;
width:760px;
float: left;
margin-left: 70px;
}

#chartTable td.control div{

width:16px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius:9px;
background: yellow;
text-align: center;
border: solid 2px #fff;
}

#chartTable td.control div:hover, #chartTable td.control div.active:hover{
border: solid 2px #7e7e7e;
cursor: pointer;
}

#chartTable td.control div.active{
border: solid 2px #aaaaaa;
}

#chartTable td.control{
text-align: center;
vertical-align: middle;
}

#chartTable td.title{
font-size: 9pt;
font-family: 'futura-pt', 'sans-serif';
color: #58585a;
padding: 2px;
}

#chartTable td{
height: 17px;

vertical-align: middle;
padding: 2px;
}

#chartTable td.majorTitle{
font-family: 'futura-pt','sans-serif';
color: #58585a;
font-size: 11pt;
}

#chartTable td#activity div{
background: #1F3E38;
}
#chartTable td#smoking div{
background:#C3D766;
}

#chartTable td#alcoholism div{
background:#F6EE25;
}

#chartTable td#drugs div{
background: #e5ca8f;
}

#chartTable td#work div{
background: #6da790;
}

#chartTable td#obesity div{
background: #442b1d;
}

#chartTable td#diabetes div{
background: #d6ece2;
}

#chartTable td#depression div{
background: #075a4b;
}

#chartTable td#suicide div{
background: #70a54b;
}

#chartTable td#stds div{
background:#58585a;
}

#chartTable td#heart div{
background:#99c5b3;
}

#chartTable td#cancer div{
background:#6095ab;
}

#chartTable td#stroke div{
background: #c4d825;
}

#chartTable td#copd div{
background:#d7caa2;
}

#chartTable td#bones div{
background:#c59f51;
}

#aceFuture{
width: 1000px;
margin-left:50px;
color: #58585a;
font-family: 'futura-pt', 'sans-serif';
font-size: 8.5pt;
}

#futureTable1 td.fimg, #futureTable2 td.fimg2{
padding: 0 8px 0 0;
vertical-align: middle;
}

#futureTable1 td.fText, #futureTable2 td.fText2{
padding: 0 20px 0 0;
vertical-align: middle;
}

#futureTable1, #futureTable2{
margin-bottom: 40px;
}

#rr{
height: 550px;
font-family: 'futura-pt';
font-size: 15px;
color: #58585a;
padding: 0 0 0 50px;
}

#rr h2{
font-size: 20px;
font-weight: bold;
margin: 20px 0 10px 0;
}

#rr ul li{
padding: 0 0 5px 35px;
}

#rr ul li a{
color: #58585a;
text-decoration: underline;
}

#rr ul li a:hover{
text-decoration: none;
}