/* ----------------------------- Page Setup Start ----------------------------- */

* { margin: 0; padding: 0; } /* Resets all Margins and Paddings to 0.  Puts all browsers on the same playing field. */

body {
	position: relative; /* Makes sure everything within the body tags are placed relative to the body. */
	margin: 0 auto;
	font-family: Arial, sans-serif;
	color: #ffffff;
	font-size: .625em; /* Matches 10px; */
	text-align: center; /* For Centered Layouts in IE 5.5 */
	background: #36393e url(../images/backgrounds/body.png) repeat-x top;
}

fieldset, img { border: 0; }

p, td {  }
li { font-size: 1.2em; }
h1 { font-size: 1.8em; }  /* Default Size for h1 is 18px - based on an 10px height */
h2 { font-size: 1.5em; } /* Default Size for h2 is 15px - based on an 10px height */
h3 { font-size: 1.2em; } /* Default Size for h3 is 12px - based on an 10px height */
h4 { font-size: 1.1em; } /* Default Size for h4 is 11px - based on an 10px height */
h5 { font-size: 1em; } /* Default Size for h5 is 10px - based on an 10px height */
h6 { font-size: .9em; } /* Default Size for h6 is 9px - based on an 10px height */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { padding: .7em 0 .5em 0; }
ul { margin: .5em 0; }
li, dd { margin-left: 2em; }
fieldset { padding: .5em; }

a { text-decoration: none; -moz-outline: none; color: #7acde8; text-decoration: none; font-weight: bold; }	/* unvisited link */
a:visited { color: #7acde8; }											/* visited link */
a:hover { text-decoration: underline; color: #7acde8; }					/* mouse over link */
a:active { outline: none; }	
/* selected link */

ul.menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
	ul.vertical li {
		margin: 0;
		padding: 0;
	}
	
	ul.horizontal li {
		margin: 0;
		padding: 0;
		float: left;
	}
	
		.image_text {
			margin: 0;
			padding: 0;
		}
		
		ul.graphic li a,
		.image_text {
			display: block;
			overflow: hidden;
			border: 0;
			text-indent: -2000em;
			margin: 0;
			padding: 0;
		}
/* ----------------------------- Page Setup End ------------------------------- */

/* ----------------------------- Header Start ----------------------------- */

#main_container,
#footer_container {
	position: relative;
	width: 100%;
	text-align: left;
}


/* ----------------------------- Header End ------------------------------- */

/* ----------------------------- Content Start ----------------------------- */

#main_content {
	position: relative;
	text-align: left;
	width: 900px;
	padding: 30px 30px 0 30px;
	margin: 0 auto;
}

	#logo {
		width: 141px;
		height: 141px;
		background: url(../images/logos/tightapps.gif) no-repeat 0 0;
	}
	
	#main_nav {
		position: absolute;
		top: 65px;
		left: 190px;
	}
	
		#main_nav li {
			line-height: 2em;
		}
		
			#main_nav li a {
				font-size: 1.4em;
				font-weight: bold;
			}
			
			#main_nav li a,
			#main_nav li a:visited,
			#main_nav li a:active {
			
			}
			
			#main_nav li a:hover {
			
			}
			
			#main_nav li a.active,
			#main_nav li a.active:visited,
			#main_nav li a.active:hover,
			#main_nav li a.active:active {
				color: #ffffff;
				text-decoration: none;
			}
	
	#text_area {
		width: 440px;
		margin-left: 160px;
	}
	
		#text_area h2 {
			font-size: 1.8em;
			line-height: 1.6em;
			margin: 0;
			padding: 0;
		}
		
		#text_area h3 {
			font-size: 1.5em;
		}
		
		#text_area p {
			font-size: 1.2em;
			line-height: 1.4em;
		}
		
			#text_area p.first {
				padding-top: 0;
			}
			
			a#download {
				width: 89px;
				height: 22px;
				background: url(../images/buttons/download.gif) no-repeat right;
				margin: 10px 0;
			}
	
	#iphone {
		position: relative;
		float: right;
		width: 293px;
		height: 468px;
		margin-bottom: 20px;
		background: url(../images/photos/iphone.jpg) no-repeat 0 0;
	}
	
		#iphone img,
		#iphone #iphone_content {
			position: absolute;
			top: 76px;
			left: 45px;
		}
		
		#iphone_content {
			width: 203px;
			height: 305px;
		}
		
			.media_link {
				width: 203px;
				margin: 20px 0;
			}
			
			#fortune_link {
				height: 23px;
				background: url(../images/logos/fortune.gif) no-repeat 0 0;
				margin-top: 40px;
			}
			
			#youtube_link {
				height: 54px;
				background: url(../images/logos/youtube.gif) no-repeat 0 0;
			}
			
			#parenting_link {
				height: 39px;
				background: url(../images/logos/parenting.gif) no-repeat 0 0;
			}
			
			#twitter_link {
				height: 32px;
				background: url(../images/logos/twitter.gif) no-repeat 0 0;
			}
			
			#facebook_link {
				height: 50px;
				background: url(../images/logos/facebook.gif) no-repeat 0 0;
			}
	
	#appbar {
		clear: both;
		position: relative;
		width: 900px;
		height: 152px;
		margin: 30px auto 20px auto;
		background: url(../images/backgrounds/appbar.gif) no-repeat 0 0;
		overflow: hidden;
	}
	
		#apps {
			width: 808px;
			margin: 19px auto 0 auto;
		}
			
			#apps li {
				text-align: center;
				/*
				margin-right: 26px;
				*/
				margin-right: 60px;
			}
			
				#apps li.last {
					margin-right: 0;
				}
			
				#apps li a,
				#apps li a:visited,
				#apps li a:hover,
				#apps li a:active {
					color: #ffffff;
					font-size: 1.1em;
					font-family: Helvetica, sans-serif;
					font-weight: bold;
					display: block;
					width: 113px;
					height: 15px;
					line-height: 15px;
					padding-top: 100px;
					padding-bottom: 0px;
				}
				
					#apps li a#app_rpsfight {
						background: url(../images/icons/rpsfight.jpg) no-repeat top;
					}
					
					#apps li a#app_woooyou {
						background: url(../images/icons/woooyou.jpg) no-repeat top;
					}
					
					#apps li a#app_wooobutton {
						background: url(../images/icons/wooobutton.jpg) no-repeat top;
					}
					
					#apps li a#app_bootygong {
						background: url(../images/icons/bootygong.jpg) no-repeat top;
					}
					
					#apps li a#app_separatechecks {
						background: url(../images/icons/separatechecks.jpg) no-repeat top;
					}
					
					#apps li a#app_discoball {
						background: url(../images/icons/discoball.jpg) no-repeat top;
					}

