/** Common CSS **/

html {
	margin: 0px;
	padding: 0px;
	position : relative;
	font-family : Tahoma, Arial, San-Serif;
	font-size: 90%;
	color : #000;
	background-color : #b8c5cb;
	}
	
body {
	margin: 0px;
	padding: 0px;
	font-size: 95%;
	}

div.skyline {
	width : 100%;
	background : #a1e0ff url(Images/sky.gif) repeat-x left top; 
	}
	
a img {
	border : 0px;
	}
	
a,a:hover {
	color : #444;
	text-decoration : none;
	}
	
div.headerFullWidth {
	width : 100%;
	margin : 0px;
	padding : 0px;
	}
	
div.headerFixedWidth {
	position : relative;
	width : 975px;
	margin : 0px auto;
	padding : 0px;
	}
	
div.topLinksContainer {
	position : absolute;
	top : 29px;
	right : 0px !important; right : 30px;
	margin : 0px;
	padding : 0px;
	}
	
div.topLinksContainer ul {
	float : left;
	margin : 0px;
	padding : 0px;
	}
	
div.topLinksContainer ul li {
	list-style-type : none;
	float : left;
	margin : 0px;
	padding : 0px;
	}
	
div.topLinksContainer ul li a {
	font-size : 1px;
	color : #e6f7ff;
	display : block;
	width : 40px;
	margin : 0px 0px 0px 10px;
	padding : 1px 0px 40px;
	}
	
div.topLinksContainer ul li.facebook a {
	background : url(Images/facebook_large.gif) no-repeat left bottom;
	}
	
div.topLinksContainer ul li.twitter a {
	background : url(Images/twitter_large.gif) no-repeat left bottom;
	}

div.topLinksContainer ul li.youtube a {
	background : url(Images/youtube_large.gif) no-repeat left bottom;
	}
	
div.topLinksContainer ul li a:hover {
	color: #fff;
	}
	
div.topLinksContainer ul li.register a {
	font-size : 100%;
	color : #69ae1b;
	display : block;
	text-decoration : underline;
	width : auto;
	margin : 0px 0px 0px 467px;
	padding : 3px 12px 0px 0px;
	background : url(Images/register.gif) no-repeat right 4px;
	}
	
div.topLinksContainer ul li.register a:hover {
	color : #69ae1b;
	text-decoration : underline;
	}
	
div.topLinksContainer form.signup {
	float : left;
	margin : 0px;
	padding : 0px 0px 0px 22px;
	}
	
div.topLinksContainer form.signup input {
	float : left;
	margin : 4px 4px 0px 0px;
	padding : 2px 0px 0px 3px;
	width : 124px;
	height : 13px;
	font-size : 75%;
	color : #7895a3;
	border : solid 1px #b8c5cb;
	}
	
div.topLinksContainer form.signup input.login {
	margin : 0px;
	padding : 0px;
	width : 38px;
	font-size : 1px;
	height : 25px;
	border :  0px;
	background : url(Images/login.gif) no-repeat left top;
	}
	
div.header {
	padding : 0px;
	margin : 0px;
	}

div.header .logo {
	float : left;
	margin : 0px;
	padding : 12px 0px 0px 2px;
}

div.headerNav {
	float : right;
	width : 710px;
	margin : 34px 0px 0px;
	padding : 0px;
	}
	
div.headerNav ul {
	margin : 0px;
	padding : 0px;
	}
	
div.headerNav ul li {
	list-style-type : none;
	float : left;
	margin : 0px;
	padding : 0px 0px 0px 3px;
	}
	
div.headerNav ul li a {
	font-size : 0px;
	color : #e2f6ff;
	display : block;
	height : 38px;
	margin : 0px;
	padding : 0px;
	}
	
div.headerNav ul li.home a {
	width : 51px;
	background : url(Images/navHome.gif) no-repeat left bottom;
	}

div.headerNav ul li.home a:hover,
div.headerNav ul li.home a.active {
	background : url(Images/navHome.gif) no-repeat left top;
	}
	
