/* CSS Document - Gleent Innovative Technologies */

*
{
	margin: 0;
	outline: none;
	padding: 0;
}
body
{
	font: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #fffce6;
	color: #333;
	min-width: 960px;
	text-align: center;
}
a:link, a:visited, a:hover, a:active 
{
	text-decoration: none;
}
#Wrapper 
{
	background: url(../images/wrapper.gif) repeat-y;
	margin: 0 auto;
	text-align: left;
	width: 940px;
}
#Wrapper2
{
	background: #ffa1ff;
	margin: 0 auto;
	text-align: left;
	width: 940px;
}
/* ------------------------------------------------ Header ------------------------------------------------ */
#Header
{
	background: url(../images/header.jpg) no-repeat; 
	height: 220px;
	position:relative;
}
		/* General */
	#cssdropdown, #cssdropdown ul { list-style: none; }
	#cssdropdown, #cssdropdown * { padding: 0; margin: 0; }
	
	/* Head links */
	#cssdropdown li.headlink { width: 180px; float: left; margin-left: -1px; border: ; background-color: #; text-align: center; }
	#cssdropdown li.headlink a { display: block; padding: 10px;  font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; }
	#cssdropdown li.headlink a:hover {text-decoration: underline;}

	/* Child lists and links */
	#cssdropdown li.headlink ul { display: none; border-top:; text-align: left; }
	#cssdropdown li.headlink:hover ul { display: block; }
	#cssdropdown li.headlink ul li a { padding: 5px; height: 17px;  font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff;}
	#cssdropdown li.headlink ul li a:hover { background-color: #00d2ff; }
	
	/* Pretty styling */
	#cssdropdown a { color: #fff; } 
	#cssdropdown ul li a:hover { text-decoration: none; }
	#cssdropdown li.headlink { background-color:#; background-image: url(); }
	#cssdropdown li.headlink ul { background: #0088ff; background-image: url(); background-position: bottom; padding-bottom: 10px; }
