ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}

/* HTML ELEMENTS */
body { background-color:#000; }

a:active { outline: none; border: 0; }
a:hover { outline: none; border: 0; }


@font-face {
    font-family: 'DINComp-BoldRegular';
    src: url('dincomp-bold-webfont.eot');
    src: url('dincomp-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('dincomp-bold-webfont.woff') format('woff'),
         url('dincomp-bold-webfont.ttf') format('truetype'),
         url('dincomp-bold-webfont.svg#DINComp-BoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



p {
	font-family: Helvetica, Ariel;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	text-align: justify;
}

a {
	color: #af9135;
	text-decoration: none;
}


h1 {
	font-family: 'DINComp-BoldRegular', Helvetica, ariel, sans-serif;
	color: #FFF;
	font-size: 16px;
	text-transform: uppercase;
	padding-bottom: 10px;
	padding-top: 15px;
	font-weight: normal;
    font-style: normal;
}

h2 {
	font-family: 'DINComp-BoldRegular', Helvetica, ariel, sans-serif;
	color: #FFF;
	font-size: 14px;
	text-transform: uppercase;
	padding-bottom: 15px;
	padding-top: 0px;
	font-weight: normal;
    font-style: normal;
}

h3 {
	font-family: 'DINComp-BoldRegular', Helvetica, ariel, sans-serif;
	color: #FFF;
	font-size: 16px;
	text-transform: uppercase;
	padding-bottom: 30px;
	padding-top: 0px;
	font-weight: normal;
    font-style: normal;
}

h4 {
	font-family: Helvetica, Ariel;
	font-size: 12px;
	font-weight: bold;
	color: #af9135;
	text-align: justify;
}

h5 {
	font-family: 'DINComp-BoldRegular', Helvetica, ariel, sans-serif;
	color: #af9135;
	font-size: 14px;
	text-transform: uppercase;
	padding-bottom: 15px;
	padding-top: 0px;
	font-weight: normal;
    font-style: normal;
}



#background-main {
	background-image:url(../images/tyneside-large.jpg);
	background-position: center top; 
	background-repeat: no-repeat; 
	width:100%; 
	height:1052px; 
	position:absolute;
	
}

img {
	border: 0;
}

.titles {
	float: left;
	width: 961px;

}

.subtitles {
	text-transform: uppercase;
	color: #af9135;
}

#wrapper {
	width: 1021px;
	margin-left: auto;
	margin-right: auto;
}

#pageheader {
	width: 1021px;
	height: 127px;
}

#dohlogo {
	float: left;
	width: 246px;
	height: 127px;
	background-image:url(../images/doh_logo.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#logos {
	float: right;
	width: 242px;
	height: 44px;
	background-image: url(../images/logos.png);
	background-repeat: no-repeat;
	margin-top: 10px;
}


#menu {
	width: 1021px;
	height: 94px;
}

#menu-left {
	background-image: url(../images/menu_left.png);
	background-repeat: no-repeat;
	width: 6px;
	float: left;
	height: 94px;
	float: left;
}

#menu-main {
	width: 1009px;
	background-image: url(../images/menu_main.png);
	background-repeat: repeat-x;
	height: 94px;
	float: left;
}

#menu-right {
	background-image: url(../images/menu_right.png);
	background-repeat: no-repeat;
	width: 6px;
	float: right;
	height: 94px;
	float: left;
}



ul {
	list-style-type: none;
	width: 1000px;
	float: right;
	padding-top: 20px;

}

li {
	width: 111px;
	height: 94px;
	float: right;
	}

li a {
	width: 111px;
	height: 94px;
	padding-left: 0px;
	padding-right: 0px;
	color: #FFF;
	font-family: Helvetica, Ariel;
	font-size: 12px;
	text-transform:uppercase;
	text-decoration: none;
	outline: 0;
}

li a:hover {
	width: 111px;
	height: 89px;
	float: right;
	background-image: url(../images/doh_menu.png);
	background-position: 0 71%;
	background-repeat: no-repeat;
	color: #af9135;
	margin-top: 4px;
	outline: 0;

}

