/* CSS Document */

html, body {
	height: 100%;
}
body {
	width: 100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #7b7b7b;
	-webkit-font-smoothing: antialiased;
	
	font-family: Monda; 
	text-decoration: none; 
	color: #000;
	font-size: 13px;
}

.dvHeader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100px;
	z-index: 100;
}

.dvHeader .container {
	position: relative;
	width: 977px; 
	margin: auto;
}

.dvHeader .container .logo {
	position: absolute; 
	left: 0px; 
	top: 33px; 
	height: 40px
}

.dvHeader .container .menu {
	position: absolute; 
	right: 0px; 
	top: 54px; 
	height: 13px
}

.dvHeader .container .menu a {
	font-family: Monda; 
	margin-right: 12px; 
	font-weight: bold; 
	text-decoration: none; 
	color: #000;
	font-size: 14px;
}

.dvHeader .container .menu a:hover {
	text-decoration: underline; 
}

.dvFooter {
	position: fixed;
	bottom: 0px;
	width: 100%;
	height: 34px;
	background-color: rgba(123,123,123,0.5);
	z-index: 100;
}

.dvFooter .container {
	position: relative;
	width: 977px; 
	margin: auto;
}

.dvFooter .copyright {
	position: absolute;
	right: 0px;
	top: 10px;
	height: 10px;
	
	font-family: Monda; 
	font-size: 10px;
	color: #000;
	font-weight: bold; 
}

.dvFooter .copyright a {
	text-decoration: none;
	color: #000;
}
.dvFooter .copyright a:hover {
	text-decoration: underline;
}

.dvBody {
	width: 100%;
	height:100%;
	margin: 0 auto;	
}

.dvBody .container-main {
	position: relative;
	background-repeat: no-repeat; 
	background-position: center center fixed;
	background-size: 100% 100%;
	width: 100%;
	height:100%;
	margin: 0 auto;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	font-family: Monda; 
	font-weight: bold; 
	text-decoration: none; 
	color: #000;
	font-size: 24px;
	
}

.dvBody .container {
	display: table; 
	width: 100%; 
	height: 100%;
}

.dvBody .content {
	display: table-cell; 
	text-align: center; 
	vertical-align: middle
}

.dvBody .blurb {
	display: inline-block; 
	width: 750px; 
	text-align: left
}

.dvBody .menu {
	display: inline-block; 
	width: 137px; 
	height: 4px; 
	margin-top: 50px;
}

.dvBody .menu .item {
	display: block; 
	float: left; 
	width: 31px; 
	height: 4px; 
	background-color: #4c4c4c;
	margin-right: 4px;
	cursor: pointer;
}

.dvBody .menu .selected {
	background-color: #cccccc;
}

.dvBody .menu .last {
	margin-right: 0px
}

.dvBody .container-about {
	position: absolute; 
	top: 100px; 
	left: 0px; 
	right: 0px; 
	bottom: 34px; 
	text-align: center;
}

.dvBody .container-about .about-box {
	display: inline-block; 
	width: 520px; 
	margin-top: 35px; 
	text-align: center
}

.dvBody .container-about .about-header {
	font-family: 'Yanone Kaffeesatz', sans-serif; 
	font-weight: bold; 
	color: #000; 
	font-size: 32px; 
	letter-spacing: 8px
}

.dvBody .container-about .about-text {
	display: table; 
	width: 520px; 
	min-height: 354px;
	height: 354px;
}

.dvBody .container-about .about-content {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	text-align: left; 
	font-weight: 700;
	padding: 0px 10px 0px 10px; 
	overflow: hidden;
}

.dvBody .container-about .about-content p:first-child {
	margin-top: 0px
}

.dvBody .container-about .about-content p:last-child {
	margin-bottom: 0px
}

.dvBody .container-about .about-links {
	display: inline-block; 
	width: 520px; 
	text-align: center; 
	margin-top: 30px; 
	text-align: center;
	cursor: pointer;
}

.dvBody .container-about .about-links div {
	display: inline-block;
	margin-right: 53px
}

.dvBody .container-about .about-links div:last-child {
	margin-right: 0px
}

.dvBody .container-about .about-border {
	display: inline-block; 
	width: 520px; 
	height: 4px; 
	background-color: #000; 
}

.dvBody .container-about.print {
	background: rgba(133, 147, 161, 0.8);
}

.dvBody .container-about.core {
	background: rgba(171, 165, 196, 0.8);
}

.dvBody .container-about.creative {
	background: rgba(148, 135, 158, 0.8);
}

.dvBody .container-about.personal {
	background: rgba(201, 207, 222, 0.8);
}

