#content .top .home
{
	position: relative;
	overflow: hidden;
	width: 939px;
	padding: 0;
}
	#content .top .home .drk
	{
		position: absolute;
		right: -4px;
		bottom: 19px;
	}
	#content .home .left
	{
		float: left;
		padding: 27px 0 30px 60px;
		width: 360px;
		overflow: hidden;
	}
		#content .home h1
		{
			font-size: 45px;
			overflow: hidden;
			line-height: 1em;
			letter-spacing: -2px;
			padding: 32px 0 0 3px;
		}
		#content .home  .text 
		{
			font-size: 17px;
			line-height: 22px;
			color:#909090;
			overflow: hidden;
			text-transform: uppercase;
			padding: 10px 0 25px 6px;
		}
			#content .home  .text  ul
			{
				list-style-type: none;
				padding: 0;
				margin: 0;
			}
			#content .home  .text  ul li
			{
				list-style-type: none;
				background: url(../image/checkmark.png) no-repeat;
				padding: 4px 0 6px 43px;
			}
		#content .home  .info 
		{
			padding: 0 0 0 6px;
		}
		#content .home .button
		{
			position:relative;
			left: -1px;
			margin: 0 0 0 4px;
		}
	#content .home .right
	{
		float: left;
		width: 480px;
		overflow: hidden;
	}
	
#teasers
{
	margin: auto;
	width: 960px;
	position: relative;
	top: -34px;
}
	#teasers .teaser,
	#teasers .loginteaser
	{
		float: left;
		width: 282px;
		height: 148px;
		padding: 15px 13px 10px 25px;
		background: url(../image/teaser.bg.green.gif) no-repeat;
	}
	#teasers .teaser
	{
		cursor: pointer;
	}
	#teasers .purple
	{
		background: url(../image/teaser.bg.purple.gif) no-repeat;
	}
	#teasers .grey
	{
		background: url(../image/teaser.bg.grey.gif) no-repeat;
	}
		#teasers .loginteaser .text,
		#teasers .teaser .text
		{
			color: #ffffff;
			font-size: 23px;
			line-height: 1em;
			padding: 0 0 8px 3px;
		}
		#teasers .teaser .text
		{
			height: 106px;
			padding: 0 0 0 3px;
		}
		#teasers .loginteaser .form
		{
			height: 106px;
		}
			#teasers .loginteaser .form .field
			{
				padding: 0 0 4px 3px;
				position: relative;
			}
				#teasers .loginteaser .form .field div
				{
					position: absolute;
					top: 1px;
					#top: 2px;
					left: 4px;
					#left: 3px;
					width: 219px;
					padding: 4px 2px 0 6px;
					#padding: 3px 2px 0 6px;
					height: 20px;
					font-family: "Trebuchet MS", arial;
					color: #686868;
					font-size: 11px;
					background: url(../image/input.bg.gif) repeat-x;
					cursor: text;
				}
				#teasers .loginteaser .form .field .input
				{
					width: 219px;
					height: 19px;
					overflow: hidden;
					padding: 3px 4px 2px 4px;
					margin: 0;
					color: #686868;
					font-family: "Trebuchet MS", arial;
					font-size: 11px;
					background: url(../image/input.bg.gif) repeat-x;
					border: 1px solid #58575c;
				}
		#teasers .teaser .text a, 
		#teasers .teaser .text a:hover
		{
			color: #ffffff;
			text-decoration: none;
		}
		#teasers .loginteaser .link a,
		#teasers .teaser .link a
		{
			color: #ffffff;
			font-size: 14px;
			text-transform: uppercase;
			text-decoration: none;
			height: 23px;
			padding: 8px 0 0 29px;
			display: block;
		}
		#teasers .loginteaser .link a:hover,
		#teasers .teaser .link a:hover
		{
			color: #2B2B2B;
		}
		#teasers .green .link a:hover
		{
			background: url(../image/btn.arrow.hover.gif) no-repeat 0 11px;
		}
		#teasers .purple .link a:hover
		{
			background: url(../image/btn.arrow.purple.hover.gif) no-repeat 0 11px;
		}
		#teasers .grey .link a:hover
		{
			background: url(../image/btn.arrow.grey.hover.gif) no-repeat 0 11px;
		}
		
