@import "boilerplate/boilerplate.css";
@import "boilerplate/plugins.css";

body {
	background: url(https://s3.amazonaws.com/wordspinmedia/backgroundTile.jpg) repeat top center;
	color: #535353;
}

h4 {
	color: #2c7cb2;
	text-transform: uppercase;
}
li {
	list-style: disc;
	font-size: 0.9em;
	line-height: 15px;
	padding-bottom: 5px;
}
#pageContainer {
	width: 810px;
	margin-left: auto;
	margin-right: auto;
}

#headerContainer,
#headerContainer a {
	display: block;
	width: 100%;
	height: 179px;
	}
#headerContainer {
	background: url(https://s3.amazonaws.com/wordspinmedia/header.jpg) no-repeat;
	}
#headerContainer a {
}

#contentContainer {
	overflow: auto;
	background: url(https://s3.amazonaws.com/wordspinmedia/contentBackgroundTile.png) repeat-y;
	width: 100%;
	margin-bottom: 10px;
	
	/* Safari */
	-webkit-border-bottom-left-radius: 12px 12px;
	-webkit-border-bottom-right-radius: 12px 12px;
	-webkit-border-top-left-radius: 12px 12px;
	-webkit-border-top-right-radius: 12px 12px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.492188) 0px 0px 20px;
	
	/* Firefox */
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-topright: 12px;
	-moz-border-radius-bottomleft: 12px;
	-moz-border-radius-bottomright: 12px;
	-moz-box-shadow: rgba(0, 0, 0, 0.496094) 0px 0px 20px;
	}
	#mainContainer {
		padding-top: 10px;
		display: inline;
		width: 550px;
		float: left;
		}
		#videoContainer {
			background: url(https://s3.amazonaws.com/wordspinmedia/iPhoneBezel.jpg) no-repeat;
			width: 550px;
			height: 292px;
			}
			#video {
				padding-top: 22px;
				margin-left: 101px;
				}
		#wordSpinIcon {
			margin-top: 5px;
			float: left;
			}
		#mainContentContainer {
			padding: 10px;
			}
		#screenshotsList {
			clear: both;
			
			margin: 0px;
			padding: 0px;
			}
			#screenshotsList li {
				display: inline;
				}

	#sideContainer {
		display: inline;
		width: 260px;
		float: right;
		
		color: #2F2F2F;
		
		overflow: hidden;
		}
		#sideLinksList {
			width:  258px;
			
			margin: 110px 0px 0px 2px;
			padding: 0px;
			
			overflow: hidden;
			}
			#sideLinksList li,
			#sideLinksList li a {
				margin: 0px;
				padding: 0px;
				
				display: block;
				}
				#sideLinksList li div {
					text-align: center;
					margin-top: 10px;
					
					font-size: 0.9em;
					font-weight: bold;
					}
			#appStoreListItem,
			#appStoreListItem a {
					width: 260px;
					height: 100px;
				}
			#appStoreListItem a {
				background: url(https://s3.amazonaws.com/wordspinmedia/App-Store.jpg) no-repeat top center;
				}
				#appStoreListItem a:hover {
					background: url(https://s3.amazonaws.com/wordspinmedia/App-Store.jpg) no-repeat bottom center;
					}
			#geoSpaceListItem,
			#geoSpaceListItem a {
					width: 260px;
					height: 100px;
				}
			#geoSpaceListItem {
				margin-top: 110px !important;
				}
			#geoSpaceListItem a {
				background: url(https://s3.amazonaws.com/wordspinmedia/Geospace.jpg) no-repeat top center;
				}
				#geoSpaceListItem a:hover {
					background: url(https://s3.amazonaws.com/wordspinmedia/Geospace.jpg) no-repeat bottom; center;
					}
			#rogueSheepListItem,
			#rogueSheepListItem a {
					width: 260px;
					height: 100px;
				}
			#rogueSheepListItem {
				padding-bottom: 10px !important;
				}
			#rogueSheepListItem a {
				background: url(https://s3.amazonaws.com/wordspinmedia/RogueSheep.jpg) no-repeat center top;
				}
				#rogueSheepListItem a:hover {
					background: url(https://s3.amazonaws.com/wordspinmedia/RogueSheep.jpg) no-repeat center -100px;
					}
			#postageListItem,
			#postageListItem a {
					width: 260px;
					height: 260px;
				}
			#postageListItem {
				margin-top: 200px !important;
				padding-bottom: 10px !important;
				}
			#postageListItem a {
				background: url(https://s3.amazonaws.com/wordspinmedia/Postage-Button.jpg) no-repeat center top;
				}
				#postageListItem a:hover {
					background: url(https://s3.amazonaws.com/wordspinmedia/Postage-Button.jpg) no-repeat center -260px;
					}
			
			#twitterListItem,
			#twitterListItem a {
					width: 260px;
					height: 100px;
				}
			#twitterListItem a {
				background: url(https://s3.amazonaws.com/wordspinmedia/Twitter.jpg) no-repeat top center;
				}
				#twitterListItem a:hover {
					background: url(https://s3.amazonaws.com/wordspinmedia/Twitter.jpg) no-repeat bottom center;
					}
					
			#facebookListItem,
			#facebookListItem a {
					width: 260px;
					height: 100px;
				}
			#facebookListItem a {
				background: url(https://s3.amazonaws.com/wordspinmedia/Facebook.jpg) no-repeat top center;
				}
				#facebookListItem a:hover {
					background: url(https://s3.amazonaws.com/wordspinmedia/Facebook.jpg) no-repeat bottom center;
					}
										

			#supportListItem,
			#supportListItem a {
					width: 260px;
					height: 100px;
				}
			#supportListItem a {
				background: url(https://s3.amazonaws.com/wordspinmedia/Support.jpg) no-repeat top center;
				}
				#supportListItem a:hover {
					background: url(https://s3.amazonaws.com/wordspinmedia/Support.jpg) no-repeat bottom center;
					}
#footerContainer, 
#footerContainer a {
	color: #c1d3db;
	/* text-shadow: #4cb6e7 0px 1px 0px; */
	}
	#footerContainer a {
		font-size: 1em;
		}
		#footerContainer a:hover {
			text-decoration: none;
			color: #4cb6e7;
			/* text-shadow: #c1d3db 0px -1px 0px; */
			}
#footerContainer {
	clear: both;
	text-align: center;
	padding-bottom: 10px;
	
	font-size: 0.9em;
	}

	#footerLinksList {
		margin-bottom: 5px;
		}
		#footerLinksList li {
			display: inline;
			list-style-type: none;
			padding-right: 20px;
		}

#privacy {
	color: #535353;
	background-color: #EEF5F9;
	padding: 10px;
}