body {
            width:1280px;
            height:960px; 
            border:0; 
            margin:0; 
            padding:0; 

	}
        
        #help
        { 
            position: absolute;
            left: 80px;
            top: 475px;
            height: 100px;
            width: 40px;
        }
        
        #helpPanel
        {
            position: absolute;
            left: 50px;
            top: 475px; 
        }
	
	
	#x3dElement
	{
            width:1280px; 
            height:960px;  
            border:0;
            background: url("../backgrounds/windmill.gif"), url("../backgrounds/help.png"), url("../backgrounds/yucca.gif"); 
            background-repeat: no-repeat, no-repeat, no-repeat;
            background-position: 1100px 550px, 20px 475px, left top;
            background-size: 100px, 100px, cover;
	}
	
        .booklet .b-page-cover
        {
            background-image:url("../img/Cover_Back.png");
            background-size:cover;
        }
        
        .item
        {
            position: absolute;
            width: 41.5%;
            height: 8.5%;
            left: 190px;
            animation-name: wobble;
            animation-duration: 2s;
            animation-iteration-count: infinite;
            animation-direction: alternate;
        }
        
        .item p
        {
            margin-top: -19.5%;
            text-align: center;
            font-family: 'source_sans_problack';
            font-size: 20px;
            color: DarkGreen;
            text-shadow: 1px 1px rgb(224,224,224);
        }
        
        @keyframes wobble
        {
            from { left: 188;}
            to {left:192;}
        }
        
        .item img
        {
            width: 100%;
        }
        
        #projLogo
        {
            position: absolute;
            top: 30%;
            left:10%;
            width: 75%;
            filter: invert(70%);
        }
	
	#flipbook
	{
            background-image:url("../img/projBack.png");
            background-size:cover;
            font-family: 'source_sans_prosemibold';
        }
        
        .booklet .b-wrap-left .upperBox
        {
            background-color: LightGrey;
            width: 100%;
            height: 70%;
        }
        
        .booklet .b-wrap-right .upperBox
        {
            background-color: Lavender;
            width: 100%;
            height: 70%;
        }
        
        .lowerBox
        {
            font-family: 'source_sans_proextralight';
            list-style: circle;
        }
        
        .upperBox img
        {
            width: 100%;
        }
        
        .upperBox h3
        {
            position: absolute;
            text-align: left;
            bottom:27%;
            left: 10px;
        }
	
	#tooltip {
            display: none;
            position: absolute;
            z-index: 1010;
            font-family: 'source_sans_probold';
            background-color: #FFF;
            border: 1px solid #BABABA;
            box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
            border-radius: 6px;
            font-size: 15px;
            padding: 2px 5px 2px 5px;
	}
	
	.projects
	{
            width: 100%;
        }
	
	#systems {
            display: none;
	    background-image: url("../backgrounds/sign_frame.png"), url("../backgrounds/sign_shadow.png"), url("../backgrounds/desert.jpg");
            background-repeat: no-repeat, no-repeat,no-repeat;
            background-position: 50% 50%, 100% 95%, left top;
            background-size: 65%, 75%, cover;
	}
	
	#details {
            display: none;
            background: url("../backgrounds/RR_white.png"),url("../backgrounds/sunset.jpg");
            background-repeat: no-repeat, no-repeat;
            background-position: 95% 95%, left top;
            background-size: 20%,cover;
        }
        
        #details div {
            font-family: 'source_sans_probold';
            font-size:22px;
            position: absolute;
            top: 68%;
            left: 5%;
        }
        
        #details ul {
            color: DarkKhaki;
            list-style-type: none;
            margin: 0;
            padding: 0;
        }
	
	
	#projBook 
	{
            display: none;
        }
		
	#infohome {
            display: none;
	    background:url("../backgrounds/RRBackground.png");
	    background-size: cover;
	}
	
	#contactTop
	{
            width: 100%;
            position: absolute;
            top:20px;
            font-family: 'source_sans_problack';
            font-size: 24px;
            color:DarkSlateGrey;
            text-align: center;
        }
	
	#aboutus {
            display: none;
            z-index: 2;
	}
	#aboutus-accordion {}
	
	.page-icons {
            text-align: center;
	}
	.page-icons ul {
            list-style: none;
            margin: 0;
            padding: 0;
	}
	.page-icons ul li {
            margin-top: 59%;
            padding: 10px;
            display: inline-block;
            vertical-align: middle;
	}
	
	.page-icons-image {}
	
	.facepos {
            position: absolute;
            background-color: HoneyDew;
            background-size: 100% 100%;
	}
	
	#aboutus-accordion h3 {
            font-family: 'source_sans_problack';
            font-size: 18px;
            color:#fff;
            background:url(../img/top-01.png);
            background-size: 100% 100%;
	}
	
	#aboutus-accordion p {
            text-align: justify;
            font-family: 'source_sans_problack';
            font-size: 16px;
            color:#bff;
	}
	
        #aboutus-accordion p.indent {
            text-indent: 30px;
            margin-top: -15px;
	}
	
	#aboutus-accordion a:link
        {
            text-decoration: none;
            color: white;
        }