/* Reset styles for all blocks
*******************************************************************************/
html, body {
	height:100%;
	margin: 0;
	padding: 0;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #231f20;
}
body {
	background: #fff url('/images/bodybg.png') top center no-repeat;
}
table {
	border-collapse: collapse;
}
.clear {
	clear:both !important;
	overflow:hidden;
	height:0px;
}
a {
	color:#0088cc;
	text-decoration:underline;
}
a:hover {
	color:#000;
	text-decoration:underline;
}

.wrapper {
  position: relative;;
	margin:0 auto;
	width:1240px;
}
p {
	margin:0 0 8px 0;
}
/*----------------------------------------------------*/

#header {
	height: 132px;
}

#header .wrapper {
  position: relative;
}

#logo {
	float:left;
	display:inline;
	width: 514px;
	height: 132px;
	outline: none;
  text-indent: -9999px;
}

#nav {
  position: absolute;
  top: 46px;
  left: 624px;
  height: 47px;
}

#nav ul {
  margin: 0;
  padding: 0;
  float: right;
}


#nav li {
  margin: 0;
  padding: 0;
  float: left;
  display: inline;
  line-height: 33px;
}

#nav a {
  padding: 0;
  display: block;
  font-size: 13px;
  text-decoration: none;
  color: #000;
  text-align: center;
}


#nav a:hover {
  font-weight: bold;
}


#nav-one {
  width: 130px;
}

#nav-two {
  width: 133px;
}

#nav-three {
  width: 97px;
}

#nav-four {
  width: 114px;
}

#nav-four a {
  color: #fff;
}

#nav-five {
  width: 104px;
}

#content {
	margin: 1px 0 0 0;
}


#honeywell {
	float: right;
	width: 546px;
	height: 415px;
}

#home {
	float: left;
	width: 425px;
}

#home p {
	font-size: 16px;
}

#home h1 {
	margin-top: 0;
}

h2.left-menu-header {
  background: url("/ds-includes/images/ui-bg_highlight-soft_50_222222_1x100.png") repeat-x scroll 50% 50% #222222;
  color: #fff;
  line-height: 28px;
  padding-left: 10px;
  font-weight: bold;
  font-size: 11px;
  border: 1px solid #000;
  margin-top: 0;
  
}


#footer {
  height: 72px;
  width: 100%;
  background: #983FFF;
  color: #fff;
  text-align: center;
}
#footer .wrapper {
  padding-top: 14px;
}

#footer p {
  margin: 0;
  padding: 0;
}

#footer .phone {
  font-size: 20px;
  color: #78ec32;
  font-weight: bold;
}

#footer a {
  color: #ffff00;
}

#slideshow {
  position: relative;
  width: 100%;
  height: 643px;
  overflow: hidden;
}

#slideshow-inner {
    width: 20000px;
    position: absolute;
    margin: 0;
    padding: 0;
}



.slide {
  position: relative;
  float: left;
  width: 1240px;
  height: 643px;
}


#slide-left {
  background: url('/images/slide-left.png') top left no-repeat;
  width: 30px;
  height: 643px;
  position: absolute;
  right: 50%;
  z-index: 10;
  margin-right: 590px;
  text-indent: -9999px;
}

#slide-right {
  z-index: 10;
  background: url('/images/slide-right.png') top left no-repeat;
  width: 30px;
  height: 643px;
  position: absolute;
  left: 50%;
  margin-left: 590px;
  text-indent: -9999px;
}

.slide h2 {
  position: absolute;
  width: 100%;
  color: #000;
  font-size: 22px;
  font-weight: normal;
  text-align: center;
  padding-left: 6px;
}

.slide h3 {
  position: absolute;
  display: inline;
  color: #F40087;
  font-size: 19px;
  font-weight: normal;
  text-align: center;
}

h2.lines2 {
  top: 295px;
}

h2.lines4 {
  top: 265px;
}

h2.lines3 {
  top: 280px;
}

h3.slide3 {
  left: 435px;
  bottom: 0px;
  text-align: left;
}

h3.slide5 {
  left: 395px;
  bottom: 50px;
}

h3.slide6 {
  left: 295px;
  bottom: 150px;
}

