@charset "UTF-8";
/* CSS Document */
 body{
  margin:0;
  padding:100px  0 0 0px;  
  background: url(images/gradient.jpg) left top repeat-x ;
  background-attachment:fixed;
  background-color: #797979;
  font-family:Arial, Helvetica, sans-serif;
  color:#FFF;
  text-align:center;
 }
html {
  overflow-y: scroll;
}
 a:link{
	color:#FFF;
	text-decoration:none;
}	
a:hover{
	color:#999;
}
 div#header{
  position:absolute;
  top:0px;
  left:0;
  width:100%;
  height:100px;
  z-index:1;
  background: url(images/gradient.jpg) left top repeat-x ;
 }
.menu{
	margin:0 auto;
	width:1000px;
	letter-spacing: 2pt;
	font-size:16pt;
	text-align:left;
}
.button{
	display:inline;
	width:305px;
	height:30px;
	float:left; 
}
.button1{
	display:inline;
	width:568px;
	height:30px;
	float:left;
}
.button2{
	display:inline;
	width:95px;
	height:30px;
	float:left; 
	text-align:right;
}
.link{
	text-decoration:none;
	color:#FFF;
}
.active{	
    text-decoration:none;
	color:#999;
}
div#content{
	top:60px;
	margin:20px auto;
	width:1000px;
    height:100%;
	text-align:left;
	font-size:9.5pt;
	letter-spacing:1pt;
	line-height: 17px;
	border:0px;
 }
.title {
	width:1000px;
	margin:18px auto;
	color:#FFF;
	font-size:24pt;
	letter-spacing: 4.8pt;
	text-decoration:none;
	text-align:left;
}
.pics {
	width:980px;
	}
