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

body {
      background-image: url("http://l.rgbimg.com/cache1rvJ6A/users/j/jw/jwgeertsma/600/nhJJvpu.jpg");}
	  baackground-repeat: no-repeat;
	  
    

}
div.banner {
background-image:url(img/banner.jpg);
    margin-top:50px;
	margin-left:210px;
	border-top: 7px solid #660033;
	border-left: 7px solid #660033;
	border-bottom: 7px solid #660033;
	border-right: 7px solid #660033;
	width:900px;
	height:210px;
	text-align: center;
}
div.menu{
background-color:#00CCFF;
margin-top:5px;
padding-top: 20px;
	margin-left:220px;
	border-top: 6px solid; black;
	border-left: 6px solid; black;
	border-bottom: 6px solid; black;
	border-right: 6px solid; black;
	width:890px;
	height:40px;
	text-align: center;
}

	span.button1 {
	border: 2px solid #000000;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
	text-transform:uppercase;
	background-color: yellow;
	font-weight:bold;

}

span.button2 {
	border: 2px solid #006699 ;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
	text-transform:uppercase;
	background-color:#00FF99;
	font-weight:bold;
	
}

span.button3 {
	border: 2px solid #000000;
	padding-left:20px;
	padding-right:20px;
    padding-top:10px;
	padding-bottom:10px;
	text-transform:uppercase;
	background-color: green;
	font-weight:bold;

}

span.button4 {
	border: 2px solid #000000;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
	text-transform:uppercase;
	background-color: blue;
	font-weight:bold;
	

}

span.button5 {
	border: 2px solid #000000;
	padding-left:20px;
	padding-right:20px;
    padding-top:10px;
	padding-bottom:10px;
	text-transform:uppercase;
	background-color: orange;
	font-weight:bold;
	
	
}

span.button6 {
	border: 2px solid #000000;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
	text-transform:uppercase;
	background-color: red;
	font-weight:bold;

}




span.button1:hover {
	background-color:#00FFFF

;
}

span.button2:hover {
	background-color:#00FFFF
;
}

span.button3:hover {
	background-color:#00FFFF
;
}

span.button4:hover {
	background-color:#00FFFF
;
}

span.button5:hover {
	background-color:#00FFFF
;
}

span.button6:hover {
	background-color:#00FFFF
;
}

a.menu:link {
	font-family: Courier New;
	color:black;
	text-decoration:underline;



}

a.menu:hover {
	font-family: arial;
	text-decoration:none;





}

div.container{
margin-top:10px;
width:900px;
margin-left:220px;
}



div.menu1{
background-color:purple;
height:2300px;
width:220px;
float:right;
border-top: 3px solid black;
border-bottom: 3px solid black;
border-left: 3px solid black;
border-right: 3px solid black;
}


div .content{
background-color:#FFFF99;
height:2300px;
width:660px;
float:right;
border-top: 3px solid black;
border-bottom: 3px solid black;
border-left: 3px solid black;
border-right: 3px solid black;


}

.soc  {
	list-style-type: none;
	margin: 20px 30px 50px 50px;

}

.soc a {
	display: inline-block;
	border: 4px solid #804000;
	width: 80px;
	height: 80px;
	text-align: center;
	margin: 5px 0px 20px 100px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.3em;
	background: #FFFFFF;
	color: #FFF
	text-shadow: 2px 2px #6C6C6C;
	border-radius: 130px;
	box-shadow:  2px 2px 3px; #000;
	float: left;
}

.soc a:hover {
	background-color: #FFFFFF;
	Color: #000;
	text-shadow: 2px 2px #D7D7D7;
}

.icon {
	margin: 5px 60px 0px 15px;
	display: inline-block;
	text-align: center;
}


div.footer{
background-color: :#000000;
clear:both;
text-align:center;}

}