body {
    margin:0px;
    background-color:black;
    color:white;
    font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif;
}
a:link {
    color: #7FC31C;
    text-decoration: none;
}
a:visited {
    color: #7FC31C;
    text-decoration: none;
}
a:hover {
    opacity:0.8;
    filter:alpha(opacity=80); /* For IE8 and earlier */
}
.icon:hover {
    opacity:0.8;
    filter:alpha(opacity=80); /* For IE8 and earlier */
}
#logo:hover {
    opacity:0.8;
    filter:alpha(opacity=80); /* For IE8 and earlier */
}
b {
    color: #7FC31C;
}
#container {
    position: absolute;
    top: 0px;
    width:100%;
}

#cloudContainer {
    position: absolute;
    top: 370px;
    width:100%;
    z-index: -10;
}

#mainContainer {
    position: relative;
    top: 0px;
    width:600px;
    height:200px;
    margin: auto;
}

#main {
    position: relative;
    width: 800px;
    height: 360px; 
    margin: auto;
}

#introSpacer {
    margin: auto;
    width: 600px;
    height: 20px;
    text-align: center;
}

#intro {
    margin: auto;
    width: 600px;
    height: 40px;
    text-align: center;
    font-size: 14px;
}

#logo {
    background-image: url('../img/yourl.png');
    background-repeat: no-repeat;
    margin: auto;
    width: 440px;
    height: 164px;
    cursor:pointer;
}

.company {
    height: 100px;
    widht: 100px;
    margin-bottom: 120px;
}

.companySpacer {
    margin-bottom: 90px;
}

.topLine {
    position: absolute;
    top: 336px;
    width:100%;
    height:17px;  
    background-image: url('../img/line.png');
    background-repeat: repeat-x;
}

#bottomLine {
    width:100%;
    height:17px;                
    background-image: url('../img/line.png');
    background-repeat: repeat-x;
}

#textSpacer {
    margin: auto;
    width: 600px;
    height: 350px;
}


.point {
    position: absolute;
    top: 336px;
    width:32px;
    height:17px;  
    background-image: url('../img/point.png');
    background-repeat: no-repeat;
}

.black {
    position: absolute;
    top: 336px;
    width:32px;
    height:17px;  
    background-color: black;
}

.icon {
    position: absolute;
    top: 240px;
    width:80px;
    height:80px;  
    background-repeat: no-repeat;
    cursor:pointer;
}

.label {
    position: absolute;
    top: 324px;
    width:80px;
    text-align:center;
    cursor:pointer;
}

.text {
    margin-left: 10px;
    margin-right: 10px;
    background-color: #000000;
}

.textWrapper {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

#pointHosting { left: 224px; }
#blackHosting { left: 224px; }
#labelHosting { left: 200px; }
#iconHosting {
    left: 200px;              
    background-image: url('../img/hosting.png');
}

#pointContact { left: 524px; }
#blackContact { left: 524px; }
#labelContact { left: 500px; }
#iconContact {
    left: 500px;              
    background-image: url('../img/contact.png');
}

#pointSkills { left: 424px; }
#blackSkills { left: 424px; }
#labelSkills { left: 400px; }
#iconSkills {
    left: 400px;              
    background-image: url('../img/skills.png');
}

#pointProjects { left: 324px; }
#blackProjects { left: 324px; }
#labelProjects { left: 300px; }
#iconProjects {
    left: 300px;              
    background-image: url('../img/projects.png');
}

#pointYourl { 
    height: 0px;
    width: 0px;
    left: 0px;
    top: 0px;
    background-color: black;
}
#blackYourl { 
    height: 0px;
    width: 0px;
    left: 0px;
    top: 0px;
    background-color: black;
}
#labelYourl { 
    height: 0px;
    width: 0px;
    left: 0px;
    top: 0px;
    background-color: black;
}
#iconYourl {
    height: 0px;
    width: 0px;
    left: 0px;
    top: 0px;
    background-color: black;
}