h3.slide7 {
  left: 110px;
  top: 250px;
}

.map {
  position: absolute;
  top: 0;
  left: 0;
}

.map a {
  position: absolute;
  display: block;
  font-size: 12px;
  padding-right: 1px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  background: #0F0;
  border: 1px solid #fff;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  color: #000;
  text-decoration: none;
}

#slideshow .map a:hover {
  font-weight: bold;
  background-color: #fff;
  border: 1px solid #000;
}

a#s5-1 { top: 50px; left: 180px; }
a#s5-2 { top: 100px; left: 380px; background: #00F8FF; }
a#s5-3 { top: 48px; left: 845px; background: #FF0087; color: #fff; }
a:hover#s5-3 { color: #000; }
a#s5-4 { top: 193px; left: 1047px; }


a#s7-1 { top: 181px; left: 115px; }
a#s7-2 { top: 139px; left: 291px; background: #00F8FF; }
a#s7-3 { top: 194px; left: 844px; background: #FF0087; color: #fff; }
a:hover#s7-3 { color: #000; }
a#s7-4 { top: 150px; left: 1120px; }

a#s1-1 { top: 122px; left: 110px; }
a#s1-2 { top: 318px; left: 285px; background: #00F8FF; }
a#s1-3 { top: 176px; left: 384px; background: #FF0087; color: #fff; }
a:hover#s1-3 { color: #000; }
a#s1-4 { top: 312px; left: 860px; }
a#s1-5 { top: 590px; left: 990px; border-color: #fff; background: #0088CC; color: #fff }
a:hover#s1-5 { color: #000; }
a#s1-6 { top: 155px; left: 1150px; background: #00F8FF; }

a#s2-1 { top: 205px; left: 1029px; }

a#s3-1 { top: 260px; left: 196px; background: #00F8FF; }
a#s3-2 { top: 454px; left: 426px; }
a#s3-3 { top: 448px; left: 958px; background: #FF0087; color: #fff; }
a:hover#s3-3 { color: #000; }

a#s4-1 { top: 175px; left: 109px; }
a#s4-2 { top: 275px; left: 280px; background: #00F8FF; }
a#s4-3 { top: 216px; left: 884px; background: #FF0087; color: #fff; }
a:hover#s4-3 { color: #000; }

a#s8-1 { top: 95px; left: 253px; }

a.hexa {
  position: absolute;
  top: 177px;
  left:430px;
  width: 390px;
  height: 340px;
  text-indent: -9999px;
  display: block;
}

a.blue-button {
  position: absolute;
  background: url('/images/blue-button-sprite.png') left top no-repeat;
  top: 551px;
  left:536px;
  width: 183px;
  height: 44px;
  line-height: 44px;
  overflow: hidden;
  display: block;
  color: #fff;
  text-decoration: none;
  text-align: center;
}
a:hover.blue-button {
  background-position: 0 -47px;
  line-height: 47px;
}


#the-story {
  width: 750px;
  background: url('/images/the-story-bg.png') right top no-repeat;
  font-size: 16px;
  margin: 0 auto;
}


#the-story h1 {  
  background: url('/images/the-story-header.png') center top no-repeat;
  height: 41px;
  text-indent: -9999px;
  margin: 40px 0 20px 0;
  text-align: center;
}
#about-us {
  text-align: center;
  margin-bottom: 40px;
  font-size: 16px;
}


#about-us h2, #the-story h2 {
  font-size: 20px;
  color: #0088CC;
}

#about-us p {
  margin: 0;
  padding: 0 0 18px 0;
}
#about-us h1 {  
  background: url('/images/about-us-header.png') center top no-repeat;
  height: 36px;
  text-indent: -9999px;
  margin: 40px 0 20px 0;
}

strong {
  color: #9b3dff;
}


strong.pink {
  color: #F40087;
}

#contact-info {
  font-size: 16px;
  text-align: center;
  margin: 40px 0;
}

#contact-info h2 {
  font-size: 20px;
  color: #0088CC;
}

#contact-info table {
  margin: 0 auto 20px auto;
}
#contact-info td {
  padding: 0 20px;
  text-align: left;
}

