body {
	height:100%;
	background:rgb(96,96,96);
	margin:0;
	padding:0;
	color:rgb(0,0,0);
	font:normal 13px Arial, Helvetica, sans-serif;
}
#bg {
    width:100%;
    height:100%;
    position:fixed;
    left:0px;
    top:0px;
}
img {border:0px;}
.preload {display:none;}
.clear {display:block;clear: both;}
a {
    color:#74459B;
    font-weight:bold;
    text-decoration:none;
}
a:hover {
    color:rgb(151,136,186);
    text-decoration:underline;
}
#contentD {
    width:100%;
    height:100%;
    background:url('/i/bg-fade.png') repeat-x left top;
    overflow:hidden;
    position:relative;
}
#inContentD {
    width:906px; /*D*/
    height:100%;
    margin:auto;
    overflow:hidden;
    position:relative;
}
ul, li {
    margin:0;
    padding:0;
    list-style:none;
    width:20000px;
}
li {
    width:900px; /*D*/
    margin:185px 300px 0 0; /*D to hide other content on wide screens but not too much so that it takes ages to scroll */
    float:left;
}
.rightD ul {
    width:95%;
    margin:10px 3%;
    text-align: left;
}
.rightD ul li {
	list-style-type:disc;
	color:#74459B;
	margin:8px 10px;
	float:none;
	font-size:18px;
	line-height:16px;
	width:95%;
}
.rightD ul li span {
	color:rgb(0,0,0);
	font-size:14px;
}
.keypoints {
    position:relative;
    left:-8px;
    margin-top:18px;
}
h1 {
    font-size:19px;
    font-weight:normal;
    margin:10px 0;
    width:62%;
}
p {
	margin:5px auto;
	padding:0;
	width:62%;
	float:left;
}
p.intro {
	font-weight: bold;
	font-size:16px;
	color: #6C57A0;
}
.rightD {
    width:30%;
    float:right;
    text-align:center;
    margin-top:5px;
}
div.bubble {
    position: relative;
    width:94%;
    margin:35px auto 80px auto;
    padding:5px 3% 30px 3%;
}
div.bubble h1, div.bubble p, div.bubble .rightD {
    position:relative;
}
span.bubbleL, span.bubbleR {
    background:rgb(246,246,246);
    position:absolute;
    top:0px;
    height:100%;
    width:50%;
    display:block;
    margin:0;
}
span.bubbleL {
    left:4px;
}
span.bubbleR {
    right:-2px;
}
.bubbleLeft, .bubbleRight, .bubbleTop, .bubbleBottom {
    position:absolute;
}
.bubbleLeft {
    height:100%;
    width:4px;
    left:0px;
    top:0px;
}
.bubbleRight {
    height:100%;
    width:4px;
    right:-6px;
    top:0px;
}
.bubbleTop {
    top:-14px;
    left:0px;
}
.bubbleBottom {
    bottom:-14px;
    left:0px;
}
#pointerOverview, #pointerCustomerService, #pointerTechExpertise, #pointerSaveMoney, #pointerConsultation {
    position:absolute;
    top:-34px;
}
#pointerOverview {
    left:53px;
}
#pointerCustomerService {
    left:205px;
}
#pointerTechExpertise {
    left:357px;
}
#pointerSaveMoney {
    left:509px;
}
#pointerConsultation {
    left:733px;
}
#correctionsD {
    color: red;
    font-weight: bold;
}
#msglabel {
    position: relative;
    top: -100px;
}
.footerD {
    width:97%;
    position:absolute;
    left:1.5%;
    bottom:-25px;
    font-size:9px;
}
    .footerD a, .footerD span {
        display:block;
        float:left;
        color:rgb(165,165,165);
        text-decoration:none;
        margin:0 2px;
    }
    .footerD a.external {
        float: right;
    }
#headerD {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    background:url('/i/ribbon.png') repeat-x 0px 76px;
}
    #inHeaderD {
        width: 906px; /*D*/
        height:185px; /*D?*/
        position:relative;
        margin:auto;
    }
        #buttonOverview, #buttonCustomerService, #buttonTechExpertise, #buttonSaveMoney, #buttonConsultation {
            float:left;
            margin:143px 12px 0 0;
            display:block;
            width:140px;
            height:37px;
            cursor:pointer;
        }
        #buttonOverview {
            margin-left:2px;
            background-position:bottom;
            background-image:url('/i/buttonOverview.png');
        }
        #buttonOverview:hover {
            background-position:top;
        }
        #buttonCustomerService {
            background-position:bottom;
            background-image:url('/i/buttonCustomerService.png');
        }
        #buttonCustomerService:hover {
            background-position:top;
        }
        #buttonTechExpertise {
            background-position:bottom;
            background-image:url('/i/buttonTechExpertise.png');
        }
        #buttonTechExpertise:hover {
            background-position:top;
        }
        #buttonSaveMoney {
            background-position:bottom;
            background-image:url('/i/buttonSaveMoney.png');
        }
        #buttonSaveMoney:hover {
            background-position:top;
        }
        #buttonConsultation {
            margin-right:0;
            width:295px;
            background-position:bottom;
            background-image:url('/i/buttonConsultation.png');
        }
        #buttonConsultation:hover {
            background-position:top;
        }
    #logo {
        position:absolute;
        left:1px;
        top:10px;
        display:block;
        width:291px; /*D*/
        height:56px; /*D*/
        background:url('/i/phonenomena-logo.png');
    }
    #logo:hover {
        background-position:bottom;
    }
    #telstra {
        position:absolute;
        right:1px;
        top:10px;
    }
    #tag {
        position:absolute;
        left:-59px;
        top:76px;
    }
        /*for M change the image width (here or in src) into a %? */
#contactFrame {
    border:0px;
    width:580px;
    height:210px;
    position:relative;
}
#contactFrameBody {
    background:rgb(246,246,246);
}
#contactform {
    color:#74459B;
    font-size:12px;
}
#contactform td {
    padding:5px 0;
}
#contactform input {
    width:185px;
    padding:2px;
    margin:0;
}
input#contactSubmit {
    display:block;
    width:295px;
    height:37px;
    padding:0;
    cursor:pointer;
    background-image:url('/i/submit-to-phonenomena.png');
    background-position:bottom;
}
#contactSubmit:hover {
    background-position:top;
}
#msg {
    font:normal 12px Arial, Helvetica, sans-serif; width:500px; height:56px; padding:2px;
}
.col1 {
    width:70px;
}
.col2 {
    width:220px;
}
.col3 {
    width:100px;
}