body {
		    background: black url(/images/bg.jpg) no-repeat;
		    border:0;
		    margin:0;
		    padding:0;
		    background-position-x: -7%;
		    background-position-y: 0;
		    min-width: 700px;
		    font:14px/1.3em "HelveticaNeue-Light",sans-serif;
		}
    	
 		a {
 			border: 0;
 			color: #aaa;
 			text-decoration:none
 		}
		a:hover, a:visited {
			text-decoration:none
			color: #ccc;
		}

    	div, label, input, form, fieldset {
    		position: relative;
    		display:block;
    		border:0;
    		margin:0;
    		padding:0;
    	}
    	
    	.c {
    		clear:both;
    		width:0;
    		height:0;
    	}
    	
    	#banner {
    		position: fixed;
    		z-index: 1000;
    		width:100%;
    		height:26px;
    		background: rgba(220, 220, 220, 1);
			background: -webkit-gradient(linear, left bottom, left top, from(rgba(155,155,155,1)), color-stop(0.50, rgba(220, 220, 220, 1)), to(rgba(220, 220, 220, 1)));
			border-bottom: 1px solid rgba(50, 50, 50, 1);
			-webkit-transition: all 1000ms;
    	}
    	
    	#banner #tinypower {
    		float:left;
    		width:22px;
    		height:22px;
    		margin: -2px 2px -4px 4px;
    		background: url(/images/new_tiny.png) no-repeat;
			-webkit-transition: all 1000ms;
			-webkit-transform: rotate(0deg);
    	}
    	
		#banner:hover #tinypower {
			-webkit-transition: all 1000ms;
			-webkit-transform: rotate(360deg);
		}

    	
    	#banner #madeBy {
    		float:left;
    	}
    	
    	#banner #cart {
    		float:right;
    		border:1px solid gray;
    		background-color: rgba(200,200,200,0.5);
			-webkit-border-radius:10px;
			margin:-7px 15px 0px 0px;
			padding:0px 7px 0px 7px;
    	}
    	#banner #cart a {
    		border:0; margin:0; padding:0;
    	}
    	
    	#banner #tinyicons {
			float:left;
    		width:128px;
    		height:22px;
    		margin:-2px 0px -2px 20px;
    		margin-left:20px;
    		mragin-bottom:-2px;
    		background-image: url(/images/tinyicons.png);
    	}
    	
    	#banner a {
    		position: relative;
    		display: block;
    		width: 100%;
    		margin:0;
    		padding: 5px 20px 5px 20px;
    		border: 0;
    		width: 100%;
    		color: #333;
    	}
    	
    	#mainColumn {
    		margin:0 auto;
    		width:800px;
    	}
    	
    	
    	#bamboo {
    		position: absolute;
    		top:0;
    		left:0;
    		width:350px;
    		height:850px;
    		opacity:0.5;
    		background-image: url(/images/bamboo.png);
    		background-repeat: no-repeat;
    		background-position-x: 0px;
    	}
    	
    	
    	#icon {
    		position: absolute;
    		top:135px;
    		right:458px;
    		width:184px;
    		height:274px;
    		background-image: url(/images/kiwi-bigger.png);
    		background-repeat: no-repeat;
    		background-position-x: 0px;
			-webkit-transition: all 3000ms;
			z-index: 100;
    	}
    	
    	
    	#icon:hover {
    		background-position-x: 80px;
			-webkit-transition: all 200ms;
    	}
    	
    	