#appstore {
	width: 124px;
	height: 41px;
	background: url(../images/logos/appstore.gif) no-repeat 0 0;
	margin: 10px 0;
}

	a#itunes_dl {
		width: 183px;
		height: 22px;
		margin: 10px 0;
		background: url(../images/buttons/itunes_dl.gif) no-repeat left;
	}
	
	a#wooobutton_dl {
		width: 188px;
		height: 22px;
		margin: 10px 0;
		background: url(../images/buttons/wooobutton_dl.gif) no-repeat left;
	}
	
	a#separatechecks_dl {
		width: 204px;
		height: 22px;
		margin: 10px 0;
		background: url(../images/buttons/separatechecks_dl.gif) no-repeat left;
	}

	a#discoball_dl {
		width: 161px;
		height: 22px;
		margin: 10px 0;
		background: url(../images/buttons/discoball_dl.gif) no-repeat left;
	}
	
	a#bootygong_dl {
		width: 173px;
		height: 22px;
		margin: 10px 0;
		background: url(../images/buttons/bootygong_dl.gif) no-repeat left;
	}


/* ----------------------------- Content End ------------------------------- */

/* ----------------------------- Footer Start ----------------------------- */

#footer {
	clear: both;
	position: relative;
	width: 560px;
	margin: 0 auto;
	text-align: center;
}

	#footer p {
		font-size: 1.2em;
		/*
		line-height: 41px;
		*/
	}
	
	#footer a,
	#footer a:visited,
	#footer a:active,
	#footer a:hover {
		color: #ffffff;
		
	}
	
	#footer a:hover {
		text-decoration: underline;
		
	}
	
	#footer img {
		float: left;
	}

/* ----------------------------- Footer End ------------------------------- */

/* ----------------------------- Special Start ----------------------------- */
.demovideo {
	padding: 3px;
	border: 1px solid #ffffff;
}
/* ----------------------------- Special End ------------------------------- */