* {margin:0;padding:0;}

body {	
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	line-height:1.3em; 
	color:#666;}

a img {border:none;}

a:link, a:visited {color: #0066cc;text-decoration:none;}
a:hover {color:#ff3300;text-decoration:none;}

p {margin:10px 0 10px 0;}

/* neophyte */

/* FFx3.5/Safari/Op10 - Next */  
	@font-face {  
	  font-family: neophyte ;  
	  src: url(http://lydiarobertsdesign.com/Y2K_neophyte.ttf) format("truetype");  
	}  
	 
	/* THEN use like you would any other font */  
	.neophyte { font-family: neophyte, verdana, helvetica, sans-serif;  
	} 

/* nav */

#navlist
{
padding-left: 0;
margin-left: 0;
border-bottom: 0px solid gray;
width: 150px;
}

#navlist li
{
font-size:1.85em;
font-weight:normal;
	margin:0;
	color:#0066cc;
	line-height:1.1em;
list-style: none;
margin: 0;
padding: 0.15em;
}

#navlist ul li a#current {
	color:#666;
}
#navlistsmall li {
	font-size:1em;
	font-weight:normal;
	color:#0066cc;
	line-height:1.1em;
	list-style: none;
	margin-left:20px;
}

#navlist li a { text-decoration: none; }

/* Header */
#header {padding:5px 0 5px 0;
background:url(images/sky.jpg) repeat-x;
	height:300px;
	}
#header #logo {
	width:800px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

#header img.logo {margin-top:35px;}
#header #logo #lang {width:170px;float:right;height:170px;margin-right:60px;}

/* Content Area */

#main {
	width:800px;
	clear:both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#main2 {width:800px;
	margin:0 auto;
	clear:both;
	padding-right:10px;
	padding-left:10px;}

#content {
	width:600px;
	float:left;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 10px;
}

#content h1 {font-family: neophyte, verdana, helvetica, sans-serif;
font-size:1.85em;
font-weight:normal;
	margin:2px 0 2px 0;padding:0;
	line-height:1.1em;}

#content h2 {font-size:1.2em;
	margin:2px 0 2px 0;
	color:#666;}

#content h3 {font-size:1.1em;font-weight:normal;
	margin:15px 0 10px 0;
	color:#666;}

#content pre {font-family:Verdana, Arial, sans-serif;
	margin:15px 0 15px 0;
	line-height:0.9em;
	font-size:0.9em;
	color:#010ACE;}

#content ul {list-style:square;
	margin:10px 0 10px 20px;
	list-style-position:inside;}
#content li {line-height:1.2em;
	font-size:0.9em;}

#content #list {width:200px;float:left;}
#content #screenshots {width:200px;float:right;padding-top:15px;}

#content #screenshots p {margin:5px 0 0 0;font-size:0.8em;}

/* Sidebar */
#sidebar {
	width:150px;
	float:left;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 0;
}

#sidebar ul {list-style:none;}

#sidebar h2  {font-size:1.2em;
	margin:5px 0 8px 0;
	color:#999;}

#sidebar img {margin-right:3px;}
#sidebar img.digg {padding-top:5px;}

/* Footer */
#footer {background: url('images/footer.gif') repeat-x;
	color:#ccc;
	font-size:11px;
	font-family:Verdana, Arial, sans-serif;}

#footer2 {
	color:#ccc;
	font-size:11px;
	font-family:Verdana, Arial, sans-serif;
	height:140px;}

#footer a, #footer2 a {color:#999;
	text-decoration:none;}
#footer a:hover, #footer2 a:hover {color:#999;
	text-decoration:underline;}
#footer a:visited, #footer2 a:visited  {color:#999;
	text-decoration:none;}

#footer p, #footer2 p {margin:0 0 15px 0;}
#footer p.axe img, #footer2 p.axe img {margin-bottom:-7px;}

#foot {width:800px;
	margin:0 auto;
	height:140px;
	line-height:1.1em;
	padding:0 10px 0 10px;}

#foot2 {width:800px;
	margin:0 auto;
	height:140px;
	line-height:1.1em;
	padding:0 10px 0 10px;}

#foot #left {width:400px;float:left;padding-top:72px;}
#foot #right {width:250px;float:right;text-align:right;padding-top:72px;}

#foot2 #left {width:450px;float:left;padding-top:45px;}
#foot2 #right {width:250px;float:right;text-align:right;padding-top:45px;}

.title {
    margin:0 30px 40px 20px;	
}

/* Easy Slider */

	#slider, #slider2, #slider3 {		border:1px solid #ddd;
}	
	#slider ul, #slider li, #slider2 ul, #slider2 li, #slider3 ul, #slider3 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li { 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:550px;
		height:320px;
		overflow:hidden;
		padding-left:5px;
		}	
		
		
		#slider2 li{ 
		width:550px;
		height:350px;
		overflow:hidden; 
		padding-left:5px;

		}	
		
		#slider3 li{ 
		width:550px;
		height:330px;
		overflow:hidden; 
		padding-left:5px;

		}	
				
		
	p#controls, p#controls2{
		margin:0;
		position:relative;
		} 
	
	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:-160px;
		}	
	#nextBtn, #nextBtn2{ 
		left:550px;
		}														
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
		display:block;
		width:30px;
		height:77px;
		background:url(images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #nextBtn2 a{ 
		background:url(images/btn_next.gif) no-repeat 0 0;	
		}	
		
/* numeric controls */	

	ol#controls, ol#control2 {
		margin:1em 0;
		padding:0;
		height:25px;	
		}
	ol#controls li, ol#control2 li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a, ol#control2 li a{
		float:left;
		height:25px;
		line-height:25px;
		border:1px solid #ccc;
		background:#eee;
		color:#0066cc;
		padding:0 8px;
		text-decoration:none;
		}
	ol#controls li.current a, ol#control2 li.current a{
		background:#999;
		color:#fff;
		}
	ol#controls li a:focus, ol#control2 li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/* Classes */

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    visibility: hidden;
}
img {
border:0px;
}

.bold {
	font-weight:bold;
}

.left {
	float:left;
}

.right {
	float:right;
}