/* GSW stylesheet*/

/* null margins and padding to give a cross-browser baseline */
/*font:inherit;*/
body,div,p,
form,fieldset,label,
h1,h2,h3,h4,h5,h6,
ul,ol,li,
table,th,tr,td,
img {
margin:0;
padding:0;
font-size:100%;
}
body {
	line-height:1.5;
}
img,fieldset {
border:none;
}

/*  font-family:"Trebuchet MS", "Lucida Sans", sans-serif;*/
/*  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;*/
body {
  font-family:"Trebuchet MS", "Lucida Sans", Arial, sans-serif;
}

h1{
  font-size:2em;
}
h2{
  font-size:1.25em;
  padding-bottom:1%;
  color:#FFFFF0
}
h3 {
  color:#009688;
}
h5 {
  padding-bottom:1%;
}
p {
  font-size:1.00em;
}

a {
  color:#0097A7;
  text-decoration:none;
  font-size:1.1em;
}
a:link {color:#212121;}
a:visited {color:#212121;}
a:hover {color:#0097A7;}

/* Responsive grid */
.grid-container {
  width:100%;
}
.grid-wrapper {
  overflow:hidden;
}
.grid-box {
  margin-right:2%;
  float:left;
}
.grid-header {
  width:100%;
  z-index:1; /*must have this entry for drop tab*/
}
.grid-footer {
  width:100%;
}
.grid1-col10 {
  width:12%;
}
.grid1-col20 {
  width:61%;
}
.grid1-col30 {
  width:22.5%;
  margin-right:0;
}
/* ################################ */
.grid4-col10 {
  width:12%;
}
.grid4-col20 {
  width:55%;
}
.grid4-col30 {
  width:26%;
  margin-right:1%;
  margin-left:2%;
}
.grid4-row10-col10 {
  font-size:0.85em;
  margin:2%;
  margin-left:0;
  margin-top:0;
  padding:4%;
  border-bottom:1px solid #B6B6B6;
  cursor:pointer;
}
.grid4-row10-col20 {
  padding:2%;
}
.grid4-row10-col20 p {
  font-size:1em;
  margin:0px 0px 16px 0px;
  padding:0px;
}
.grid4-row10-col30 {
  margin:2% 0 2% 0;
  padding:3% 3% 4% 3%;
  background-color:#00BCD4;
  font-size:0.9em;
}
.grid4-row10-col30 img {
  margin-left:4.5em;
}
.grid4-row10-col30 p {
  font-size:0.9em;
  font-weight:bold;
  margin:1em 0 0 0;
  padding:0px;
}
.grid4-row10-col30 a {
  margin-left:6.75em;
}
.grid4-row10-col30 a:hover {color:#FFFFF0;}

.grid4-row10-col30 ul {
  padding:0 0 5% 13%;
}
.grid4-row10-col30 li {
  font-size:1.1em;
  margin:0 0 0 -8%;
  padding:0px;
}
/* ################################ */
.grid1-row10-col10 {
  font-size:0.85em;
  margin:0% 2% 2% 0%;
  padding:4%;
  border-bottom:1px solid #B6B6B6;
  cursor:pointer;
}
.grid1-row10-col20 {
  padding:2%;
}
.grid1-row10-col20 p {
  font-size:1em;
  margin:0 0 2% 0;
  padding:0px;
}
.grid1-row10-col20 ul{
  padding:0% 0% 2% 3%;
}
.grid1-row10-col30 {
  margin:2% 0 2% 0;
  padding:3% 3% 4% 3%;
  background-color:#00BCD4;
}
.grid1-row10-col32 {
  padding:3%;
  background-color:#00BCD4;
}
.grid1-row10-col30 p {
  font-size:0.8em;
  margin:0 0 5% 0;
  padding:0;
}
.grid1-row10-col30 li {
  font-size:0.8em;
  margin:0px 0px 0px -20px;
  padding:0px;
}
.grid1-row10-col30 ul, ol {
  padding:0 0 5% 13%;
}
.grid1-row10-col30 a:hover {color:#FFFFF0;}

.grid2-row10 {
  width:100%;
}
.grid2-row10-col10 {
  margin-right:2%;
  margin-bottom:0%;
  margin-left:2%;
  margin-top:0;
  padding:0;
}
.grid2-row10-col10 img {
  margin-right:0;
  margin-bottom:0;
  margin-left:0;
  margin-top:0;
  height:auto;
  max-width:110%;
  display:block;
  padding:0;
}
/**** grid3 *****/
.grid3-box {
  margin-bottom:1.25%;
  float:left;
}
.grid3-row10-col10 {
  float:left;
  width:100%;
  margin:0%;
  padding:0;
}
.grid3-row10-col10 .background_slide1 {
  width:100%;
  height:525px;
  background:url("/images/actual/slide1.jpg");
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-position:center;
}
.grid3-row10-col10 .background_slide1 #textbox_btn1 {
  float:left;
  font-weight:bold;
  font-size:1.2em;
  color:#FFFFF0;
  margin:25% 0% 0% 45%;
  border-radius:5px;
  padding:2% 3% 2% 3%;
  border-width:4px;
  border-style:solid;
  border-color:#B6B6B6;
  text-align:center;
}
.grid3-row10-col10 .background_slide1 #textbox_btn1:hover {
  border-color:#009688;
}
.grid3-row10-col10 .background_slide2 {
  width:100%;
  height:525px;
  background:url("/images/actual/slide3.jpg");
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-position:center;
}
.grid3-row10-col10 .background_slide2 #textbox_btn2 {
  float:left;
  font-weight:bold;
  font-size:1.2em;
  color:#FFFFF0;
  margin:8% 0% 0% 20%;
  border-radius:5px;
  padding:2% 2% 2% 2%;
  border-width:4px;
  border-style:solid;
  border-color:#B6B6B6;
  text-align:center;
}
.grid3-row10-col10 .background_slide2 #textbox_btn2:hover {
  color:#009688;
}
.grid3-row10-col10 .background_slide2 #textbox_btn3 {
  float:left;
  font-weight:bold;
  font-size:1.2em;
  color:#FFFFF0;
  margin:8% 0% 0% 34%;
  border-radius:5px;
  padding:2% 3% 2% 3%;
  border-width:4px;
  border-style:solid;
  border-color:#B6B6B6;
  text-align:center;
}
.grid3-row10-col10 .background_slide2 #textbox_btn3:hover {
  color:#009688;
}

