/*
==========================================================================================
GENERAL STYLING ELEMENTS
==========================================================================================
*/

* {margin:0;padding:0;} 

body {
	width:100%;
	height:100%;
	background-attachment:fixed;
	overflow:hidden;
}

body > wrapper {
	height:auto!important;
	min-height:100%;
}

p {
	line-height:10px;
}

html {height: 100%;}



#page {
     z-index: 2;
     position: relative;
     margin: auto;
}

#wrapper {
    position: relative;
	width:100%;
	height:100%;
	min-height:617px;
	padding:0 0 -120 0;
	z-index: 2;
}

/*
==========================================================================================
DESK ELEMENTS
==========================================================================================
*/
#keyboard {
	width:850px;
	height:253px;
	top:;
	right:540px;
	position:absolute;
	background:url(../images/keyboard.png) no-repeat;
}

#coffee {
	width:451px;
	height:291px;
	top:0;
	right:5%;
	z-index:10;
	position:absolute;
	background:url(../images/coffee.png) no-repeat;
}

#phone_card {
	width:700px;
	height:527px;
	top:40%;
	right:400px;
	z-index:10;
	position:absolute;
}

#iphone {
	width:339px;
	height:527px;
	top:-10px;
	z-index:10;
	position:absolute;
	background:url(../images/iphone.png) no-repeat;
}

#card {	
	width:366px;
	height:211px;
	top:40px;
	left:277px;
	/*top:40%;
	left:35%;*/
	z-index:;
	position:absolute;
	background:url(../images/biz-card.png) no-repeat;
}

#card-left {
	width:150px;
	height:100px;
	color:#000000;
	float:left;
	padding:110px 0 0 30px;
	text-align:left;
	font-size:12.5px;
}

#book {	
	width:409px;
	height:563px;
	top:35%;
	right:40px;
	z-index:10;
	position:absolute;
	background:url(../images/resume.png) no-repeat;
	cursor:pointer;
}

#pdf {
	width:195px;
	height:71px;
	top:20%;
	left:28%;
	z-index:10;
	position:absolute;
	background:url(../images/resume-hvr.png) no-repeat;
	cursor:pointer;
}

#pdf-2 {
	width:195px;
	height:71px;
	top:20%;
	left:28%;
	z-index:10;
	position:absolute;
	background:url(../images/resume-hvr-2.png) no-repeat;
	cursor:pointer;
}
/*
==========================================================================================
FOOTER ELEMENTS
==========================================================================================
*/

#footer {
	position:relative;
	width:100%;
	height:120px;
	margin-top:-118px;
	background-color:#000000;
	clear:both;
	z-index: 2;
}

#logo {
	width:179px;
	height:78px;
	padding:20px 0 0 20px;
	float:left;
	/*background:url(../images/rmk-logo.jpg);*/
}

#info-box {
	width:420px;
	height:80px;
	margin:0 40px 0 0;
	padding:44px 0 0 0;
	float:right;
	text-align:right;
	font-size:18px;
	color:#ffffff;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*
==========================================================================================
BG IMAGE ELEMENTS
==========================================================================================
*/


.bgstretcher {
	background: black;
	overflow: hidden;
	width: 100%;
	position: fixed !important;
	z-index: 1;
}
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
.bgstretcher UL, .bgstretcher UL LI {
	margin: 0;
	padding: 0;
	list-style: none;
}