@charset "utf-8";
/* CSS Document */

html{/*overflow: -moz-scrollbars-vertical;*/ height:100%; /* shows scrollbar for firefox */ min-height:745px; min-width:900px;}

body{
margin: 0;
padding: 0;
width:100%;
height:100%;
font-size: 12px;  /* Gives a base of 10px */
color:#FFF;
font-family: Arial, Helvetica, sans-serif;
background-image:url(../images/bg_pattern.jpg);
}

p{
	margin: 0 0 3px 0;
	padding: 0;
	font-weight:normal;
}

#nav {
	position:absolute;
	width:100%;
	text-align:center;
	z-index:110;
	padding-top:25px;


}


#wrapper{
	height:100%;
	width:100%;
	position:absolute;
	top:0;left:0;
	overflow:hidden;
}

#mask {
	width:100%;
	height:1000%;
}
 
.item {
	width:100%;
	height:10%;
	float:left;

}
        
.content {
	width:100%;
	height:100%;
	margin:0 auto;
	position:relative;
}

.padtop {
	padding-top:115px;
}
     
.selected {
	
}

.gallery {
	position:absolute;	
}

#footer {
	position:absolute;
	top:580px;
	width:100%;
	text-align:center;
	z-index:9;
	padding-bottom:10px;
}

.clear {
	clear:both;
}

.title {
	margin:30px 0px 30px 0px;	
}

.footertext{
	font-size:9px;
	font-family:Verdana, Geneva, sans-serif;
	color:#878787;
}

h1, h2, h3, h4, h5, h6 {color:#CC0000;}
h1{font-size: 2em;   margin-bottom: 5px; padding-bottom:0;}  /*20px*/
h2{font-size: 1.8em; margin-bottom: 5px; padding-bottom:0;}/*18px*/
h3{font-size: 1.6em; margin-bottom: 5px; padding-bottom:0;} /*16px*/
h4{font-size: 1.4em; margin-bottom: 5px; padding-bottom:0;} /*14px*/
h5{font-size: 1.2em; margin-bottom: 5px; padding-bottom:0;}/*12px*/
h6{font-size: 1em;   margin-bottom: 5px; padding-bottom:0;}  /*10px*/


.notes{font-size: 0.8em;}

.body_copy{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
}

.orange_copy{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	color:#f58220;
}

.grey_copy{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#9b9b9b;
}

.orange-bullet{
  list-style:url(../images/bullet.jpg); 
}

.orange-bullet li { margin-bottom:10px;}

.hidden {
	display:none;	
}

#scrollbar1 { width: 515px; clear: both; margin: 20px 0 10px; }
#scrollbar1 .viewport { width: 493px; height: 265px; overflow: hidden; position: relative; }
#scrollbar2 { width: 515px; clear: both; margin: 20px 0 10px; }
#scrollbar2 .viewport { width: 493px; height: 265px; overflow: hidden; position: relative; }
.scrollbar_all .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: -12px;
}
.scrollbar_all .scrollbar { position: relative; float: right; width: 12px; }
.scrollbar_all .track { background-color: none; height: 100%; width:12px; position: relative; padding: 0 1px; }
.scrollbar_all .thumb { 
	height: 20px;
	width: 12px; 
	cursor: move; 
	overflow: hidden; 
	position: absolute; 
	top: 0; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	opacity:1.0;
    -moz-opacity:1.0;
	background-color: #f58220; 
 }
.scrollbar_all .thumb .end { overflow: hidden; height: 5px; width: 12px; }
.scrollbar_all .disable{ display: none; }


.roto { position:absolute;z-index:100; left:0; top:150px;
	-webkit-animation:
		rotoFly 2s ease-in none,
		rotoHover 5s ease-in infinite 2s;

	-moz-animation:
		rotoFly 2s ease-in none,
		rotoHover 5s ease-in infinite 2s;
		
		
}

@-webkit-keyframes rotoFly{
	0%{left:-500px;top:150px; opacity:0;}

	100% {left:50px; top:150px; opacity:1;}
}

@-webkit-keyframes rotoHover{
	0%{left:0; top:150px;}
	50%{left:0; top:170px;}
	100%{left:0; top:150px;}
}

@-moz-keyframes rotoFly{
	0%{left:-500px;top:150px; opacity:0;}

	100% {left:50px; top:150px; opacity:1;}
}

@-moz-keyframes rotoHover{
	0%{left:0; top:150px;}
	50%{left:0; top:170px;}
	100%{left:0; top:150px;}
}