/* top right bottom left
  border-width:0px 1px 0px 1px;
  border-style:solid;
  border-color:red;
  background-position:center;
  background-repeat:no-repeat;
  background-size:100% 100%;*/
.grid3-row20 {
  float:left;
  background:url("/images/actual/slide_background1.jpg");
  width:100%;
  background-position:center top;
  background-repeat:no-repeat;
  background-size:100% 100%;
  padding-bottom:1.5%;
}
.grid3-row20 a {
  text-decoration:none;
}
.grid3-row20 a:link {color:#212121;}
.grid3-row20 a:visited {color:#212121;}
.grid3-row20 a:hover {color:#00BCD4;}

.grid3-row20 #text-line1 {
  float:left;
  width:100%;
  font-weight:bold;
  font-size:2em;
  color:#009688;
  margin-top:2%;
  text-align:center;
}
.grid3-row20 #text-line2 {
  float:left;
  width:100%;
  font-size:1.2em;
  color:#212121;
  margin-top:1.5%;
  text-align:center;
}
.grid3-row20-col10 {
  float:left;
  margin:2em 0em 0em 11em;
}
.grid3-row20-col10 img {
  border-width:10px;
  border-style:solid;
  border-color:transparent;
  padding:3%;
}
.grid3-row20-col10 img:hover {
  border-color:#212121;
}
.grid3-row20-col20 {
  float:left;
  margin:2em 0em 0em 13em;
}
.grid3-row20-col20 img {
  border-width:10px;
  border-style:solid;
  border-color:transparent;
  padding:3%;
}
.grid3-row20-col20 img:hover {
  border-color:#212121;
}
.grid3-row20-col30 {
  float:left;
  margin:2em 0em 0em 13em;
}
.grid3-row20-col30 img {
  border-width:10px;
  border-style:solid;
  border-color:transparent;
  padding:3%;
}
.grid3-row20-col30 img:hover {
  border-color:#212121;
}

.grid3-row30-col10 {
  float:left;
  height:10em;
  width:43%;
  margin:1% 1% 1% 6%;
}
.grid3-row30-col20 {
  float: left;
  width: 43%;
  padding: 1%;
}
.grid3-row40-col10 {
  width:90%;
  float: left;
  padding: 4%;
}
.grid3-row40-col10 p {
  font-size:1em;
  padding:0;
}
/****** *****/


/* Normal styling */
.header {
  float:left;
  width:100%;
  background-color:#00BCD4;
  border-width:2px 0px 2px 0px;
  border-style:solid;
  border-color:#0097A7;
}
.header-center {
  float:left;
  width:56%;
  padding:0.5% 1% 0.5% 1%;
  text-align: center;
}
.header-center #title1 {
  font-size: 2.75em;
  font-weight: bold;
  color:#FFFFF0;
}
.header-center #title2 {
  font-size: 1.25em;
  font-weight: bold;
  color:#212121;
  margin-bottom:.25em;
}

