/* BODY */
body {
	margin: 0px;
	padding: 0px;
	background: #161F2A url('images/bg.jpg') no-repeat center center;
	background-attachment:fixed;
	overflow: hidden;
}

a { outline: none; border: none;}
img { border: none; }









/* PAGE LOADER */
.QOverlay {
	background: #161F2A url('images/bg.jpg') no-repeat center center;
	background-attachment:fixed;
	z-index: 9999;
}

.QLoader {
	background: transparent;
	height: 2px;
}

.QAmt {
	font: 22px 'Maven Pro', Helvetica, Arial, Sans-Serif;
	color: #FFF;
	height: 40px;
	width: 80px;
	top: 50%;
	margin-top: -40px;
	left: 50%;
	margin-left: -40px;
	text-align: center;
}










/* HOME */
#HomeContainer {
	position: absolute;
	width: 300px;
	height: 455px;
	top: 10%;
	left: 50%;
	margin: 0 0 0 -150px;
	font: 11px 'Maven Pro', Helvetica, Arial, Sans-Serif;
	color: #FFF;
	letter-spacing: 1px;
}

#HomeLogo {
	position: relative;
	width: 300px;
	height: 350px;
	background: url('images/logo.png') no-repeat;
}

#iconContainer {
	position: absolute;
	width: 300px;
	display: none;
	top: 350px;
}

#HomeContainer p {
	margin: 20px 0 0 0;
	padding: 0px;
	text-align: center;
}

.homePhoto { 
	margin: 20px 0 0 40px;
	position: absolute;
	left: 0px;
}

.homeWeb {
	margin: 20px 40px 0 0;
	position: absolute;
	right: 0px;
}

.homePhoto a {
	background: url('images/homePhoto.png') no-repeat 0 0;
	width: 48px;
	height: 53px;
	display: block;
}

.homeWeb a {
	background: url('images/homeWeb.png') no-repeat 0 0;
	width: 42px;
	height: 53px;
	display: block;
}

.homeWeb a:hover, .homePhoto a:hover {
	background-position: 0 -53px;
}









/* INFO & MESSAGE */
#contact {
	position: absolute;
	right: -25px;
	top: 311px;
}

#infoBox {
	position: relative;
	width: 300px;
	height: 350px;
	font: 11px 'Maven Pro', Helvetica, Arial, Sans-Serif;
	color: #FFF;
	letter-spacing: 1px;
	display: none;
}

#messageBox {
	position: relative;
	width: 300px;
	height: 350px;
	font: 11px 'Maven Pro', Helvetica, Arial, Sans-Serif;
	color: #FFF;
	display: none;
	text-align: left;
}

#messageBox p, #infoBox p {
	text-align: left;
	display: block;
	margin: 0 0 15px 0;
}

#messageBox ul {
	position: absolute;
	margin: 0px;
	padding: 0px;
	width: 300px;
	bottom: 0px;
}

#messageBox li {
	margin: 5px 0 0 0;
	padding: 0 0 0 10px;
	list-style: none;
	text-transform: uppercase;
	background: rgba(0,0,0,0.35);
	height: 25px;
	line-height: 25px;
}

.info {
	display: block;
	width: 20px;
	height: 19px;
	background: url('images/info.png') no-repeat 0 0;
	margin: 0 0 5px 0;
}

.info:hover {
	background-position: 0 -19;
}

.message {
	display: block;
	width: 20px;
	height: 15px;
	background: url('images/mail.png') no-repeat 0 0;
}

.message:hover {
	background-position: 0 -15;
}

.close {
	position: absolute;
	bottom: 45px;
	right: -25px;
	width: 20px;
	height: 20px;
	display: block;
	background: url('images/close.png') no-repeat 0 0;
}

.close:hover { background-position: 0 -20px; }

#messageBox a, #infoBox a {
	color: #FFF;
	text-decoration: none;
}

#messageBox a:hover, #infoBox a:hover {
	text-decoration: underline;
}










/* PHOTO */
#PhotoContainer {
	position: absolute;
	height: 605px;
	width: 900px;
	top: 10%;
	left: 50%;
	margin: 0 0 0 -450px;
	display: none;
}

#photoHeader {
	width: 900px;
	height: 35px;
	background: url('images/photoHeader.png') no-repeat;
}

#photoSlideshow {
	position: relative;
	margin: 15px 0 0 0;
	width: 100%;
	height: auto;
	white-space: nowrap;
	outline: none;
}

