.ipad_wrapper {margin: auto; width: 800px;height: 623px;position: relative;}
.ipad_top {top:0px;left:0px;}
.ipad_bottom {top:555px;left:0px;}
.ipad_left {top:65px;left:0px;}
.ipad_right {top:65px;left:724px;}
.ipad_shelf {top:433px;z-index: 99;}
.ipad_home_background {z-index: 1;}

.ipad_status_bar {height:19px;color:rgb(195,198,201);text-align: center;position: absolute;top:65px;left:74px; z-index: 1;width: 650px;padding-top: 2px;background-color: black;}
.ipad_status_bar_top {height:16px;color:rgb(195,198,201);text-align: center;position: absolute;top:65px;left:74px; z-index: 100;width: 650px;padding-top: 2px;width: 100px;margin-left: 275px;}
.ipad_status {top:65px;left:74px;z-index:3;}

/* home button */
.home {width:50px;height:50px;position: absolute; top:285px; margin-left: 14px; z-index: 101;}
.home:hover {cursor: pointer;}

/* all views */
.view {width:650px;height:471px;position: absolute;top:84px;left:74px;}
.subview {z-index: 101;display: none; background-color: white;overflow: hidden;}

/* shelf */
.home_icon_view {width:581px;height:74px;left:36px;top:396px;position: relative;}
.home_icon_view div {width:145px;position:relative; float: left;z-index: 100;}
.home_icon_view img {margin: auto;position: relative;z-index: 100;}
.home_icon_view img:hover {cursor: pointer; opacity: 0.5;}
.home_icon_view p {text-align: center;color:rgb(195,198,201);padding: 0;}

/* resume view */
.tabbar {top:433px;}
.resume_icon_view {width:650px;height:38px;top:433px;position: relative;font: normal .80em arial, sans-serif;}
.resume_icon_view div.resume_icon_wrap {/* width:92px; */width:108px; position:relative; float: left;z-index: 100;height: 39px;}
.resume_icon_view img {margin: auto;position: relative;z-index: 100;}
.resume_icon_view p {text-align: center;color:rgb(195,198,201);padding: 0;}

.resume_icon_view div.tabbar_icon {margin: auto;width: 22px;height: 22px;}

.resume_icon_view div.objectives {background: url(/images/tabbar/objective-n.png) no-repeat;}
.resume_icon_view div.objectives.hover {background: url(/images/tabbar/objective-h.png) no-repeat; cursor: pointer;}
.resume_icon_view div.profile {background: url(/images/tabbar/profile-n.png) no-repeat;}
.resume_icon_view div.profile.hover {background: url(/images/tabbar/profile-h.png) no-repeat; cursor: pointer;}
.resume_icon_view div.strengths {background: url(/images/tabbar/strength-n.png) no-repeat;}
.resume_icon_view div.strengths.hover {background: url(/images/tabbar/strength-h.png) no-repeat; cursor: pointer;}
.resume_icon_view div.tech {background: url(/images/tabbar/technology-n.png) no-repeat;}
.resume_icon_view div.tech.hover {background: url(/images/tabbar/technology-h.png) no-repeat; cursor: pointer;}
.resume_icon_view div.history {background: url(/images/tabbar/experience-n.png) no-repeat;}
.resume_icon_view div.history.hover {background: url(/images/tabbar/experience-h.png) no-repeat; cursor: pointer;}
.resume_icon_view div.education {background: url(/images/tabbar/education-n.png) no-repeat;}
.resume_icon_view div.education.hover {background: url(/images/tabbar/education-h.png) no-repeat; cursor: pointer;}
.resume_icon_view div.portfolio {background: url(/images/tabbar/portfolio-n.png) no-repeat;}
.resume_icon_view div.portfolio.hover {background: url(/images/tabbar/portfolio-h.png) no-repeat; cursor: pointer;}


.info {position: absolute; overflow:auto;width: 650px; height: 433px;}
.info.background {background: url(/images/common/background.jpg);}
.info_content {margin: 20px 30px;}

.know_more {margin-left: 460px;position: absolute; top:396px;}

.pdf {margin-left: 460px;position: absolute;}
.pdf img {float:left; width:20px; height:20px;}
.pdf a {float: left; margin-left: 27px;margin-top:4px;}

.contact ul {list-style: none;padding-top: 20px;}
.contact li {list-style-type: none; height: 41px;padding-bottom: 15px;}
.contact li div.image {height: inherit; background-image: url(/images/contact/contact.png); background-repeat: no-repeat; background-position: 0 0;display: block; float: left;}
.contact li div.social {background-image: url(/images/contact/social.png); }
.contact li .label {margin: 15px; float: left;position: absolute; left: 100px;}

.html_carousel div.slide {
	width: 650px;
	height: 433px;
	position: relative;
}
.html_carousel div.slide div {
	background-color: rgba(0, 0, 0, 0.6);
	width: 650px;
	display: none;
	position: absolute;
	bottom: 0;
}
.html_carousel div.slide h4 {
	font-size: 35px;
	padding: 30px 0 0 100px;
}
.html_carousel div.slide p {
	font-size: 16px;
	padding: 0 0 30px 100px;
}
.html_carousel div.slide h4, .html_carousel div.slide p {
	color: white;
	margin: 0;
}

.experience_top_padding {padding-top: 5px;}