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

body{background:#e8e8e8; font-family:Arial, Helvetica, sans-serif; margin: 0px}

p{line-height:160%;}
a{color:#000000;}
.header-background{width:100%; background-image:url(../graphics/header-background.jpg); background-repeat:repeat; height: 412px;}
.header{width:1000px; background-image:url(../graphics/header-image-main.jpg); background-repeat:no-repeat; height: 412px; margin: 0px auto; position:relative}
.header-pic{
	position:absolute;
	width:383px;
	height:240px;
	top:88px;
	right: 0px
}
.header-top-1{position:absolute; color:white; font-size:16px; font-weight:bold; width:80%; text-align:right; top:20px; right:20px;}
.header-top-2{position:absolute; color:white; font-size:16px; font-weight:bold; width:80%; text-align:right; top:350px; right:20px;}
.header a{font-size:18px; font-weight:bold; color:#FFFFFF; text-decoration:none}
.content{background-color:#FFFFFF; width:900px; margin: 0px auto; min-height:300px; padding:20px 50px}

    .menu {   
        list-style-type:none;  
        margin:0 auto;  
        padding:6px 0px;  
        height:30px;  
		display: inline-block;
    } 

    .menu li {  
        float:left;  
        height:30px;  
        line-height:20px;  
		 font-size:26px; font-weight:bold;
    }  
    .menu li a {  
        display:block;  
        padding:6px 10px;  
        color:#000000;  
        text-decoration:none;
		border-bottom:thin dotted #000000;
		margin:0px 6px;
    }  
    .menu li a:hover {
	background-image:url(../graphics/nav-arrow.png);
	background-repeat:no-repeat;
	background-position: center top; 
    text-decoration:none;  
    }  
	
	.menu-pos{width:100%; text-align:center;}


@media screen and (max-width:980px)
{ 

body{background:#FFF;}
.header-background{height: 470px;}
.header{width:100%; background-image:url(../graphics/header-mobile.jpg); background-repeat:no-repeat; height: 470px; margin: 0px auto; position:relative; background-position:center bottom}
.header-pic{visibility:hidden; display:none}

.header-top-1{position:absolute; color:white; font-size:16px; font-weight:bold; width:80%; text-align:center; left: 0; right: 0; margin: auto; top:6px}
.header-top-2{position:absolute; color:white; font-size:16px; font-weight:bold; width:80%; text-align:center; top:396px; left: 0; right: 0; margin: auto; }
.content{width:90%; margin: 0 auto; padding:20px 0px}
.menu-pos{padding-bottom:20px}

    .menu li {  
        height:40px;  
        line-height:20px;  
		 font-size:18px; font-weight:bold;
    } 
	
	 .menu {   
        list-style-type:none;  
        margin:0 auto;  
        padding:6px 0px;  
        height:40px;  
		display: inline-block;
    } 
.fill-width{width:100%}
}