body {
	text-align:center;
	background:#333;}

#wrapper {
	position:relative;
    margin: 10px auto;
	padding:0;
	width:760px;
	height:612px;
	background: #666;
	text-align:left;
	border:#222 1px solid;
	}
	
#content-main {
	position:absolute;
	top:0;
	left:295px;
	width:465px;
	height:612px;
	overflow:hidden;}


	
#header {
	position:absolute;
	top:0px;
	left:0px;
	text-indent:-9999em;
	height:60px;
	width:295px;
	background-image:url(images/logo.png);
	}
	
#nav-main {
	position: relative;
	top:410px;
	left:10px;
	height:200px;
	width:200px;
	background:url(images/nav.png) left top;}

#nav-main ul {
	position:relative;
	left:0px;
	top:0px;
	margin:0;
	width:200px;
	height:200px;
	padding:0;}

#nav-main ul li{
	list-style-type:none;}
	
#nav-main	ul li a {
	display: block;
	height:20px;
	width:200px;
	overflow:hidden;
	text-indent:-9999px;}

#nmh1 {
	position:absolute; top: 0;}
#nmh2 {
	position:absolute; top: 20px;}
#nmh3 {
	position:absolute; top: 40px;}
#nmh4 {
	position:absolute; top: 60px;}
#nmh5 {
	position:absolute; top: 80px;}
#nmh6 {
	position:absolute; top: 100px;}
#nmh7 {
	position:absolute; top: 120px;}
#nmh8 {
	position:absolute; top: 140px;}
#nmh9 {
	position:absolute; top: 160px;}
#nmh10 {
	position:absolute; top: 180px;}

	
#nmh1:hover {
	background: url(images/nav.png) -201px 0 ;}
/*#nmh2:hover {
	background:url(images/nav.png) -200px -20px;}*/
#nmh3:hover {
	background:url(images/nav.png) -201px -40px;}
#nmh4:hover {
	background:url(images/nav.png) -201px -60px;}
#nmh5:hover {
	background:url(images/nav.png) -201px -80px;}
#nmh6:hover {
	background:url(images/nav.png) -201px -100px;}
#nmh7:hover {
	background:url(images/nav.png) -201px -120px;}
#nmh8:hover {
	background:url(images/nav.png) -201px -140px;}
#nmh9:hover {
	background:url(images/nav.png) -201px -160px;}	
#nmh10:hover {
	background:url(images/nav.png) -201px -180px;}		
	

	
	
/*  
  
	reset
                       
				 */	
	
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;}


a img { border: none; }

a {outline:none;}	
	
/*  
  
	images
                       
				 */	

	
img {
	float:right;
	margin:0 0 0 10px ;}	
	
img.right {
	float:right;
	margin:0 10px;}
	
img.left {
	float:left;
	margin:0 10px;}
	

img.top-img {
	margin-top:-36px;}	

/*
            
   Typography
    
                 */
	
html {
	font-size:16px;}
	
html>body {font-size: 10px;	}	
	   
body { 
	font-size: 62.5%; 
	font-weight:normal;
	font-family: Helvetica, Arial, sans-serif;}

#content-main p, #content-main ul li {
	font-size:1.6em;
	line-height:1.25em;
	font-family: "Lucida Grande", "Lucida Sans", sans-serif;}
	
p {
	margin-bottom:0.625em;
	margin-right:10px;
	color:#111;}
	
#content-main ul li {
	list-style-type:none;
	color:#b2b2b2;
	display:inline;}

h2 {
	font-size:2em;
	font-weight:900;
	line-height:1;
	margin-bottom:0pt;
	margin-left:-0.05em;
	color:#000;}	

h4 {/*
	font-size:2em;
	margin:0.5em 0 0;
	line-height:1;*/
	color:#111111;
	font-size:1.6em;
	font-weight:bold;
	margin-top:10px;}

ul {
	margin-right:10px;}	
	
.embed {
	position:relative;
	text-indent:-9999px;}