html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: #4d413c url( http://www.bencardy.co.uk/images/background.jpg ) repeat-x 0 0;
	text-align: center;
	font-family: "Trebuchet MS", arial, helvetica, verdana, sans-serif;
	font-size: 62.5%;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

div#wrapper {
	width: 667px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}

div#footer {
	padding: 10px 0 0 0;
	color: #5f5551;
}

div#head {
	background: url( http://www.bencardy.co.uk/images/top.gif ) no-repeat 100% 0;
	height: 46px;
	text-align: right;
	color: #beb7b5;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	padding: 30px 20px 0 0;
}

div#head a {
	float: left;
	width: 62px;
	height: 48px;
	display: block;
	background: url( http://www.bencardy.co.uk/images/logo.jpg ) no-repeat 0 0;
	text-decoration: none;
	margin: -20px 0 0 20px;
}

div#head a:hover, div#head a:focus {
	background-position: 0 100%;
}

div#titles h1 {
	width: 667px;
	height: 42px;
	background: url( http://www.bencardy.co.uk/images/header.gif ) no-repeat 0 0;
	text-indent: -9000px;
	margin: 52px 0 0 0;
}

body#project div#titles h1, body#aproject div#titles h1 {
	background: url( http://www.bencardy.co.uk/images/portfolio.gif ) no-repeat 0 0;
}

body#pabout div#titles h1 {
	background: url( http://www.bencardy.co.uk/images/services.gif ) no-repeat 0 0;
}

body#contact div#titles h1 {
	background: url( http://www.bencardy.co.uk/images/contact.gif ) no-repeat 0 0;
}

body#articles div#titles h1 {
	background: url( http://www.bencardy.co.uk/images/articles.gif ) no-repeat 0 0;
}

body#rollpaper div#titles h1 {
	background: url( http://www.bencardy.co.uk/images/rollpaper.gif ) no-repeat 0 0;
}

div#titles h2 a {
	width: 667px;
	height: 25px;
	text-indent: -9000px;
	margin: -76px 0 0 0;
}

div#titles h2 a {
	width: 667px;
	height: 25px;
	display: block;
	background: url( http://www.bencardy.co.uk/images/subheader.gif ) no-repeat 0 0;
}

div#titles h2 a:hover {
	background-position: 0 100%;
}

div#contentOuter {
	background: url( http://www.bencardy.co.uk/images/contentBack.gif ) repeat-y 0 0;
	margin-top: 63px;
}

div#contentInner {
	background: url( http://www.bencardy.co.uk/images/contentTop.gif ) no-repeat 0 0;
	padding: 15px;
}

div#latest {
	margin: 0 0 15px 0;
}

div#latest a:hover img, div#latest a:focus img {
	border: 1px solid #c8c5c4;
}

div#contentInner a {
	color: #40332e;
	text-decoration: underline;
}

div#contentInner a:hover, div#contentInner a:focus {
	text-decoration: none;
}

div#contentInner h3 {
	color: #40332e;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 20px;
	letter-spacing: -1px;
	float: left;
	margin: 0;
}

div#contentInner h4, body#articles div#contentInner div#about div.headings h4  {
	color: #5f5551;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	padding: 3px 0 0 0;
	letter-spacing: -1px;
	float: right;
	margin: 0;
}

div#contentInner h4 a:hover, body#articles div#contentInner div#about div.headings h4 a:hover  {
	color: #c8c5c4;
}

body#pabout div#about p, body#articles div#about p {
	margin-bottom: 15px;
}

div#contentInner div#about {
	clear: both;
}

body#aproject div#contentInner div#about {
	padding-top: 25px;
}

div#contentInner h4 a, body#aproject div#contentInner h5 a {
	color: #5f5551;
	text-decoration: none;
}

div#contentInner h4 a:hover, body#aproject div#contentInner h5 a:hover, div#contentInner h4 a:focus. body#aproject div#contentInner h5 a:focus {
	color: #40332e;
}

body#project div#contentInner div#about h4, body#pabout div#contentInner div#about h4, body#articles div#contentInner div#about h4 {
	float: none;
	margin: 5px 0 0 0;
}

