/*//////////////////////////////////////////////////////////
	Homepage specific
//////////////////////////////////////////////////////////*/

	/* general */
	body {
		background:#000000;
	}
	
	/* container for all content */
	#home {
		width:996px;
		margin:0 auto;
	}
	
/*//////////////////////////////////////////////////////////
	Sliding Banner
//////////////////////////////////////////////////////////*/
	
	#banner {
		height:329px;
		overflow:hidden;
		margin:0 0 7px 0;
		position:relative;
		background:url(images/home/banner.jpg) no-repeat top left;
	}
	
	#banner #banners {
		height:276px;
		overflow:hidden;
		margin:0 1px;
		position:relative;
	}
	
	#banner #banners .box {
		height:276px;
		width:994px;
		overflow:hidden;
		position:absolute;
		top:0;
		left:0;
	}	
	#banner #banners .box h2 {
		text-indent:-9999px;
		height:70px;
		width:400px;
		margin:70px 0 0 45px;
		background-repeat:no-repeat;
		background-position:top left;
	}
	#banner #banners .box p {
		font-family:Trebuchet MS;
		font-size:1.2em;
		line-height:1.8em;
		width:400px;
		padding:0 0 0 45px;
		color:#fffefe;
	}
	#banner #banners .box p a {
		color:#afca31;
		text-decoration:underline;
	}
	#banner #banners .box p a:hover,
	#banner #banners .box p a.hover {
		text-decoration:none;
	}
	
	#banner #upload,
	#banner #publish,
	#banner #signup {
		display:none;
	}
	
	#banner #banners #streaming h2 {
		background-image:url(images/home/headings/iweb-streaming.gif);
	}
	#banner #banners #streaming {
		background:url(images/home/bannerbits/video.jpg) no-repeat top right;
	}
	#banner #banners #demo-video {
		/*position: absolute;
		top: 0;
		right: 0px;*/
		float: right;
	}	
	#banner #banners #upload h2 {
		background-image:url(images/home/headings/upload.gif);
	}
	#banner #banners #upload {
		background:url(images/home/bannerbits/upload.jpg) no-repeat right bottom;
	}
	
	#banner #banners #publish h2 {
		background-image:url(images/home/headings/publish.gif);
	}
	#banner #banners #publish {
		background:url(images/home/bannerbits/publish.jpg) no-repeat bottom left;
	}
	#banner #banners #publish h2,
	#banner #banners #publish p {
		margin-left:520px;
		padding-left:0;
	}
	
	#banner #banners #signup h2 {
		background-image:url(images/home/headings/trial1.gif);
	}
	#banner #banners #signup {	
		background:url(images/home/bannerbits/free.jpg) no-repeat bottom left;
	}
	#banner #banners #signup h2,
	#banner #banners #signup p {
		margin-left:520px;
		padding-left:0;
	}
	
	#banner ul {
		position:absolute;
		height:53px;
		bottom:0; 
		left:0;
	}
	#banner ul li {
		list-style:none;
		float:left;
	}
	#banner ul li a {
		display:block;
		outline:0;
		text-indent:-9999px;
		width:248px;
		height:51px;
		margin:1px 0 1px 0;
		border-left:1px solid #363636;
		float:left;
		background-position:20px 0;
		background-repeat:no-repeat;
	}
	#banner ul li a:hover {
		background-position:20px -51px;
	}
	#banner ul li.active a {
		margin-top:0;
		border-top:1px solid #000000;
		background-position:20px -51px;
	}
	#banner ul li#btnstreaming.active a {
		width:247px;
		margin-left:1px;
		background-position:19px -51px;
	}
	
	#banner ul li#btnstreaming a {
		border-left:none;
		background-image:url(images/home/bannerbtns/iweb-streaming.gif);
	}
	#banner ul li#btnupload a {
		background-image:url(images/home/bannerbtns/upload-videos.gif);
	}
	#banner ul li#btnpublish a {
		background-image:url(images/home/bannerbtns/publish.gif);
	}
	#banner ul li#btnsignup a {
		background-image:url(images/home/bannerbtns/signup.gif);
	}
	
