html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
background-color: #fefbef;
font-family: arial, verdana, sans-serif;
text-align: center;
}

a {
text-decoration: none;
color: #163529;
}

a:hover, a:active, a:focus {
color: #010302;
}

#mainflow {
position: absolute;
width: 700px;
background-color: transparent;
left: 50%;
margin-left: -350px;
margin-top: 10px;
}

#mainflow-index {
position: absolute;
width: 700px;
height: 250px;
background-color: transparent;
left: 50%;
margin-left: -350px;
top: 50%;
margin-top: -170px;
}

#logo {
position: relative;
background-image: url("PIX/logolined.png");
background-color: transparent;
background-repeat: no-repeat;
width: 331px;
height: 213px;
margin-left: auto;
margin-right: auto;
}

#logo a {
display: block;
width: 100%;
height: 100%;
}

#menuflow {
position: relative;
width: 100%;
left: auto;
margin-right: auto;
margin-top: 10px;
padding-bottom: 30px;
padding-left: 30px;
font-weight: bold;
font-size: 15px;
background-color: transparent;
}

#menuflow ol {
position: relative;  
margin: 0;
padding: 0;
list-style: none;
}

.menuitem {
position: relative;
}

#menuflow li {
float: left;
margin: 0;
padding-left: 15px;
padding-right: 15px;
padding-top: 6px;
padding-bottom: 6px;
}


#middle {
clear: both;
display: none;
}

#item-manifesto {
display: none;
}

#item-studio {
display: none;
}

#item-reviews {
display: none;
}

#item-views {
display: none;
}

.content {
position: relative;
width: 700px;
margin: 0;
padding-left: 15px;
padding-right: 15px;
padding-top: 20px;
padding-bottom: 25px;
font-weight: normal;
font-size: 14px;
text-align: justify;
text-indent: 15px;
clear: both;
}

.content a {
text-decoration: underline;
}

.content ul {
margin-top: 0;
padding-top: 0;
}

.content p {
text-indent: 15px;
padding-top: 0;
margin-top: 0;
}

.content-list {
position: relative;
width: 400px;
margin-top: 1px;
margin-left: 150px;
margin-right: 150px;
padding-left: 20px;
padding-right: 20px;
padding-top: 15px;
padding-bottom: 20px;
}

.work-list {
position: relative;
width: 500px;
margin-top: 1px;
margin-left: 100px;
margin-right: 150px;
padding-left: 20px;
padding-right: 20px;
padding-top: 15px;
padding-bottom: 20px;
overflow: hidden;
}

.content-list #author {
padding: 0;
font-size: 16px;
font-weight: bold;
}

.content-list #title {
padding: 0;
font-size: 14px;
font-style: italic;
font-weight: bold;
}

.work-list #author {
padding: 0;
font-size: 14px;
font-style: italic;
font-weight: bold;
}

.work-list #title {
padding: 0;
font-size: 18px;
font-weight: normal;
}

.work-list #description {
font-size: 14px;
}

img#pic {
float: right;
margin: 4px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
background-color: #F4F2F2;
//border-style: dashed;
//border-color: #CEAC96;
//border-width: 1px;
}

.placeline {
width: 100%;
font-size: 16px;
padding-bottom: 20px;
font-weight: bold;
display: none;
}

.corners {
position: absolute;
width: 20px;
height: 20px;
background-image: url("PIX/circledborder.png");
background-repeat: no-repeat;
}

.smallercorners {
position: absolute;
width: 10px;
height: 10px;
background-image: url("PIX/smallercircledborder.png");
background-repeat: no-repeat;
}

.lines {
position: absolute;
background-image: url("PIX/squaredborder.png");
//margin-bottom: -1px;
}

.menu-corner-top-left {
top: 0;
left: 0;
background-position: 0px 0px;
overflow: visible;
}

.menu-corner-top-right {
top: 0;
right: 0;
background-position: -100px 0px;
overflow: visible;
}

.corner-top-left {
top: -2px;
left: 0;
background-position: 0px 0px;
}

.corner-top-right {
top: -2px;
right: 0;
background-position: -100px 0px;
}

.corner-bottom-left {
bottom: 0;
left: 0;
background-position: 0px -100px;
}

.corner-bottom-right {
bottom: 0;
right: 0;
background-position: -100px -100px;
}

.menu-corner-bottom-right {
bottom: 0;
left: -8px;
background-position: -40px -40px;
overflow: visible;
}

.menu-corner-bottom-left {
bottom: 0;
right: -8px;
background-position: 0 -40px;
overflow: visible;
}

.line-top {
top: 0;
left: 20px;
right: 20px;
width: *;
height: 2px;
background-position: 0px 0px;
background-repeat: repeat-x;
}

.line-left {
top: 18px;
left: 0;
bottom: 20px;
width: 2px;
height: *;
background-position: 0px 0px;
background-repeat: repeat-y;
}

.line-right {
top: 18px;
right: 0;
bottom: 20px;
width: 2px;
height: *;
background-position: 0px 0px;
background-repeat: repeat-y;
}

.line-bottom {
bottom: 0;
left: 20px;
right: 20px;
width: *;
height: 2px;
background-position: 0px 0px;
background-repeat: repeat-x;
}

.line-bottom-thru {
bottom: 0;
left: 0;
right: 0;
width: *;
height: 2px;
background-position: 0px 0px;
background-repeat: repeat-x;
}

.line-bottom-right-fill {
bottom: 0;
right: 10px;
width: 26px;
height: 2px;
background-position: 0px 0px;
background-repeat: repeat-x;
}

.line-bottom-right-fill-small {
bottom: 0;
right: 10px;
width: 20px;
height: 2px;
background-position: 0px 0px;
background-repeat: repeat-x;
}

.line-bottom-left-fill {
bottom: 0;
left: 20px;
width: 10px;
height: 2px;
background-position: 0px 0px;
background-repeat: repeat-x;
}

.line-bottom-left-fill-small {
bottom: 0;
left: 16px;
width: 6px;
height: 2px;
background-position: 0px 0px;
background-repeat: repeat-x;
}

.line-bottom-rightindented {
bottom: 0;
left: 0;
right: 8px;
width: *;
height: 2px;
background-position: 0px 0px;
background-repeat: repeat-x;
}

.line-bottom-leftindented {
bottom: 0;
left: 8px;
right: 0;
width: *;
height: 2px;
background-position: 0px 0px;
background-repeat: repeat-x;
}

.line-bottom-thin {
bottom: 0;
left: 0;
right: 0;
width: *;
height: 1px;
background-position: 0px 0px;
background-repeat: repeat-x;
}

#email {
text-align: right;
margin-bottom: 15px;
padding-right: 18px;
padding-bottom: 15px;
font-size: 10px;
clear: both;
display: none;
}

#footer {
margin-top: 30px;
}

.clearing-p {
clear: both;
}