@charset "utf-8";
/* CSS Document */


/* ------------------------- RESET CSS ---------------------------- */
body {
  background:#e5eced;
	padding: 0;
	margin: 0;
	font: 13px Arial, Helvetica, Garuda, sans-serif;
	*font-size: small;
	*font: x-small;
}
h1, h2, h3, h4, h5, h6, ul, li, em, strong, pre, code {
	padding: 0;
	margin: 0;
	line-height: 1em;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}
strong{font-weight:bold;}
table {font-size: inherit;font: 100%;}
ul {
  list-style: none;
  margin:1em 0 1em 1em;
}
li{
	background:transparent url('../img/dot.gif') left 7px no-repeat;
	_background-position:left 6px;
	padding:3px 3px 3px 10px;
}
img {border: 0;}
p {margin: 1em 0;}
/*--------------------- end  RESET CSS------------------ */

#Header{
	background:#e5eced url('../img/header-bg.gif') left top repeat-x;
	border-bottom:1px solid #bc5a33;
	color:#fff;
	font-size:11px;
	height:68px;
	padding:12px 0 0 35px;
}

#Content{
	background:#bdc3c3 url('../img/content-gradient.gif') left top repeat-x;
  border-top:1px solid #fff;
}


#AboveFold{
	background:transparent url('../img/content-bg.jpg') center top no-repeat;
	border-bottom:1px solid #494b4b;
	height:640px;
	margin:0 auto;
	padding:27px 0 0 0;
	| padding-top:22px;
	width:933px;
}

	.controlLeft{
		display:block;
		float:left;
		margin:160px 40px 0 22px;
	  | margin-right:20px;
	}
	
	.appContainer{
		float:left;
		
		width:668px;
		overflow:hidden;
	}
	 
	.appArea{
		margin-left:0;
	}
	  
		li.appListing{
			background-image:none;
			float:left;
			margin-left:0;
			padding-left:0;
			width:668px;
		}
	    
			.appImage{
				float:left;
				background:transparent url('../img/iphone.png') left top no-repeat;
				height:247px;
				padding:69px 26px 123px 29px;
				width:166px;
			}  
	
			.appDetails{
			  color:#494949;
				float:left;
				font-size:11px;
				margin:65px 0 0 40px;
				width:405px;
			}
			
			.appDetails h2{
				background:url('../img/featured-app-copy.gif') left top no-repeat;
				border-bottom:2px solid #ad3100;
				color:#35393a;
				font-weight:bold;
				height:0;
				overflow:hidden;
				padding-top:15px;
				width:88px;
			}
	
			.appDetails h3{
				font-weight:bold;
			}	
	
			.appDetails h3.title{
				color:#000;
				font-size:48px;
				font-weight:bold;
				padding-top:10px;
			}
			
			#Clocked .appDetails h3.title{
				background:url('../img/clocked-copy.gif') left top no-repeat;
				height:0;
				margin:14px 0 18px;
				overflow:hidden;
				padding-top:47px;
				width:197px;
			}			
	
			.appDetails p{
			  line-height:15px;
				margin-bottom:16px;
			}	
			
			.appDetails ul{
				margin-top:9px;
			}		

			.appDetails li{
				margin-bottom:9px;
			}				
			
	.controlRight{
		display:block;
		float:left;
		margin:160px 0 0 40px;
		margin-left:20px;
	}

#BelowFold{
	border-top:1px solid #262727;
	margin:0 auto;
	padding:0;
	width:933px;
}
	
	#BelowFoldInner{
	  background:url('../img/column-edge.gif') left top repeat-x;
		border-top:1px solid #494b4b;
		margin:0;
		padding:0 1px;
		width:931px;
		height:380px;
	}
	
		.leftColumn{
			background:url('../img/column-bg.gif') left top repeat-x;
			color:#494949;
			float:left;
		  font-size:11px;
			height:380px;
			width:596px;	
		}
		
		  .leftColumn h2{
				background:url('../img/taktak-copy.gif') left top no-repeat;
				height:0;
				margin:22px 0 0 22px;
				overflow:hidden;
				padding-top:18px;
				width:205px;
			}
			
		  .leftColumn h3{
			  font-weight:bold;
			  margin-left:22px;
			}
			
		  .leftColumn p{
			  line-height:15px;
				margin-bottom:16px;
				margin-left:22px;
			}	
			
		  .leftColumn ul{
			  margin-left:22px;
				margin-top:9px;
			}		
			
		  .leftColumn li{
			  background-position:left 9px;
				_background-position:left 8px;
			  line-height:15px;
				margin-bottom:4px;
			}						
		
		.rightColumn{
			background:url('../img/column-bg.gif') left top repeat-x;
			float:left;	
			width:335px;
			height:380px;
		}
		
		  .rightColumn h2{
				background:url('../img/got-an-idea-copy.gif') left top no-repeat;
				height:0;
				overflow:hidden;
				margin:22px 0 4px 24px;
				padding-top:48px;
				width:200px;
			}		
		
		  .rightColumn label{ 
			  color:#494949;
				display:block;
			  font-size:11px;
				font-weight:bold;
				margin-left:24px;
				margin-top:11px;
			}
			
			.rightColumn label.error {
			  color: #f00;
			}	
			
			.rightColumn label span.error {
			  color: #f00;
			  display:inline;
				margin-left:3px;
				font-style:italic;
			}
			
			.rightColumn label span.valid {
			  color: #0a0;
				display:none !important;
			}			
			
		  .rightColumn input.textInput{
			  background:url('../img/input-bg.gif') left top no-repeat;
				border-width:0;
			  display:block;			
				margin-left:24px;
				margin-top:4px;
				padding:3px;
				width:285px;
			}
			
			.rightColumn input.error {
			  background:url('../img/input-error-bg.gif') left top no-repeat;
			}	
			
		  .rightColumn textarea.textArea{
			  background:url('../img/input-bg.gif') left top no-repeat;
			  border-width:0;
				display:block;
				height:82px;			
				margin-bottom:8px;
				margin-left:24px;
				padding:3px;
				width:285px;
			}			
			
			.rightColumn .orangeButton{
			  background:url('../img/button-orange-left.gif') left top no-repeat;
				float:right;
				height:29px;
				margin-right:22px;
				_margin-right:10px;
				overflow:hidden;
				padding:0;				
			}
			
				.rightColumn .orangeButton a{
				  background:url('../img/button-orange-right.gif') right top no-repeat;
					color:#fff;
					display:block;
					margin-left:6px;
					padding:5px 8px 8px 5px;
					text-decoration:none;
				}
				
				.rightColumn .orangeButtonInner{					
					display:block;
					font-weight:bold;
				} 			

#Footer{
	background:#e5eced url('../img/footer-bg.gif') left top repeat-x;
	border-top:2px solid #9ca0a1;
	color:#fff;
	font-size:11px;
	height:28px;
	padding:16px 0 0 35px;
}