html { overflow: scroll; }
body {
font-family:Verdana,Geneva,sans-serif;
background-image:url(images/gradient2.jpg);
color:#0e0e0e;
margin:0;
padding:0
}

#header {
width:100%;
min-width:1000px;
background: #8b0000 url(images/topheaderbg4.png);
color:#fff;
border-top:4px solid #c20404;
border-bottom:1px solid #fff
}

#pageSurround {
width:960px;
line-height:22px;
margin:0 auto;
padding:0
}

#topHeader {
text-align:right;
height:85px;
width:928px;
margin:0 auto;
}

.topcontacts {
font-size:25px;
color:#fff;
float:right
}

#display {
height:300px;
width:960px
}

#bar {
text-align:center;
min-width:1000px;
height:35px;
background:#8B0000;
color:#fff;
padding-top:10px
}

#nav {
margin:0 auto
}
.navbar {
font-size:15px;
font-weight:700;
color:#fff;
text-decoration:none;
padding-top:5px
}

a.navbar {
font-size:15px;
font-weight:700;
color:#fff;
text-decoration:none;
padding-top:5px
}

a.navbar:hover {
text-decoration:underline;
color:#fff
}

.special {
text-align:center;
font-weight:700;
font-size:20px;
color:#f30
}

#boxes {
text-align:center;
height:250px;
background:#000;
border-top:4px solid #00f;
border-bottom:4px solid #00f;
margin:0 auto;
}
#s3slider {
position: relative;
border: 1px solid #fff;
margin: 0 auto;
width: 802px;
height: 257px;
}
.s3sliderContent {
border: 1px solid #000;
background: url(http://www.dpbcreations.co.uk/screenshots/website_designs.jpg);
width: 800px;
height: 255px;
margin-left: 0;
top: 0;
}
.mainpoint {
 }
a.mainpoint {
text-decoration: none;
font-weight: bold;
font-size: 135%;
display: block;
position: absolute;
bottom: 15px;
left: 150px;
padding-top: 20px;
border: 1px solid #8b0000;
text-align: center;
 width: 500px;
 height: 50px;
 -webkit-border-radius: 12px;
 -moz-border-radius: 12px;
 border-radius: 12px;
 -webkit-box-shadow: #666 0px 2px 5px;
 -moz-box-shadow: #666 0px 2px 5px;
 box-shadow: #666 0px 2px 5px;
 background: #E3E4E2;
 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E3E4E2), to(#9C9C96));
 background: -moz-linear-gradient(#E3E4E2, #9C9C96);
 -pie-background: linear-gradient(#E3E4E2, #9C9C96);
 behavior: url(/PIE.htc);
 margin: 0 auto;

}
a.mainpoint:hover {
text-decoration: underline;
border: 1px solid #fff;

}
.front {
border:0;
margin:12px 25px
}

.title {
font-weight:700
}

.imgRight {
float:right;
width:200px;
height:150px;
padding-right:25px
}

.colMid {
font-family:Verdana,Geneva,sans-serif;
font-size:14px;
font-weight: bold;
color:#0e0e0e;
text-align:left;
margin-bottom:0;
position:relative;
float:left;
padding:10px 15px 0
}

.colMidprivacy {
font-family:Verdana,Geneva,sans-serif;
font-size:14px;
font-weight: bold;

color:#0e0e0e;
text-align:left;
margin-bottom:0;
position:relative;
float:left;
padding:10px 15px 0
}

.colMidcontact {
font-family:Verdana,Geneva,sans-serif;
font-size:14px;
font-weight: bold;

color:#0e0e0e;
text-align:left;
padding-left:130px;
padding-right:50px;
padding-bottom:0;
margin-bottom:0;
position:relative;
float:left
}

.colMidlinks {
font-family:Verdana,Geneva,sans-serif;
font-size:14px;
font-weight: bold;

color:#0e0e0e;
text-align:center;
padding-left:15px;
padding-right:15px;
padding-bottom:0;
margin-bottom:0;
position:relative;
float:left
}

.colMidmem {
width:940px;
font-family:Verdana,Geneva,sans-serif;
font-size:14px;
font-weight: bold;

color:#0e0e0e;
text-align:center;
padding-left:15px;
padding-right:15px;
padding-bottom:0;
position:relative;
float:left;
margin:0 auto
}

.colMidexamples {
font-family:Verdana,Geneva,sans-serif;
font-size:14px;
font-weight: bold;

color:#0e0e0e;
text-align:justify;
width:700px;
padding-right:5px;
padding-bottom:0;
margin-bottom:0;
position:relative;
float:left
}

.colRight {
text-align:left;
font-family:Verdana,Geneva,sans-serif;
font-size:12px;
font-weight: bold;

color:#0e0e0e;
position:relative;
width:210px;
padding-left:5px;
float:right
}

.picture2 {
border:2px solid #fff;
background-color:#000;
padding:2px
}

.award {
text-align:center;
padding:5px
}

.SiteDocs {
font-family:Verdana,Geneva,sans-serif;
font-size:14px;
font-weight:700;
color:#0e0e0e;
text-align:center;
margin-top:10px
}

#footer {
width:100%;
min-width:1000px;
border-top:4px solid #8B0000;
border-bottom:4px solid #8B0000;
clear:both;
margin:0;
padding:0
}

#footermain {
font-family:Verdana,Geneva,sans-serif;
font-size:14px;
font-weight:700;
color:#0e0e0e;
width:960px;
height:115px;
position:relative;
padding-top:0;
margin:0 auto
}

.txtcopyright,a.txtcopyright {
text-align:center;
font-family:Verdana,Geneva,sans-serif;
font-size:14px;
font-weight:700;
color:#0e0e0e;
padding-top:5px
}

.LogoPicture {
border:1px solid #fff
}

#valid {
position:absolute;
top:83px;
left:740px;
border:0
}

