/*  Air Dinghy Styles Sheet
    by Matty Andrews
     
--------------------------------------------------------------------
The Background of the page itself.
--------------------------------------------------------------------
*/

html
	{
		background-color: #1578cc;
		-ms-text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
		min-width: 1300px;
	}

body
	{
		margin: auto;
		background-color: #1578cc;
		color: #1b4469;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 14px;
		min-width: 1300px;
	}
	
div#mainBG
	{
		margin: auto;
		background-image: url("images/design/interface_bg_main_short_edit.png");
		height: 700px;
		background-repeat: no-repeat;
		background-position: center top;
		background-attachment: fixed;
	}
	
div#logo
	{
		margin: auto;
		width: 1208px;
		height: 253px;
		padding-top: 70px;
		
	}	
	
img#logo
	{
		position: relative;
		top: -155px;
	}

/*  
--------------------------------------------------------------------
The Navigation
--------------------------------------------------------------------
*/

div#nav
	{
		margin: auto;
		width: 1185px;
		padding-top: 10px;
		text-align: center;
		position: relative;
		left: -5px;
		margin-bottom: 250px;
	}
	
img#navHome
	{
		margin-right: 40px;
		position: relative;
	}
	
img#navGames
	{
		margin-right: 40px;
		margin-left: 40px;
		position: relative;
	}
	
img#navMods
	{
		margin-right: 40px;
		margin-left: 40px;
		position: relative;
	}
	
img#navAbout
	{
		margin-left: 40px;
		position: relative;
	}
	
img#navHome:hover
	{
		position: relative;
		top: -10px;
	}
	
img#navGames:hover
	{
		position: relative;
		top: -10px;
	}
	
img#navMods:hover
	{
		position: relative;
		top: -10px;
	}
	
img#navAbout:hover
	{
		position: relative;
		top: -10px;
	}

img#navArrowHome
	{
		position: absolute;
		top: -27px;
		left: 80px;
	}
	
img#navArrowGames
	{
		position: absolute;
		top: -27px;
		left: 400px;
	}
	
img#navArrowMods
	{
		position: absolute;
		top: -27px;
		left: 710px;
	}
	
img#navArrowAbout
	{
		position: absolute;
		top: -27px;
		left: 1020px;
	}
	
	
/*  
--------------------------------------------------------------------
The Look and Format of the Page Itself
--------------------------------------------------------------------
*/


div#mainPage
	{
		background-color: #fff;
		margin: auto;
		width: 1160px;
		border-radius: 40px ;
		-moz-border-radius: 40px ;
		border: 2px #b3c2ce solid;
		box-shadow: 3px 3px 1px #cfdae3;
		position: relative;
		top: -150px;
		text-align: left;
		opacity: 0.85;
	}
	
div#whiteCut
	{
		background-color: #e5ecf2;
		width: 100%;
		text-align: center;
		position: relative;
		top: -20px;
	}
	
div.contentPadding
	{
		padding-left: 50px;
		padding-right: 50px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
div.section
	{
		border-bottom: 2px #adcfec solid;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	
div.introSection
	{
		font-size: 16px;
		color: #1b4469;
		border-bottom: 2px #adcfec solid;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	
div.sectionEnd
	{
		margin-bottom: 20px;
	}
	
img#dinghydude
	{
		position: relative;
		left: -65px;
		top: -100px;
		z-index: 5;
	}
	
div#footer
	{
		position: relative;
		top: -75px;
		color: #cfdae3;
		margin: auto;
		width: 1160px;
		text-align: left;
	}
	
img#iconNew
	{
		position: absolute;
		left: -50px;
	}
	
.float
	{
		position: relative;
		animation: floatBubble 1s infinite;
		animation-direction:alternate;
		-webkit-animation: floatBubble 1s infinite;
		-webkit-animation-direction:alternate;
		-moz-animation: floatBubble 1s infinite;
		-moz-animation-direction:alternate;
	}

@keyframes floatBubble
	{
		from
		{
			top:-30px;
			animation-timing-function: linear;
		}

		to
		{
			top: -20px;
			animation-timing-function: linear;
		}
	}
	
@-webkit-keyframes floatBubble
	{
		from
		{
			top:-30px;
			-webkit-animation-timing-function: linear;
		}

		to
		{
			top: -20px;
			-webkit-animation-timing-function: linear;
		}
	}
	
@-moz-keyframes floatBubble
	{
		from
		{
			top:-30px;
			-moz-animation-timing-function: linear;
		}

		to
		{
			top: -20px;
			-moz-animation-timing-function: linear;
		}
	}
	
/*
--------------------------------------------
LINKS
-------------------------------------------
*/

	a:link
	{
		color: #1578cc;
		text-decoration: none;
	}
	
	a:visited
	{
		color: #1578cc;
		text-decoration: none;
	}
	
	a:active
	{
		color: #1578cc;
		text-decoration: none;
	}
	
	a:hover
	{
		color: #63a6de;
		text-decoration: none;
	}
	

#mainBG #whiteCut #mainPage .contentPadding .section table tr td div {
	color: #FFF;
}
#mainBG #whiteCut #mainPage .contentPadding .section table tr td div {
	color: #FFF;
}