.header-left {
  float:left;
  width:15%;
  margin-top:.5em;
  margin-left:0.25em;
}
.header-left img {
  float: left;
  margin-top:.5em;
}
.header-right {
  float: left;
}
.header-right #title {
  padding:1%;
  font-size: 1.5em;
  font-weight: bold;
  color:#212121;
  margin-top:.25em;
  margin-left:1.25em;
  text-align: left;
}

.footer {
  padding:0.75%;
  background-color:#00BCD4;
  border-width:1px 0px 1px 0px;
  border-style:solid;
  border-color:#0097A7;
  text-align:center;
  font-size:0.7em;
  color:#212121;
}
.footer a {
  color:#212121;
  text-decoration:none;
  font-size:1.1em;
}
.footer a:hover {color:#FFFFF0;}

.logo-background-1 {
  fill:#009688;
  stroke:#B2EBF2;
  stroke-width: 5px;
}
.logo-background-2 {
  fill:#00BCD4;
}
.logo-text {
  fill:#212121;
  font-size: 2em;
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
}
.logo-text:hover {
  fill:#009688; 
}

#page-title {
  font-weight:bold;
  margin:0px 0px 15px 0px;
  padding:0px;
  line-height:1em;
  color:#0097A7;
}

/********************/
.image-navigate {
  float: left;
  width: 100%;
  height: 2.5em;
  text-align: center;
  font-size:1em;
  color:#009688;
  margin-top:-12em;
}
.tn_image-navigate {
  float: left;
  width: 100%;
  height: 2.5em;
  text-align: center;
  font-size:1em;
  color:#009688;
  margin-top:2em;
}
.image-options{
  float: left;
  width: 100%;
  display: inline-block;
}
.image-left {
  float: left;
  margin-left: 1%;
}
.image-select {
  float: left;
  color:#0097A7;
  width:20%;
  padding:0% 0% 0% 24%;
  margin-top:-14%;
}
.tn_image-select {
  float: left;
  color:#0097A7;
  width:62%;
  padding:0% 11% 0% 11%;
  margin-top:-3%;
}
.image-right {
  float: left;
  padding-left:68%;
}
.tn_image-right {
  float: left;
  padding-left:0%;
}
.image-button {
  float: left;
  border-radius: 5px;
  background-color:#B6B6B6;
  padding: 8px 10px 8px 10px;
}
.image-button:hover {
  color:#FFFFF0;
  background-color:#009688;
}
/********************/

.btn {
  border-radius: 5px;
  background-color:#B6B6B6;
  padding: 5px;
  width: 90px;
  height: 15px;
  position: relative;
  bottom: 90px;
  left: 50%;
}
.btn:hover {
  background-color:#B6B6B6;
}

.btn_prev {
  border-radius: 5px;
  background-color:#B6B6B6;
  padding: 20px;
  position: relative;
  left:-38%;
  bottom:240px;
}
.btn_prev:hover {
  background-color:#B6B6B6;
}

.btn_next {
  border-radius: 5px;
  background-color:#B6B6B6;
  padding: 20px;
  position: relative;
  right:-38%;
  bottom:240px;
}
.btn_next:hover {
  background-color:#B6B6B6;
}
.confirm {
  color:#0097A7;
  font-size:1em;
  padding:0px 0px 15px 0px;
  margin:2em 0em -1em 0em;
}
.error {
  color:#C20000;
  font-size:1em;
  padding:0px 0px 15px 0px;
  margin:2em 0em -1em 0em;
}

