
/* -- GENERIC -- */ 

	html, body { height:100%; }
	body { margin:0; padding:0; background:url(../images/bg.gif) repeat-x #000000; font:0.8em tahoma, geneva, verdana, helvetica, sans-serif; color:#fff; }
	hr   { display:none; }
	h1   { color:#999999; font-size:1.8em; margin:0 0 10px 0; padding:0; }
	h2   { color:#ffffff; font-size:1.6em; margin:40px 0 0 0; padding:0; }
	h3   { font-size:1.15em; color:#fff; margin:0; padding:0; display:block; border-bottom:1px solid #fff; }
	p    { line-height:1.2em; margin:15px 0 0 0; }
	a    { color:#c2deff; text-decoration:none; }
	a:hover { color:#fff; text-decoration:underline; }
	.title { border-bottom:1px solid #fff; display:block; }

	.orange { color:#FF7F00; }
	.grey { color:#bbb; }
	.lightblue { color:#c2deff; }
	.featurebox { border:1px dotted #c2deff; width:250px; padding:5px; margin:auto; background-color:#333; }
	.menu { border:1px dotted #c2deff; width:626px; padding:5px; margin:auto; background-color:#333; }
	#content-left { float:left; width:390px; text-align:left; padding:15px; }
	#content-full { float:left; width:600px; text-align:left; padding:15px; }
	#content-right { width:180px; float:left; text-align:left; padding:15px; }
	
	/* Basic Layout */
	#wrapper   { height:100%; top:0; bottom:0; left:0; right:0; }
	#container   { width:636px; height:405px; margin:auto; background:url(../images/picture.jpg) top no-repeat; }

	h1 { display:none; }
	
	#content { margin:auto; width:636px; padding-top:150px; }
	
	/* Page Content */
	#primary-content   { padding:0 0 15px 0; }
	#sidebar-content { padding:0; margin:0; }
	#footer-content { padding:22px 0 0 0; color: #d57300; font-size:0.8em; }

	/* Top Navigation */
	
	#top-navigation { width:770px; height:18px; padding:0; background:url(../images/navigation.gif); position:absolute; display:inline; }
	#top-navigation li { display:block; list-style:none; position:absolute; background:url(../images/navigation.gif) no-repeat left top; }
	#top-navigation li, #top-navigation a { display:block; height:18px; }
	#top-navigation strong { display:none; }
	#top-navigation a span { display:block; width:0; height:0; overflow:hidden; }
	#top-navigation a:hover { border:0; }
	
	#top-navigation #mitem1 { top:0; left:307px; width:63px; background-position:-307px 0; }	
	#top-navigation #mitem2 { top:0; left:370px; width:85px; background-position:-370px 0; }	
	#top-navigation #mitem3 { top:0; left:455px; width:97px; background-position:-455px 0; }	
	#top-navigation #mitem4 { top:0; left:552px; width:119px; background-position:-552px 0; }	
	#top-navigation #mitem5 { top:0; left:671px; width:63px; background-position:-671px 0; }
	#top-navigation #mitem6 { top:0; left:734px; width:36px; background-position:-734px 0; }
	
	#top-navigation #mitem1 a:hover { background:url(../images/navigation.gif) no-repeat -307px -18px; }	
	#top-navigation #mitem2 a:hover { background:url(../images/navigation.gif) no-repeat -370px -18px; }
	#top-navigation #mitem3 a:hover { background:url(../images/navigation.gif) no-repeat -455px -18px; }
	#top-navigation #mitem4 a:hover { background:url(../images/navigation.gif) no-repeat -552px -18px; }
	#top-navigation #mitem5 a:hover { background:url(../images/navigation.gif) no-repeat -671px -18px; }
	#top-navigation #mitem6 a:hover { background:url(../images/navigation.gif) no-repeat -734px -18px; }