﻿#contentContainer{
	width:748px;
	height: auto;
	margin-top:60px;
	padding: 20px 20px 70px 20px;
	}
	
.header{
	padding:18px 0;
	}

.logo-container img {
	margin-left: 7px;
}

.logo-container.content {
	padding-left: 0px;
}

.content{
	width:756px;
	padding:0 0 0 12px;
}
	
.pageImage{
	right:-110px;
	}
	
.pageCopy{
	width:490px;
}
	
@media only screen and (min-width : 767px) and (max-width : 991px) and (orientation : portrait) {

html {
	background:url(../images/Manulife_Toolbox_BG-Tablet.jpg)no-repeat center center fixed;
	background-size: cover;
	background-position:bottom;
	top:0;
	bottom:0;
	left:0;
	right:0;
	height:100%;
}

.main-container {
	background-image:none;
}

#contentContainer{
	height:880px;
}
	
.pageCopy{
	width:620px;
	}
		
.pageImage {
	width: 540px;
	right: -11%;
	top: 44%;
	z-index:-1;
	}
	
#toolsContainer {
	margin: 20px auto 0 auto;
	width:650px;

}

.footer {
	position:fixed;
	bottom:0px;
	width:100%;
}

@media only screen and (device-width : 768px) and (device-height : 1024px) and (orientation : portrait) {
    /* this CSS targets iPad portrait specifically */
    #contentContainer {
        height: 866px;
        padding-bottom:0;
    }
}