html { 
	font:normal 100.1%/1.5 'Comic Sans MS','Trebuchet MS',Arial,Helvetica,sans-serif;
	height:100%;
	margin-bottom:1px
}
body {
	font-size:.95em;
	margin:0;
	padding:0;
	width:100%;
	min-height:100%;
	background:#ffd url(images/bg-body.png) repeat-y fixed;
	color:#000;
	position:absolute;
}
h1 {
	font-size:1.5em;
	margin:0 0 .5em 0;
	padding:.5em 0;
	border-bottom:1px solid #9c6;
	color:#693;
	background-color:inherit;
	font-weight:normal
}
h1 span {
	font-size:.75em;
	display:block
}
h2 {
	font-size:1.2em;
	color:#f1b;
	background-color:inherit;
	margin:0 0 1em 0;
	font-weight:normal
}
h3 {
	font-size:1em;
	color:#693;
	background-color:inherit;
	margin:0;
	font-weight:bold
}
ul {
	margin:0 0 1em 1.25em;
	padding-left:0;
}
#menu {
	position:fixed;
	top:0;
	left:0;
	width:240px;
	background:transparent url(images/bg-menu1.png) no-repeat right top;
	line-height:1em;
	font-size:.9em;
	font-weight:bold;
	padding:200px 0 0 10px;
} 
#menu ul {
	list-style:none;
	margin:0;
	padding:0 30px 130px 0;
	width:190px;
	background:transparent url(images/bg-menu2.png) no-repeat right bottom;
}
#menu li { width:160px;}
#menu a, #menu span {
	text-decoration:none;
	display:block;
	width:100%;
	margin:.25em 0 0 ;
	padding:.25em .5em
}
#menu a {
	color:#693;
	background-color:#fff;
	border:2px solid #693
}
#menu span { 
	color:#fff;
	background-color:#fc0;
	border:2px solid #fff;
}
#menu a:hover {
	color:#ffc;
	background:#f1b;
	border-color:#fff
}
#content {
	margin:0 0 0 200px;
	padding:0 .5em 50px 50px
}
#content p { max-width:35em }
#feature {
	width:200px;
	float:right;
	margin:0 0 1em 3em;
}
#footer {
	clear:both;
	border-top:1px solid #9c6;
	font-size:.75em;
	position:absolute;
	bottom:0;
	padding-right:1em;
}
#footer p {
	margin:0;
	padding:.25em 0
} 
#footer p.designer {
	float:right;
	margin-left:2em
}
#footer p.copyright { float:left;}
#layouts {
	margin:0;
	padding:0;
	list-style:none;
}
#layouts li {
	float:left;
	width:152px;
	height:148px;
	margin:0 1em 1em 0;
	padding:0
}
#layouts img {
	width:150px;
	height:146px;
	border:1px solid #363
}
dl { margin:.5em 0 }
dt {
	margin:0 0 .5em 0;
	padding:0;
	font-weight:bold;
	width:6em;
	clear:left;
	float:left
}
dd { margin:0 0 .5em 7em }

/* Clear elements with floats */
  dl:after, #feature:after, #layouts:after { display:block;content:"";height:0;clear:both;}

/* MSIE 6 Hacks */  
  * html #menu { position:absolute }
  * html body { height:100% }
  * html #layouts { height:1% }

/* MSIE 5 PC Hacks \*/
  * html #FOOTER { position:static }
  * html #MENU { padding-left:0;width:250px }
  * html #MENU li { width:170px }
/* End hacks */