body{
padding:0;
margin:0;
text-align:center;
color:black;
background-color:black;
font-family:arial;
background-image:url('img/background.jpg');
background-position:center;
background-attachment:fixed;
}

@font-face {
font-family: Dispatch;
src: url('fonts/Dispatch.ttf');
}

#wrapper{
width:900px;
margin:0 auto 0 auto;
}

#wrapper #top{

}

#wrapper #top #title{
color:white;
font-family:Dispatch;
font-size:50px;
text-shadow: white 0px 0px 10px;
filter: glow(color=#ffffff,strength=10);
}

#wrapper #top #navigation{
}

#wrapper #top #navigation ul{
list-style:none;
}

#wrapper #top #navigation ul li{
display:inline;
padding:0 20px 0 20px;
text-align:center;
font-family:Dispatch;
font-size:20px;
}

#wrapper #top #navigation ul li a:link{
text-decoration:none;
color:white;
}

#wrapper #top #navigation ul li a:hover{
color:white;
text-shadow: white 0px 0px 5px;
filter: dropshadow(color=#ffffff,offX=0,offY=0);
filter: glow(color=#ffffff,strength=3);
}

#wrapper #top #navigation ul li a:visited{
color:white;
text-decoration:none;
}

#wrapper #content{
width:900px;
position:relative;
}

#wrapper #content #tagline{
width:830px;
height:120px;
padding:10px;
text-align:left;
margin:0 25px 0 25px;
background-image:url('img/main_panel_blank.png');
background-repeat:no-repeat;
background-position:center;
overflow:hidden;
margin-bottom:20px;
}

#wrapper #content #tagline p{
width:780px;
margin-left:20px;
}

#wrapper #content #tagline p.info{
margin-top:0px;
}

#wrapper #content #main{
width:830px;
height:300px;
padding:10px;
margin:0 25px 0 25px;
background-image:url('img/main_panel.png');
background-position:center;
background-repeat:no-repeat;
margin-bottom:20px;
}

#wrapper #content #main p{
width:470px;
text-align:left;
padding-left:50px;
}

#wrapper #content #main p.title{
font-size:20px;
font-weight:bold;
}

#wrapper #content #sub{
width:360px;
height:260px;
padding:20px;
margin-left:25px;
margin-right:25px;
background-image:url('img/panel.png');
background-repeat:no-repeat;
background-position:center;
float:left;
}

#wrapper #content #sub p.title{
font-size:20px;
font-weight:bold;
margin:10px 0 0 0;
}

#wrapper #content #sub p{
font-size:15px;
margin:0;
}

#wrapper #content #sub img, #wrapper #content #quote img{
width:200px;
}

#wrapper #content #quote{
margin-left:25px;
margin-right:25px;
width:360px;
height:260px;
padding:20px;
background-image:url('img/panel_quote.png');
background-repeat:no-repeat;
background-position:center;
float:left;
}

#wrapper #content #quote p{
margin-top:50px;
}

#wrapper #content #tile{
width:200px;
margin:0 20px 0 20px;
float:left;
}