div#contentInner div.headings {
	border: 1px solid #40332e;
	border-width: 0 0 1px 0;
	height: 20px;
	margin: 0 0 5px 0;
}

div#contentInner hr {
	width: 100%;
	height: 1px;
	border: none;
	background: #40332e;
	clear: both;
	margin: 0 0 5px 0;
}

div#contentInner div#latest img {
	border: 1px solid #40332e;
}

div#contentInner div#about div#aLeft, div#contentInner div.aLeft {
	width: 33%;
	padding: 0 5px 0 0;
	float: left;
}

div#contentInner div#about div#aRight, div#contentInner div.aRight {
	width: 33%;
	padding:0 0 0 5px;
	float: right;
}

div#contentInner div#about div#aMiddle {
	padding: 0 220px 0 220px;
}

div#contentInner div.aLeft {
	padding: 0 0 0 0;
}

div#contentInner div.aMiddle {
	padding: 0 0 0 0;
}

div#contentInner div.aMiddle a {
	margin: 0 0 0 3px;
}

body#project div#contentInner div#latest {
	margin-bottom: 5px;
}

div#contentInner div#about h5 {
	color: #40322e;
	letter-spacing: -1px;
	text-transform: uppercase;
	font-size: 17px;
	font-weight: bold;
}

div#contentInner div#about p, div#contentInner div#testimony p, body#contact div#latest p {
	color: #605551;
	font-size: 1.2em;
	padding: 5px 0 0 0;
	line-height: 1.3em;
}

div#contentInner div#testimony p {
	font-style: italic;
}

div#contentInner div#previous, div#contentInner div#testimony {
	clear: both;
	padding: 15px 0 0 0;
}

body#project div#contentInner div#previous {
	padding: 0;
}

div#contentInner div#previous img, div.services img {
	border: 1px solid #40322e;
}

div#contentInner div#previous a:hover img, div#contentInner div#previous a:focus img, div.services a:hover img {
	border: 1px solid #c8c5c4;
}

div#contentInner div#previous img#iLeft {
	float: left;
}

div#contentInner div#previous img#iRight {
	float: right;
}

div#contentInner div#previous img#iMiddle {
	float: left;
	margin: 0 0 0 8px;
}

body#project div#contentInner div#previous {
	margin-top: 15px;
}

body#aproject div#contentInner div#previous {
	margin-top: 0;
	padding-top: 0;
}

body#aproject div#contentInner div#previous div.aLeft img, body#aproject div#contentInner div#previous div.aRight img, body#aproject div#contentInner div#previous div.aMiddle img {
	margin-top: 15px;
}

div#contentInner div#footer {
	clear: both;
}

div#contact a {
	display: block;
	height: 66px;
	position: absolute;
	top: 0;
	left: 667px;
	width: 34px;
	background: url( http://www.bencardy.co.uk/images/contactTab.gif ) no-repeat 0 0;
	text-indent: -9000px;
	color: #40322e;
	text-decoration: none;
}

div#contact a:hover, div#contact a:focus {
	background-position: -34px 0;
	width: 150px;
	text-indent: 0px;
}

div#contact span.email {
	display: block;
	padding: 18px 8px 0 8px;
	font-size: 10px;
}

div#contact span.number {
	display: block;
	padding: 9px 8px 0 8px;
	font-size: 10px;
}

label {
	width: 150px;
	float: left;
	clear: both;
}

fieldset {
	padding: 5px 0 0 0;
}

input.contact, textarea {
	border: 1px solid #605551;
	width: 483px;
}

body#articles div#about h5 {
	font-size: 1.2em;
}
ol.code {
	margin: -20px 0 10px 0;
	padding: 10px;
	padding-left: 30px;
}

ol.code li {
	margin: 1px;
	padding-left: 3px;
	font-family: "courier new";
	font-size: 1.2em;
}

ol.code li code.level1 {
	margin-left: 15px;
}

ol.code li code.level2 {
	margin-left: 30px;
}