/****************************************/
/* Table definitions                    */
/****************************************/
#tableContainerA {
  max-width: 1020px;
  margin: 0 auto;
  font-family: Calibri;
  font-size: .95em;
  padding: .4em .75em .75em .75em;
  border-radius: 5px;
  background-color:#00BCD4;
}

#tableContainerB {
  max-width: 600px;
  /*margin: 0 auto;*/
  font-family: Calibri;
  font-size: .95em;
  padding: .4em .75em .75em .75em;
  border-radius: 5px;
  background-color:#00BCD4;
}

table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  color:#212121;
}

/*** table header section: row style ***/
table thead tr td {
  background-color:#FFFFF0;
  vertical-align: middle;
  padding: 0.3em;
  font-size: 1.4em;
}

/*** table header section: column style ***/
table thead tr th {
  padding: 0.5em;
  background-color:#0097A7;
  color:#212121;
}

/*** table header section: column style - general ***/
table thead tr th.col_head {
  text-align: left;
  font-weight: bold;
}

/*** table header section: column style - right ***/
table thead tr th.col_head_right {
  text-align: right;
}

/*** table body section: odd row style ***/
table tbody tr:nth-child(odd) {
  background-color:#FFFFF0;
}

/*** table body section: odd row style - hover ***/
table tbody tr:nth-child(odd):hover {
  cursor: text;
  background-color:#0097A7;
  color:#FFFFF0;
}

/*** table body section: even row style ***/
table tbody tr:nth-child(even) {
  background-color:#B6B6B6;
}

/*** table body section: even row style - hover ***/
table tbody tr:nth-child(even):hover {
  cursor: text;
  background-color:#0097A7;
  color:#FFFFF0;
}

/*** table td element: all section ***/
table td {
  vertical-align: middle;
  padding: 0.5em 0.5em 0.5em 0.25em;
}

/*** table td element: label data column ***/
table tbody tr td.col_label {
  text-align: left;
  font-weight: bold;
}

/*** table td element: general data column ***/
table tbody tr td.col_data {
  text-align: left;
}

/*** table td element: value data column ***/
table tbody tr td.col_data_value {
  text-align: right;
  width: 100px;
}

/*** table footer section ***/
table tfoot {
  text-align: center;
  color:#FFFFF0;
  font-size: 0.75em;
}

/****************************************/
/* Specific page definitions            */
/****************************************/

/* find_us.php */
#map-canvas {
  height: 395px;
  width:740px;
  }
.mapWrapper{
  position: relative;
  padding-bottom: 66.667%; /* padding-bottom% = (height/width)*100 */
  height:0;
  }
.mapWrapper iframe{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

/* contact_us.php */
#contact_us {
  background:#B2EBF2;
  width:100%;
  border-style:solid;
  border-color:#00BCD4;
  border-width:1px 1px 1px 1px;
  padding:2% 1%;
}
#contact_us label {
  position:absolute;
  font-size:.75em;
  font-weight:bold;
  padding:0.25% 0 0 0.5%;
}
#contact_us input {
  margin-left:10.75em;
  line-height:1.4em;
}
#contact_us textarea {
  resize:none;
  margin-left:11em;
  line-height:1.4em;
  height:13em;
  width:43em;
}
input.text-40 {
  width:25.5em;
}
.button {
  float:left;
}

/****************************************/
/* Verification                         */
  /*background: url("images/verify_background.jpg");
  background-repeat:repeat-x;*/
/****************************************/
article{
  display: block;
  position: absolute;
  z-index: 9999;
  left: 15%;
  top: 100%;
  width:1%;
  height:6%;
  background-color:#FFFFFF;
  border: 3px solid #0097A7;
  overflow: hidden;
  line-height:1em;
  transition: all 1s;
}

article:target {
  visibility: visible !important;
  left:23em !important;
  top:25em !important;
  width:7.75em !important;
  height:2.5em !important;
  opacity: 1 !important;
}

[data-transition="verify-fade"]{
  left:38%;
  top:75%;
  opacity: 0;
  visibility: hidden;
}

article [data-button="close"]{
  display: block;
  float: right;
  background:#00BCD4;
  color:#212121;
  border: 2px solid #0097A7;
  padding: 0.25em;
  text-decoration: none;
  font-size:.75em;
  font-weight:bold;
  margin-top:-2.85em;
  margin-left:9em;
}
article [data-button="close"]:hover{
  background:#0097A7;
  color:#FFFFFF;
  border: 2px solid #00BCD4;
}

