body {
	background: #141430;
	margin: 0;
	padding: 0;
}
p,ul,ol,li,td,h1,h2,h3,h4,h5,h6,div,form {
	margin: 0;
	padding: 0;
	list-style: none;
	_height: 0;
	min-height: 0;
	font-family: Tahoma, Verdana, Arial, Helvetica, 'sans-serif';
}

a {
	color: #6969AC;
	text-decoration: none;
	border-bottom: 1px dotted #999;
}
a:hover {
	color: #333;
	background: #CCC;
}


/* Frame */
.frame {
	padding: 80px 0 0 0;
	width: 920px;
	margin: 0 auto;
	background: url('bg.gif') 540px top no-repeat;
}

/* Left */

.left {
	width: 560px;
	background: #FFF;
	float: left;
	padding: 10px 0 0 0;
}
.left h4 {
	font-size: 24px;
	font-weight: normal;
	font-family: Georgia, 'Times New Roman', serif;
	text-transform: uppercase;
	padding: 163px 20px 6px 19px;
	color: #FFF;
	background: url('header1-bg.gif') 10px 0 no-repeat;
	margin: 0 0 16px 0;
}

.lessons h4, .projects h4, .contact h4 {
	background: url('header2-bg.gif') 10px 0 no-repeat;
}

.left p {
	font-size: 13px;
	line-height: 18px;
	color: #666;
}
.left li {
	color: #666;
	font-size: 11px;
	line-height: 14px;
	background: url('li-bg.gif') left 6px no-repeat;
	padding: 0 0 3px 8px;
}
.left p, .left ul {
	padding: 0 20px 12px 20px;
}

/* Right */

.right {
	width: 320px;
	/* margin: 310px 0 0 600px; */
	margin: 220px 0 0 600px;
}
.right p {
	color: #FFF;
	font-size: 14px;
	line-height: 20px;
}

.right #topnav {
	padding: 0 0 20px 0;
}
.right #topnav li {
	font-size: 14px;
	line-height: 20px;
}
.right #topnav li a {
	font-weight: bold;
	color: #EEE4A9;
	text-decoration: none;
	border-bottom: 1px dotted #666;
}
.right #topnav li a:hover {
	color: #FFF;
	/* background: #000; */
	border-bottom: 1px dotted #FFF;
}