div.headerNav ul li.meetTheGang a {
	width : 136px;
	background : url(Images/navMeetTheGang.gif) no-repeat left bottom;
	}
	
div.headerNav ul li.meetTheGang a:hover,
div.headerNav ul li.meetTheGang a.active {
	background : url(Images/navMeetTheGang.gif) no-repeat left top;
	}
	
div.headerNav ul li.howToPlay a {
	width : 108px;
	background : url(Images/navHowToPlay.gif) no-repeat left bottom;
	}

div.headerNav ul li.howToPlay a:hover,
div.headerNav ul li.howToPlay a.active {
	background : url(Images/navHowToPlay.gif) no-repeat left top;
	}
	
div.headerNav ul li.reviews a {
	width : 77px;
	background : url(Images/navReviews.gif) no-repeat left bottom;
	}
	
div.headerNav ul li.reviews a:hover,
div.headerNav ul li.reviews a.active {
	background : url(Images/navReviews.gif) no-repeat left top;
	}
	
div.headerNav ul li.discussions a {
	width : 110px;
	background : url(Images/navDiscussions.gif) no-repeat left bottom;
	}
	
div.headerNav ul li.discussions a:hover,
div.headerNav ul li.discussions a.active {
	background : url(Images/navDiscussions.gif) no-repeat left top;
	}
	
div.headerNav ul li.games a {
	width : 67px;
	background : url(Images/navGames.gif) no-repeat left bottom;
	}
	
div.headerNav ul li.games a:hover,
div.headerNav ul li.games a.active {
	background : url(Images/navGames.gif) no-repeat left top;
	}
	
div.headerNav ul li.downloads a {
	width : 103px;
	cursor : default;
	background : url(Images/navDownloads_inactive.gif) no-repeat left bottom;
	}
	
div.headerNav ul li.downloads a:hover,
div.headerNav ul li.downloads a.active {
	cursor : default;
	background : url(Images/navDownloads_inactive.gif) no-repeat left top;
	}
	
div.headerNav ul li.shop a {
	cursor : default;
	width : 59px;
	background : url(Images/navShop.gif) no-repeat left top;
	}

div.bodyFullWidth {
	width : 100%;
	margin : 0px;
	padding : 0px;
	clear : both;
	background : url(Images/city.gif) repeat-x left bottom; 
	}
	
div.bodyFixedWidth {
	width : 987px;
	margin : 0px auto;
	padding : 0px;
	overflow : auto;
	}
	
ul.adLinks {
	float : left;
	position : relative;
	width : 699px;
	margin : -16px 0px 0px;
	padding : 0px 0px 0px 300px;
	}
	
ul.adLinks li {
	font-size : 1px;
	color : #dbf3ff;
	list-style-type : none;
	float : left;
	margin : 0px;
	padding : 0px;
	}
	
ul.adLinks li a {
	display : block;
	color : #dbf3ff;
	margin : 0px;
	padding : 0px;
	}
	
ul.adLinks li.competition a {
	width : 409px;
	margin-right : 37px;
	padding-bottom : 71px;
	background : url(Images/competition.gif) no-repeat left bottom;
	}

ul.adLinks li.mp3 {
	width : 223px;
	margin :  13px 19px 0px 0px;
	background : url(Images/mp3Player.gif) no-repeat left 0px;
	}
	
ul.adLinks li.appStore a {
	width : 223px;
	padding-bottom : 71px;
	background : url(Images/downloadApp.gif) no-repeat left 13px;
	}

div.footerFullWidth {
	width : 100%;
	margin : 0px;
	padding : 0px;
	background-color : #B8C5CB;
	}
	
div.footerFixedWidth {
	width : 975px;
	margin : 20px auto 0px;
	padding : 0px;
	}

div.footerLinksContainer {
	float : left;
	width : 975px;
	margin : 0px;
	padding : 0px;
	text-align : center;
	font-size : 90%;
	}
	
div.footerLinksContainer ul {
	margin : 0px;
	padding : 0px;
	}
	
div.footerLinksContainer ul li {
	list-style-type : none;
	display : inline;
	margin : 0px;
	padding : 0px;
	}
	