/****************************************/
/* Animation/image definitions          */
/****************************************/

/* Drop tab from top of window */
#drop-tab {
  width: 303px;
  height: 120px;
  background:#B6B6B6;
  margin-top: -95px;
  margin-left:77%;
  z-index:1;
  font: 0.8em Arial;
  position: fixed;
  transition-duration: 1s;
}
#drop-tab:hover {
  margin-top: -8px;
}
#drop-tab-contents {
  padding: 15px 15px 5px 15px;
}
#drop-tab-contents p {
  font-weight: bold;
}
#drop-tab-link {
  margin-top:3.5%;
}
#drop-tab-title {
  margin-top: 3.75%;
  font-weight: bold;
}
#drop-tab-title a {
  color:#212121;
}
#drop-tab-contents img {
  float:left;
  width:37px;
  height:37px;
  margin-top:1%;
  margin-right:4%;
}
#drop-body {
  z-index: -1;
}

/* PHP slider
   -thumbnail selector
*/
.imgframe9 {
  position: relative;
  height: 0px;
  width:100%;
}
.imgframe9 img {
  max-width: 50%;
  display: block;
  margin-left:230px;
  margin-top:-90px;
}

.imgframe0 {
  position: relative;
  height: 100px;
  width:100%;
}
.imgframe0 a {
  color:#0097A7;
  font-size: 4em;
}
.imgframe0 a:hover {
  color:#212121;
}
.imgframe0 img {
  max-width: 100%;
  display: block;
  float:left;
}
.imgframe0 #thumbnail_images {
  float: left;
  width:100%;
  margin-left: 5%;
}
.imgframe0 #thumbnail {
  float: left;
  border: 2px solid #212121;
  height: 80px;
  width: 205px;
  margin-left:2%;
}
.imgframe0 #thumbnail:hover {
  border: 2px solid #009688;
  transform:scale(1.1,1.1);
}

div.transbox p {
  position: relative;
  top:-1.6em;
  left:15em;
  font-weight: normal;
  font-size:0.2em;
  color:#212121;
}

/* PHP slider
   -thumbnail selector
*/
.imgframe1 {
  margin-bottom:2%;
  position: relative;
  height: 410px;
}
.imgframe1 img {
  width: 100%;
  height: 310px;
  display: block;
  float: left;
}
.imgframe1 #main_image {
  border: 2px solid #0097A7;
}
.imgframe1 #thumbnail_images {
  float: left;
  width:100%;
  margin-left: 7%;
  margin-top: 1%;
}
.imgframe1 #thumbnail {
  float: left;
  border: 2px solid #212121;
  height: 80px;
  width: 205px;
  margin-left:1%;
}
.imgframe1 #thumbnail:hover {
  border: 2px solid #009688;
  transform:scale(1.1,1.1);
}
.imgframe1 a {
  color:#FFFFF0;
  font-size: 14px;
}
.imgframe1 a:hover {
  color:#212121;
}
.imgframe1 p {
  font-size: .9em;
  padding:0em 0.2em 0em 0.2em;
}

#help{
position: absolute;
}

/* CSS3 Animation */
.imgframe2 {
  position:relative;
  height: 310px;
  margin-bottom:2%;
}
.imgframe2 img{
  width: 100%;
  height: 310px;
  border: 2px solid #009688;

  position:absolute;
  animation-name: imgframe2FadeInOut;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 8s;
}
/* multi images - time */
@keyframes imgframe2FadeInOut {
  0% { opacity:1; }
  17% { opacity:0.8; }
  25% { opacity:0.1; }
  92% { opacity:0.2; }
  100% { opacity:1; }
}
.imgframe2 img:nth-of-type(1) {
  animation-delay: 6s;
}
.imgframe2 img:nth-of-type(2) {
  animation-delay: 4s;
}
.imgframe2 img:nth-of-type(3) {
  animation-delay: 2s;
}
.imgframe2 img:nth-of-type(4) {
  animation-delay: 0s;
}

/* text display */
.imgframe3 {
  margin-bottom:2%;
}
.imgframe3 #background {
  width:100%;
  height:310px;
  background: url("../images/actual/slide2.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  /*border-width: 2px;
  border-style: solid;
  border-color: black;*/
}

