/* CSS */
*{
	padding:0; margin:0;
	}
	
@font-face {
 font-family: 'tommy';
 src: url('fonts/tommyhilfiger.ttf');
}	

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

body {
	background:#FFFEFB ;

	}
.main{
	width:1024px; margin:0 auto;
	}

	
	.top{
				text-align:center; padding:0;
				}

	.content-main {
				 padding:0; margin:0; background-color:000000;
	              }			
	
	.menu{
		list-style:none; background:#000000; overflow:hidden; height:57px;  width:100%; margin-top:-6px; padding:0; 
		-moz-border-radius: 0 0 7px 7px;
		-webkit-border-radius: 0 0 7px 7px;
		border-radius: 0 0 7px 7px;
			}
		
		
		.menu li{
			float:left; padding:15px 10.40%; font: 22px verdana; color:#FFFFFF;
		     
			 }
			 
		.menu li:hover{
			float:left; padding:15px 10.40%; font: 22px verdana; color:#FFFFFF; text-decoration:none; 
		     
			 }
			  .menu li a{
			  			font-size: 30px; font-family: 'tommy'; color:#FFFFFF; text-decoration:none;  
						}
			  .menu li a:hover{
			  			font: 30px 'tommy'; text-decoration:none; color:#FFFFFF; 
						}
				.first:hover{
			  			text-decoration:none; color:#FFFFFF; background:#FFFFFF url(images/green.jpg) left center no-repeat;
						}
				.second:hover{
			  			 text-decoration:none; color:#FFFFFF; background:#FFFFFF url(images/blue.jpg) left center no-repeat;
						}
				.third:hover{
			  			 text-decoration:none; color:#FFFFFF; background:#FFFFFF url(images/pink.jpg) left center no-repeat;
						}						
						
						
						
	.sidebar-menu{
			background:#000000; width:21.289%; height:1400px; float:left; border-radius: 7px 7px 7px 7px; margin-top:20px; list-style:none; text-decoration:none; overflow:hidden;  padding-top:50px;
			}
			
		
							
			.sidebar-menu li{
				text-align:center; padding:10px 20px; color:#FFFFFF; text-decoration:none; margin-left:0px; 
				}
			
				.sidebar-menu li a:hover{
				text-decoration:underline; 
				}
				
			.sidebar-menu li a{
				 padding:0px 10px; font:16px 'tommy'; color:#FFFFFF; text-decoration:none; 
				}
				
	
	.content {
			font-family:verdana; padding-left:23%; padding-bottom:50px; background-color:#FFFFFF;
			}
	
	.content h1{
		     font:36px 'aller'; padding:5px 5px; text-align:center; background-color:#000000; margin-top:20px; color:#FFFFFF; border-radius: 7px 7px 7px 7px;
			 }
	.content p{
				font:16px 'aller'; 
				}
	.imgstyle{
					float:left; padding-right:20px;
			
				}
					
	.iconstyle {
				width:30%; height:30%; float left; padding-right:20px;
				}
.footer-menu{
			background:#000000; width:100%;  float:right; border-radius: 7px 7px 7px 7px; margin-top:20px; list-style:none; text-decoration:none; overflow:hidden; padding:0;  
			}
			
			.footer-menu li{
				float:right; padding:5px 5px; font:12px verdana; color:#FFFFFF; text-decoration:none; margin-left:0px
			  }
			
			.footer-menu li a:hover{
				text-decoration:underline
				}
				
		     .footer-menu li a{
				float:left; padding:0px 10px; font:12px verdana; color:#FFFFFF; text-decoration:underlined;
			 }
			 
		      .bottom{
				   float:right; padding:40px 20px;
				  }