/** sprite: design-sprite; sprite-image: url('../images/design-sprite.png'); sprite-layout: vertical*/

body, p, div, ul, li, h1, h2, h3, h4
{
	padding: 0;
	margin: 0;
	font-size: 100%;
}
html
{
	overflow-y: scroll;
}
body
{
	background: #f0f0f0 url('/images/background_image.gif') 0 0 repeat-x;
	font: normal 12px Arial;
}
ul, li
{
	list-style-type: none;
}
a
{
	text-decoration: none;
}
img
{
	border: 0;
}
.clear
{
	float: none !important;
	clear: both !important;
	font-size: 0 !important;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}

#site
{
	width: 960px;
	margin: 0 auto;
}
#top
{
	
	position: relative;
	
}
.tip
{
	height: 73px;
	background: transparent url('/images/inner_strip.png') 0 0 no-repeat;
}
.ti
{
	height: 366px;
	background: transparent url('/images/main_image.png') 0 0 no-repeat;
}

	#top .l
	{
		position: absolute;
		top: 0;
		left: 33px;
		z-index: 2;
	}
	#top .links
	{
		position: absolute;
		top: 12px;
		right: 5px;
		color: #666;
	}
		#top .links a
		{
			color: #666;
			margin: 0 2px;
			font-size: 13px;
		}
		#top .links a:hover, #top .links a.active
		{
			color: #ff6600;
		}
	#top .go
	{
		display: block;
		position: absolute;
		top: 89px;
		right: 50px;
		width: 219px;
		height: 219px;
		background: transparent url('/images/go_btn.png') 0 0 no-repeat;
		text-decoration: none;
	}
		#top .go span
		{
			visibility: hidden;
		}
	#footer { background: transparent url('/images/go_btn_over.png') -1000px -1000px no-repeat; } /* PRELOAD */
	#top .go:hover
	{
		background-image: url('/images/go_btn_over.png'); /** sprite-ref: design-sprite */ 
	}
		#top .go:hover b
		{
			color: #ff6600;
		}
	
	#top #mf
	{
		position: absolute;
		top: 39px;
		left: 0;
		z-index: 1;
	}
	#top #mf object, #top #mf embed
	{
		z-index: 1;
	}
	#top #mf #fov
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 685px;
		height: 327px;
		cursor: pointer;
		zoom: 1;
		background: #fff;
		filter: alpha(opacity=1);
		opacity: 0.01;
	}

#middle
{
	background: #fff;
}