div.footerLinksContainer ul li a {
	display : inline-block;
	color : #000;
	margin : 0px;
	padding : 0px 0px 0px 17px;
	background : url(Images/bullet.gif) no-repeat 5px 8px;
	}
	
div.footerLinksContainer ul li.home a {
	padding-left : 0px;
	background-image : none;
	}
	
div.footerLinksContainer ul li a:hover {
	text-decoration : underline;
	color : #000;
	}

div.copyright {
	float : left;
	margin : 10px 0px 84px 265px;
	padding : 0px;
	width : 298px;
	height : 23px;
	background : url(Images/copyright_bg.gif) no-repeat left top; 
	display : inline;
}

div.copyright a {
	display : inline-block;
	color : #b8c5cb;
	font-size : 1px;
	}
	
div.copyright a.Gamerholix {
	margin-left : 55px;
	padding : 15px 43px 0px;
	}
	
div.copyright a.OrganiqMusic {
	margin-left : 32px;
	padding : 15px 53px 0px;
}

div.designer {
	float : left;
	position : relative;
	margin : 14px 0px 0px 30px;
	padding : 0px;
	width : 125px;
}

div.designer p {
	float : left;
	font-size : 85%;
	color : #333;
	margin : 0px;
	padding : 0px;
}

div.designer a {
	position : absolute;
	top : -2px;
	right : 0px;
	display : block;
	font-size : 1px;
	color : #b8c5cb;
	width : 36px;
	margin : 0px;
	padding : 0px 0px 16px;
	background : url(Images/mitten.gif) no-repeat left top;
}

/** Home page **/

div.video {
	float : left;
	width : 491px;
	height : 423px;
	margin : 0px;
	padding : 0px;
	background : url(Images/video_bg.png) no-repeat left bottom;
	}
	
div.videoInner {
	margin : 0px 0px 0px 160px;
	padding : 0px;
	}

div.feature {
	float : left;
	width : 465px;
	padding : 0px;
	margin : 0px 0px 0px 7px !important; margin-left : 14px;
	background : url(Images/features_bg.png) no-repeat left top;
	display : inline;
	}
	
div.keyFeatures {
	float : left;
	width : 455px;
	margin : 0px 0px 0px 24px !important; margin-left : 14px;
	padding : 10px 0px 10px 10px;
	display : inline;
	}
	
div.keyFeatures p {
	display : block;
	text-align : center;
	font-size : 1px;
	width : 350px;
	margin : 0px 0px 5px;
	color : #caedff;
	padding : 0px 0px 26px;
	background : url(Images/addictiveGameplay.gif) no-repeat left top;
	}
	
div.keyFeatures ul {
	margin : 0px;
	padding : 0px;
	}
	
div.keyFeatures ul li {
	list-style-type : none;
	display : block;
	font-size : 1px;
	padding : 0px;
	margin: 0px;
	text-align : center;
	}
	
div.keyFeatures ul li.lineOne {
	color : #a9e3ff;
	width : 391px;
	padding-bottom : 21px;
	background : url(Images/22Sounds.gif) no-repeat left top;
	}
	
div.keyFeatures ul li.lineTwo {
	color : #b2e5ff;
	width : 227px;
	padding-bottom : 17px;
	background : url(Images/coolTracks.gif) no-repeat left top;
	}

div.keyFeatures ul li.lineThree {
	color : #a9e3ff;
	width : 217px;
	padding-bottom : 22px;
	background : url(Images/10Save.gif) no-repeat left top;
	}
	
div.keyFeatures ul li.lineFour {
	color : #a9e2ff;
	width : 234px;
	padding-bottom : 24px;
	background : url(Images/miniGames.gif) no-repeat left top;
	}
	
div.introduction {
	float : left;
	position : relative;
	width : 417px;
	height : 200px;
	margin : 10px 0px 0px;
	padding : 10px 24px;
	line-height : 140%;
	background : url(Images/intro_bg.png) no-repeat left top;
	}
	
