﻿body{
	background-image: url("pic/pink.png");	    
}
div.banner {
background-image:url(pic/banner2.jpg);
    margin-top:50px;
	margin-left:210px;
	border-top: 6px solid #660033;
	border-left: 6px solid #660033;
	border-bottom: 6px solid #660033;
	border-right: 6px solid #660033;
	width:900px;
	height:210px;
	text-align: center;
}
div.menu{
background-color:#ff00ff;
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:10px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
	text-transform:uppercase;
	background-color: yellow;
	font-weight:bold;

}

span.button2 {
	border: 2px solid #000000;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
	text-transform:uppercase;
	background-color: grey;
	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: blue;
	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: #9933FF;
	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: #FF3399;
	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:#660033

;
}

span.button2:hover {
	background-color:#660033
;
}

span.button3:hover {
	background-color:#660033
;
}

span.button4:hover {
	background-color:#660033
;
}

span.button5:hover {
	background-color:#660033
;
}

span.button6:hover {
	background-color:#660033
;
}

a.menu:link {
	font-family: Courier New;
	color:black;
	background-color:"yellow";
	text-decoration:none;



}

a.menu:hover {
	font-family: arial;
	text-decoration:none;





}

div.container{
margin-top:10px;
width:900px;
margin-left:220px;
}



div.menu1{
background-color:#ff99cc;
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:#ff3399;
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: #ff00ff;
	Color: #000;
	text-shadow: 2px 2px #D7D7D7;
}

.icon {
	margin: 5px 60px 0px 15px;
	display: inline-block;
	text-align: center;
}

.hover05 figure {
	margin-left: 10px;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover05 figure:hover {
	margin-left: 0;
}

div.footer{
background-color: :#000000;
clear:both;
text-align:center;






}