@charset "utf-8";

/* Webfont: RevolutionGothic-ExtraBold */
@font-face {
    font-family: 'RevolutionGothicExtraBold';
    src: url('../fonts/RevolutionGothic/RevolutionGothicExtraBold/RevolutionGothic-ExtraBold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/RevolutionGothic/RevolutionGothicExtraBold/RevolutionGothic-ExtraBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/RevolutionGothic/RevolutionGothicExtraBold/RevolutionGothic-ExtraBold.woff') format('woff'), /* Modern Browsers */
         url('../fonts/RevolutionGothic/RevolutionGothicExtraBold/RevolutionGothic-ExtraBold.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/RevolutionGothic/RevolutionGothicExtraBold/RevolutionGothic-ExtraBold.svg#RevolutionGothic-ExtraBold') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: RevolutionGothic-Bold */
@font-face {
    font-family: 'RevolutionGothicBold';
    src: url('../fonts/RevolutionGothic/RevolutionGothicBold/RevolutionGothic-Bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/RevolutionGothic/RevolutionGothicBold/RevolutionGothic-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/RevolutionGothic/RevolutionGothicBold/RevolutionGothic-Bold.woff') format('woff'), /* Modern Browsers */
         url('../fonts/RevolutionGothic/RevolutionGothicBold/RevolutionGothic-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/RevolutionGothic/RevolutionGothicBold/RevolutionGothic-Bold.svg#RevolutionGothic-Bold') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: RevolutionGothic-Regular */
@font-face {
    font-family: 'RevolutionGothicRegular';
    src: url('../fonts/RevolutionGothic/RevolutionGothicRegular/RevolutionGothic-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/RevolutionGothic/RevolutionGothicRegular/RevolutionGothic-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/RevolutionGothic/RevolutionGothicRegular/RevolutionGothic-Regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/RevolutionGothic/RevolutionGothicRegular/RevolutionGothic-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/RevolutionGothic/RevolutionGothicRegular//RevolutionGothic-Regular.svg#RevolutionGothic-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

* {
	margin: 0;
	padding: 0;
	outline: none;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
    background:#065a82;
		color:#628395;
		font-family: "RevolutionGothicExtraBold";
    -webkit-font-smoothing: antialiased;
    font-size: 23px;
    font-weight: 400;
    height: auto !important;
    height: 100%;
    min-height: 100%;
    text-rendering: optimizeLegibility;
}

#PAD
{
	width: 100%;
	height: 20px;
	/*
	border:2px solid;
	border-radius:25px;
	-moz-border-radius:25px;
	*/
}

#logo
{
	position: relative;
	width: 412px;
	height: 412px;
	margin:0 auto;
	
	/*
	border:2px solid;
	border-radius:25px;
	-moz-border-radius:25px;
	/**/
}

img.BG
{
	display: block;
  	margin: auto;
	z-index: 0;
	
	/*
	border:2px solid;
	border-radius:25px;
	-moz-border-radius:25px;
	/**/
}

img.Gear
{	
 	position: absolute;
  	left: 107px;
  	top: 80px;
	z-index: 1;
	
	/*
	border:2px solid;
	border-radius:25px;
	-moz-border-radius:25px;
	/**/
}

div.wrapper
{
  margin: 20px auto;
  width: 350px;
}

nav.vertical
{
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0,0,0,.15);
  overflow: hidden;
  text-align: center;
}

  nav.vertical > ul
  {
    list-style-type: none;
  }

    nav.vertical > ul > li
    {
      display: block;
    }

      nav.vertical > ul > li > a
      {
        background-color: #00a6fb;
				background-image: -webkit-linear-gradient(150deg, #065a82, #060d46);
				background-image: -moz-linear-gradient(150deg, #065a82, #060d46);
				background-image: -o-linear-gradient(150deg, #065a82, #060d46);
				background-image: linear-gradient(150deg, #065a82, #060d46);
         
        border-bottom: 1px solid rgba(255,255,255,.1);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 1px 1px rgba(0,0,0,.1);
        color: rgb(255,255,255);
        display: block;
        font-size: 18px;
        font-weight: 500;
        height: 50px;
        letter-spacing: .5rem;
        line-height: 50px;
        text-shadow: 0 1px 1px rgba(0,0,0,.1);
        text-transform: uppercase;
        transition: all .1s ease;
        text-decoration: none;
      }

				nav.vertical > ul > li > a:hover
				{
        	background-color: #00a6fb;    
        	background-image: -webkit-linear-gradient(135deg, #065a82, #628395);
       		background-image: -moz-linear-gradient(135deg, #065a82, #628395);
        	background-image: -o-linear-gradient(135deg, #065a82, #628395);
        	background-image: linear-gradient(135deg, #065a82, #628395);
        	cursor: pointer;
        }
        
          nav.vertical > ul > li > div
          {
            background-color: rgb(255,255,255);
          }
 
          nav.vertical > ul > li > div > ul
          {
            list-style-type: none;
          }

            nav.vertical > ul > li > div > ul > li > a
            {
             background-color: rgb(255,255,255);
             border-bottom: 1px solid rgba(0,0,0,.05);
             color: #333331;
             display: block;
             font-size: 18px;
             padding: 10px 0;
             text-decoration: none;
             transition: all 0.15s linear;
            }

              nav.vertical > ul > li > div > ul > li:hover > a
              {
                background-color: #c2b655;
                color: rgb(255,255,255);
                padding: 10px 0 10px 50px;
              }

#footer
{
	clear:both;
	color:#628395;
	font-size: 14px;
	height:26px;
	margin-top:0px;
	padding:0px;
	text-align:center;
}
#footer a
{
	color:#00a6fb;
	font-weight:400;
}
#footer a:hover
{
	color:#00a6fb;
	text-decoration:underline;
}