body
{
 padding: 0;
 margin: 0; 

-webkit-user-select:none;
-moz-user-select:none;
/* Not sure for the below properties they may not work properly */
-o-user-select:none;
-ms-user-select:none;
user-select:none;
}

#mainwrapper
{
    padding: 0;
    margin: 0 auto;
    display: block;
    width: 1024px;
    height: 120px;
    background:#ffffff;
      
}
#logo img
{
    height: 120px;
    
}
img
{
    border: none;
    padding: 0;
    margin: 0;
     
}
#logo
{
    padding: 0;
    margin: 0 ;
    display: block;
    width: 600px;
    float: left;
     
}
#social
{
    padding: 0;
    margin: 0 ;
    display: block;
    width: 422px;
    float: left;
    
}
#social img
{
    float: right;
    padding: 5px;
    border-radius:20px;
}
#contact
{
    padding: 0;
    margin: 0;
    display: block;
    width: 168px;
    float: right;   
}


#navigation 
{
    
    
    width: 1024px; /* Spans the width of the page */
	height: 40px; 
	margin: 0 auto; /* Ensures there is no space between sides of the screen and the menu */
	z-index: 99; /* Makes sure that your menu remains on top of other page elements */
	position: relative; 
	background-color: #B40D29;
    
 }

.navbar
{
    height: 40px;
    padding: 0;
	margin: 0;
	position: absolute; /* Ensures that the menu doesn’t affect other elements */
	aborder-right: 1px solid #54879d; 
}
    
.navbar li
{
		height: 40px;
		width: 120px;  /* Each menu item is 150px wide */
		float: left;  /* This lines up the menu items horizontally */
		text-align: center;  /* All text is placed in the center of the box */
		list-style: none;  /* Removes the default styling (bullets) for the list */
		font: normal bold 13px/1.1em Arial, Verdana, Helvetica;  
		padding: 0;
		margin: 0;
		background-color:#B40D29;
        text-transform: uppercase;
        
        
 }

.navbar a
{							
	padding: 13px 0;  /* Adds a padding on the top and bottom so the text appears centered vertically */
	aborder-left: 1px solid #DE4E5C; /* Creates a border in a slightly lighter shade of blue than the background.  Combined with the right border, this creates a nice effect. */
	aborder-right: 1px solid #DE4E5C; /* Creates a border in a slightly darker shade of blue than the background.  Combined with the left border, this creates a nice effect. */
	text-decoration: none;  /* Removes the default hyperlink styling. */
	color: white; /* Text color is white */
	display: block;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s; 

}
        
.navbar li:hover, a:hover
 {
    background-color:#ef2143;
 } 
        
 .navbar li ul 
{
    display: none;  /* Hides the drop-down menu */
    height: 40px;									
	margin: 0; /* Aligns drop-down box underneath the menu item */
	padding: 0; /* Aligns drop-down box underneath the menu item */			
}				

.navbar li:hover ul 
{
    display: block; /* Displays the drop-down box when the menu item is hovered over */
 }
                        
.navbar li ul li
{
    background-color: #B40D29;
    opacity:0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:alpha(opacity=80);
} 
.navbar li ul li a 
{
	sborder-left: 1px solid #1f5065; 
	sborder-right: 1px solid #1f5065; 
    border-right: 0;
     border-left: 0;
	border-top: 1px solid #ca5569; 
	aborder-bottom: 1px solid #1f5065;
    text-transform: capitalize;
    text-align: left;
    padding: 13px;
   
    
}				
.navbar li ul li a:hover
{
    background-color: #f7e6e9;
    
}




#exampleSlider {display: block;height: 350px; width: 1024px;overflow: hidden; list-style: none; padding: 0; margin: 0 auto; position:relative;}
#exampleSlider:hover
{
    cursor:pointer;
}