*{
  font-family: Tahoma, Verdana, sans-serif;
}

body{
	margin:0;
	padding:0;
	text-align: center;/*For browsers that don't support the margin: 0 auto method of centering*/
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center;
}

img{
	border:none;
}

a:hover{
	cursor:pointer;
}

#banner{
    width:995px;
    height:100px;
    background-image:url(../images/heroes-small.jpg);
    background-repeat: no-repeat;
    margin-bottom:20px;
}

#banner #image{
    float:left;
    width:20%;
    padding:10px 10px 10px 15px;
}

#banner #statement{
    float:right;
    width:70%;
    padding:0;
    color:#FFF;
}

#container{
	text-align: left;
	margin:100px auto;
	width:1000px;
	height:500px;
}

#left{
    float:left;
    width:199px;
    height:399px;
    border-top:1px solid #333;
    border-right:1px solid #333;
    border-bottom:1px solid #333;
    background:#EEE;
}

#left a{
    text-decoration: none;
	color:#000;
}

#left a:hover{
    color:#E47E23;
}

			#left p{
				text-align: left;
				padding-left: 40px;
				font-family: Tahoma, Verdana, sans-serif;
				font-size: 12px;
				line-height: 0.4em;
			}

			#left h1{
				font-family: Tahoma,Verdana,sans-serif;
				font-size:20px;
				text-align: center;
			}

			#left img{
				padding-top:20px;
			}

			#top{
				float:left;
				width:798;
				height:199px;
				border-bottom:1px solid #E47E23;
				border-top:1px solid #333;
				border-right:1px solid #333;
				background:#000;
			}

			#top #block-1{
				float:left;
				width:349px;
				height:198px;
				border-right: 1px solid #E47E23;
			}

#top #block-1 h1{
	font-family: Tahoma, Verdana, sans-serif;
	font-size:13px;
	color:#FFF;
	padding-top: 20px;
	padding-left: 20px;
	margin:0 0 20px 0;
}

#top #block-1 h2{
    margin:0;
    padding:0;
    font-family: Tahoma, Verdana, sans-serif;
	font-size:13px;
    color:#FFF;
}

#top #block-1 p{
	font-family: Tahoma, Verdana, sans-serif;
	font-size:11px;
	text-align: left;
	padding:0 20px 0 20px;
	margin:15px 0 0 0;
	text-align: justify;
	color:#FFF;
}

#top #block-1 ul{
    font-family:Tahoma,Arial,sans-serif;
    font-size:11px;
    padding:0 0 0 40px;
    margin:-10px 0 0 0;
    color:yellow;
}

#top #block-1 img{
    margin:20px 0 0 0;
}


			#top #block-2{
				float:left;
				width:224px;
				height:198px;
				border-right: 1px solid #E47E23;
			}

			#top #block-2 p{
				text-align: left;
				line-height: 1.4em;

			}

			#top #block-2 h1{
				text-align: center;
				margin:0;
				padding:0;
			}


			#top #block-3{
				float:left;
				width:220px;
				height:198px;
			}

			#top #block-3 p{
				text-align: left;
				line-height:1.4em;
			}

			#top #block-3 h1{
				text-align: center;
				margin:0;
				padding:0;
			}

			#bottom{
				float:left;
				width:798;
				height:199px;
				background:#000;
                margin-bottom: 20px;
				border-bottom:1px solid #333;
				border-right:1px solid #333;
			}

			#bottom #block-1{
				float:left;
				width:224px;
				height:199px;
				border-right: 1px solid #E47E23;
			}
			
			#bottom #block-1 p{
				text-align: left;
				line-height:1.4em;
			}
			
			#bottom #block-1 h1{
				text-align: center;
				margin:0 0 0 0;
				padding:0;
			}
			
			
			#bottom #block-2{
				float:left;
				width:224px;
				height:199px;
				border-right: 1px solid #E47E23;
			}
			
						
			#bottom #block-2 p{
				text-align: left;
				line-height:1.4em;
			}
			
			#bottom #block-2 h1{
				text-align: center;
				margin:0 0 0 0;
				padding:0;
			}
			
			#bottom #block-3{
				float:left;
				width:199px;
				height:199px;
				border-right: 1px solid #E47E23;
			}
			
			#bottom #block-3 p{
				text-align: left;
				line-height:1.4em;
			}
			
			#bottom #block-3 h1{
				text-align: center;
				margin:0 0 0 0;
				padding:0;
			}
			
			#bottom #block-4{
				float:left;
				width:145px;
				height:199px;
			}
			
			#bottom #block-4 p{
				margin:0;
				padding:0 10px 0 0;
				text-align: right;
				font-family: Tahoma,Verdana,sans-serif;
				font-size:9px;
				color:#FFF;
			}
			
			#bottom #block-4 h1{
				text-align: right;
				margin-top:95px;
			}
			
			#bottom #block-4 a{
				display:block;
				text-decoration: none;
			}
			
			#bottom #block-4 img{
				margin:0;
				padding:0 5px 0 0;
			}
			
			.cross{
				float:left;
				margin-top:-12px;
				margin-right: -15px;
				padding-left:20px;
			}
			
			#navigation{
	clear:both;
	width:995px;
	float:left;
	height:30px;
	background:#333;
	margin:0 0 20px 0;
			}
			
			#navigation ul{
				float:right;
				list-style:none;
				margin:0;
				padding:5px;
			}

			#navigation li{
				display: inline;
			}

			#navigation a{
				font-size:12px;
				font-family: Tahoma,Arial,sans-serif;
				color:#FFF;
				text-decoration: none;
				padding:0.2em 1em 0.2em 0.6em;
				border-right:1px solid #FFF;
			}

			#navigation a.last{
				border:none;
			}

			#navigation a:hover{
				color:#E47E23;
			}

			#footer{
				clear:both;
				width:998px;
				height:25px;
				background:#333;
			}

            #footer p{
                margin:0;
                padding:6px 0 0 0;
                text-align:center;
                font-family:Tahoma, Arial,sans-serif;
                font-size:9px;
                color:#999999;
            }

			.title{
				text-align: left;
				font-family: Tahoma,Verdana,sans-serif;
				font-size:12px;
				color:#FFF;
				margin:0 0 0 0;
				padding:0 0 0 12px;
			}

			.subtext{
				text-align: left;
				font-family: Tahoma,Arial,sans-serif;
				font-size:9px;
				color:yellow;
				margin:0 0 0 0;
				padding:0 0 0 12px;
			}

			.box-header{
				margin:20px 0 0 0;
			}