/*//////////////////////////////////////////////////////////
	Boxes
//////////////////////////////////////////////////////////*/
	
	/* services */
	#boxes {
		margin:0 0 20px 0;
	}
	
	#boxes div {
		float:left;
		background-repeat:no-repeat;
		background-position:top left;
		position:relative;
		margin:0 6px 5px 0;
		height:137px;
		width:328px;
	}
	#boxes #middle {
		float:left;
		width:328px;
		margin:0 6px 0 0;
		height:279px;
	}
	#home div h2 {
		text-indent:-9999px;
		margin:50px 0 0 15px;
		height:20px;
		padding-bottom:2px;
		background-repeat:no-repeat;
		background-position:top left;
	}
	#boxes div p,
	#boxes div ul li {
		font-size:1.2em;
		line-height:1.4em;
		color:#a7a7a7;
		margin:0 15px;
		padding:0;
		list-style:none;
	}
	#boxes div p {
		margin-bottom:4px;
	}
	#boxes div ul li {
		background:url(images/home/dot.gif) no-repeat 0 7px;
		padding:0 0 0 10px;
		margin-bottom:4px;
	}
	#boxes div p span,
	#boxes div ul li span {
		color:#666666;
	}
	#boxes a.more {
		color:#FFFEFE;
		text-decoration:none;
		padding:0 0 0 15px;
		font-size:1.1em;
	}
	#boxes a.more:hover,
	#boxes a.more.hover {
		color:#afca31;
	}
	
	#boxes #features {
		height:279px;
		background-image:url(images/home/boxes/features.jpg);
	}
	#boxes #features h2 {
		background-image:url(images/home/headings/features.gif);
	}
	
	#boxes #prices {
		background-image:url(images/home/boxes/prices.jpg);
		position:relative;
		margin-right:0;
	}
	#boxes #prices h2 {
		background-image:url(images/home/headings/prices.gif);
	}
	#boxes #prices strong {
		display:block;
		position:absolute;
		height:82px;
		width:144px;
		background:url(images/home/discount.png) no-repeat top left;
		top:-2px;
		right:-2px;
		text-indent:-9999px;
	}
	
	#boxes #trial {
		background-image:url(images/home/boxes/trial.jpg);
		margin-right:0;
	}
	#boxes #trial h2 {
		background-image:url(images/home/headings/trial.gif);
	}
	
	#boxes #login {
		height:279px;
		margin-right:0;
		float:right;
		background-image:url(images/home/boxes/login.jpg);
	}
	#boxes #login h2 {
		background-image:url(images/home/headings/signin.gif);
	}
	#boxes #login p {
		margin-bottom:14px;
	}
	#boxes #login form {
		margin:0 15px;
	}
	#boxes #login form dt {
		display:none;
	}
	#boxes #login form dd {
		display:block;
		height:26px;
		margin:0 0 14px 0;
		background:url(images/home/input.gif) no-repeat top left;
	}
	#boxes #login form dd input {
		background:none;
		border:none;
		margin:5px 0 0 8px;
		width:274px;
		color:#666666;
		font-size:1.2em;
		outline:0;
		line-height:1.2em;
	}
	#boxes #login form dd input:focus {
		color:#a7a7a7;
	}
	#boxes #login form input#submit {
		display:block;
		height:26px;
		width:86px;
		float:left;
		margin:0 6px 0 0;
		text-indent:-9999px;
		font-sizE:0.00001em;
		line-height:0.0001em;
		bordeR:none;
		background:url(images/home/login.jpg) no-repeat top left;
		cursor:pointer;
	}
	#boxes #login form input#submit:hover {
		background-position:Bottom left;
	}
	#boxes #login form p {
		margin:0;
	}
	#boxes #login form p span {
		float:left;
		display:block;
		height:26px;
		line-height:26px;
	}
	#boxes #login form p span a {
		color:#778923;
		text-decoration:underline;
	}
	#boxes #login form p span a:hover {
		text-decoration:none;
	}