ul.bullet  {
	list-style-type: square;
	color: #FFF;
	float: left;
	padding: 0;
	margin-left: 30px;
	
}

li.bullet {
	float: left;
	clear: both;
	width: 300px;
	height: 30px;
	font-family: Helvetica, Ariel;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	
}



li.bullet-sub {
	float: left;
	clear: both;
	width: 300px;
	height: 20px;
	font-family: Helvetica, Ariel;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	margin-left: 60px;
	
}

.floater {
	margin: 0 auto;
	text-align: center;
}


.current a {
	width: 111px;
	height: 89px;
	float: right;
	background-image: url(../images/doh_menu.png);
	background-position: 0 71%;
	background-repeat: no-repeat;
	color: #af9135;
	margin-top: 4px;
	
}

#main {
	padding-bottom: 10px;
}

#maincontent {
	background-color: #000;
	padding: 30px;
	clear: both;
}

.clear { clear: both; }

#holder {
	width: 960px;
}

#topnews {
	width: 960px;
	height: 500px;
}

#bottomnews {
	width: 960px;
	height: 200px;
}
.textleft {
	width: 470px;
	float: left;
}

.textright {
	width: 470px;
	float: right;
}

#spacer {
	height: 360px;
	width: 1021px;
}


#bottommodules {
	width: 1021px;
	height: 266px;
}

#bottomleft {
	width: 350px;
	height: 266px;
	background-image: url(../images/doh_module1.png);
	background-repeat: no-repeat;
	float: left;
}

#bottommiddle {
	width: 340px;
	height: 266px;
	background-image: url(../images/doh_module1.png);
	background-repeat: no-repeat;
	float: left
}

#bottomright {
	width: 323px;
	height: 266px;
	background-image: url(../images/doh_module1.png);
	background-repeat: no-repeat;
	float: right;
}

.moduleinner {
	width: 279px;
	height: 209px;
	padding-top: 7px;
	padding-left: 21px;
	padding-right: 22px;
	font-family: Helvetica, Ariel;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
}

.modimg {
	padding-bottom: 26px;
}

.readmore {
	float: right;
	margin-top: 5px;
}
	
#footer {
	margin: 0 auto;
	text-align: right;
	width: 1021px;
	color: #af9135;
	font-size: 8px;
	font-family: Helvetica, Ariel;
	padding-top: 20px;
	
	
}

#footer p {
	text-align: right;
	color: #af9135;
	font-size: 8px;
	font-family: Helvetica, Ariel;
}

#footerlogos {
	background-image:url(../images/footerlogos.png);
	margin-left: auto;
	margin-right: auto;
	width: 581px;
	height: 85px;
}

.portfolio-left {
	float: left;
	width: 452px;
	padding: 10px;
	background-color: #0e0e0e;
	height: 270px;
	margin-bottom: 20px;
}

.portfolio-right {
	float: right;
	width: 452px;
	text-align: right;
	padding: 10px;
	background-color: #0e0e0e;
	height: 270px;
	margin-bottom: 20px;
	
}

.gallerysurround {
	background-color:#333;
	text-align: left;
	vertical-align: middle;
}

.spacer {
	height: 40px;
	width: 213px;
}

#leftcontact {
	width: 500px;
	float: left;
}

#rightcontact {
	width: 400px;
	float: right;
}

.submit {
	margin-top: -20px;
}

.clear { clear: both; }

/* COMMON CLASSES */
.break { clear:both; }

/* HEADER */
#background { height:1052px; }
.backgroundimg { background-position: center top; background-repeat: no-repeat; width:100%; height:1052px; position:absolute; }

#nav-outer { height:110px; padding-top:11px; position:relative; top:24px; background-image:url("../images/headerbg.png"); }

.btn { height:32px; width:32px; float:left; cursor:pointer; }
#back { background-image:url("../images/btn_back.png"); }
#next { background-image:url("../images/btn_next.png"); }
#control { background-image:url("../images/btn_pause.png"); }

#headernav-outer { position:relative; top:300px; margin:0 auto; width:960px; }
#headernav { padding-left:864px; }