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

@font-face {
    font-family: 'Ostrich-Sans';
    src:url(../fonts/ostrich-rounded.ttf);
}

@font-face {
    font-family: 'Ostrich-Black';
    src:url(../fonts/ostrich-black.ttf);
}

aside{
	width:650px;
	float:left;
	position:relative;
	display:inline-block;
}

body{
	position: relative;
	text-align: center;
	background-image:url(../images/background-cover.jpg);
	background-size: 100%;
	background-repeat: repeat;
}

#container{
	position:relative;
	display:inline-block;
	top:-10px;
	text-align:left;
	width:1366px;
	height:1000px;
/*	background-image:url(../images/background2.png);
*/}

header{
	position: relative;
	width: 1366px;
	height: 40px;
	left: 0px;
	float: left;
	background-color: #371539;
	padding-bottom:5px;
}

.search{
	position:relative;
	float:right;
	top:15px;	
	right:10px;
	font-family:Ostrich-Sans;
	color:gray;
	letter-spacing:2px;
	font-size:10px;
}

nav{
	position: relative;
	display: inline-block;
	font-family: Ostrich-Sans;
	font-size: 20px;
	letter-spacing: 4px;
	left: -20px;
	float: left;
	height: 40px;
	color:#816183;
	z-index:100;
}

	nav li{
		list-style-type: none;
		display:inline;
		
	}
	
	nav span a{
	color: #FFF;
	/*border-top-style: solid;
	border-top-color: #FFF;
	border-top-width: 2px;*/
	text-align: center;
	padding-top:5px;
	}

	nav a{
		text-decoration:none;
		color:#816183;	
	}
	
	nav a:hover {
			color:#FFF;
			text-decoration:none;
		  -webkit-transition-duration: 0.5s;
		  -webkit-transition-timing-function:;
		  -webkit-transition-delay: 0.25s;
		  -moz-transition-duration: 0.5s;
		  -moz-transition-timing-function: ease;
		  -moz-transition-delay: 0.25s;
		  -o-transition-duration: 0.5s;
		  -o-transition-timing-function: ease;
		  -o-transition-delay: 0.25s;
		  -ms-transition-duration: 0.5s;
		  -ms-transition-timing-function: ease;
		  -ms-transition-delay: 0.25s;
		  transition-duration: 0.5s;
		  transition-timing-function: ease;
		  transition-delay: 0.25s;
		
			}


#logo{
	/*width: 550px;
	height: 244px;*/
	top:150px;
	left:0px;
	position:relative;
	display:inline-block;
	float:left;
}

#cart{
	position:relative;
	width:600px;
	top:200px;
	left:700px;	
}

#item{
	position:relative;
	width:600px;
	height:30px;
	background-color:#0d004c;	
	/*top:200px;
	left:700px;*/
	font-family:Ostrich-Sans;
	color:gray;
	font-size:20px;
	letter-spacing:2px;
	padding-left:10px;
	padding-top:10px;
}

#x{
	position:relative;
	float:right;	
	right:10px;
}

#iteminfo{
	position:relative;
	position:relative;
	width:610px;
	height:333px; 
	top:-10px;
	background-color:gray;
}

#cartphoto{
	position:relative;
	display:block;
	width:250px;
	height:313px;
	padding:10px;
}

#cartdescription{
	position:relative;
	display:block;
	width:300px;
	float:right;
	top:-250px;
	right:20px;	
	font-family: Ostrich-Sans;
	font-size:20px;
	color:#0D004C;
	letter-spacing:2px;
}

#cartdescription span{
	color: white;
	text-align: right;
	font-size:25px;
	position:relative;
	display:inline-block;
}

#proceed{
	position:relative;
	display:inline-block;
	width:200px;
	height:60px;
	float:right;
	font-family:Ostrich-Sans;
	letter-spacing:2px;
	font-size:20px;
	color:#0D004C;
}

#proceed a{
	text-decoration:none;	
}

