/* Created by MedicoLens / Thumbprint Inc. */
/* (c) Copyright 2010, Thumbprint Inc. */
/* All Rights Reserved */

/* GENERAL */

	.background_ui {
		width: 1040px !important ; height: 642px !important ; 
		position: absolute !important ; top: 0px !important ; left: 0px !important ; 
		background-color: #404040;
		'background-image: url(images/Cresent-moon.jpg); background-repeat: no-repeat; background-position: 500px 10px;
		}
        
     .title {
        position:absolute; top: 78px; left: 180px;
        color: grey; 
        font-family:sans-serif; 
        font-size:18pt;
        }
        
    #copyright {
        position: absolute; left: 7px; top: 10px; 
        color: #000033; font-size: 8pt; font-family: serif;
        cursor: default;
        }
        
    .top-logo {
        width: 142px;
        height: 60px;
        border: 0px;
        position: absolute;top: 17px; left: 13px;/* left: 46px; */
        }
           
    .text_panel {
        font-family: sans-serif; font-size: 10pt; line-height: 16pt; color: white; text-align: justify; 
        vertical-align: top;
        }
    .text_img {
        position:absolute;
        font-family: sans-serif; font-size: 10pt; line-height: 14pt; color: white; text-align: justify;
        width: 90%; left: 5%;
        padding: 3pt;
		background-image:url('images/30percent.png');
        }
             
/* Links */
        
    .blinks {
        position: absolute; 
        left: 5px; top: 0px;
       }    
       
    a.InLineLink:hover {
		cursor: hand;
        color: #ffffff;
		text-decoration: underline;
		}
        
	a	{
		color: #ffffff;
		font-family: sans-serif; font-size: 9pt; 
		cursor: hand;
		text-decoration: none;
		}
    a:hover {
 		cursor: hand;
        color: #ffffff;
		text-decoration: underline;
        }

/* HORIZONTAL NAV */

     .top_horizontal_nav {
        position: absolute; top: 30px; left: 0px;
        width: 1040px; height: 30px;  
        background-color: #000033;
        color: #006e8f; 
        font-size: 10pt;
        }
		
     .low_horizontal_nav {
        position: absolute; top: 640px; left: 0px; 
        width: 1000px; height: 30px; 
        color: #000033; font-size: 10pt;
         }	
              

    /* Top Horizontal Bar Buttons */
    
    .home    {left:415px;}
    .about   {left:515px;}
    .contact {left:615px;}
    .sampler {left:715px;}
       
	.b01 {
		top: 6px;
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #404040; 
		width: 70pt; 
		text-align: center;
		font-size: 11pt;
		position: absolute; 
        color: #ffffff;
        /* color: #006e8f; */
		}
        
	.b01:hover {
		border-color: #006e8f; 
		background-color: #006e8f;
        color: white;
        font-weight:600;
		cursor: hand;
        text-decoration:none;
		}
        
    /* Bottom Horizontal Bar Links */
    
	.b02 {
		font-size: 10pt;
		height: 25px;
		padding-right: 10pt;
		text-align: center;
		}
        
/* VERTICAL NAV */ 

    .v_nav_panel {
        position:absolute; 
        left: 0px; 
        text-align:right; 
        width: 122px; 
        font-weight:bold;
        font-size: 11pt;
        }

    .vertical_nav {
        position:absolute; 
        top:0px; left: 0px;
        /* left: 23px; */
        width: 125px; height: 640px;
        border-style:solid;
        border-width: 1px;
        border-left-color: #505050;
        border-right-color: #505050;
        background-color: #330000;
        background-image:url('images/v-bar-b.jpg');
        }
        
    .vnavb {
        position: absolute; 
		/* left: 52px; */
        left: 85px; 
		width: 81px; height: 75px;
        } 
           
	.video {
		top: 90px;
        background-image: url('images/buttons_vid.png');
		}
        
    .video:hover {
        background-image: url('images/buttons_vid-1.png'); 
        }
        
	.illus {
		top: 190px;
        background-image: url('images/buttons_ill.png'); 
		}
        
    .illus:hover {
        background-image: url('images/buttons_ill-1.png'); 
        }
        
	.anima {
		top: 290px;
        background-image: url('images/buttons_ani.png'); 
		}
        
    .anima:hover {
        background-image: url('images/buttons_ani-1.png'); 
        }
        
	.photo {
		top: 390px;
        background-image: url('images/buttons_pho.png'); 
		}
        
    .photo:hover {
        background-image: url('images/buttons_pho-1.png'); 
        }
   
	.pwrpt {
		top: 490px;
        background-image: url('images/buttons_ppt.png'); 
		}
        
    .pwrpt:hover {
        background-image: url('images/buttons_ppt-1.png'); 
        }

/* test area */