.sections
{
	padding: 18px;
	border: 1px solid #d0d0d0;
	margin-bottom: 14px;
}
	.sections .s
	{
		float: left;
	}
	.sections .apiSection
	{
		width: 32%;
	}	
	.sections .widgetSection
	{
		width: 38%;
	}
	.sections .examplesSection
	{
		width: 30%;
	}
	.sections .s .c
	{
		margin-left: 18px;
		height: 124px;
	}
	.sections .apiSection .c
	{
		margin-left: 0px;
	}
	.sections .widgetSection .c
	{		
		border-right: 1px dotted #666;
		border-left: 1px dotted #666;
		padding-left: 16px;							
		padding-right: 18px;
	}
		
	.sections a, .txtpage a
	{
		color: #3b5f6d;
	}
	.sections a:hover, .txtpage a:hover
	{
		color: #19a4d8;
	}
	.txtpage a
	{
		text-decoration: underline;
	}
	
	.sections .read_more
	{
		color: #f98532;
		position:absolute;	
		margin-top: 29px;
		font-size: 11px;
	}
	
	.sections .read_more:hover
	{
		color: #19a3d7;		
	}
	
	.sections .apiSection .read_more
	{
		position: relative; 
		top: -16px;  
		left: 227px;		
	}
	

	.sections .s h2
	{
		padding-bottom: 7px;	
		font-size: 18px;
		font-weight: normal;	
		color: #3b5f6f;
	}	
	.sections .s p
	{
		line-height: 17px;
		color: #7f7f7f;
		width: 150px;	
		font-size: 12px;			
	}
	
	.sections .apiSection p
	{
		line-height: 17px;
		position:relative;
		top: 71px;
		left: 125px;
		color: white;
		width: 150px;			
	}
	
	.sections .apiSection p:hover
	{
		color: black;
	}
	
	.sections .s .go
	{
		float: right;
		position: relative;
		height: 124px;		
		width: 124px;		
		background: transparent url ('') 0 0 no-repeat;		
	}
		.sections .s .go span
		{
			visibility: hidden;
		}
		.sections .s .go b
		{
			font-size: 13px;
			position: absolute;
			bottom: 4px;
			right: 6px;
			color: #fff;
			font-weight: normal;
		}
		.sections .s .go:hover b
		{
			color: #ff6600;
		}		

	.sections .apiSection .go { 
		background-image: url('/images/api.gif'); /** sprite-ref: design-sprite */
		float: left;
		width: 297px;		
	}
	.sections .apiSection .go:hover { 
		background-image: url('/images/api_over.gif'); /** sprite-ref: design-sprite */
	}
	
	.sections .widgetSection .go { background-image: url('/images/widgets.gif'); /** sprite-ref: design-sprite */}
	.sections .widgetSection .go:hover { background-image: url('/images/widgets_over.gif'); /** sprite-ref: design-sprite */}
	.sections .examplesSection .go { background-image: url('/images/examples.gif'); /** sprite-ref: design-sprite */}
	.sections .examplesSection .go:hover { background-image: url('/images/examples_over.gif'); /** sprite-ref: design-sprite */}


	#main
	{
		height: 517px;
		border: 1px solid #d0d0d0;		
	}
	
	#main #left
	{
		background-color: #f3f3f3;	
	}	
	
	#main h2
	{		
		font-size: 18px;
		font-weight: normal;			
	}
	
	#main .title
	{
		height: 28px;
		line-height: 28px;
		padding-left: 13px;
	}
	
	#main .sectionTitleLight
	{
		background-color: #e3e3e3;
		color: #858585;		
	}
	
	#main .sectionTitleDark
	{
		background-color: #858585;
		color: white;
	}

	#main .upper
	{
		height: 211px;
	}

	#main #facebook
	{
		
	}
	
	#main .lower
	{
		height: 250px;
	}

	#main #apps
	{
			
	}
		#main #apps .s
		{
			height: 105px;				
		}
		
		#main #apps .s .c
		{			
			padding: 15px;	
		}
				
		#main #apps .a1,.a2
		{
			border-bottom: 1px solid #d0d0d0;		
		}
		
		#main #apps .s .c p
		{
			font-size: 14px;
			line-height: 14px;
			width: 500px;
			color: #7f7f7f;			
		}	
		
		#main #apps .s .c a span
		{
			visibility: hidden;	
		}
		
		#main #apps .s .c a b {
			color:white;
			font-size:10px;
			left:-14px;
			position:relative;
			top:27px;
		}
		
		#main #apps .s .c .go
		{
			float:right;
			width: 74px;
			height: 74px;			
		}
			
		#main #apps #taggerGo  { background-image: url('/images/aroow_blue.gif'); /** sprite-ref: design-sprite */}
		#main #apps #taggerGo:hover  { background-image: url('/images/aroow_blue_over.gif'); /** sprite-ref: design-sprite */}
		#main #apps #finderGo  { background-image: url('/images/aroow_green.gif'); /** sprite-ref: design-sprite */}
		#main #apps #finderGo:hover  { background-image: url('/images/aroow_green_over.gif'); /** sprite-ref: design-sprite */}
		#main #apps #celebrityGo  { background-image: url('/images/aroow_orange.gif'); /** sprite-ref: design-sprite */}
		#main #apps #celebrityGo:hover  { background-image: url('/images/aroow_orange_over.gif'); /** sprite-ref: design-sprite */}
	
	#main #right
	{
		background-color: #e3e3e3;		
	}			
	
	#main #right p
	{
		color: #666666;		
	}
		
	#main #right b
	{
		color: #666666;
	}
	
	#main #right .txtpage a
	{
		color: #3B5F6D;
	}
	
	#main #right a
	{
		color: #3B5F6D;
	}
	
	#main #right .ticker
	{
		padding: 10px;
	}
	
	#main #right #news li
	{
		height: 80px;		
	}	
	
	#main #right #news .rm a
	{
		font-size: 13px;
		padding-right: 23px;
		background: transparent url('/images/arrows.gif') 100% 3px no-repeat;
	}
	#main #right #news .rm a:hover
	{
		background-image: url('/images/arrows_over.gif'); /** sprite-ref: design-sprite */
	}
	#main #right #news .src
	{
		vertical-align: middle;
		margin-right: 4px;
	}
	#main #right #news a:hover
	{
		text-decoration: underline;
	}
	
	.follow
	{
		float: right;
		color: white;		
		font-size: 13px;	
		font-weight: normal;
		background: transparent url('/images/twitter.png') 100% 0 no-repeat;
		padding-right: 28px;		
		line-height: 23px;
		margin-top: 3px;
	}
	#main #right .sectionTitleDark .follow
	{
		color: white;
	}	
	
