/*////////////////////////////////
global white space reset / tabula rasa
////////////////////////////////*/

* {
padding: 0;
margin: 0;
border: none;
outline: none;
}

/*////////////////////////////////
typography
////////////////////////////////*/

body {
font-family: "Helvetica Neue", Arial, sans-serif;
font-weight: normal;
letter-spacing: 0.03px;
color: #313131;
background-color: #ececec;
}

/*////////////////////////////////
master style sheet
////////////////////////////////*/

::selection {
background-color: #cacaca;
}
::-moz-selection {
background-color: #cacaca;
}
::-webkit-selection {
background-color: #cacaca;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 12px;
line-height: 20px;
font-weight: 600;
}

p {
font-size: 12px;
line-height: 20px;
font-weight: 200;
}

a {
display: inline;
font-weight: 200;
text-decoration: underline;
color: #313131;
}
a:hover {
text-decoration:line-through;
}
a:active {
}
a:focus {
/*no dotted border*/
outline:none;
}

ul,
ol {
font-size: 12px;
line-height: 20px;
font-weight: 200;
list-style-type:none;
list-style-position: inside;
}
li {

}

blockquote {
margin: 40px 0px 40px 0px;
padding: 0px 0px 0px 48px;
font-size: 12px;
line-height: 20px;
font-weight: 200;
font-style: italic;
border-left: 1px dashed #b9b9b9;
}
blockquote em,
blockquote strong {
}

hr {
margin: 20px 0px 19px 0px;
max-width: 360px;
height: 1px;
border-top: 1px dashed #b9b9b9;
}

sup,
sub {
display: inline-block;
min-width: 12px;
height: 0;
line-height: 1;
vertical-align: baseline;
_vertical-align: bottom;
position: relative;
text-align: center;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
sup a {
min-width: 12px;
display: block;
}

/*////////////////////////////////
layout
////////////////////////////////*/

#container {
width:100%;
height:1px;
position:absolute;
top:50%;
left:0;
display:block;}

#contents,
#lines {
margin:-200px 0px 0px -480px;
width: 960px;
height: 400px;
position:absolute;
left:50%;
z-index:2;
}

#lines {
/*background-color: rgba(255, 255, 0, 0.2);*/
}

.draggable {
position:absolute;
z-index:10;
}

#sen {
font-size:13.5px;
top:150px;
left:384px;
}
#s11 {
top:220px;
left:300px;
}
#s111 {
top:280px;
left:100px;
}
#s1121 {
width:228px;
top:180px;
left:40px;
}
#s121 {
top:280px;
left:260px;
}
#s1211 {
top:340px;
left:180px;
}
#s1212 {
top:360px;
left:260px;
}
#s1213 {
top:340px;
left:340px;
}
#s131 {
top:280px;
left:420px;
}
#s1311 {
top:360px;
left:480px;
}
/*#s1312 {
top:360px;
left:426px;
}
#s1313 {
top:340px;
left:534px;
}
#s1314 {
top:310px;
left:552px;
}*/
#s21 {
top:120px;
left:240px;
}
#s31 {
width:372px;
top:20px;
left:40px;
}
#s41 {
top:100px;
left:440px;
}
#s51 {
width:390px;
top:20px;
left:460px;
}
#s61 {
width:324px;
top:240px;
left:640px;
}
#s611 {
width:216px;
top:340px;
left:700px;
}
#s71 {
top:180px;
left:660px;
}
#s711 {
top:80px;
left:700px;
}