/* reset (Eric Meyer, resetting again) */
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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/********************************************************/

html {
	background-color: #2f2f2f;
}

body {
	margin: 0 auto 0 auto;
	background-image: url('img/interim-background.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	width: 1024px;
	height: 740px;
	border: 1px solid #555;
	
	font-family: Arial, sans-serif;
	color: #fff;
	font-size: 10px;
}

#rap {
	/*width: 950px;
	height: 685px;*/
	width: 920px;
	height: 680px;
	background-image: url('img/interim-rapbg.png');
	background-position: top center;
	background-repeat: no-repeat;
	margin: 10px auto 20px auto;
	padding: 15px;
}

#logo {
	display: block;
	margin: 0 auto 0 auto;
}

#intro {
	display: block;
	width: 405px;
	height: 100px;
	margin: 15px auto 0 auto;
	
	background-image: url('img/interim-intro.png');
	background-position: top left;
	background-repeat: no-repeat;
	
	text-indent: -9000px;
	overflow: hidden;
}

#banner {
	width: 875px;
	height: 60px;
	background-image: url('img/interim-banner.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	
	margin: 10px auto 0 auto;
	border: 1px solid #ccc;
}

.col {
	/*width: 210px;
	height: 345px;*/
	/*width: 195px;*/
	height: 380px;
	float: left;
	margin-left: 18px;
	margin-top: 15px;
	margin-bottom: 8px;
	/*border: 1px solid red;*/
}

/*#col1 {
	width: 270px;
}

#col2 {
	width: 210px;
}

#col3 {
	width: 310px;
}*/

#continue {
	clear: both;
	display: block;
	width: 360px;
	height: 21px;
	margin: 5px auto 0 auto;
	
	background-image: url('img/interim-continue.png');
	background-position: top 2px;
	background-repeat: no-repeat;
	
	text-indent: -9000px;
	overflow: hidden;
	
	border-bottom: 1px dotted #eee;
}

#heading1, #heading2, #heading3 {
	display: block;
	height: 24px;
	margin-bottom: 10px;
	
	background-position: top left;
	background-repeat: no-repeat;
	
	text-indent: -9000px;
	overflow: hidden;
}

#heading1 {
	width: 95px;
	background-image: url('img/interim-heading-aboutus.png');
}

#heading2 {
	width: 105px;
	background-image: url('img/interim-heading-contactus.png');	
}

#heading3 {
	width: 140px;
	background-image: url('img/interim-heading-ownersmeet.png');
}

#content-aboutus, #content-contactus, #content-ownersmeet-1, #content-ownersmeet-2 {
	display: block;
	
	background-position: top left;
	background-repeat: no-repeat;
	
	text-indent: -9000px;
	overflow: hidden;
}

#content-aboutus {
	width: 285px;
	height: 340px;
	background-image: url('img/interim-content-aboutus.png');
}

#content-contactus {
	width: 230px;
	height: 340px;
	background-image: url('img/interim-content-contactus.png');
}

#content-ownersmeet-1 {
	width: 330px;
	height: 270px;
	background-image: url('img/interim-content-ownersmeet-1.png');
}

#content-ownersmeet-2 {
	width: 330px;
	height: 70px;
	background-image: url('img/interim-content-ownersmeet-2.png');
}