#footer
{
	background-color:#858585;
	clear:both;
	color:white;
	margin:10px auto auto;
	padding:10px 0;
	text-align:center;
	width:960px;
}

#press .section
{
	font-size: 17px;
	font-weight: bold;
	font-style: italic;
	background: transparent;
	border: 0;
	padding: 10px 25px;
}
#press li
{
	font-size: 14px;
}
	#press li img, #press li .flr
	{
		display: inline-block;
		width: 16px;
		height: 16px;
		vertical-align: middle;
		margin-right: 4px;
	}
	#press li a
	{
		display: block;
		color: #2B4F5D;
		padding: 10px 5px;
		border-bottom: 1px solid #dadada;
		text-decoration: none;
	}
	#press li a *
	{
		vertical-align: middle;
	}
	#press li a span
	{
		font-size: 80%;
	}
	
	#press li a:hover
	{
		background: #eaeaea;
	}

.txtpage
{
	font-size: 14px;
	padding: 5px 30px 20px 30px;
	zoom: 1;
	background: #f3f3f3;
	min-height: 600px;
}

	.txtpage h1
	{
		padding: 10px 0;
		font-size: 25px;
		color: #333;
		border-bottom: 1px solid #ddd;
		margin-bottom: 20px;
	}
	.txtpage p
	{
		line-height: 21px;
		padding-bottom: 15px;
	}
	
	.txtpage form
	{
		padding-top: 20px;
	}
	
	.txtpage form div
	{
		clear: both;
		padding: 7px 0;
	}
	.txtpage form .buttons
	{
		padding: 0 0 0 150px;
	}
	.txtpage form label
	{
		float: left;
		width: 150px;
	}
	.txtpage form .txt
	{
		float: left;
		width: 200px;
	}
	.txtpage form select.txt
	{
		width: 206px;
	}
	.txtpage form textarea
	{
		width: 400px;
		height: 197px;
	}
	.txtpage .ms
	{
		font-size: 120%;
		padding-top: 20px;
		color: #00a;
	}
	
	.txtpage label.err
	{
		color: #f00;
	}

#vote
{
	display: block;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top: 11px;
	left: 424px;
	border: 2px solid #082;
	padding: 5px 20px 10px;
	background: #00cd40;
	height: 38px;
	text-align: center;
	z-index: 50;
	font-size: 21px;
	-moz-box-shadow: 0 0 2px 0 #666;
	-webkit-box-shadow: 0 0 2px 0 #666;
	box-shadow: 0 0 2px 0 #666;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#vote span
{
	font-weight: normal;
	font-size: 13px;
}
#vote:hover
{
	background: #00dd50;
}