/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	background: #000 url(./css/pattern.jpg) repeat-x top left;
	margin: 0;
	font-size: 62.5%;
	min-width: 900px;
}

* {
	margin: 0;
	padding: 0;
	}

#container {
	width: 400px;
	w\idth: 380px;
	margin: 0 auto;
	background: #dbd8c3 url(parchment.jpg) repeat-y top left;;
	position: relative;
	border-left: 10px solid #dbd8c3;
	border-right: 10px solid #dbd8c3;
	}

#masthead {
	height: 120px;
	background: #990000 url(dpmasterhead.jpg) no-repeat top left;
	width: 400px;
	text-indent: -5000px;
	z-index: 10;
	}
	

#intro { 
	width: 380px;
	text-indent: -5000px;
	}

.home { 
	background: #003366 url(intro_orange.jpg) no-repeat top left;
	height: 400px;
	}

.web { 
	background: #003366 url(intro_web.jpg) no-repeat top left;
	height: 258px;
	}

.print { 
	background: #003366 url(intro_print.jpg) no-repeat top left;
	height: 258px;
	}

.branding { 
	background: #003366 url(intro_branding.jpg) no-repeat top left;
	height: 258px;
	}

.contact { 
	background: #003366 url(intro_contact.jpg) no-repeat top left;
	height: 400px;
	}

#content {
	margin: 0 5px 0 8px;
	}

#content img {
	border: 5px solid #f2be09;
	}

#content a:hover img {
	border: 5px solid #003366;
	}

h1, h2 {
	margin: 0;
	padding: 0;
	}

h2 {
	color: #990000;
	font-size:2em;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 5px;
	}


h3 {
	color: #003333;
	font-size:1.5em;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 5px;
	}

h4 {
	color: #CC3300;
	font-weight: normal;
	margin-bottom: 5px;
	font-size: 1em
	}
	
h4 a {
	text-decoration: none;
	color: #003366;
	}

h4 a:hover {
	background-color: #003366;
	color: #FFF;
	}

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

a:hover {
	color: #336633;
	}


p {
	color: #000033;
	font-size: 1.1em;
	line-height:1.6em;
	margin-bottom: 15px;
	}


img {
	margin-bottom: 10px; /* for small portfolio images to be spaced better */
	}

.gutter {
	margin-right: 5px;
	}


	
.centre {
	margin: 0 auto;
	}

.footer {
	text-align: center;
	font-size: 0.9em;
	color: #990000;
	clear: both;
	padding: 20px 10px 10px 10px;
	border-bottom: 10px solid #dbd8c3;
	}
	
#nav {
	position: absolute;
	top: 25px;
	left: 390px;
	margin:0;
	padding: 0;
	background-color: #FFCC33;
	/* background-image: url(img/nav_bg2.jpg); */
	width: 92px;
	height: 223px;
	}

#nav img {
	margin:0;
	padding: 0;
	border: none;
	}

a:hover.lastnav{
	border: none;
	background-color: transparent;
	}

#nav ul {
	list-style: none;
	margin-top: 65px;
	}

#nav li{
	width: 92px;
	height: 20px;
	}

.navhome li {
	background-image: url(home_on.jpg);
	}

.navbranding li {
	background-image: url(branding_on.jpg);
	}

.navweb {
	background-image: url(web_on.jpg);
	}

.navprint {
	background-image: url(print_on.jpg);
	}

.navcontact {
	background-image: url(contact_on.jpg);
	}
	
#nav span {
	display: none;
	}

form#contact {
	background-image: url(postcard.jpg);
	background-repeat: no-repeat;
	border: none;
}

fieldset {
	margin-bottom:10px;
	padding:125px 10px 25px 20px;
	border: none;
	background-image: url(postcard.jpg);
	background-repeat: no-repeat;
	}

fieldset p {
	color: #000033;
	font-size: 1.1em;
	}

legend {
	font-weight: bold;
	color:#FFF;
	font-size:1.2em;
	background-color: #cfb364;
	text-transform: uppercase;
	}

label {
	display: block;
	}
	
textarea {
	width:300px;
	height: 80px;
	}

input[type="text"] {
	width: 300px;
	border: 1px solid #8c7638;
	}

input[type="textarea"] {
	border: 1px solid #8c7638;
	}

input[type="submit"] {
	margin-bottom: 25px;
}
	
#credits {
	padding-top: 30px;
	}
	
#credits img {
	padding-left: 10px;
	border: none;
	}