
<!DOCKTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <link href="css/style.css" rel="stylesheet" type="text/css" />

    <style>

body {
    backgorund-color: #FBF5EA;
    color: #000000;
    font-family: verdana, sans-serif;
    font-size: 75%;
    line-height: 1.5em;
    margin: 0;
    padding: 0;
}

div {
    margin: 0;
    padding: 0;
}

#header {
    background-color: #364395;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    height: 44px;
    margin: 0;
    position: relative;
    border: 0 none;
    padding: 0;
    vertical-align: baseline;
}

.message_header {
    background:#fee742 url("images/ngml/icons/alert-icon.png") no-repeat 753px 10px;
    border-bottom: 1px solid #D5CEC4;
    padding: 15px;
    font-size: 1.25em;
	  font-weight:bold;
    margin: 0 auto;
    text-align: left;
    -webkit-border-radius: 7px 7px 0 0;
            border-radius: 7px 7px 0 0;

}
.message_footer {
    background-color: #FCF6EA;
    border-top: 1px solid #D5CEC4;
    padding:10px 11px 8px 10px;
    font-size: 0.97em;
    margin: 0 auto;
    text-align: right;
    height: 30px;
	  -webkit-border-radius:0 0 7px 7px;
            border-radius:0 0 7px 7px;
}
.language {
  padding: 15px 20px;
}

#logo {
    float: left;
    width: 148px;
}
#tagline {
    float: right;
    width: 165px;
}

#content {
    background-color: #FFFFFF;
    width: 800px;
    margin: 50px auto;
	  padding-bottom:10px
}

#footer {
    background-color: #f5f4ef;
    border-top: 1px solid #D5CEC4;
    bottom: 0;
	  padding: 7px 0;
    position: absolute;
    width: 100%;
    z-index: 1;
    clear: both;
    font-size: 0.97em;
    margin: 0 auto;
    text-align: center;
}
#footer a{
	text-decoration:none;
}
#footer p{
	line-height: 1.5em;
	margin:0;
}
#marketingImage {
    left: -50%;
    min-height: 200%;
    min-width: 200%;
    position: fixed;
    top: -50%;
    z-index: -100;
}
#marketingImage img {
    bottom: 0;
    left: 0;
    margin: auto;
    min-height: 50%;
    min-width: 50%;
    position: absolute;
    right: 0;
    top: 0;
}
#content{
    -webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.5);
            box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 7px;
            border-radius: 7px;
}
#messagebox button {
  background-color: #364395;
  background-image: url("https://sso.rumba.int.pearsoncmg.com/sso/media/images/buttons/arrow-right.png");
  background-position: right 5px;
  background-repeat: no-repeat;
  padding-left: 7px;
  padding-right: 25px;
  border-radius: 4px 4px 4px 4px;
  border: medium none;
  box-shadow:0 2px 2px rgba(0, 0, 0, 0.35);
  color: #FFF;
  cursor: pointer;
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.5em;
  margin: 0;
  text-decoration: none;
  text-shadow: 0 -1px 0 #000;
  float: right;
  height: 27px;
}
#messagebox button:hover {
  background-color: #006DA4;
}
    </style>
    <title>MyEnglishLab</title>
</head>
<body>

    <div id="header">
        <img id="logo" src="https://sso.rumba.pearsoncmg.com/sso/media/images/logos/pearson_logo.png">
        <img id="tagline" src="https://sso.rumba.pearsoncmg.com/sso/media/images/logos/pearson_tagline.png">
    </div>
    <div id="content">
        <div id="messagebox">
            <div class="message_header alert-icon">Scheduled maintenance</div>
            <div class="language">MyEnglishLab courses are not available as the site is currently down for scheduled maintenance. We are on Sprint demo and we have no time to finish maintenance!. Read more at <a href="http://www.myenglishlab.com">www.myenglishlab.com</a>
</div>
        </div>
    </div>
    <div id="footer">
        <p>Copyright &copy; 2005&ndash;2014. All rights reserved.
            <a href="license/LicenseAgreement_en.html">License Agreement</a> |
            <a href="privacy/PrivacyStatement_en.html">Privacy Statement</a> |
            <a href="http://media.pearsoncmg.com/cmg/rumba_b2c_support/support.html">Support</a> |
            <a href="http://help.pearsoncmg.com/rumba/universal_signin/en/index_CSH.htm#global|csh">Help</a>
        </p>
    </div>

    <div id="marketingImage">
        <img src="https://sso.rumba.pearsoncmg.com/sso/media/images/marketing/enriched_learning2.jpg" alt="">
    </div>

</body>
</html>
