/* 
    Document   : main.css
    Created on : 19-nov-2013, 15.47.44
    Author     : Biagio Iannuzzi
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

body{
    background-color: #ff8500;
    background-repeat: repeat-x;
    background-position: top;   
}

/* THIS LINE CONTROLS THE FONT SIZE ON ALL PAGES */

h1 {
    font-size:24px;
    font-weight:normal;
    margin:0px;
    overflow:visible;
    padding:0px;
    text-align:center;
}

.page-splits	{
		font-size: 0.1em;
		line-height: 1px;
		border: #CBCFD2 1px solid;
		background-color: #FFFFFF;
		color: #FFFFFF;
		height: 3px;
		width: 99%;
		margin: 12px 0px 12px 0px;
		}


.title		{ color: #000000; font: 1.8em arial, helvetica, sans-serif; font-weight: normal; }

.subtitle	{ color: #000000; font: 1.1em arial, helvetica, sans-serif; font-weight: bold; }

.hilite		{ color: #FF6600; }

*, *:before, *:after {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
     
input, input:before, input:after {
    -webkit-user-select: initial;
    -khtml-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
} 

::selection { background: transparent;color:inherit; }
::-moz-selection { background: transparent;color:inherit; }

#canvas{
    width:1500px;
    height: 640px;
    
    position: relative; 
}
#pagebar3{
    position: relative; 
	}
canvas {
    image-rendering: optimizeSpeed;
    image-rendering:-o-crisp-edges;
    image-rendering:-webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
    -ms-touch-action: none;
}

.ani_hack{
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    -webkit-tap-highlight-color: transparent; /* mobile webkit */

}

.footerdiv	{
		color: #FFFFFF;
		font: 0.80em arial, sans-serif;
		text-align: center;
		padding: 8px 5px 8px 5px;
		margin: 10px 0px 10px 0px;
		background-color: #ff8500;
		border-top: #B10000 3px solid;
		border-bottom: #B10000 3px solid;
  	/* CORNER ROUNDING */
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		-khtml-border-radius: 7px;
		border-radius: 7px;
		}
		
/* MENU CODE */

#menudiv		{
			background-color: #ff8500;
			padding: 3px 2px 2px 2px;
			margin: 0px 0px 0px 0px;
			border: #A7151C 0px solid;
			border-width: 0px 0px 0px 0px;
			}

#menunav, #menunav ul 	{
			width: 100%;
			list-style: none;
			padding: 0px;
			margin: 0px;
			}

/* MENU WIDTH, PADDING, FONT FACE & COLOR */

#menunav a 		{
			color: #D8DFE6;
			font: 1.0em arial, sans-serif;
			font-weight: normal;
			text-decoration: none;
			text-align: center;
			padding: 4px 2px 4px 2px;
			width: 55px;
			display: block;
			cursor: pointer;
			}

/* MENU BACKROUND, BORDER & MARGINS */

#menunav li 		{
			background-color: #D81523;
			background-repeat:repeat-x;
			display: inline-block;
    			*display:inline;/* For IE*/
    			*zoom:1;
			padding: 0px;
			margin: 1px 1px 1px 1px;
	/* MENU FADE UP */
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s;
			border: #FF6E78 1px solid;
	/* CORNER ROUNDING */
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-khtml-border-radius: 2px;
		border-radius: 2px;
			}

/* MENU HOVER FONT COLOR */

#menunav li a:hover 
			{
			color: #FFFFFF;
			text-decoration: none;
			cursor: pointer;
			}

/* MENU HOVER BACKGROUND AND BORDER */

#menunav li:hover 
			{
			background-color: #000000;
			border: #000000 1px solid;
			}