/*-------------------------------------------------------

	doc title: stylesheet
	filename: primary.css
	author: www.jbmoss.com - D Petrie
	date: 19/11/2007
	
	-----------------------
	
	1. master reset
	2. typography
	3. listography
	4. base structure
	5. navigation
	6. forms
	
	
-------------------------------------------------------*/


										/* ---------- 1. master reset ---------- */ 

* {
	padding			: 0;
	margin			: 0;
	border			: 0px solid red;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address, table {
	margin			: 1em 5%;
}
li, dd {
	margin-left		: 5%;
}
fieldset {
	padding			: .5em;
}

										/* ---------- 2. typography ---------- */ 

p {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 0.7em;
	color			: #FFFFFF; 
}
p a {
	color			: #FFFFFF;
	text-decoration	: none; 
}
p a:hover {
	color			: #C8C9C9;
	text-decoration	: none;
}
h1 {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 0.7em;
	color			: #FFFFFF; 
}
.copy {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 0.6em;
	color			: #D0CECE;
}
.copy a {
	color			: #D0CECE;
	text-decoration	: none;
}
.copy a:hover {
	color			: #C8C9C9;
	text-decoration	: none;
}

										/* ---------- 3. listography ---------- */ 
										
.acc {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 0.7em;
	color			: #FFFFFF;
}

										/* ---------- 4. base structure ---------- */ 

html {
}
body {
	font-size		: 100%;
	background 		: #2B2B2B;
}
#wrap {
	margin			: 0 auto 0 auto;
	width			: 738px;
}
#header { 
	height			: 80px;
	text-align		: right;
	background		: #2B2B2B;
	margin			: 0 0 15px 0;
}
#main_col {
	position		: relative;
	width			: 738px;
	height			: 500px;
}
#nav {
	border			: 1px solid #C8C9C9;
	width			: 145px;
	float			: left;
	padding			: 5px 5px 5px 0px;
	height			: 500px;
	background		: #2B2B2B;
}


#content {
	border			: 1px solid #C8C9C9;
	width			: 549px;
	float			: left;
	margin			: 0 0 0 15px;
	padding			: 5px 10px 5px 10px;
	height			: 500px;

}

#cards {
	position		: absolute;
	right			: -90px;
	bottom			: -110px;
	z-index 		: 2;
}

#footer {
	width			: 730px;
	text-align		: left;
	padding			: 10px 10px 0 0;
}



#clear {
	clear			: both;
}
										/* ---------- 5. navigation ---------- */ 
										
#nav li {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 0.7em;
	color			: #FFFFFF;
	list-style		: none;
}
#nav li a {
	color			: #FFFFFF;
	text-decoration	: none;
}
#nav li a:hover {
	color			: #C8C9C9;
	text-decoration	: none;
}


										/* ---------- 6. forms ---------- */ 
.box {
	width			: 300px;
	text-align		: left;
}