@charset "UTF-8";
/* CSS Document */

/*Website in the middle*/

* {
	margin:0px;
	padding:0px;
}

html, body {
height: 100%;
width: 100%;
background-color:#000;
}

#distance {
width: 1px;
height: 50%;
margin-bottom: -300px;
float: left;
background-color: #000;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

/*White Stripe*/
#distancetop, #distancebottom  {
width: 100%;
}

#distancetop {
height: 157px;
margin-bottom: -300px;
background-color: #000;
z-index:1000;
position:absolute;
}

#distancebottom {
height: 242px;
margin-top: 358px;

background-color: #000;
z-index:1000;
position:absolute;
}

#maincontainerout {
margin: 0 auto;
position: relative;
height: 600px;
width: 0 auto;
clear: left;
background-color: white;
}

/*Website Inside*/

#maincontainerin {

margin: 0 auto;
height: 600px;
width: 980px;
clear: left;
}

/*Website 3columms*/

#top {
height: 157px;
width: 980px;
clear: left;
background-color: #000;
}

#middle {
height: 201px;
width: 980px;
float: left;
background-color: white;
}

#bottom {
margin: 0 auto;
position: relative;
height: 242px;
width: 980px;
clear: left;
background-color: #000;
z-index: 3000;
}