html, body
{
   height: 100%;
}
div#space
{
   width: 1px;
   height: 50%;
   margin-bottom: -500px;
   float:left
}
div#container
{
   width: 970px;
   height: 1000px;
   margin: 0 auto;
   position: relative;
   clear: left;
}
body
{
   background-color: #A9A9A9;
   background-image: url('images/safar_bkgrnd.png');
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#Shape3
{
   border-width: 0;
   vertical-align: top;
}
#Shape2
{
   border-width: 0;
   vertical-align: top;
}
#Shape1
{
   border-width: 0;
   vertical-align: top;
}
#wb_Image1
{
   direction: ltr;
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Button1
{
   box-sizing: border-box;
   line-height: 19px;
   text-decoration: none;
   vertical-align: top;
   border: 1px dashed #FFFFFF;
   border-radius: 7px;
   background-color: rgba(16,102,53,0.78);
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
}
#Button1:focus
{
   outline: 0;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: right;
}
#wb_Text1 div
{
   text-align: right;
}
#wb_Image2
{
   direction: ltr;
   vertical-align: top;
}
#Image2
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: right;
}
#wb_Text2 div
{
   text-align: right;
}
#wb_Text3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: right;
}
#wb_Text3 div
{
   text-align: right;
}
#wb_Text4 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: right;
}
#wb_Text4 div
{
   text-align: right;
}
#wb_Text5 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: right;
}
#wb_Text5 div
{
   text-align: right;
}
#TextArea1
{
   border: 1px solid transparent;
   border-radius: 4px;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: right;
   padding: 4px 4px 4px 4px;
   margin: 0;
   overflow: auto;
   resize: none;
}
#TextArea1:focus
{
   border-color: #000000;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(0,0,0,0.60);
   outline: 0;
}
#Button2
{
   box-sizing: border-box;
   line-height: 27px;
   text-decoration: none;
   vertical-align: top;
   border: 1px dashed #FFFFFF;
   border-radius: 7px;
   background-color: rgba(16,102,53,0.78);
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
}
#Button2:focus
{
   outline: 0;
}
#wb_Text6 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: right;
}
#wb_Text6 div
{
   text-align: right;
}
#wb_Text7 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: right;
}
#wb_Text7 div
{
   text-align: right;
}
#TextArea1
{
   position: absolute;
   left: 249px;
   top: 319px;
   width: 484px;
   height: 97px;
   z-index: 11;
}
#wb_Shape1
{
   position: absolute;
   left: 219px;
   top: 85px;
   width: 555px;
   height: 525px;
   opacity: 0.60;
   z-index: 2;
}
#wb_Shape2
{
   position: absolute;
   left: 277px;
   top: 86px;
   width: 313px;
   height: 391px;
   opacity: 0.60;
   visibility: hidden;
   z-index: 1;
}
#Button2
{
   position: absolute;
   left: 596px;
   top: 527px;
   width: 147px;
   height: 31px;
   z-index: 12;
}
#wb_Image1
{
   position: absolute;
   left: 219px;
   top: 0px;
   width: 158px;
   height: 158px;
   z-index: 3;
}
#wb_Shape3
{
   position: absolute;
   left: 219px;
   top: 85px;
   width: 320px;
   height: 525px;
   opacity: 0.60;
   visibility: hidden;
   z-index: 0;
}
#wb_Text4
{
   position: absolute;
   left: 518px;
   top: 239px;
   width: 225px;
   height: 18px;
   text-align: right;
   z-index: 9;
}
#wb_Image2
{
   position: absolute;
   left: 233px;
   top: 169px;
   width: 165px;
   height: 150px;
   z-index: 6;
}
#Button1
{
   position: absolute;
   left: 260px;
   top: 142px;
   width: 111px;
   height: 23px;
   z-index: 4;
}
#wb_Text5
{
   position: absolute;
   left: 518px;
   top: 273px;
   width: 225px;
   height: 18px;
   text-align: right;
   z-index: 10;
}
#wb_Text6
{
   position: absolute;
   left: 478px;
   top: 446px;
   width: 265px;
   height: 16px;
   text-align: right;
   z-index: 13;
}
#wb_Text7
{
   position: absolute;
   left: 249px;
   top: 502px;
   width: 494px;
   height: 16px;
   text-align: right;
   z-index: 14;
}
#Shape1
{
   width: 555px;
   height: 525px;
}
#Shape2
{
   width: 313px;
   height: 391px;
}
#wb_Text1
{
   position: absolute;
   left: 456px;
   top: 144px;
   width: 287px;
   height: 19px;
   text-align: right;
   z-index: 5;
}
#Shape3
{
   width: 320px;
   height: 525px;
}
#wb_Text2
{
   position: absolute;
   left: 596px;
   top: 197px;
   width: 147px;
   height: 18px;
   text-align: right;
   z-index: 7;
}
#wb_Text3
{
   position: absolute;
   left: 410px;
   top: 197px;
   width: 173px;
   height: 18px;
   text-align: right;
   z-index: 8;
}
@media only screen and (max-width: 969px) and (orientation: portrait)
{
div#container
{
   width: 320px;
   height: 1000px;
}
body
{
   background-color: #A9A9A9;
   background-image: url('images/safar_bkgrnd320.png');
}
#wb_Shape3
{
   left: 0px;
   top: 33px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Shape2
{
   left: 277px;
   top: 86px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#wb_Shape1
{
   left: 219px;
   top: 85px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#wb_Image1
{
   left: 0px;
   top: 5px;
   width: 70px;
   height: 70px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#Button1
{
   left: 8px;
   top: 75px;
   width: 111px;
   height: 23px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button1
{
   line-height: 19px;
}
#wb_Text1
{
   left: 20px;
   top: 109px;
   width: 287px;
   height: 19px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   margin: 0;
   padding: 0;
}
#wb_Image2
{
   left: 8px;
   top: 107px;
   width: 108px;
   height: 108px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_Text2
{
   left: 119px;
   top: 146px;
   width: 188px;
   height: 18px;
   visibility: visible;
   display: inline;
}
#wb_Text2
{
   margin: 0;
   padding: 0;
}
#wb_Text3
{
   left: 119px;
   top: 170px;
   width: 188px;
   height: 18px;
   visibility: visible;
   display: inline;
}
#wb_Text3
{
   margin: 0;
   padding: 0;
}
#wb_Text4
{
   left: 8px;
   top: 215px;
   width: 299px;
   height: 18px;
   visibility: visible;
   display: inline;
}
#wb_Text4
{
   margin: 0;
   padding: 0;
}
#wb_Text5
{
   left: 8px;
   top: 243px;
   width: 299px;
   height: 18px;
   visibility: visible;
   display: inline;
}
#wb_Text5
{
   margin: 0;
   padding: 0;
}
#TextArea1
{
   left: 8px;
   top: 270px;
   width: 304px;
   height: 99px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: right;
}
#Button2
{
   left: 160px;
   top: 475px;
   width: 147px;
   height: 31px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button2
{
   line-height: 27px;
}
#wb_Text6
{
   left: 20px;
   top: 394px;
   width: 287px;
   height: 16px;
   visibility: visible;
   display: inline;
}
#wb_Text6
{
   margin: 0;
   padding: 0;
}
#wb_Text7
{
   left: 8px;
   top: 451px;
   width: 299px;
   height: 16px;
   visibility: visible;
   display: inline;
}
#wb_Text7
{
   margin: 0;
   padding: 0;
}
}