/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	/*background: url("http://www.c-21.co.uk/furniture/yellow.jpg") repeat;*/
	
}
body {
	line-height: 1;
	background: url("http://www.c-21.co.uk/furniture/yellow_background.jpg") repeat-y ;
	background-position:center;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* =Layout
-------------------------------------------------------------- */

#container {
	margin: 0 auto;
	width: 940px;
	height:630px;
	position:relative;
	background-color:#ffde00;
}

#header {
	padding: 30px 90px 0 30px;
	position:relative;
}

.branding #logo {
    background: url("http://www.c-21.co.uk/furniture/c21_logo_reverse.jpg") no-repeat;
    display: block;
    height: 40px;
    right: 0;
    overflow: hidden;
	float:right;
    text-indent: -2000em;
    width: 86px;
}

#spaceman {
	position:absolute;
	top:140px;
	left:100px;
	width:330px;
	height:630px;
	background: url("http://www.c-21.co.uk/furniture/spaceman.jpg") no-repeat;
}

#content {
	position:absolute;
	top:220px;
	right:74px;
	width:350px;
	font-family: "Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
	font-weight:bold;
}

#content h2 {
	font-size:41px;
	font-weight:bold;
	margin-bottom:40px;
}
#content p {
	font-size:20px;
	margin-bottom:5px;
	}
	
#navigation {
	margin-top:40px;
}

#navigation ul {list-style: none; padding:0; margin:0; }

#navigation li {float:left; display: inline; margin: 0 20px 0 0; }

#navigation li a { margin:0; text-decoration:none; font-weight: bold; color:#000; }

#navigation li a:hover, #navigation li a.current {color: #929497; text-decoration:none; }

#footer {float:left; font-family: Helvetica, Arial, Geneva, sans-serif; font-size:11px; font-weight:normal; margin:250px 0 20px 0; width:240px;
}

#footerCopy ul {list-style: none; padding:0; margin:0; }
	
/*#footerCopy li {float:left; display: inline; margin: 0 14px 5px 0; }*/
#footerCopy li {margin: 0 0 5px 0; }

.pipe {margin: 0 3px; color:#ffde00} 

.clear {clear:both;}

.bold {font-weight:bold;}

#contact {float:right; font-family: Helvetica, Arial, Geneva, sans-serif; font-size:11px; font-weight:normal; margin-top:250px; width:110px;
}

#contactCopy ul {list-style: none; padding:0; margin:0; }
	
/*#contactCopy li {float:left; display: inline; margin: 0 0 5px 0; }*/
#contactCopy li {margin: 0 0 5px 0; }

#footerLogos {width:350px; height:66px; clear:both; margin-top:20px;  }
/*#footerLogos a {display:inline; float:left; padding-left:20px; }*/

.clear {clear:both;}
	
#footerLogos #ipa {
    background: url("http://www.c-21.co.uk/images/ipa_logo_sm.png") no-repeat;
    display: block;
	width: 62px;
    height: 35px;
    overflow: hidden;
	text-indent: -2000em;
	position:absolute; bottom:0; left:0px;
}

#footerLogos #rar {
    background: url("http://www.c-21.co.uk/images/rar_logo_sm.jpg") no-repeat;
    display: block;
	width: 65px;
    height: 35px;
    overflow: hidden;
	text-indent: -2000em;
	position:absolute; bottom:0; left:82px;
}

#footerLogos #mpa {
	background: url("http://www.c-21.co.uk/images/mpa_logo_sm.png") no-repeat;
    display: block;
	width: 58px;
    height: 66px;
    overflow: hidden;
	text-indent: -2000em;
	position:absolute; bottom:0; left:170px;
}