/* css rest */
        html, body, div, span, applet, object, iframe,
        h1, h2, h3, h4, h5, h6, p, blockquote, pre,
        a, abbr, acronym, address, big, cite, code,
        del, dfn, em, font, img, ins, kbd, q, s, samp,
        small, strike, strong, sub, sup, tt, var,
        dl, dt, dd, ol, ul, li,
        fieldset, form, label, legend,
        table, caption, tbody, tfoot, thead, tr, th, td 
        {
	        margin: 0;
	        padding: 0;
	        border: 0;
	        outline: 0;
	        font-weight: inherit;
	        font-style: inherit;
	        font-size: 100%;
	        font-family: inherit;
	        vertical-align: baseline;
        }
        /* remember to define focus styles! */
        :focus 
        {
	        outline: 0;
        }
        body 
        {
            margin: 0px;
            padding: 0px;
	        line-height: 1;
	        color: black;

        }
        ol, ul 
        {
	        list-style: none;
        }
		
		p{font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;  color:#000; font-size:22px; line-height:24px}
		
        /* tables still need 'cellspacing="0"' in the markup */
        table 
        {
	        border-collapse: separate;
	        border-spacing: 0;
        }
        caption, th, td 
        {
	        text-align: left;
	        font-weight: normal;
        }
        blockquote:before, blockquote:after,
        q:before, q:after 
        {
	        content: "";
        }
        blockquote, q 
        {
	        quotes: "" "";
        }
        
        
        /* wrapper */
        body{background:#f59db2; font-family: Arial, Sans-Serif; height: 100%;}
        #wrapper
        {
            background: url(../image/pingbackground.jpg) no-repeat top; 
            margin: 0px;
            height: 850px;
            }
        
        /* navigation */
        #navigation
        { 
            background: white url(../image/navigation.jpg); 
            height: 78px; 
            margin: 0px 0px 53px 0px;
            }
            #wrapper 
            {
                padding-top: 38px;
                }
        #navigation ul
        { 
            width: 967px; 
            margin: 0px auto; 
            position: relative; 
            height: 45px;
            }
        #navigation ul li
        { 
            display: inline;
            }
        #navigation ul li a
        { 
            padding: 0px 8px; 
            display: block; 
            float: left; 
            height: 100%; 
            padding-top: 30px; 
            color: #666666; 
            text-decoration: none; 
            font-family: Arial, Sans-Serif;
            } 
        #navigation ul li a:hover
        {
            background: url(../image/navigationHover.jpg) repeat-x 0px 3px;
        }
        #navigation #home 
        {
            background:white url(../image/saralogo.jpg) no-repeat left; 
            position: absolute; 
            right: 0px; 
            top: -37px; 
            height: 145px; 
            width: 222px; 
            padding: 0px; margin: 0px;
            }
        #navigation #home a  
        {
            width: 100%; 
            padding: 0px; 
            margin: 0px; 
            text-indent: -90000px; 
            }
        #navigation #home a:hover
        {
            background: transparent;
        }
        /* content layout */
        #content
        {
            width: 968px; 
            height: 515px; 
            background: white url(../image/background.jpg) no-repeat; 
            margin: 0px auto;
            position: relative;
            }
        /* Content */
        .leftColumn{ float: left; height: 472px; width: 295px; margin-top: 22px; margin-left: 22px; }
        .rightColumn{ width: 596px; /*height: 472px;*/ float: right; margin-top: 22px; margin-right: 22px;}
        .clear{clear: both;}
        
        #accentImage{ /*background: url(../image/glove.png);*/ height: 326px; width: 483px; position: absolute; bottom: -50px; right: -20px; z-index: 1;}
        
        .leftColumn img { margin-top: 44px; margin-left: 32px; }
        .rightColumn h1 {position: absolute; top: 40px; width: 580px; height: 91px; background: none no-repeat;}
        .rightColumn { position: relative; padding-top: 130px;}
        .rightColumn * {margin-right: 35px;}


        /* MENU PAGE RESET*/
        .rightColumn .image {outline: 1px solid #ddd; position: absolute; left: -300px; top: 33px; height: 401px; width: 266px;}

        #gallery .t1 { background: url(../image/menu/thumb/1.jpg) no-repeat;}
        #text1 h1 { background: url(../image/menu/header/1.jpg) no-repeat;}
        #text1 .image { background: url(../image/menu/1.jpg) no-repeat;}
        
        #gallery .t2 { background: url(../image/menu/thumb/2.jpg) no-repeat;}
        #text2 h1 { background: url(../image/menu/header/2.jpg) no-repeat;}
        #text2 .image { background: url(../image/menu/2.jpg) no-repeat;}
        
        #gallery .t3 { background: url(../image/menu/thumb/3.jpg) no-repeat;}
        #text3 h1 { background: url(../image/menu/header/3.jpg) no-repeat;}
        #text3 .image { background: url(../image/menu/3.jpg) no-repeat;}
        
        #gallery .t4 { background: url(../image/menu/thumb/4.jpg) no-repeat;}
        #text4 h1 { background: url(../image/menu/header/4.jpg) no-repeat;}
        #text4 .image { background: url(../image/menu/4.jpg) no-repeat;}
        
        #gallery .t5 { background: url(../image/menu/thumb/5.jpg) no-repeat;}
        #text5 h1 { background: url(../image/menu/header/5.jpg) no-repeat;}
        #text5 .image { background: url(../image/menu/5.jpg) no-repeat;}
        
        #gallery .t6 { background: url(../image/menu/thumb/6.jpg) no-repeat;}
        #text6 h1 { background: url(../image/menu/header/6.jpg) no-repeat;}
        #text6 .image { background: url(../image/menu/6.jpg) no-repeat;}
        
        #gallery .t7 { background: url(../image/menu/thumb/7.jpg) no-repeat;}
        #text7 h1 { background: url(../image/menu/header/7.jpg) no-repeat;}
        #text7 .image { background: url(../image/menu/7.jpg) no-repeat;}
        
        #gallery .t8 { background: url(../image/menu/thumb/8.jpg) no-repeat;}
        #text8 h1 { background: url(../image/menu/header/8.jpg) no-repeat;}
        #text8 .image { background: url(../image/menu/8.jpg) no-repeat;}
        
        #gallery .t9 { background: url(../image/menu/thumb/9.jpg) no-repeat;}
        #text9 h1 { background: url(../image/menu/header/9.jpg) no-repeat;}
        #text9 .image { background: url(../image/menu/9.jpg) no-repeat;}
        
        #gallery .t10 { background: url(../image/menu/thumb/10.jpg) no-repeat;}
        #text10 h1 { background: url(../image/menu/header/10.jpg) no-repeat;}
        #text10 .image { background: url(../image/menu/10.jpg) no-repeat;}
        
        #gallery .t11 { background: url(../image/menu/thumb/11.jpg) no-repeat;}
        #text11 h1 { background: url(../image/menu/header/11.jpg) no-repeat;}
        #text11 .image { background: url(../image/menu/11.jpg) no-repeat;}
        
        #gallery .t12 { background: url(../image/menu/thumb/12.jpg) no-repeat;}
        #text12 h1 { background: url(../image/menu/header/12.jpg) no-repeat;}
        #text12 .image { background: url(../image/menu/12.jpg) no-repeat;}
        
        #gallery .t13 { background: url(../image/menu/thumb/13.jpg) no-repeat;}
        #text13 h1 { background: url(../image/menu/header/13.jpg) no-repeat;}
        #text13 .image { background: url(../image/menu/13.jpg) no-repeat;}
        
        #gallery .t14 { background: url(../image/menu/thumb/14.jpg) no-repeat;}
        #text14 h1 { background: url(../image/menu/header/14.jpg) no-repeat;}
        #text14 .image { background: url(../image/menu/14.jpg) no-repeat;}
        
		#gallery .t15 { background: url(../image/menu/thumb/15.jpg) no-repeat;}
		#text15 h1 { background: url(../image/menu/header/15.jpg) no-repeat;}
		#text15 .image { background: url(../image/menu/15.jpg) no-repeat;}
		
        #gallery .t16 { background: url(../image/menu/thumb/16.jpg) no-repeat;}
        #text16 h1 { background: url(../image/menu/header/16.jpg) no-repeat;}
        #text16 .image { background: url(../image/menu/16.jpg) no-repeat;}
        
        #gallery .t17 { background: url(../image/menu/thumb/17.jpg) no-repeat;}
        #text17 h1 { background: url(../image/menu/header/17.jpg) no-repeat;}
        #text17 .image { background: url(../image/menu/17.jpg) no-repeat;}
        
        #gallery .t18 { background: url(../image/menu/thumb/18.jpg) no-repeat;}
        #text18 h1 { background: url(../image/menu/header/18.jpg) no-repeat;}
        #text18 .image { background: url(../image/menu/18.jpg) no-repeat;}
        
        #gallery .t19 { background: url(../image/menu/thumb/19.jpg) no-repeat;}
        #text19 h1 { background: url(../image/menu/header/19.jpg) no-repeat;}
        #text19 .image { background: url(../image/menu/19.jpg) no-repeat;}
        
        #gallery .t20 { background: url(../image/menu/thumb/20.jpg) no-repeat;}
        #text20 h1 { background: url(../image/menu/header/20.jpg) no-repeat;}
        #text20 .image { background: url(../image/menu/20.jpg) no-repeat;}
        
        #gallery .t21 { background: url(../image/menu/thumb/21.jpg) no-repeat;}
        #text21 h1 { background: url(../image/menu/header/21.jpg) no-repeat;}
        #text21 .image { background: url(../image/menu/21.jpg) no-repeat;}
        
        #gallery, #gallery li, #gallery li a {  z-index: 99;  }
        #gallery { width: 560px; position: absolute; bottom: 50px; right: 50px;}
        #gallery li { display: inline;}
        #gallery li a {display: block; height: 60px; width: 60px; border: 3px solid #fff; outline: 1px solid #ddd; float: left; margin-right: 14px; margin-bottom: 14px;}

        .viewPortBox { height: 600px; width: 965px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;  color:#000; font-size:20px; line-height:25px}
        #viewPort             
        {
            width: 967px; 
            height: 515px; 
            overflow: hidden;
            }
        #gallery li a.active { outline: 1px solid gray; }
#map_canvas
{
	position: absolute;
	bottom: 48px;
	left: 350px;
}
#iTop { position: absolute; top: 10px; right: 50px;}
#iMid{ position: absolute; top: 159px; right: 55px; }
#iBottom{ position: absolute; top: 195px; right: 55px;}