
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300italic,400italic,600italic,700italic,800italic);


@font-face {
	font-family: 'Open+Sans';
	
	
}


div#container
{
   width: 970px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #D3D3D3;
   color: #000000;
   font-family: Arial;
   font-size: 13px;
   margin: 0;
   text-align: center;
}
a
{
   color: #0000FF;
   text-decoration: underline;
}
a:visited
{
   color: #800080;
}
a:active
{
   color: #FF0000;
}
a:hover
{
   color: #0000FF;
   text-decoration: underline;
}
#Image2
{
   border: 0px #000000 solid;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Layer1
{
   background-color: #D3D3D3;
}
#Image3
{
   border: 0px #000000 solid;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#RollOverText4 p
{
   color: #FFFFFF;
   font-family: Arial;
   font-size: 13px;
   margin: 0;
   padding: 0px 30px 0px 30px;
   text-align: center;
}
#RollOverText4 a
{
   display: inline-block;
   font-family: "Open Sans";
   font-size: 17px;
   font-weight: normal;
   font-style: normal;
   color: #C0C0C0;
   padding: 0px 30px 30px 30px;
   text-decoration: none;
}
#RollOverText4 .title
{
   text-align: center;
   padding: 30px 30px 0px 30px;
   font-family: "Open Sans";
   font-size: 13px;
   color: #DCDCDC;
}
#RollOverText4
{
   float: left;
   background: #808080;
   text-align: center;
}
#RollOverText4 img
{
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#RollOverText4
{
   border-width: 0;
}
#RollOverText5 p
{
   color: #FFFFFF;
   font-family: Arial;
   font-size: 13px;
   margin: 0;
   padding: 0px 30px 0px 30px;
   text-align: center;
}
#RollOverText5 a
{
   display: inline-block;
   font-family: "Open Sans";
   font-size: 17px;
   font-weight: normal;
   font-style: normal;
   color: #C0C0C0;
   padding: 0px 30px 30px 30px;
   text-decoration: none;
}
#RollOverText5 .title
{
   text-align: center;
   padding: 30px 30px 0px 30px;
   font-family: "Open Sans";
   font-size: 13px;
   color: #DCDCDC;
}
#RollOverText5
{
   float: left;
   background: #808080;
   text-align: center;
}
#RollOverText5 img
{
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#RollOverText5
{
   border-width: 0;
}
#RollOverText6 p
{
   color: #FFFFFF;
   font-family: Arial;
   font-size: 13px;
   margin: 0;
   padding: 0px 30px 0px 30px;
   text-align: center;
}
#RollOverText6 a
{
   display: inline-block;
   font-family: "Open Sans";
   font-size: 17px;
   font-weight: normal;
   font-style: normal;
   color: #C0C0C0;
   padding: 0px 30px 30px 30px;
   text-decoration: none;
}
#RollOverText6 .title
{
   text-align: center;
   padding: 30px 30px 0px 30px;
   font-family: "Open Sans";
   font-size: 13px;
   color: #DCDCDC;
}
#RollOverText6
{
   float: left;
   background: #808080;
   text-align: center;
}
#RollOverText6 img
{
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#RollOverText6
{
   border-width: 0;
}
#RollOverText1 p
{
   color: #FFFFFF;
   font-family: "Open Sans";
   font-size: 27px;
   margin: 0;
   padding: 0px 20px 30px 20px;
   text-align: center;
}
#RollOverText1 a
{
   display: inline-block;
   font-family: "Open Sans";
   font-size: 21px;
   font-weight: bold;
   font-style: normal;
   color: #DDDDDD;
   padding: 60px 20px 20px 20px;
   text-decoration: none;
}
#RollOverText1 .title
{
   text-align: center;
   padding: 20px 20px 30px 20px;
   font-family: "Open Sans";
   font-size: 21px;
   color: #DCDCDC;
}
#RollOverText1
{
   float: left;
   background: #808080;
   text-align: center;
}
#RollOverText1 img
{
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#RollOverText1
{
   border-width: 0;
}
#RollOverText3 p
{
   color: #FFFFFF;
   font-family: "Open Sans";
   font-size: 27px;
   margin: 0;
   padding: 0px 30px 20px 30px;
   text-align: center;
}
#RollOverText3 a
{
   display: inline-block;
   font-family: "Open Sans";
   font-size: 21px;
   font-weight: bold;
   font-style: normal;
   color: #DDDDDD;
   padding: 40px 30px 30px 30px;
   text-decoration: none;
}
#RollOverText3 .title
{
   text-align: center;
   padding: 45px 30px 20px 30px;
   font-family: "Open Sans";
   font-size: 21px;
   color: #DCDCDC;
}
#RollOverText3
{
   float: left;
   background: #808080;
   text-align: center;
}
#RollOverText3 img
{
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#RollOverText3
{
   border-width: 0;
}
#RollOverText2 p
{
   color: #FFFFFF;
   font-family: "Open Sans";
   font-size: 27px;
   margin: 0;
   padding: 0px 20px 30px 20px;
   text-align: center;
}
#RollOverText2 a
{
   display: inline-block;
   font-family: "Open Sans";
   font-size: 21px;
   font-weight: bold;
   font-style: normal;
   color: #DDDDDD;
   padding: 60px 20px 20px 20px;
   text-decoration: none;
}
#RollOverText2 .title
{
   text-align: center;
   padding: 20px 20px 30px 20px;
   font-family: "Open Sans";
   font-size: 21px;
   color: #DCDCDC;
}
#RollOverText2
{
   float: left;
   background: #808080;
   text-align: center;
}
#RollOverText2 img
{
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#RollOverText2
{
   border-width: 0;
}
#HomePageText1 p
{
   color: #000000;
   font-family: "Open Sans";
   font-size: 21px;
   font-weight: bold;
   font-style: normal;
   margin: 0;
   text-align: center;
}
#HomePageText2 p
{
   color: #000000;
   font-family: "Open Sans";
   font-size: 16px;
   font-weight: bold;
   font-style: normal;
   margin: 0;
   text-align: center;
}
#RollOverText1
{
   overflow: hidden;
   position: absolute;
   left: 611px;
   top: 462px;
   width: 309px;
   height: 208px;
   z-index: 1;
}
#RollOverText2
{
   overflow: hidden;
   position: absolute;
   left: 611px;
   top: 50px;
   width: 309px;
   height: 204px;
   z-index: 3;
}
#RollOverText3
{
   overflow: hidden;
   position: absolute;
   left: 611px;
   top: 254px;
   width: 309px;
   height: 208px;
   z-index: 2;
}
#HomePageText1
{
   overflow: hidden;
   position: absolute;
   left: 641px;
   top: 5px;
   background: #D3D3D3;
   text-align: center;
   border-width: 0;
}
#HomePageText2
{
   overflow: hidden;
   position: absolute;
   left: 705px;
   top: 30px;
   background: #D3D3D3;
   text-align: center;
   border-width: 0;
}
#wb_Image2
{
   position: absolute;
   left: 100px;
   top: 50px;
   width: 820px;
   height: 620px;
   z-index: 0;
}
#wb_Image2_left
{
   position: absolute;
   left: 100px;
   top: 50px;
   width: 820px;
   height: 620px;
   visibility: hidden;
}
#wb_Image2_right
{
   position: absolute;
   left: 100px;
   top: 50px;
   width: 820px;
   height: 620px;
   visibility: hidden;
}
#Layer1
{
   position: absolute;
   text-align: center;
   left: 0px;
   top: 0%;
   width: 100%;
   height: 680px;
   z-index: 4;
}
#RollOverText4
{
   overflow: hidden;
   position: absolute;
   left: 50px;
   top: 147px;
   visibility: hidden;
   width: 215px;
   height: 143px;
   z-index: 6;
}
#wb_Image3
{
   position: absolute;
   left: 208px;
   top: 223px;
   width: 308px;
   height: 592px;
   visibility: hidden;
   z-index: 5;
}
#Layer1_Container
{
   width: 1070px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#RollOverText5
{
   overflow: hidden;
   position: absolute;
   left: 317px;
   top: 329px;
   visibility: hidden;
   width: 215px;
   height: 143px;
   z-index: 7;
}
#RollOverText6
{
   overflow: hidden;
   position: absolute;
   left: 360px;
   top: 401px;
   visibility: hidden;
   width: 215px;
   height: 143px;
   z-index: 8;
}
@media only screen and (max-width: 800px)
{
div#container
{
   max-width: 800px;
   margin: auto;
}
#wb_Image2
{
   left: 0px;
   top: 83px;
   width: 676px;
   height: 507px;
   visibility: visible;
   display: inline;
}
#wb_Image2_left
{
   position: absolute;
   left: 0px;
   top: 83px;
   width: 676px;
   height: 507px;
   visibility: hidden;
}
#wb_Image2_right
{
   position: absolute;
   left: 0px;
   top: 83px;
   width: 676px;
   height: 507px;
   visibility: hidden;
}
#Layer1
{
   left: 50px;
   top: 0px;
   height: 692px;
   visibility: visible;
   display: inline;
}
#Layer1
{
   width: 100%;
}
#Layer1_Container
{
   width: 800px;
}
#wb_Image3
{
   left: 3px;
   top: 6px;
   width: 308px;
   height: 592px;
   visibility: hidden;
   display: none;
}
#RollOverText4
{
   left: 50px;
   top: 147px;
   width: 215px;
   height: 143px;
   visibility: hidden;
   display: none;
}
#RollOverText5
{
   left: 317px;
   top: 329px;
   width: 215px;
   height: 143px;
   visibility: hidden;
   display: none;
}
#RollOverText6
{
   left: 360px;
   top: 401px;
   width: 215px;
   height: 143px;
   visibility: hidden;
   display: none;
}
#RollOverText1
{
   left: 419px;
   top: 423px;
   width: 257px;
   height: 167px;
   visibility: visible;
   display: inline;
}
#RollOverText3
{
   left: 419px;
   top: 250px;
   width: 257px;
   height: 173px;
   visibility: visible;
   display: inline;
}
#RollOverText2
{
   left: 419px;
   top: 83px;
   width: 257px;
   height: 167px;
   visibility: visible;
   display: inline;
}
#HomePageText1
{
   overflow: hidden;
   position: absolute;
   left: 444px;
   top: 40px;
   background: #D3D3D3;
   text-align: center;
   border-width: 0;
   font-size: 18px;
}
#HomePageText2
{
   overflow: hidden;
   position: absolute;
   left: 480px;
   top: 60px;
   background: #D3D3D3;
   text-align: center;
   border-width: 0;
 
}
#RollOverText1 a
{
   padding: 50px 20px 20px 20px;
}
#RollOverText2 a
{
   padding: 50px 20px 20px 20px;
}
#RollOverText3 a
{
   padding: 25px 20px 20px 20px;
}
#HomePageText1 p
{
   font-size: 18px;
}
#HomePageText2 p
{
   font-size: 18px;
}
}
@media only screen and (max-width: 400px)
{
div#container
{
   max-width: 400px;
   margin: auto;
}
#wb_Image2
{
   left: 19px;
   top: 65px;
   width: 295px;
   height: 222px;
   visibility: hidden;
   display: inline;
}
#wb_Image2_left
{
   position: absolute;
   left: 19px;
   top: 20px;
   width: 330px;
   height: 399px;
   visibility: visible;
}
#wb_Image2_right
{
   position: absolute;
   left: 30px;
   top: 500px;
   width: 300px;
   height: 603px;
   visibility: visible;
}
#Layer1
{
   left: 0px;
   top: 0px;
   height: 799px;
   visibility: visible;
   display: inline;
}
#Layer1
{
   width: 100%;
}
#Layer1_Container
{
   width: 360px;
}
#wb_Image3
{
   left: 3px;
   top: 6px;
   width: 308px;
   height: 709px;
   visibility: visible;
   display: inline;
}
#RollOverText4
{
   left: 49px;
   top: 231px;
   width: 217px;
   height: 142px;
   visibility: visible;
   display: inline;
}
#RollOverText5
{
   left: 49px;
   top: 371px;
   width: 217px;
   height: 142px;
   visibility: visible;
   display: inline;
}
#RollOverText6
{
   left: 49px;
   top: 513px;
   width: 217px;
   height: 148px;
   visibility: visible;
   display: inline;
}
#RollOverText1
{
   left: 30px;
   top: 902px;
   width: 300px;
   height: 201px;
   visibility: visible;
   display: inline;
}
#RollOverText3
{
   left: 30px;
   top: 701px;
   width: 300px;
   height: 201px;
   visibility: visible;
   display: inline;
}
#RollOverText2
{
   left: 30px;
   top: 500px;
   width: 300px;
   height: 201px;
   visibility: visible;
   display: inline;
}
#HomePageText1
{
   overflow: hidden;
   position: absolute;
   left: 80px;
   top: 450px;
   background: #D3D3D3;
   text-align: center;
   border-width: 0;
}
#HomePageText2
{
   overflow: hidden;
   position: absolute;
   left: 110px;
   top: 475px;
   background: #D3D3D3;
   text-align: center;
   border-width: 0;
 
}
#RollOverText1 a
{
   padding: 70px 0px 0px 15px;
   font-size: 21px;
}
#RollOverText2 a
{
   padding: 65px 0px 0px 10px;
   font-size: 21px;
}
#RollOverText3 a
{
   padding: 50px 0px 0px 10px;
   font-size: 21px;
}
#HomePageText1 p
{
   font-size: 18px;
}
#HomePageText2 p
{
   font-size: 18px;
}
}