.dvBody .container-work {
	position: absolute;
	top: 0px; 
	left: 0px;
	background-repeat: no-repeat; 
	background-position: center center fixed;
	background-size: 100% 100%;
	width: 100%;
	height:100%;
	margin: 0 auto;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	background-image: url(images/work-selected/background.jpg);
}

.dvBody .container-work .work-gallery {
	position: absolute; 
	top: 100px; 
	left: 0px; 
	right: 0px; 
	bottom: 34px; 
	text-align: center;
}

.dvBody .container-work .work-gallery-image {
	display: inline-block; 
	width: 977px; 
	height: 385px
}

.dvBody .container-work .work-gallery-image .nav-page {
	position: absolute; 
	top: 390px; 
	left: 980px; 
	font-family: 'Yanone Kaffeesatz', sans-serif; 
	font-size: 13px; 
	font-weight: 700; 
	z-index: 100
}

.dvBody .container-work .work-gallery-image .work-gallery-container {
	position: relative; 
	display: block; 
	float: left; 
	width: 690px; 
	height: 385px; 
}

.dvBody .container-work .work-gallery-image .work-gallery-container .nav-arrow-left {
	position: absolute; 
	left: 0px; 
	top: 174px; 
	width: 39px; 
	height: 37px; 
	background-image: url(images/work-selected/btn-nav-arrows.png); 
	z-index: 101; 
	cursor: pointer;
}

.dvBody .container-work .work-gallery-image .work-gallery-container .nav-arrow-right {
	position: absolute; 
	left: 651px; 
	top: 174px; 
	width: 39px; 
	height: 37px; 
	background-image: url(images/work-selected/btn-nav-arrows.png); 
	background-position: 40px 0px; z-index: 101; 
	cursor: pointer;
}

.dvBody .container-work .work-gallery-image .work-gallery-container .nav-images {
	position: relative; 
	width: 690px; 
	height: 385px;
	overflow: hidden
}

.dvBody .container-work .work-gallery .nav-caption {
	display: inline-block; 
	width: 977px;
	padding-left: 36px;
}

.dvBody .container-work .work-gallery .nav-caption .nav-container {
	position: relative;
	display: block; 
	float: left; 
	padding-left: 11px; 
	margin-top: 16px; 
}

.dvBody .container-work .work-gallery .nav-caption .nav-container .nav-item {
	position: absolute;
	top: 0px;
	left: 0px; 
	width: 500px; 
	height: auto; 
	text-align: left;
}

.dvBody .container-work .work-gallery-image .work-gallery-container-right {
	position: relative; 
	display: block; 
	float: left;
	margin-left: 14px; 
	width: 273px; 
	height: 385px; 
	cursor: pointer;
}

.dvBody .container-work .work-gallery-image .work-gallery-container-right .nav-images-right {
	position: relative; 
	width: 273px; 
	height: 385px; 
	text-align: left;
	overflow: hidden;
}

.dvBody .container-work .work-gallery-image .work-gallery-container-right .nav-images-right div {
	display: inline-block; 
	width: 273px; 
	height: 385px; 
}

.dvBody .container-contact {
	position: absolute; 
	top: 100px; 
	left: 0px; 
	right: 0px; 
	bottom: 34px; 
	text-align: center;
	background: rgba(156, 159, 160, 0.8);
}

.dvBody .container-contact .contact-box {
	display: inline-block; 
	width: 977px; 
	margin-top: 43px; 
	text-align: center
}

.dvBody .container-contact .contact-box .contact-box-item {
	display: inline-block; 
	width: 373px; 
	height: 192px; 
	border: 1px solid #000; 
}

.dvBody .container-contact .contact-box .contact-box-item a {
	text-decoration: none;
	color: #000;
}
.dvBody .container-contact .contact-box .contact-box-item a:hover {
	text-decoration: underline;
	color: #000;
}

.dvBody .container-contact .contact-box .contact-box-table {
	display: table; 
	width: 100%; 
	height: 100%
}

.dvBody .container-contact .contact-box .contact-box-table .contact-box-cell {
	display: table-cell; 
	vertical-align: middle; 
	text-align: center; 
	font-family: Monda; 
	font-size: 18px; 
	font-weight: 700;
}

.dvBody .container-contact .contact-box .contact-border {
	display: inline-block; 
	width: 977px; 
	margin-top: 12px; 
	margin-bottom: 12px
}

.dvBody .container-contact .contact-box .contact-border .contact-line {
	display: inline-block; 
	width: 375px; 
	height: 4px; 
	background-color: #000; 
}