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

html{
		min-height: 95%;
		position: relative;	
		min-width: 95%;
	}
	body {
		height: 100%;
		width: 99%;
		position: absolute;	
	}
	#main {
		height: 100%;
		width: 100%;
	}
	#header {
		height: 20%;
	}
	#paths {
		height: 80%;
		Clear:both;
	}
	#paths a {
		position:relative;
		height: 100%;
		display: block;
		float: left;
		overflow:hidden;
		-webkit-transition: width 2s,box-shadow 1s, -webkit-transform 2s;
    	transition: width 2s, box-shadow 1s, transform 2s;
	}
	#EW {
		background-image:url(images/weddingsBackground.jpg);
		background-size:cover;	
	}
	#EWD {
		background-image:url(images/webdesignBackground.jpg);
		background-size:cover;	
	}
	#ELA {
		background-image:url(images/artBackground.jpg);
		background-size:cover;	
	}
	#ELD {
		background-image:url(images/ladydesignsBackground.jpg);
		background-size:cover;	
	}
	#EL {
		background-image:url(images/lifeBackground.jpg);
		background-size:cover;	
	}
	img {
		height: 100%;
		position:absolute;
		left:50%;
		top:50%;
		margin-right:-50%;
		transform: translate(-50%, -50%);
		-webkit-transition: margin 2s, left 2s;
    	transition: margin 2s, left 2s;
	}
	#mainLogo {
		width: 250px;
		height:auto;
    	top: 10%;
    	position: relative;
    	margin: auto;
    	transform: translate(-50%);
		z-index: 99;
	}
	.logo {
		width:50%;	
		height:auto;
		top:75%;
		z-index:2;
	}
	.hovered {
		width: 52%;
		box-shadow:10px 0px 15px rgba(0,0,0,0.67),-10px 0px 15px rgba(0,0,0,0.67);
		z-index:98;
	}
	.default {
		width: 20%;
	}
	.siblings {
		width:12%;	
		z-index:1;
	}