@charset "utf-8";
/* CSS Document */
body{
	background: url(../image/bgImg.jpg) fixed top left no-repeat;
	background-color: #21283b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
}
.container{
	position:absolute;
	width:725px;
	left:25%;

}
.header{
	padding-left:480px;
	padding-top:35px;
}
.header p{
	color:#FFFFFF;
}
.nav{
	display:block;
	width:225px;
}
.nav ul{
	margin:0;
	padding:0;
}
.nav li{
	color:#FFFFFF;
	list-style-type:none;
	margin-right:1.3em;
	display:block;
	float:left;
	line-height:1.5em;
	border-bottom: 2px solid #FFFFFF;
}
.navWEB a{
	text-decoration:none;
	color:#FFFFFF;
}
.navWEB:hover{
	border-bottom: 2px solid #f6eb00;
}
.navPrint a{
	text-decoration:none;
	color:#FFFFFF;
}
.navPrint:hover{
	border-bottom: 2px solid #00c5f6;
}
.navPhoto a{
	text-decoration:none;
	color:#FFFFFF;
}
.navPhoto:hover{
	border-bottom: 2px solid #f68500;
}
/*-------------Showcase-------------*/
.content{
	min-height:250px;
	padding-top: 1.1em;
}
.content ul{
	margin:0;
	padding:0;
}
.content li{
	position:relative;
	width:215px;
	height:135px;
	margin-right:1.4em;
	margin-bottom:2em;
	list-style:none;
	float:left;
}
.content img{
	position:absolute;
	z-index:20;
	border:0;
}
#web{
	border-bottom: 2px #f6eb00 solid;
}
#web span{
	display:block;
	width:215px;
	height:132px;
	background-color: #141824;
	color: #f6eb00;
}
#web h3{
	margin:0;
	padding: 2em .3em .5em .3em;
	font-size:1.1em;
}
#web p{
	margin:0;
	padding:0 .3em;

}


#print{
	border-bottom: 2px #00c5f6 solid;
}
#print span{
	display:block;
	width:215px;
	height:132px;
	background-color: #141824;
	color: #00c5f6;
}
#print h3{
	margin:0;
	padding: 2em .3em .5em .3em;
	font-size:1.1em;
}
#print p{
	margin:0;
	padding:0 .3em;

}

#photo{
	border-bottom: 2px #f68500 solid;
}
#photo span{
	display:block;
	width:215px;
	height:132px;
	background-color: #141824;
	color: #f68500;
}
#photo h3{
	margin:0;
	padding: 2em .3em .5em .3em;
	font-size:1.1em;
}
#photo p{
	margin:0;
	padding:0 .3em;

}