/* sidebar */
    	
    	#sidebar {
    		float:left;
    		margin-top:410px;
    		width:320px;

    		color:#999;
    	}
    	
    	.mid {
    		width:89%;
    		margin:30px auto;
    		border:1px solid rgba(64, 64, 64, 0.5);
    		background-color: #aaa;
    		background-color: rgba(0, 0, 0, 0.25);
    		-webkit-border-radius:5px;
    		-moz-border-radius:5px;
    		font-size: 0.90em;
    		background: -webkit-gradient(radial, 50 -50, 0, 100 -200, 400, from(rgba(255,255,255,0.15)), to(rgba(255,255,255,0)));
   	}
    	
    	.buttonColumnLeft {
   			float:left;
   			width: 44%;
   			margin-left: 5%;
   			text-align: center;
   		}
   		
   		.buttonColumnRight {
   			float:right;
   			width: 44%;
   			margin-right: 5%;
   			text-align: center;
  		}
  		
   		#sidebar h3 {
   			color: #ccc;
   			margin:5px 0px 15px 10px;
   			
   		}
   		
   		#sidebar h4 {
   			margin:15px 10% 2px 10%;
   		}
   		
   		#sidebar p {
   			margin:0px 10% 25px 10%;
   		}
   		
   		#sidebar h3 {
			text-shadow:	0px 2px 10px rgba(0, 0, 0, 0.5);
   			margin:5px 0px 15px 10px;
   			
   		}
   		
		#sidebar hr {
    		margin:30px auto;
    		display: block;
    		height:1px;
    		width:90%;
    		border:0;
    		background-color: rgba(0, 0, 0, 0.75);
		}
		
		#sidebar a {
			color: rgba(165, 185, 65, 1.0);
		}
 
		#sidebar a:hover {
			color: rgba(205, 225, 105, 1.0);
		}
 
 
 
 		#sidebar ul {
 			position: relative;
 			display: block;
 			margin: 0 auto;
 		}
 		
 		#sidebar li {
 			position:relative;
 			display:block;
 			width: 64px;
 			height: 48px;
 			margin: 0px 5px;
 			float: left;
 			list-style: none;
 			list-style-image: none;
  			text-align: center;
		}
 		
 		#sidebar li a {
 			position:relative;
 			display:block;
 			width: 32px;
 			height: 32px;
 			margin: 0 auto;
 		}
 		
 		#clementine {background: url(/images/clem.png) no-repeat;}
 		#wood {background: url(/images/wood.png) no-repeat;}
 		#glass {background: url(/images/glass.png) no-repeat;}
 
 		#sidebar .badge {
 			display:block;
 			margin:0 auto 20px auto;
 			border: 3px solid #ccc;
 		}
 
 
 
    	#content {
    		margin-top:75px;
    		margin-bottom:25px;
    		float:right;
    		width:454px;
    		border:2px solid rgba(64, 64, 64, 0.5);
    		background-color: #aaa;
    		background-color: rgba(128, 128, 128, 0.5);
    		-webkit-border-radius:5px;
    		-moz-border-radius:5px;
			color:#eee;
    	}
    	
    	#contentGradTop {
    		position: absolute;
    		height:35px;
    		width:100%;
			background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.25)), to(rgba(255,255,255,0)));
    		-webkit-border-radius:5px;
    		-moz-border-radius:5px;
    	}
    	
    	#contentGradLogo {
    		position: absolute;
    		width:100%;
    		height:400px;
    		background: -webkit-gradient(radial, 100 -150, 0, 100 -200, 400, from(rgba(255,255,255,0.75)), to(rgba(255,255,255,0)));
    		-webkit-border-radius:5px;
    		-moz-border-radius:5px;
    	}
    	
    	#contentTop {
    		background: url(/images/kiwi_logo_black_zip.png) no-repeat;
    		height: 77px;
    		padding: 25px 0px 15px 30px;
    		background-position: 25px 15px;
    	}
    	
    	#contentMiddle {
    		margin:0 auto;
    		padding-left: 25px;
    		padding-right: 25px;
    		width: 400px;
    	}
    	
    	
    	#contentBottom {
     		margin:0 auto 40px auto;
    		width: 100%;
    	}
    	
    	
    	
    	
    	
    	#screens {
    	
    		
    	}
    	
    	
    	
    	
    	
    	.column {
    		width:120px;
    		float:left;
    	}
    	
    	#col2, #col3 {margin-left:20px;}
    	
    	.column .columnContent {
    	}
    	
    	#content h1 {
    		font-weight: normal;
    		font-size:1.75em;
    		text-align: center;
			text-shadow:	0px 2px 10px rgba(0, 0, 0, 0.5);

    	}
    	
    	#content h2 {
     		font-weight: normal;
	   		font-size: 1.3em;
    		margin:20px 0px 5px 0px;
    		text-align: center;
			text-shadow:	0px 2px 10px rgba(0, 0, 0, 0.5);
    	}
    	
    	#content h3 {
    		font-size: 1.15em;
    		color: #333;
    		margin:20px 0px 5px 0px;
    	}
    	
    	#content p {
    		font-size: 0.9em;
    	}
    	
    	#content hr {
    		margin:30px auto;
    		display: block;
    		height:2px;
    		width:90%;
    		border:0;
    		background-image: url(/images/rule.png);
    		background-repeat: repeat-x;
    	}
    	
    	
    	
    	/*for the movie*/
    	
		.movie .shotImage {
    		position:relative;
    		display:block;
    		width:300px;
    		height:177px;
    		border:5px solid white;
    		margin:0 auto;
     		-webkit-box-shadow:0px 2px 8px rgba(0, 0, 0, 0.75);
     		-moz-box-shadow:0px 2px 8px rgba(0, 0, 0, 0.75);
			overflow:hidden;
			-webkit-transition: all 1000ms;
   		}
   		
		.movie .shotImage:hover {
     		-webkit-box-shadow:	0px 10px 15px rgba(0, 0, 0, 0.5);
     		-moz-box-shadow:	0px 10px 15px rgba(0, 0, 0, 0.5);
			-webkit-transition: all 200ms;
		}

    	.movie .shotImageOverlay {
    		width:300px;
    		height:177px;
			-webkit-transition: all 1000ms;
 			opacity:1;
  		}
   		
    	.movie .shotImageOverlay:hover {
			-webkit-transition: all 200ms;
			opacity:0;
   		}
   		
   		   		
   		.movie #movieShot					{background-image: url(images/movie_hover.jpg);}
   		.movie #movieShot .shotImageOverlay	{background-image: url(images/movie_idle.jpg);}

    	
    	/* for the screenshots */
    	
    	
    	.column .shotImage {
    		position:relative;
    		display:block;
    		width:110px;
    		height:65px;
    		border:5px solid white;
    		margin:0 auto;
     		-webkit-box-shadow:0px 2px 8px rgba(0, 0, 0, 0.75);
     		-moz-box-shadow:0px 2px 8px rgba(0, 0, 0, 0.75);
			overflow:hidden;
			-webkit-transition: all 1000ms;
   		}
   		
		.column .shotImage:hover {
     		-webkit-box-shadow:	0px 10px 15px rgba(0, 0, 0, 0.5);
     		-moz-box-shadow:	0px 10px 15px rgba(0, 0, 0, 0.5);
			-webkit-transition: all 200ms;
		}

    	.column .shotImageOverlay {
    		width:110px;
    		height:65px;
			-webkit-transition: all 1000ms;
 			opacity:1;
  		}
   		
    	.column .shotImageOverlay:hover {
			-webkit-transition: all 200ms;
			opacity:0;
   		}
   		
   		   		
   		#themeShot		{background-image: url(/images/customizable_hover.jpg);}
   		#accountShot	{background-image: url(/images/flexible_hover.jpg);}
   		#ruleShot		{background-image: url(/images/powerful_hover.jpg);}
    	
   		#themeShot .shotImageOverlay	{background-image: url(/images/customizable_idle.jpg);}
   		#accountShot .shotImageOverlay	{background-image: url(/images/flexible_idle.jpg);}
   		#ruleShot .shotImageOverlay		{background-image: url(/images/powerful_idle.jpg);}
   		
   		.button {
   			margin:0 auto;
   			width:137px;
   			height:40px;
			-webkit-transition: all 600ms;
 			opacity:1;
   		}
   		
   		.button.hover {
			-webkit-transition: all 600ms;
			opacity:0;
   		}
   		
   		.button.hover:hover {
			-webkit-transition: all 200ms;
			opacity:1;
   		}
   		
   		.button.buy.idle		{background-image:url(/images/button_buy_idle.png);}
   		.button.buy.hover		{background-image:url(/images/button_buy_hover.png);}
   		
   		.button.download.idle	{background-image:url(/images/button_download_idle.png);}
   		.button.download.hover	{background-image:url(/images/button_download_hover.png);}
   		
   		
   		
   		
   		/* features */
   		
   		.feature {
			clear:left;
			margin: 40px;
			font-size:1em;
   		}
   		
   		.feature p, .feature h4 {
   			margin: 0 20px 0 44px;
   		}
   		
   		.feeature p {
   		}
   		
   		.feature h4 {
			font-weight: normal;
   		}
   		
   		.feature .bullet {
   			float:left;
   			width:24px;
   			height: 24px;
   			margin:0px 10px;
   			background-image: url(/images/kiwifruiticon24.png);
   		}
   		
   		.feature #rules		{background-image: url(/images/feature_rules.png); background-repeat: no-repeat; background-position: center;}
   		.feature #accounts	{background-image: url(/images/feature_accounts.png); background-repeat: no-repeat; background-position: center;}
   		.feature #searches	{background-image: url(/images/feature_searches.png); background-repeat: no-repeat; background-position: center;}
   		.feature #images	{background-image: url(/images/feature_images.png); background-repeat: no-repeat; background-position: center;}
   		.feature #retweets	{background-image: url(/images/feature_retweets.png); background-repeat: no-repeat; background-position: center;}
   		.feature #groups	{background-image: url(/images/feature_groups.png); background-repeat: no-repeat; background-position: center;}
   		.feature #api		{background-image: url(/images/feature_api.png); background-repeat: no-repeat; background-position: center;}
   		
   		
   		
   		
   		
   		
   		
   		
   		
   		#signUp {margin:30px 10px;}
    	
    	#footer {
    		margin:5px auto;
    	    width:700px;
    		color:#666;
    		clear:both;
    	}
    	
    	#copyright {
    		font-size: 0.8em;
    		text-align: center;
   		}
    	

    	#bodyWrapper {
    		width:100%;
    		overflow:hidden;
    		min-height: 800px;
    	}