* { margin:0; padding:0; }

body {
    margin-left: 50px;
    margin-bottom: 50px;
    width: 600px;
	font: 16px "Optima", "Arial", sans-serif;
	color: #333;
	font-weight: normal;
  	text-align: left;
    line-height: 1.6;
}

h1 {
    font-size: 24px;
    margin-top:15px;
    margin-left: -20px;
	font-weight: normal;
	color: #0a0;
	width: 800px;
    display:none;
}


h3 {
	color: #777;
    margin-left: -20px;
    margin-bottom: 20px;
    font-size: 10px;
	font-weight: normal;
    display:none;
}

h2 {
    margin-left: -20px;
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 22px;
	font-weight: normal;
	color: #0a0;
	width:620px;
	border-bottom: solid 1px #9f9;
}

h4 {
    margin-left: -20px;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 18px;
	font-weight: normal;
	color: #0a0;
}

h5 {
    margin-left: -20px;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 13px;
	font-weight: normal;
	color: #0a0;
}

.scenario {
    background-color: #eee;
    border: solid 1px #bbb;
    padding-left: 20px;
    padding-right: 20px;
    padding-top:10px;
    padding-bottom:10px;
}

.pic {
    margin-bottom:0px;
    margin-left:20px;
}

.rightimg {
    position:absolute;
    left:680px;
}

.bigpic {
    margin-left: -25px;
    margin-bottom:20px;
}

.scenario > p {
    margin-top:5px;
    margin-bottom:5px;
}

.scenario > ul > li {
    margin-top:4px;
}

.mockup {
    margin-top: 15px;
    margin-left: -20px;
}

/*
.mockup_img {
    border: solid 1px #888;
} */

ul {
    margin-left:30px
}

li {
    margin-top:5px;
}

p {
    margin-top:10px;
    margin-bottom:10px;
}

i {
	color: #f00;
}

strong {
    font-weight:bold;
	color: #0a0;
}

img { border:none; }

a { text-decoration:underline; color: #933; border:none; }
a:hover   { text-decoration:underline; }