ol.code li code.level3 {
	margin-left: 45px;
}

ol.code li code.level4 {
	margin-left: 60px;
}

ol.code li code.level5 {
	margin-left: 75px;
}

ol.code li code.level6 {
	margin-left: 90px;
}

div#footer div#bottomMenu {
	float: left;
}

div#footer div#bottomMenu ul {
	display: inline;
	margin: 0;
}

div#footer div#bottomMenu ul li {
	float: left;
	margin-right: 10px;
}

div#footer div#bottomMenu ul li a {
	color: #5f5551;
}

div#footer div#smallPrint {
	float: right;
}

body#downloads div.wallpaper h4, body#downloads div.wallpaperTest h4, body#rollpaper div#contentInner div#about h4, body#rollpaperDocs div#contentInner div#about h4 {
	float: none;
}


body#downloads div.wallpaper {
	padding: 10px 0 0 0;
	clear: both;
}

body#downloads div.wallpaperTest {
	padding: 10px 0 0 0;
	float: left;
	width: 300px;
}

body#downloads div.alt {
	float: right;
	text-align: right;
}

body#downloads div.wallpaper p, body#downloads div.wallpaperTest {
	margin: 5px 0;
	font-size: 1.2em;
}

body#downloads div#latest p, body#downloads div#latest ul {
	margin: 10px 0;
	font-size: 1.2em;
}

body#downloads div#latest ul li {
	width: 100px;
	float: right;
	text-align: right;
}

body#downloads div.wallpaper a.thumb, body#downloads div.wallpaperTest a.thumb {
	display: block;
	width: 211px;
	height: 150px;
	border: 5px solid #4d413c ;
	float: left;
	margin: 0 10px 0 0;
	background-position: 0 0;
	text-decoration: none;
}

body#downloads div.alt a.thumb {
	float: right;
	margin: 0 0 0 10px;
}

body#downloads div.wallpaper a.thumb:hover, body#downloads div.wallpaperTest a.thumb:hover {
	background-position: 0 150px;
}

body#downloads div.wallpaper ul li, body#downloads div.wallpaperTest ul li {
	margin: 5px 0;
}

body#downloads div.wallpaperTest h4 {
	clear: both;
}

div.file {
	clear: both;
	font-size: 1.1em;
}

div.file strong {
	font-weight: bold;
}

div.file span {
	float: left;
	display: block;
	padding: 4px 3px 3px 3px;
	height: 16px;
}

div.file span img {
	float: left;
	margin-right: 5px;
	margin-top: -1px;
}

div.odd span {
	background: #e4dacb;
}

div.file span.name {
	width: 350px;
	display: block;
}

div.file span.size, div.file span.ext, div.file span.date {
	width: 80px;
}

span.desc {
	font-weight: normal;
}

div.services a {
	margin-right: 6px;
	margin-bottom: 10px;
	float: left;
}

div.services a#logoa {
	margin-right: 0;
}

body h4 a:hover {
	color: #000;
}

body div#latest a#mainimage img {
	border: 1px solid #4d413c;
}

body div#latest a#mainimage:hover img {
	border: 1px solid #c8c5c4;
}

body#rollpaper div#contentInner p {
	margin: 0 0 10px 0;
}

ul.downloads, ol.downloads {
	font-size: 1.1em;
	list-style: square;
	margin: 0 0 10px 15px;
}

ul.downloads li, ol.downloads li {
	padding: 3px;
}

div#index {
	padding: 20px;
}

body#rollpaperDocs ul.downloads {
	margin: 15px 15px 15px 30px;
}

ol.downloads {
	margin: 15px 0 15px 20px;
	list-style-type: decimal;
}

a#downloadsTab {
	display: block;
	height: 200px;
	position: absolute;
	top: 210px;
	left: 667px;
	width: 34px;
	text-indent: -9000px;
	background: url( http://www.bencardy.co.uk/images/downloadTab.gif ) no-repeat 0 0;
	color: #40322e;
	text-decoration: none;
}

a#downloadsTab:hover, a#downloadsTab:focus {
	background-position: -34px 0;
}