#photoSlideshow img {
	margin: 0 10px 0 0;
}

#externalLinks {
	font: 9px 'Maven Pro', Helvetica, Arial, Sans-Serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 3px 0 0 0;

}

#externalLinks a {
	color: #FFF;
	text-decoration: none;
	float: left;
}

.landscapeLink {
	position: absolute;
	left: 250px;
}

.personalLink {
	position: absolute;
	left: 493px;
}

.webLink { position: absolute; right: 44px; }

.webLink a {
	display: block;
	width: 39px;
	height: 35px;
	background: url('images/photoWeblink.png') no-repeat 0 0;
}

.webLink a:hover {
	background-position: 0 -35px;
}









/* WEB */
#WebContainer {
	position: absolute;
	height: 605px;
	width: 900px;
	top: 10%;
	left: 50%;
	margin: 0 0 0 -450px;
	display: none;
}

#webHeader {
	width: 900px;
	height: 35px;
	background: url('images/webHeader.png') no-repeat;
}

.photoLink { position: absolute; right: 44px; }

.photoLink a {
	display: block;
	width: 45px;
	height: 35px;
	background: url('images/webPhotolink.png') no-repeat 0 0;
}

.photoLink a:hover {
	background-position: 0 -35px;
}

#designContainer {
	position: relative;
	margin: 15px 0 0 0;
	width: 100%;
	height: auto;
	white-space: nowrap;
	outline: none;
}

#designContainer ul {
	position: relative;
	margin: 0px;
	padding: 0px;
}

#designContainer li {
	list-style: none;
	margin: 0 60px 0 0;
	padding: 0px;
	width: 499px;
	display: inline-block;
	vertical-align: top;	
}

#designContainer p {
	margin: 3px 0 0 0;
	padding: 0px;
	font: 10px 'Maven Pro', Helvetica, Arial, Sans-Serif;
	color: #FFF;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
}

#designContainer .temp {
	width: 729px;
}

#designContainer .tempDesc {
	position: absolute;
	top: 0px;
	width: 454px;
	margin: 400px 0 0 275px;
	font: 10px 'Maven Pro', Helvetica, Arial, Sans-Serif;
	color: #FFF;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#designContainer .tempDesc p {
	width: 454px;
	display: block;
	text-align: left;
	white-space: normal;
	margin: 5px 0 0 0;
}

#designContainer a {
	color: #FFF;
	text-decoration: none;
}

.templateLink {
	position: absolute;
	right: 0px;
}









/* GLOBAL (PHOTO & WEB) */
.homeLinkphoto, .homeLinkweb { position: absolute; right: 0px; }

.homeLinkphoto a, .homeLinkweb a {
	display: block;
	width: 39px;
	height: 35px;
	background: url('images/homeLink.png') no-repeat 0 0;
}

.homeLinkphoto a:hover, .homeLinkweb a:hover {
	background-position: 0 -35px;
}









/* FOOTER */
#footerLeft {
	position: absolute;
	width: 400px;
	height: 25px;
	left: 10px;
	bottom: 5px;
	font: 9px 'Maven Pro', Helvetica, Arial, Sans-Serif;
	text-transform: uppercase;
	color: #FFF;
	opacity: 0.30;
	filter:alpha(opacity=30);
}

#footerRight {
	position: absolute;
	right: 10px;
	bottom: 5px;
}


#footerRight a {
	display: inline-block;
}

.facebook {
	display: block;
	width: 20px;
	height: 20px;
	background: url('images/facebook.png') no-repeat 0 0;
	opacity: 0.30;
	filter:alpha(opacity=30);
}

.facebook:hover {
	background-position: 0 -20;
	opacity: 1.0;
	filter:alpha(opacity=100);
}

.twitter {
	display: block;
	width: 20px;
	height: 20px;
	background: url('images/twitter.png') no-repeat 0 0;
	opacity: 0.30;
	filter:alpha(opacity=30);
}

.twitter:hover {
	background-position: 0 -20;
	opacity: 1.0;
	filter:alpha(opacity=100);
}

.tumblr {
	display: block;
	width: 20px;
	height: 20px;
	background: url('images/tumblr.png') no-repeat 0 0;
	opacity: 0.30;
	filter:alpha(opacity=30);
}

.tumblr:hover {
	background-position: 0 -20;
	opacity: 1.0;
	filter:alpha(opacity=100);
}