#proceed a:hover{
	color:#FFF;
			text-decoration:none;
		  -webkit-transition-duration: 0.5s;
		  -webkit-transition-timing-function:;
		  -webkit-transition-delay: 0.25s;
		  -moz-transition-duration: 0.5s;
		  -moz-transition-timing-function: ease;
		  -moz-transition-delay: 0.25s;
		  -o-transition-duration: 0.5s;
		  -o-transition-timing-function: ease;
		  -o-transition-delay: 0.25s;
		  -ms-transition-duration: 0.5s;
		  -ms-transition-timing-function: ease;
		  -ms-transition-delay: 0.25s;
		  transition-duration: 0.5s;
		  transition-timing-function: ease;
		  transition-delay: 0.25s;	
}

#bodyimage {
	position: relative;
	display: inline-block;
	float: right;
	top: -319px;
	left: 30px;
	width:1366px;
	height:1000px;
	z-index:0px;
	background-color:transparent;
}

#filler{
	position:relative;
	width:500px;
	height:1000px;	
	background-color: transparent;
	display:inline-block;
}

footer{
	position: relative;
	display: inline-block;
	font-family: Ostrich-Sans;
	font-size: 15px;
	letter-spacing: 2px;
	left: -20px;
	float: left;
	height: 300px;
	width: 1366px;
	color: #816183;
	top: -325px;
	background-color: #371539;
	line-height: 20px;
}

footer span{
	color:#816183;
	font-size:20px;
}

#CustomerService{
	position:relative;
	display:inline-block;
	width: 300px;
	height:200px;
	margin-left:15px;
	padding-top:5px;
	padding-left:130px;
}

#ShopRapture{
	position:relative;
	display:inline-block;
	width: 300px;
	height:200px;
	margin-left:15px;
	padding-top:5px;
	padding-left:130px;

}

#YourAccount{
	position:relative;
	display:inline-block;
	width: 300px;
	height:200px;
	margin-left:15px;
		padding-top:5px;
		padding-left:130px;

}

footer a{
	color: #FFF;
	}

	footer a{
		text-decoration:none;
		color:#FFF;	
	}
	
	footer a:hover {
			color:#816183;
			text-decoration:none;
		  -webkit-transition-duration: 0.5s;
		  -webkit-transition-timing-function:;
		  -webkit-transition-delay: 0.25s;
		  -moz-transition-duration: 0.5s;
		  -moz-transition-timing-function: ease;
		  -moz-transition-delay: 0.25s;
		  -o-transition-duration: 0.5s;
		  -o-transition-timing-function: ease;
		  -o-transition-delay: 0.25s;
		  -ms-transition-duration: 0.5s;
		  -ms-transition-timing-function: ease;
		  -ms-transition-delay: 0.25s;
		  transition-duration: 0.5s;
		  transition-timing-function: ease;
		  transition-delay: 0.25s;
			}
			
#breadcrumbs{
	width:1366px;
	text-align:center;
	color:gray;	
	top:30px;
	font-size:12px;
	line-height:13px;
	display:block;
}

#breadcrumbs a{
	color:gray;	
}

#breadcrumbs a:hover{
	color:#816183;
			text-decoration:none;
		  -webkit-transition-duration: 0.5s;
		  -webkit-transition-timing-function:;
		  -webkit-transition-delay: 0.25s;
		  -moz-transition-duration: 0.5s;
		  -moz-transition-timing-function: ease;
		  -moz-transition-delay: 0.25s;
		  -o-transition-duration: 0.5s;
		  -o-transition-timing-function: ease;
		  -o-transition-delay: 0.25s;
		  -ms-transition-duration: 0.5s;
		  -ms-transition-timing-function: ease;
		  -ms-transition-delay: 0.25s;
		  transition-duration: 0.5s;
		  transition-timing-function: ease;
		  transition-delay: 0.25s;	
}

#breadcrumbs span{
	font-family:georgia, sans-serif;
	text-align:center;
	color:gray;	
	font-size:10px;	
}