/**
* CSS
* 
* @version 1.0
* @author SK
*/

* {
margin: 0;
padding: 0;
font: normal 14px/18px arial, helvetica; 
color: #222;
}

body {
margin: 10px 10px 25px 10px;
}

p {
margin-bottom: 18px;
}

a {
text-decoration: none;
}
li.active a {
text-decoration: underline;
}

img {
border: none;
}

div#container {
width: 960px;
margin: 0 auto;
text-align center;
margin-top: 18px;
}

div#menu {
float: left;
width: 180px;
}
div#menu ul {
list-style: none;
}
div#menu ul li a {
margin-left: 18px;
}
div#menu ul li.section-title {
text-decoration: none;
}
div#menu p {
margin-bottom: 0px;
}

div#content {
margin-left: 190px;
margin-bottom: 50px;
display: block;
}
div#content p {
font: normal 30px/36px arial, helvetica;
}

div#content ul {
list-style: none;
list-style-position: inside;
margin-left: 0;
padding-left: 22px;
text-indent: -26px;
}
div#content ul li {
font: normal 30px/36px arial, helvetica;
}

div#content .contact, div#content .contact a {
font: normal 30px/36px arial, helvetica;
}

div#content .project {
float: left;
margin: 0px 18px 18px 0px;
}
div#content .project img {
margin-bottom: 9px;
}
div#content .project p {
font: normal 14px/18px arial, helvetica; 
}
div#content #img-container img {
margin-bottom: 9px;
}
div#content #img-container p {
font: normal 14px/18px arial, helvetica; 
}
div#content #colofon, div#content #colofon a {
font: normal 10px/11px arial, helvetica; 
}
div#content #the_text {
font: normal 30px/36px arial, helvetica;
}

#the-background {
text-align: center;
position: fixed;
z-index:1;
width: 100%;
height: 100%;
top:0;
left:0;
}
#wrapper { 
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
top: 0;
left: 0;
}

div#visualindex {
}

div#visualindex .indexproject {
float: left;
height: 165px;
margin: 0px 36px 36px 0px;
display: inline;
}
div#visualindex .indexproject img {
margin-bottom: 5px;
}