.imgframe3 #textbox1 p {
  padding:2em 0em 0em 1em;
  font-weight: bold;
  font-size: 1.2em;
  color:#FFFFF0;
  animation-name: imgframe3FadeIn;
  animation-timing-function: ease-in-out;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  margin-left: 1em;
}
.imgframe3 #textbox2 p {
  padding:0em 0em 0em 1em;
  font-weight: bold;
  font-size: 1.2em;
  color:#FFFFF0;
  animation-name: imgframe3FadeIn;
  animation-timing-function: ease-in-out;
  animation-duration: 7s;
  animation-iteration-count: infinite;
  margin-top:3em;
  margin-left: 22em;
}
.imgframe3 #textbox3 p {
  padding:0em 0em 0em 1em;
  font-weight: bold;
  font-size: 1.2em;
  color:#FFFFF0;
  animation-name: imgframe3FadeIn;
  animation-timing-function: ease-in-out;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  margin-top:5em;
  margin-left:16em;
}
@keyframes imgframe3FadeIn {
  0% { opacity:0; }
  15% { opacity:.3; }
  30% { opacity:.6; }
  45% { opacity:.9; }
  50% { opacity:1; }
  55% { opacity:.9; }
  70% { opacity:.6; }
  85% { opacity:.3; }
  100% { opacity:0; }
}

/* Lightbox */
.lightbox {
  display: none;  /* Default lightbox to hidden */
  position: absolute;
  top: -310%;
  left: 45px;
}
.lightbox img {
  /** Surround lightbox image */
  height: 250px;
  border: 20px solid rgba(178, 235, 242, 0.5);
}
.lightbox:target {
  outline: none;   /* Remove default browser outline */
  display: block;  /* Unhide lightbox */
}

.imgframe4 {
  margin-bottom:2%;
  position: relative;
  height: 310px;
}
.imgframe4 img {
  width: 100%;
  height: 310px;
  display: block;
  float: left;
}

/****************************************/
/* Screen size definitions              */
/****************************************/