.text {
	width:500px;
	height:220px;
	margin-left:500px;
	margin-top:-200px;
}
.text2{
	width:480px;
	min-height:200px;
	height:expression(280 + "px");
	margin-left:500px;
	margin-top:-200px;
    padding-bottom:70px;
}
.rollover1 a {
    display:block;
    width: 300px;
	height:200px;
	background:url(images/t_NO.jpg) no-repeat 0% -0px;
}
.rollover1 a:hover { 
background-position: 0 -200px;
}
.rollover2 a {
    display:block;
    width: 300px;
	height:200px;
	background:url(images/t_TL.jpg) no-repeat 0% -0px;
}
.rollover2 a:hover { 
background-position: 0 -200px;
}
.rollover3 a {
    display:block;
    width: 300px;
	height:200px;
	background:url(images/t_SG.jpg) no-repeat 0% -0px;
}
.rollover3 a:hover { 
background-position: 0 -200px;
}
.rollover4 a {
    display:block;
    width: 300px;
	height:200px;
	background:url(images/t_SB.jpg) no-repeat 0% -0px;
}
.rollover4 a:hover { 
    background-position: 0 -200px;
}
.rollover5 a {
    display:block;
    width: 300px;
	height:200px;
	background:url(images/t_DG.jpg) no-repeat 0% -0px;
}
.rollover5 a:hover { 
    background-position: 0 -200px;
}
.rollover6 a {
    display:block;
    width: 300px;
	height:200px;
	background:url(images/t_LK.jpg) no-repeat 0% -0px;
}
.rollover6 a:hover { 
    background-position: 0 -200px;
}
.rollover7 a {
    display:block;
    width: 300px;
	height:200px;
	background:url(images/t_NNO.jpg) no-repeat 0% -0px;
}
.rollover7 a:hover { 
    background-position: 0 -200px;
}
.rollover8 a {
    display:block;
    width: 300px;
	height:200px;
	background:url(images/t_OP.jpg) no-repeat 0% -0px;
}
.rollover8 a:hover { 
    background-position: 0 -200px;
}
.rollover9 a {
    display:block;
    width: 300px;
	height:200px;
	background:url(images/t_MK.jpg) no-repeat 0% -0px;
}
.rollover9 a:hover { 
    background-position: 0 -200px;
}
.rollover10 a {
    display:block;
    width: 300px;
	height:200px;
	background:url(images/t_HW.jpg) no-repeat 0% -0px;
}
.rollover10 a:hover { 
    background-position: 0 -200px;
}
.rollover11 a {
    display:block;
    width: 300px;
	height:200px;
	background:url(images/t_PT.jpg) no-repeat 0% -0px;
}
.rollover11 a:hover { 
    background-position: 0 -200px;
}
.rollover12 a {
    display:block;
    width: 300px;
	height:200px;
	background:url(images/t_WW.jpg) no-repeat 0% -0px;
}
.rollover12 a:hover { 
    background-position: 0 -200px;
}
.rollover13 a {
    display:block;
    width: 300px;
	height:200px;
	background:url(images/t_PV.jpg) no-repeat 0% -0px;
}
.rollover13 a:hover { 
    background-position: 0 -200px;
}
.rollover14 a {
    display:block;
    width: 300px;
	height:200px;
	background:url(images/t_OM.jpg) no-repeat 0% -0px;
}
.rollover14 a:hover { 
    background-position: 0 -200px;
}
.rollover15 a {
    display:block;
    width: 300px;
	height:200px;
	background:url(images/t_SW.jpg) no-repeat 0% -0px;
}
.rollover15 a:hover { 
    background-position: 0 -200px;
}
.rollover16 a {
    display:block;
    width: 300px;
	height:200px;
	background:url(images/t_TG.jpg) no-repeat 0% -0px;
}
.rollover16 a:hover { 
    background-position: 0 -200px;
}
.rollover17 a {
    display:block;
    width: 300px;
	height:200px;
	background:url(images/t_UR.jpg) no-repeat 0% -0px;
}
.rollover17 a:hover { 
    background-position: 0 -200px;
}
.rollover18 a {
    display:block;
    width: 300px;
	height:200px;
	background:url(images/t_DW.jpg) no-repeat 0% -0px;
}
.rollover18 a:hover { 
    background-position: 0 -200px;
}
.rollover19 a {
    display:block;
    width: 300px;
	height:200px;
	background:url(images/t_WS.jpg) no-repeat 0% -0px;
}
.rollover19 a:hover { 
    background-position: 0 -200px;
}
.rollover20 a {
    display:block;
    width: 300px;
	height:200px;
	background:url(images/t_NAP.jpg) no-repeat 0% -0px;
}
.rollover20 a:hover { 
    background-position: 0 -200px;
}
.rollover21 a {
    display:block;
    width: 300px;
	height:200px;
	background:url(images/t_LP.jpg) no-repeat 0% -0px;
}
.rollover21 a:hover { 
    background-position: 0 -200px;
}
.rollover22 a {
    display:block;
    width: 300px;
	height:200px;
	background:url(images/t_VS.jpg) no-repeat 0% -0px;
}
.rollover22 a:hover { 
    background-position: 0 -200px;
}
.rollover23 a {
    display:block;
    width: 300px;
	height:200px;
	background:url(images/t_WL.jpg) no-repeat 0% -0px;
}
.rollover23 a:hover { 
    background-position: 0 -200px;
}
.picleft {
	border:0px;
}
.picright {
	margin-left:24px;
	border:0px;
}
.pichigh {
	margin-left:87px;
	border:0px;
}
.pichigh1 {
	margin-left:194px;
	border:0px;
}
.picright1{
	width:470px;
	height:329px; 
	position:relative;
	margin-top:-329px;
	margin-left:495px;
	border:0px;
}
.picright2{
	margin-left:495px;
	border:0px;
}
.text1 {
	width:470px;
	height:329px;
}
.b {
	display:block;
    margin-left:auto;
    margin-right:auto;
	margin-top:34px;
	border:0;
	text-align:center;
}
.mail {
    margin-left:370px;
	margin-top:180px;
	border:0;
}
.b1 {
	position:absolute;
     margin-top:4px;
} 
.b2 {
	position:absolute;
    text-decoration:none;
    border:0;
} 
.text3{
	width:720px;
	margin-left:135px;
	margin-top:10px;
}
@media screen{
  body>div#header{
   position:fixed;
  }
 * html body{
  overflow:hidden;
 } 
 * html div#content{
  position:relative;
  height:100%;
  overflow:scroll;
 }	
 