/**
 * Mobrool holding page stylesheet
 *
 * Author:
 *  Adeola Awoyemi <adeola@digitalcraftsmen.net>
 *
 * Created: 2008-09-27 01:18:15 UTC
 * Last Update: 2008-09-29 12:46:28 UTC
 *
 **/
 
body {
    background-color: #000;
    background-image: url(../images/page_bg.jpg);
    background-repeat: repeat-x;
    color: #222;
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    padding: 0;
}
 
div#body {
    text-align: center;
}

div#middle {
    width: 621px;
    text-align: left;
    margin: 0px auto;
}

div#middle div.content {
    color: #fff;
}

h1 {
    font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
}

div#header {
    height: 92px;
    margin: 0 0 11px 0;
}

div#header h1,
div#header span.standfirst {
    margin: 0;
    float: left;
    height: 92px;
}

div#header h1 {
    background-image: url(../images/mobrool_logo.jpg);
    background-repeat: no-repeat;
    width: 310px;
    text-indent: -9000px;
    overflow: hidden;
}

div#header span.standfirst {
    display: block;
    background-image: url(../images/standfirst.jpg);
    background-repeat: no-repeat;
    width: 311px;
    text-indent: -9000px;
    overflow: hidden;
}

div#mpu {
    margin: 0 0 13px 0;
}

div.box {
    margin: 0 0 16px 0;
    background-color: #0d2a34;
}

div.box div.middle h2 {
    margin: 0;
}

div.box div.middle {
    margin: 0 10px;
}

div.box div.top {
    height: 17px;
    background-image: url(../images/box_top.jpg);
    background-repeat: no-repeat;
}

div.box div.bottom {
    height: 17px;
    background-image: url(../images/box_bottom.jpg);
    background-repeat: no-repeat;
}

div.box div.middle h2.quicktomarket {
    height: 24px;
    background:transparent url(../images/hd_quicktomarket.jpg) no-repeat;
}

div.box div.middle h2.createdby {
    height: 24px;
    background:transparent url(../images/hd_createdby.jpg) no-repeat;
}

div.box div.middle h2.clearlypriced {
    height: 24px;
    background:transparent url(../images/hd_clearlypriced.jpg) no-repeat;
}

div.box div.middle h2.maximises {
    height: 24px;
    background:transparent url(../images/hd_maximises.jpg) no-repeat;
}

div.box div.middle h2.opensup {
    height: 24px;
    background:transparent url(../images/hd_opensup.jpg) no-repeat;
}

div.box div.middle h2.measurable {
    height: 24px;
    background:transparent url(../images/hd_measurable.jpg) no-repeat;
}

div.box div.middle h2.supports {
    height: 24px;
    background:transparent url(../images/hd_supports.jpg) no-repeat;
}

div.box div.middle h2.greatconsumer {
    height: 24px;
    background:transparent url(../images/hd_greatconsumer.jpg) no-repeat;
}

div.box div.middle h2 {
    text-indent: -9000px;
    overflow: hidden;
}

div.box div.middle p {
    margin-top: 0;
}

div.footerdiv {
    background: transparent url(../images/footer_divider.jpg) no-repeat;
    height: 2px;
}

div#footer {
    text-align: right;
    margin: 0 0 0 0;
}

div#real-footer {
    font-size: 10px;
    margin: 0 10px 10px 10px;
}

div#real-footer a:link,
div#real-footer a:active,
div#real-footer a:visited {
    color: #35A6D2;
    text-decoration: none;
}

div#real-footer a:hover {
    /*color: #35A6D2;*/
    text-decoration: underline overline;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */

img, div { behavior: url(/css/iepngfix.htc) }