h1 {
font-family: Harabara,Verdana,Geneva,sans-serif;

float:left;
font-size:60px;
margin:0;
padding:0
}

h2 {
font-family:Verdana,Geneva,sans-serif;
font-size:25px;
padding-top:10px;
line-height: 35px;
}
.contactus {
font-family:Verdana,Geneva,sans-serif;
font-size:25px;
padding-top:10px
}
#intro {
font-size:18px;
padding-bottom:10px
}

h5 {
font-size:12px
}

h6 {
display:none
}

.amp {
font-family:Verdana,Geneva,sans-serif
}

a {
text-decoration:underline;
font-family:Verdana,Geneva,sans-serif;
font-size:14px;
font-weight:700;
color:#8b0000
}

a:hover {
text-decoration:none;
color:#4d4d4d
}

li {
list-style-position:outside;
list-style-type: disc;
margin-left:30px;
padding:5px;
}

.txtDesigner,a.txtDesigner {
text-align:center;
font-size:16px;
padding-top:5px;
color:#00F;
text-decoration:none
}

.studies {
float:left;
border:1px solid #000;
margin:5px 5px 5px 90px
}

.studies2 {
float:right;
border:1px solid #000;
margin:5px 90px 5px 5px
}

a.secondary {
margin-left:30px;
text-decoration:underline
}
#contactform {
font-family:verdana;
width:600px
}

#contactform h1 {
font-size:130%
}

#contactform .errors {
color:red
}

#contactform .correct {
color:#000
}

#contactform legend {
font-size:120%;
font-weight:700
}

#contactform .title {
color:#000;
font-weight:700;
font-size:90%;
margin-top:2px;
margin-bottom:5px
}

#contactform .field {
color:#000;
font-size:90%;
margin-bottom:7px
}

#contactform .small {
font-size:100%
}

#contactform .thanks {
margin-top:15px;
color:green;
font-size:105%;
margin-bottom:15px
}

img,.awardimage,.picture,#contactform img {
border:0
}

#subSurround,form,ol,ul {
margin:0;
padding:0
}

.clear,div.clear {
clear:both
}

a.SiteDocs,a.primary:hover,a.secondary:hover {
text-decoration:none
}

a.SiteDocs:hover,a.txtcopyright:hover,a.txtDesigner:hover,a.primary {
text-decoration:underline
}

.sussex,.examples,#caseimages,.accredit {
text-align:center
}

h3,h4 {
font-size:20px;
font-family:Verdana,Geneva,sans-serif
}
@font-face {
	font-family: 'Harabara';
	src: url('http://www.dpbcreations.co.uk/harabara-webfont.eot');
	src: local('?'),
	 url('http://www.dpbcreations.co.uk/harabara-webfont.woff') format('woff'),
	 url('http://www.dpbcreations.co.uk/harabara-webfont.ttf') format('truetype'),
	 url('http://www.dpbcreations.co.uk/harabara-webfont.svg#harabara-webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}