/*
Styles for Autodesk Smoke For Mac OS X infographic - 09/28/2010
*/

/*START RESET*/
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, font, 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 {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
}
body {
        line-height: 1;
}
ol, ul {
        list-style: none;
}
blockquote, q {
        quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: '';
        content: none;
}

/* remember to define focus styles! */
:focus {
        outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
        text-decoration: none;
}
del {
        text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: collapse;
        border-spacing: 0;
}

/*END RESET*/

body {
	background:#000;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

#infographic {
	width:958px;
	height:764px;
	background:url(images/background.jpg);
	position:absolute;
	top:0;
}

#header {
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	height:1px;
	width:1px;
	text-indent:100px;
	line-height:100px
}

.step {
	width:215px;
	z-index:1;
}

.step h2 {
	cursor:pointer;
	color:#00A2B4;
	font-size:13px;
	padding:7px 10px;
}

.active h2 {
	cursor:pointer;
	color:#fff;
}

.step p {
	font-size:11px;
	line-height:14px;
	padding: 10px 0;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.learn-more {
	font-weight:bold;
	cursor:pointer;
	color:#00A2B4;
	font-size:11px;
	display:block;
	width:85px;
	padding:0!important;
	background:url(images/more-arrow.gif) no-repeat right 3px;
}

.long-copy {
	display:none;
}


#step-01 {
	position:absolute;
	top:73px;
	left:49px;
}

#step-02 {
	position:absolute;
	top:493px;
	left:49px;
}

#step-03 {
	position:absolute;
	top:493px;
	left:716px;
}

#step-04 {
	position:absolute;
	top:73px;
	left:716px;
}

#pdf-link {
	display:block;
	width:214px;
	height:25px;
	overflow:hidden;
	text-indent:999px;
	line-height:999px;
	position:absolute;
	top:670px;
	left:373px;
}