#ds-page {
  margin-left: 240px;
}

#ds-ipad-breadcrumbs {
  width: 750px;
  margin-left: 240px;
  margin-top: 20px;
  margin-bottom: -25px;
}

#ds-mygal-empty-button, #ds-mygal-button {
  position: absolute;
  top: 43px;
  right: 40px;
}

#faq {
  width:850px;
  margin: 0 auto 40px auto;
}

#faq h1 {  
  background: url('/images/faq-header.png') center top no-repeat;
  height: 84px;
  text-indent: -9999px;
  margin: 40px 0 20px 0;
}

#faq h2, #the-story h2 {
border: none;
background: url('/ds-includes/images/eds-results-headerbg.png') right top no-repeat;
color: #0088CC;
font-weight: 300;
font-size: 28px;
padding: 3px 9px;
clear: both;
}

#faq img {
  box-shadow: 0px 0px 30px -6px #0088CC;
}

@media
screen and (max-width : 1239px),
screen and (max-height : 839px) {

  body {
    background-image: url('/images/bodybg-960.png');
  }

  #logo {
    width: 397px;
    height: 132px;
  }
  #nav {
    left: 429px;
  }


  #nav-one {
    width: 110px;
  }


  #nav-three {
    width: 77px;
  }


  #nav-four {
    width: 95px;
  }

  .wrapper {
    width:960px;
  }
  #slideshow {
  height: 498px;
  }
  .slide {
  width: 960px;
  height: 498px;
  }
  .slide img {
  width: 960px;
  height: 498px;
  }


  #slide-left {
    margin-right: 450px;;
    background-position: left -71px;
  }

  #slide-right {
    margin-left: 450px;
    background-position: left -71px;
  }


  h2.lines2 {
    top: 230px;
  }

  h2.lines3 {
    top: 215px;
  }

  h2.lines4 {
    top: 200px;
  }


  h3.slide3 {
    left: 340px;
  }

  h3.slide5 {
    left: 315px;
    bottom: -6px;
  }

  h3.slide6 {
    left: 217px;
    bottom: 98px;
  }

  h3.slide7 {
    left: 77px;
    top: 189px;
  }

  .slide h2 {
    font-size: 19px;
  }
  .slide h3 {
    font-size: 18px;
  }

  a.hexa { top: 138px; left:334px; width: 302px; height: 262px; }
  a.blue-button { top: 426px; left: 394px;}

  a#s5-1 { top: 35px; left: 140px; }
  a#s5-2 { top: 100px; left: 300px; }
  a#s5-3 { top: 37px; left: 647px; }
  a#s5-4 { top: 152px; left: 798px; }

  a#s7-1 { top: 131px; left: 93px; }
  a#s7-2 { top: 122px; left: 227px; }
  a#s7-3 { top: 148px; left: 649px; }
  a#s7-4 { top: 115px; left: 865px; }

  a#s1-1 { top: 88px; left: 89px; }
  a#s1-2 { top: 241px; left: 219px; }
  a#s1-3 { top: 136px; left: 295px; }
  a#s1-4 { top: 242px; left: 659px; }
  a#s1-5 { top: 448px; left: 764px; }
  a#s1-6 { top: 112px; left: 877px;  }

  a#s2-1 { top: 156px; left: 793px; }

  a#s3-1 { top: 210px; left: 146px; }
  a#s3-2 { top: 360px; left: 334px; }
  a#s3-3 { top: 346px; left: 739px; }

  a#s4-1 { top: 119px; left: 80px; }
  a#s4-2 { top: 213px; left: 214px; }
  a#s4-3 { top: 167px; left: 680px; }

  a#s8-1 { left: 194px; }

  #ds-page {
    margin-left: 70px;
  }

  #ds-ipad-breadcrumbs {
    margin-left: 70px;
  }

  #ds-mygal-empty-button, #ds-mygal-button {;
    right: 0px;
  }

}

@media only screen and (max-device-width: 960px) { 
 
    /*fixes too big font in mobile Safari*/
 
    html { 
        -webkit-text-size-adjust:none; 
    }
    body {
      background-size:4000px 1700px;
      width:100%;
      height:100%;
    }
 }