@media screen and (max-width:319px) {
  .imgframe2 {
    height: 85px;
  }
  .imgframe2 img{
    height: 80px;
  }
  .imgframe3 #background {
    height:80px;
  }
  .imgframe3 #textbox2 p {
    margin-left: 5em;
  }
  .grid1-col10 {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
  }
  .grid1-row10-col10 {
    display: inline;
    padding:0%;
  }
  .header-left {float:none;}
  .header-center #title1 {
    font-weight: normal;
  }
  .header-center #title2 {
    font-size: 1em;
    font-weight: normal;
  }
  .grid1-col30 {
    width: 99%;
    margin-left: .5%;
    margin-right: .5%;
  }
  .grid1-row10-col30{
    padding: 1%;
  }
  .grid1-row10-col32{
    padding: 1%;
  }
  .grid4-col10 {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
  }
  .grid4-row10-col10 {
    display: inline;
    border-bottom:none;
    padding:0%;
  }
  .grid4-col30 {
    width: 99%;
    margin-left: .5%;
    margin-right: .5%;
  }
  .grid4-row10-col30{
    padding: 1%;
  }
  .grid3-row10-col10 .background_slide1 #textbox_btn1 {
    border-style:none;
  }
  .grid3-row10-col10 .background_slide2 #textbox_btn2 {
    border-style:none;
    margin-left:10%;
  }
  .grid3-row10-col10 .background_slide2 #textbox_btn3 {
    border-style:none;
    margin-left:10%;
  }
  .grid3-row20-col10 {
    width:90%;
    height: auto;
    padding-top:1%;
    padding-left:18%;
  }
  .grid3-row20-col20 {
    width:90%;
    height: auto;
    padding-top:0%;
    padding-left:18%;
  }
  .grid3-row20-col30 {
    width:90%;
    height: auto;
    padding-top:0%;
    padding-left:18%;
  }
  .grid3-row20-col10 img {
    padding:1%;
  }
  .grid3-row20-col20 img {
    padding:1%;
  }
  .grid3-row20-col30 img {
    padding:1%;
  }
  .grid3-row30-col10 {
    width:90%;
    margin: 0% 5% 0% 5%;
    height: auto;
  }
  .grid3-row30-col20 {
    width:90%;
    margin: 0% 5% 0% 5%;
    height: auto;
  }
}
@media screen and (min-width:320px) and (max-width:479px) {
  .imgframe2 {
    height: 175px;
  }
  .imgframe2 img{
    height: 150px;
  }
  .imgframe3 #background {
    height:180px;
  }
  .imgframe3 #textbox2 p {
    margin-left: 5em;
  }
  .grid1-col10 {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
  }
  .grid1-row10-col10 {
    display: inline;
    padding:0%;
  }
  .header-center #title1 {
    font-weight: normal;
  }
  .header-center #title2 {
    font-size: 1em;
    font-weight: normal;
  }
  .grid1-col30 {
    width: 99%;
    margin-left: .5%;
    margin-right: .5%;
  }
  .grid1-row10-col30{
    padding: 1%;
  }
  .grid1-row10-col32{
    padding: 1%;
  }
  .grid4-col10 {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
  }
  .grid4-row10-col10 {
    display: inline;
    padding:0%;
  }
  .grid4-col30 {
    width: 99%;
    margin-left: .5%;
    margin-right: .5%;
  }
  .grid4-row10-col30{
    padding: 1%;
  }
  .grid3-row10-col10 .background_slide1 #textbox_btn1 {
    border-style:none;
    margin:13em 0em 0em 8em;
  }
  .grid3-row10-col10 .background_slide2 #textbox_btn2 {
    border-style:none;
    margin-left:10%;
  }
  .grid3-row10-col10 .background_slide2 #textbox_btn3 {
    border-style:none;
    margin-left:15%;
  }
  .grid3-row20-col10 {
    width:90%;
    height: auto;
    padding-top:1%;
    padding-left:18%;
  }
  .grid3-row20-col20 {
    width:90%;
    height: auto;
    padding-top:0%;
    padding-left:18%;
  }
  .grid3-row20-col30 {
    width:90%;
    height: auto;
    padding-top:0%;
    padding-left:18%;
  }
  .grid3-row20-col10 {
    margin:1em 0em 0em 2em;
  }
  .grid3-row20-col20 {
    margin:1em 0em 0em 2em;
  }
  .grid3-row20-col30 {
    margin:1em 0em 0em 2em;
  }
  .grid3-row20-col10 img {
    padding:1%;
  }
  .grid3-row20-col20 img {
    padding:1%;
  }
  .grid3-row20-col30 img {
    padding:1%;
  }
  .grid3-row30-col10 {
    width:90%;
    margin: 0% 5% 0% 5%;
    height: auto;
  }
  .grid3-row30-col20 {
    width:90%;
    margin: 0% 5% 0% 5%;
    height: auto;
  }
}

