body {
	background:#000000;
	color:#ffffff;
}

html, body, .container
{
    margin-left: auto;
    margin-right: auto;
    width:1100px;
}

h1 {
	font: 1.4em 'Arial Black',Helvetica, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
}

quote {
	font-style: italic;
}

p {
	width:400px;
	font: 0.9em Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	text-align: justify; 
	position: relative;
	margin: 0px;

}

a {
    color: #ff5500;
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    cursor: pointer;
    color: #ff0000;
    font-weight: bold;
}
	
a:visited {
    text-decoration: none;
    border: none;
}

.me h1 {
    text-align: left;
    padding: 10px 0 0 400px;
}

.dd h1, .branding h1, .customised h1, .fulllist h1, .mobile h1, .blog h1, .social h1, .mailing h1 {
    text-align: left;
    padding: 10px 0 0 20px;
}

.web h1 {
    text-align: left;
    padding: 10px 20px 0px 360px;
}

.me p {
    width:650px;
    padding: 0 0 0 400px;
}

.mobile p {
	width:500px;
	padding: 0 0 0 20px;
}

.web p {
	width:420px;
	padding: 0 20px 0 360px;
}

.dd p {
	width:360px;
	padding: 0 0 0 20px;
}

.mailing p {
	width:540px;
	padding: 20px 0 0 20px;
}

.blog p {
	width:260px;
	padding: 0 0 0 20px;
}

.fulllist p {
	width:260px;
	padding: 20px 0 0 20px;
}

.social p {
	width:180px;
	padding: 20px 0 0 20px;
}

.branding p {
	width:360px;
	padding: 80px 0 0 20px;
}

.customised p {
	width:360px;
	padding: 20px 0 0 20px;
}

.me {
    float: left;
    width: 1100px;
    height: 170px;
    background:#000000 url("bartbonte.png") no-repeat;
}

.mobile{
    float: left;
    width: 800px;
    height: 300px;
    background:#000000 url("sugarmobile2.png") no-repeat;
}

.blog{
    float: right;
    width: 300px;
    height: 150px;
    background:#000000 url("blog.png") no-repeat;
}

.twitter{
    float: right;
    width: 300px;
    height: 620px;
    background-color: #000000;
}

.web {
    float: right;
    width: 800px;
    height: 275px;
    background:#000000 url("fb.png") no-repeat;
}

.dd{
    float: left;
    width: 400px;
    height: 395px;
    background:#000000 url("14locks.png") no-repeat;
}

.branding {
    float: right;
    width: 400px;
    height: 195px;
    background:#000000 url("fm.png") no-repeat;
}

.customised{
    float: left;
    width: 400px;
    height: 200px;
    background:#000000 url("customised.png") no-repeat;
}

.fulllist {
    float: right;
    width: 300px;
    height: 360px;
    background:#000000 url("fulllist.png") no-repeat;
}

.social {
    float: left;
    width: 220px;
    height: 160px;
    background:#000000 url("social.png") no-repeat;
}

.mailing {
    float: right;
    width: 580px;
    height: 160px;
    background:#000000 url("mailing.png") no-repeat;
}