#container {
	position : absolute;
	top : 20px;
	left : 20px;
	height : 160px;
	width : 417px;
	overflow-y : scroll;
	}
	
#container p {
	font-size : 90%;
	padding : 0px 0px 10px;
	margin : 0px;
	}
	
/** How to play **/

div.image {
	float : left;
	width : 469px;
	margin : 10px 0px 0px 7px;
	padding : 50px 0px 78px 10px;
	display : inline;
	background : url(Images/image_bg.png) no-repeat left top;
	display : inline;
	}
	
div.text {
	float : left;
	position : relative;
	width : 417px;
	height : 391px;
	margin : 10px 0px 0px 24px !important; margin-left : 14px;
	padding : 10px 24px;
	display : inline;
	background : url(Images/text_bg.png) no-repeat left top;
	}
	
div.howToPlayScroll {
	height : 377px !important;
	}
	
div.text h1,
div.textFull h1 {
	font-size : 1px;
	margin : 10px 0px 0px 0px;
	color : #f6fcff;
	text-align :center;
	}

div.text h1.howToPlay {
	width : 183px;
	margin-top : 0px;
	padding : 0px 0px 34px;
	background : url(Images/titleHowToPlay.gif) no-repeat left top;
	}
	
div.textFull h1.review {
	width : 122px;
	padding : 0px 0px 26px;
	background : url(Images/titleReviews.gif) no-repeat left top;
	}
	
div.textFull {
	float : left;
	width : 950px;
	height : 359px;
	margin : 10px 0px 12px;
	padding : 20px 24px;
	display : inline;
	background : url(Images/textFull_bg.png) no-repeat left top;
	}

div.text p, 	
div.textFull p {
	font-size : 90%;
	}
	
/** Meet the gang **/

div.noOverflow {
	overflow : visible;
	}

div.scroller {
	float : left;
	margin : 10px 0px 0px;
	padding : 0px;
	width : 498px;
	height : 350px;
	background : url(Images/scroller_bg.png) no-repeat left top;
	}
	
div.text h1.gang {
	width : 235px;
	padding : 0px 0px 31px;
	background : url(Images/titleMeetTheGang.gif) no-repeat left top;
	}

div.text h1.submission {
	width : 369px;
	margin : 20px 0px;
	padding : 0px 0px 58px;
	background : url(Images/titleSubmit.gif) no-repeat left top;
	}
	
p.bopple,
p.newComp {
	font-size : 1px !important;
	color : #fff;
	text-align : center;
	}
	
p.bopple {
	height : 30px;
	width : 118px;
	margin : 8px 0 0 68px;
	background : url(Images/bopple.gif) no-repeat left top;
	}
	
p.newComp {
	height : 40px;
	width : 410px;
	margin : 20px 0px 0px;
	background : url(Images/newCompetition.gif) no-repeat left top;
	}
	
div.text form label {
	width : 70px;
	display : block;
	color : #dc100d;
	font-size : 90%;
	font-weight : bold;
	padding : 4px 0px 0px;
	float : left;
	}

div.text form {
	padding : 0px;
	margin : 0px;
	}
	
	
div.text form input {
	float : right;
	width : 340px;
	height : 22px;
	border : 0px;
	color : #dc100d;
	font-weight : bold;
	margin : 3px 0px 0px;
	padding : 4px 0px 0px 5px;
	background : url(Images/inputSingleLine.gif) no-repeat left top;
	}
	
div.text form textarea {
	float : right;
	width : 340px;
	height : 51px;
	border : 0px;
	color : #dc100d;
	font-weight : bold;
	margin : 5px 0px 0px;
	padding : 4px 0px 0px 5px;
	background : url(Images/inputMultiLine.gif) no-repeat left top;
	}
	
div.text form input.submitButton {
	width : 76px;
	height : 38px;
	border : 0px;
	color : #dc100d;
	float : right;
	font-size : 1px;
	padding : 0px;
	background : url(Images/submitButton.gif) no-repeat left top;
	cursor : pointer;
	clear : both;
	}
	
img.guess {
	float : left;
	margin : 0px;
	padding : 0px 10px 0px 0px;
	}