@media screen and (min-width:480px) and (max-width:767px) {
  .imgframe2 {
    height: 260px;
  }
  .imgframe2 img{
    height: 250px;
  }
  .imgframe3 #background {
    height:250px;
  }
  .imgframe3 #textbox2 p {
    margin-left: 5em;
  }
  .grid1-col10 {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
  }
  .grid1-row10-col10 {
    display: inline;

    float: left;
    margin-left:0.2%;
    margin-right:4%;
    border-width: 1px;
    border-color:#009688;
    border-style: solid;
    width: 6em;
    padding: 2px;
    text-align: center;
    background-color:#B6B6B6;

  }
  .grid1-col20 {
    width: 83%;
    margin-left: .5%;
    margin-right: .5%;
  }
  .grid1-col30 {
    width: 99%;
    margin-left: .5%;
    margin-right: .5%;
  }
  .grid1-row10-col30{
    padding: 1%;
  }
  .grid1-row10-col32{
    padding: 1%;
  }
  .header-center #title1 {
  }
  .header-center #title2 {
    font-size: 1.1em;
  }
  .grid4-col10 {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
  }
  .grid4-row10-col10 {
    display: inline;

    float: left;
    margin-left:0.2%;
    margin-right:0%;
    border-width: 1px;
    border-color:#009688;
    border-style: solid;
    width: 6em;
    padding: 2px;
    text-align: center;
    background-color:#FFFFF0;

  }
  .grid4-col30 {
    width: 99%;
    margin-left: .5%;
    margin-right: .5%;
  }
  .grid4-row10-col30{
    padding: 1%;
  }
  .grid3-row10-col10 .background_slide2 #textbox_btn2 {
    margin-left:10%;
  }
  .grid3-row20-col10 {
    margin:2em 0em 0em 8em;
  }
  .grid3-row20-col20 {
    margin:2em 0em 0em 8em;
  }
  .grid3-row20-col30 {
    margin:2em 0em 0em 8em;
  }
  .grid3-row20-col10 img {
    padding:1%;
  }
  .grid3-row20-col20 img {
    padding:1%;
  }
  .grid3-row20-col30 img {
    padding:1%;
  }
  .grid3-row30-col10 {
    width:90%;
    margin: 0% 5% 0% 5%;
    height: auto;
  }
  .grid3-row30-col20 {
    width:90%;
    margin: 0% 5% 0% 5%;
    height: auto;
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
  .imgframe2 {
    height: 260px;
  }
  .imgframe2 img{
    height: 250px;
  }
  .imgframe3 #background {
    height:250px;
  }
  .imgframe3 #textbox2 p {
    margin-left: 5em;
  }
  .grid1-col10 {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
  }
  .grid1-row10-col10 {
    display: inline;

    float: left;
    margin-left:0.2%;
    margin-right:4%;
    border-width: 1px;
    border-color:#009688;
    border-style: solid;
    width: 6em;
    padding: 2px;
    text-align: center;
    background-color:#B6B6B6;

  }
  .grid1-col20 {
    width: 83%;
    margin-left: .5%;
    margin-right: .5%;
  }
  .grid1-col30 {
    width: 99%;
    margin-left: .5%;
    margin-right: .5%;
  }
  .grid1-row10-col30{
    padding: 1%;
  }
  .grid1-row10-col32{
    padding: 1%;
  }
  .header-center #title1 {
  }
  .header-center #title2 {
    font-size: 1.1em;
  }
  .grid4-col10 {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
  }
  .grid4-row10-col10 {
    display: inline;

    float: left;
    margin-left:0.2%;
    margin-right:0%;
    border-width: 1px;
    border-color:#009688;
    border-style: solid;
    width: 6em;
    padding: 2px;
    text-align: center;
    background-color:#FFFFF0;

  }
  .grid4-col30 {
    width: 99%;
    margin-left: .5%;
    margin-right: .5%;
  }
  .grid4-row10-col30{
    padding: 1%;
  }
  .grid3-row10-col10 .background_slide2 #textbox_btn2 {
    margin-left:10%;
  }
  .grid3-row20-col10 {
    margin:2em 0em 0em 3em;
  }
  .grid3-row20-col20 {
    margin:2em 0em 0em 5em;
  }
  .grid3-row20-col30 {
    margin:2em 0em 0em 5em;
  }
  .grid3-row20-col10 img {
    padding:1%;
  }
  .grid3-row20-col20 img {
    padding:1%;
  }
  .grid3-row20-col30 img {
    padding:1%;
  }
  .grid3-row30-col10 {
    width:90%;
    margin: 0% 5% 0% 5%;
    height: auto;
  }
  .grid3-row30-col20 {
    width:90%;
    margin: 0% 5% 0% 5%;
    height: auto;
  }
}

@media screen and (min-width:992px) and (max-width:1199px) {
  .imgframe2 {
    height: 310px;
  }
  .imgframe2 img{
    height: 300px;
  }
  .imgframe3 #background {
    height:300px;
  }
  .imgframe3 #textbox2 p {
    margin-left: 5em;
  }
  .grid1-col30 {
    width: 99%;
    margin-left: .5%;
    margin-right: .5%;
  }
  .grid1-col20 {
    width: 72%;
    margin-left: .5%;
    margin-right: .5%;
  }

  .grid1-row10-col30{
    padding: 1%;
  }
  .grid1-row10-col32{
    padding: 1%;
  }
  .grid3-row20-col10 {
    margin:2em 0em 0em 8em;
  }
  .grid3-row20-col20 {
    margin:2em 0em 0em 8em;
  }
  .grid3-row20-col30 {
    margin:2em 0em 0em 8em;
  }
  .grid4-col30 {
    width: 99%;
    margin-left: .5%;
    margin-right: .5%;
  }
  .grid4-row10-col30{
    padding: 1%;
  }
}
@media screen and (min-width:1200px) {
}