/* ------------------------------------------------ Content ------------------------------------------------ */
#Content
{
	float: right;
	width: 620px;
	padding:20px 10px 20px 0;	
	 color: #fff;
	 font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#Content2
{
	float: right;
	width: 100%;
	padding:20px 10px 20px 0px;
	margin: 0 auto;	
	color: #fff;
		font: 20px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
	#WelcomeContent
	{
		float: left;
		width:614px;
		margin-bottom:20px;
		position:relative;
		
	}
	#WelcomeContent h2
	{
		color: #fff;
		background: url(../images/welcome.gif) no-repeat;
		font: 18px/129px "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-indent: 15px;
		height: 238px;
	}
	#WelcomeContent p
	{
	position:absolute;
	top:80px;
	left:15px;
	color: #fff;
	font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 280px;
	}
	#PrimaryContent
	{
		float: left;
		width: 292px;
	}
	#PrimaryContent h2
	{
		color: #fff;
		text-indent: 10px;
		font: bold 20px/66px "Trebuchet MS", Arial, Helvetica, sans-serif;
		height: 66px;
		border-bottom:1px dashed #fff;
	}
	#PrimaryContent .quiz h2
	{			
		background: url(../images/quiz.jpg) no-repeat;
	}
	#SecondaryContent .task h2
	{		
		background: url(../images/task.jpg) no-repeat;
	}
	#PrimaryContent .task h2 .gecko, .quiz h2 .gecko
	{		
		color: #fff;		
	}
	#PrimaryContent .quiz, #PrimaryContent .task
	{		
		background:url(../images/) repeat-y;
		margin-bottom:20px;		
	}	
	#PrimaryContent .quiz p, #SecondaryContent .task p
	{
		background: url(../images/) no-repeat left bottom;
		font: 15px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
       color: #fff;
		padding: 10px 0px 20px 10px;
		margin-right: 20px;
		width:262px;
	}
	#SecondaryContent h2
	{
		color: #fff;
		text-indent: 10px;
		font: bold 20px/66px "Trebuchet MS", Arial, Helvetica, sans-serif;
		height: 66px;
		border-bottom:1px dashed #fff;
	}
	#SecondaryContent
	{
		float: right;
		width: 292px;
		margin-right:10px;
	}
	#SecondaryContent a
	{
		color: #fff;
	}
	#SecondaryContent a:hover 
	{
		text-decoration:underline;
	}
	#SecondaryContent .task
	{
		background: url(../images/) repeat-y;
		margin-bottom:20px;				
	}
	#SecondaryContent .two h2
	{
		padding-top: 15px;
		background: url(../images/task.jpg) no-repeat;
	}
	#SecondaryContent .two p
	{
		background:url() no-repeat left bottom;
		padding: 20px;
		margin-right: 0px;
	}
#body_content_inner
	{
	padding-left: 30px;
	}
	#body_content_inner2
	{
	padding: 0 40px 0 40px;
	}
	.innerContent ol
	{
	margin-left:30px;
	}
	.innerContent h2
	{
		padding-top: 10px;
		padding-bottom: 10px;
        color: #fff;
		font: 22px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
		border-bottom:1px dashed #fff;
	}
	.innerh2
	{
		padding-top: 10px;
		padding-bottom: 10px;
		margin-bottom: 20px;
        color: #fff;
		font: 22px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
		border-bottom:1px dashed #fff;
	}
	.innerContent h3
	{
		font: 18px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #fff;
	}
	.innerContent p
	{
		padding-top: 20px;
		padding-bottom: 20px;
        color: #fff;
		font: 15px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	.innerContent li
	{
		color: #fff;
		font: 15px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
/* ------------------------------------------------ SideContent ------------------------------------------------ */
#SideContent
{	
	float: left;
	padding: 0 0 20px 0;
	width: 280px;
}
	.primarySideContent h2
	{
		background: url(../images/top.gif) no-repeat left top;
		text-indent: 10px;
		padding-top: 15px;
	}
	.primarySideContent
	{
		background:url() no-repeat left bottom;
		list-style:none;
		margin-bottom: 20px;
		padding-bottom: 15px;
	}
	.primarySideContent li
	{
		padding: 0 20px 0 20px;
	}
	.primarySideContent li a
	{
		background:url(../images/menu2.gif) left top;
		display: block;
		height: 39px;
		width: 200px;
		line-height: 39px;
		color: #000;
		text-decoration:none;
		text-indent: 40px;		
	}
	.primarySideContent li a:hover, a:active
	{
		background:url(../images/menu2.gif) right top;
		color: #FFF;		
	}
	.secondarySideContent
	{
		background:url(../images/.gif) repeat-y;
		color: #fff;
	}
	.secondarySideContent a
	{
		color: #fff;
	}
	.secondarySideContent a:hover
	{
		text-decoration: underline;
	}
	.secondarySideContent h2
	{
		font: bold 24px/55px "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-indent: 20px;		
		height:55px;
		border-bottom:1px dashed #fff;
		margin-bottom:10px;
	}
	.secondarySideContent h2.price
	{
		background: url(../images/sideh2.gif) no-repeat left top;
	}
	.secondarySideContent h2.nature
	{
		background: url(../images/nature.gif) no-repeat left top;
	}
	.secondarySideContent p
	{
		font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
		background:url(../images/sidefoot.gif) no-repeat right bottom;
		padding: 0 20px 20px 20px;
		margin-bottom: 20px;
	}
#Footer
{
	background: url(../images/footer.gif) repeat-x;
	clear: both;
	height: 60px;
	position:relative;
}
#Footer ul
	{
		list-style: none;
		width: 100%;
		height: 32px;
		position:absolute;		
		left: 300px;	
	}
	#Footer ul li
	{
		float: left;
	}
	#Footer ul a 
	{
		
		font: 14px/35px "Trebuchet MS", Arial, Helvetica, sans-serif;
		display: block;
		padding: 0 20px;
		text-decoration: none;
		color: #c15f00;
	}
	#Footer ul a:hover
	{
		text-decoration:underline;
	}
	#Footer p
	{
		font: 12px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #f9e76a;
		position:absolute;
		bottom:0;
		left: 320px;
	}