/*general*/

body{
font-family:"nunito",sans-serif;
color:black;
background-color:black;
font-size:14px;

}

h3{
font-size:14px;
}

a {
font-size:14px;
font-weight:bold;
color:black;
text-decoration:none;
}
a:hover{

color:white;
}
a:link    {border:0;}
a:visited {border:0;}
a:hover   {border:0;}
a:active  {border:0;}
#page-wrapper{
position:absolute;
width:99%;
height:98%;
margin:0;
top:0px;
left:0px;
}

#name{
position:absolute;
top:0%;
right:6px;
font-size:16px;
text-align:right;
padding:0 0 0 0;
opacity:0.8;
}
#instruction{
position:absolute;
top:0%;
left:6px;
font-size:16px;
text-align:left;
padding:0 10px 10px 0;
}

#bg{
position:fixed;
width:1920px;
left:0px;
z-index:-1;


}

#menu-wrapper{
position:absolute;
left:6px;
top:36%;
z-index:2;
}
.button:hover{
cursor:pointer;
color:#FFFFFF;
}
.button h3{
position:relative;
display:inline-block;
margin-left:0px;
vertical-align:middle;


}
.button{
background-image:url('../img/nothing.png');
opacity:0.8;
}
#tool-bar{
height:316px;
width:60px;
position:absolute;
top:30%;
left:0%;
z-index:1;
}

.glowing-dot{
height:0px;
width:0px;
vertical-align:middle;
position:relative;
border:0;
}

#line1{
position:absolute;
width:0px;
height:0px;
z-index:2;
left:90px;
bottom:64%;
background-color:black;
vertical-align:top;
}
#line2{
position:absolute;
width:0px;
height:0px;
z-index:2;
left:90px;
top:13.5%;
background-color:black;
vertical-align:top;
}

#description{
position:absolute;
width:436px;
top:13.5%;

z-index:3;
height:0px;
overflow:hidden;
}
.site p{
position:relative;
margin-top:0px;

}
.site img{
float:left;
margin:17px 8px 0 0;
border:2px solid black;
vertical-align:top;

}
.site h2{
margin-bottom:2px;
font-size:20px;


vertical-align:top;
margin-top:12px;
}
.site h2 span{
font-weight:normal;
font-size:18px;
}
.site p span{
padding-left:10px;

}
.clear{
clear:both;
}
.site-wrapper{
width:100%;
height:100%;
position:relative;

}

.site{
display:none;
padding:6px 18px 68px 18px;
background-image:url('../img/description-bg.png');
border-radius:0 0 8px 8px;

border:1px solid black;
}
a {
outline: none;
}

.site .ico{
border:0;
}

#website-wrapper{
position:relative;
margin:0 auto;
height:98%;

}

#too-small{
display:none;
position:absolute;
background-image:url('../img/too-small.png');
color:black;
width:100%;
height:100%;
z-index:200;
}
#too-small h4{
text-align:center;
position:absolute;
top:40%;
left:15%;
}

#craie{
position:absolute;
left:40%;
top:30%;
width:256px;
height:126px;
}

#ouebdesign{
position:absolute;
height:120px;
width:250px;
left:-5%;
top:20px;
margin:0;
z-index:198;
}

#ouebdesign span{
visibility:hidden;
}
#ouebdesign img{
position:absolute;
top:0px;
left:0px;
opacity:0.8;
}