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

RESET

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

body, html, h1, h2, h3, h4, h5, h6, p, ul, li, ol, img, {
	margin:0;
	padding:0;
	border:0;
}

ul, li, ol {
	list-style:none;
}

:focus {
	outline:none;
}

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

MAIN

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

body {
	background: #3e4246;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
}

h1, h2 {
	font-size:20px;
	font-style:italic;
	font-weight:bold;
	margin:0 0 0 0;
	padding:5px 0 0 0;
}

h3 {
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase;
	margin:50px 0 0 0;
}

h4 {
	font-size:11px;
	font-weight:bold;
}

p {
	margin:0;
	font-size:11px;
	line-height:18px;
}

.clear {
	clear:both;
}

a {
	color:#fff;
	font-size:11px;
}

ul {
	margin:0 0 50px 0;
}

ul li {
	font-size:11px;
	line-height:20px;
}

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

LAYOUT

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

#wrapper {
	position:relative;
	width:700px;
	height:auto;
	margin:0 auto;
}

#header {
	position:relative;
	height:50px;
	width:100%;
}

#hLeft {
	width:330px;
	height:50px;
	padding:0 10px;
	float:left;
	text-align:right;
	background:#1f2123;
	color:#fff;
}

#hRight {
	width:330px;
	height:50px;
	padding:0 10px;
	float:right;
	background:#9fa1a3;
	color:3000;
}

#content {
	background:url(img/cBg.gif) repeat-y;
	height:auto;
}


#cLeft {
	position:relative;
	width:330px;
	height:auto;
	padding:10px;
	float:left;
	text-align:right;
	background:#000;
	color:#fff;
}

#cLeft p {
	font-size:11px;
	margin:0 0 10px 0;
	text-transform:lowercase;
}

#cRight {	
	position:relative;
	width:330px;
	height:auto;
	padding:10px;
	float:right;
	background:#fff;
}

#cRight img {
	margin:0 0 10px 0;
}