* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	background: #fff url(../images/page-bg.gif) center top repeat-y;
	color: #555;
	font: 62.5% Arial, sans-serif; /* Resets 1em to 10px */
}
img {
	border: none;
}
#page {
	width: 900px;
	margin: 0 auto 0;
}
#header {
	height: 60px;
	padding: 20px;
}
h1 {
	font: bold 2.5em Georgia, Times, "Times New Roman", serif;
	color: #418ebb;
	text-indent: 300px;
}
h1 span {
	font: bold .7em "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}
#container {
}
#content {
	float: right;
	width: 590px;
	padding: 0 0 60px 0;
}
#content h2 {
	margin: 30px 0 0;
	padding: 0 0 10px 0;
	color: #418ebb;
	font-size: 1.8em;
}
#content h3 {
	margin: 40px 0 6px 0;
	padding: 12px 0 0 0;
	color: #418ebb;
	font-size: 1.6em;
	border-bottom: 1px solid #418ebb;
}
#content h4 {
	margin: 6px 0 0 0;
	padding: 0 0 10px 0;
	color: #418ebb;
	font-size: 1.4em;
}
#content p, #content ul {
	padding: 0 0 10px 0;
	font: 1.5em/150% Verdana, Arial, Helvetica, sans-serif;
}
#content ul {
	list-style-type: circle;
	list-style-position: inside;
	margin: 0 0 0 26px;
}
#content code {
	padding: 0 2px;
	color: #000;
	background: #cddeed;
	font: 100% Courier, "Courier New", monospace;
}
#content a, #content a:visited, #content a:hover {
	color: #418ebb;
}
#content a:hover {
	text-decoration: none;
}
#sidebar {
	float: left;
	width: 270px;
	color: #eee;
}
#navigation a, #navigation a:visited, #navigation a:hover {
	color: #eee;
	text-decoration: none;
}
#navigation {
	padding: 0 30px 0 60px;
}
#navigation h2 {
	padding: 0 0 10px 0;
	text-align: center;
	font-size: 1.8em;
}
#navigation ul {
	list-style: none;
	border-top: 1px solid #3581ae;
	padding: 0 0 30px;
}
#navigation ul li {
	border-bottom: 1px solid #3581ae;
	background: #418ebb;
}
#navigation ul li a {
	display: block;
	padding: 6px 0 6px 22px;
	font-size: 1.6em;
}
#navigation ul li:hover {
	background: #5099c4;
}
#navigation ul li ul li {
	background: #5099c4;
	border-right: 1px solid #3581ae;
}
#navigation ul li ul li:hover {
	background: #68a9ce;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, #container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, #container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, #container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }