/* CSS Document 
Website for DESMOND WILLIAMS

A kickarse design by DERAIL

Dont steal my hard work.  Cause i got maori mates who
WILL smash you*/



/*------this is the central aligning shit -------------*/

body, html {
height: 100%;
width: 100%;
margin:0;
padding:0;
background-color:#4b4b4b;
}

#browserwindow {
height: 100%;
width: 100%;
overflow: visible;
background-color:#4b4b4b;
/*background-color:#CCCCCC;*/
margin:0;
padding:0;
} /* or without overflow */

#main {
height: 95%;
width: 100%;
overflow: hidden;
position: relative;
background-color:#4b4b4b;
/*background-color:#999999;*/
}
#main[id] {
display: table;
position: static;
background-color:#4b4b4b;
/*background-color:#999999;*/
}

#middle {
position: absolute;
top: 50%;
background-color:#4b4b4b;
/*background-color:#00FF99;*/
width: 100%;
} /* for explorer only*/
#middle[id] {
display: table-cell;
vertical-align: middle;
position: static;
}

#content {
background-color:#4b4b4b;
/*background-color:#00FF99;*/
position: relative;
top: -50%;
height:500px;
width: 100%;
} /* for explorer only */
/* optional: #inner[id] {position: static;} */

/* -------------- THE CONTENT ----------------*/

#header {
background-color:#4b4b4b;
/*background-color:#00FF99;*/
position: relative;
width: 100%;
height: 50px;
}

#header p {
padding:0;
margin:0;
text-align:center;
}

#centerstage {
background-color:#4b4b4b;
position:relative;
width: 100%;
height: 530px;
}

#centerstage2 {
background-color:#4b4b4b;
position:relative;
width: 100%;
height: 200px;
}

p {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
margin:0;
padding:0;
}

#menu {
background-color:#4b4b4b;
/*background-color:#00FF99;*/
position: relative;
width: 100%;
height: 50px;
}

img.line {
padding: 10px 0 10px 0;
}

#menu p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
padding:0;
margin:0;
text-align:center;
}

#menu p.left {
text-align:left;
}

#menu p.right {
text-align:right;
}

#menu a {
color:#999999;
text-decoration:none;
}

#menu a:hover {
text-decoration:underline;
}

/* ---------------- CREDITS ------------------*/

#credits {
background-color:#4b4b4b;
height: 5%;
width: 100%;
margin:0;
padding:0;
}

#credits p {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:9px;
color:#a8a7a5;
text-align:center;
margin:0;
padding:0;
}

#credits a {
text-decoration: none;
color:#a8a7a5;
}