@charset "UTF-8";

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body{  }
ol, ul{ list-style: decimal; }
:focus{ outline: 0; }
a img { border:none; }
strong{ font-weight:bold; }
em{ font-style:italic; }
object{ display: block; }

a{ color: #fff; }

body, html{ height: 100%; line-height: 1; }
body{ color: #000; font: 14px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; background: #b4b6dc url(../images/bg.png) repeat-x; }

#simple{ display: block; width: 351px; height: 83px; text-indent: -9999em; position: absolute; top: 24px; left: 50px; background: url(../images/txt-simple.png) no-repeat; }
#ask{ margin: 20px 0; }
#ask a{ display: block; background: url(../images/btn-ask.png) no-repeat; display: block; text-indent: -9999em; width: 416px; height: 80px; }

#ct{ width: 792px; background: #b4b6dc url(../images/bg-ct.jpg) no-repeat; min-height: 600px; margin: 0 auto; position: relative; }
#ct .col1, #ct-fb .col1{ padding-top: 150px; margin-left: 30px; width: 415px; float: left; overflow: hidden; }
#ct .col2, #ct-fb .col2{ padding-top: 35px; width: 310px; float: right; overflow: hidden; text-align: center; }

#social{ list-style-type: none; margin: 0 auto 190px auto; width: 85px; }
#social li{ text-align: left; float: left; margin-right: 11px; }
#social li a{ display: block; background: url(../images/sprite-social.png) no-repeat; text-indent: -9999em; width: 26px; height: 24px; }
#social li.facebook a{ background-position: -38px 0; margin-left: 10px; }
#social li.youtube a{ background-position: -75px 0; }
#social li.flickr{ margin-right: 0; }
#social li.flickr a{ background-position: -113px 0; }

#videos{ margin: 0 auto 30px auto; width: 243px; }
#questions{ border-left: 4px solid #7b73c0; font-size: 13px; line-height: 1.3em; }
#questions ul{ list-style-type: none; }
#questions ul li{ background-color: #7b73c0; margin-left: 0; padding: 15px 15px 10px 15px; overflow: hidden; }
#questions ul li.even{ background-color: transparent; }
#questions ul li .question span{ color: #fff; }
#questions ul li.even .question span{ color: #85244e; }
#questions ul li .answer{ color: #dfcce4; }
#questions ul li.even .answer{ color: #000; }
#questions p{ margin-bottom: 7px; }
#questions small{ font-size: 11px; font-style: italic; }
#questions .question{ font-weight: bold; }
#questions .photo{ float: left; margin-right: 10px; }

#popup{ display: none; position: absolute; top: 160px; left: 50px;  background: url(../images/bg-popup.png) no-repeat; width: 450px; height: 410px; z-index: 999; }
#popup form div{ position: relative; width: 450px; height: 410px; }
#popup .txt{ position: absolute; background-color: #e6e7e8; border: none; font-weight: bold; }
#popup .email{ top: 55px; left: 121px; width: 270px; }
#popup .question{ left: 76px; top: 115px; width: 320px; height: 230px; overflow-y: auto; }
#popup .btn{ position: absolute; right: 35px; bottom: 40px; }

h1.questions{ text-indent: -9999em; background: url(../images/txt-questions.png) no-repeat; width: 374px; height: 34px; }
.privacy{ margin-top: 20px; margin-left: 285px; }
.privacy a{ text-indent: -9999em; display: block; background: url(../images/txt-privacy.png) no-repeat; width: 87px; height: 8px; }
.site a{ text-indent: -9999em; display: block; background: url(../images/txt-main-site2.png) no-repeat; width: 88px; height: 17px; margin: 0 auto 15px auto; }
h2.faq{ text-indent: -9999em; background: url(../images/txt-faq2.png) 0 10px no-repeat; width: 254px; height: 22px; margin: 10px 0 10px 15px; }



.close{ background: url(../images/btn-close.png) no-repeat; width: 23px; height: 23px; text-indent: -9999em; position: absolute; top: 0px; right: 15px; color: #000; font-weight: bold; font-size: 10px; text-decoration: none; cursor: pointer; z-index: 1000; }

#videos-popup{ visibility: hidden; left: 396px; margin-left: -206px; top: 150px; width: 413px; height: 287px; background: url(../images/bg-videos.png) no-repeat; position: absolute; z-index: 900; }

#videos-popup .video{ position: absolute; left: 23px; top: 23px; width: 344px; height: 194px; }
#videos-popup #video2{ visibility: hidden; }
#videos-popup #video3{ visibility: hidden; }

#videos-popup .links{ position: absolute; bottom: 42px; left: 42px; }
#videos-popup .links a{ color: #4d4e53; font-size: 11px; display: block; float: left; background: url(../images/video-links-sprite.png) no-repeat; height: 10px; text-indent: -9999em; margin-right: 35px; margin-top: 3px; }
#videos-popup .links a.one{ width: 57px;  }
#videos-popup .links a.one:hover{ background-position: 0 -20px; }
#videos-popup .links a.two{ width: 46px; background-position: -70px 0; }
#videos-popup .links a.two:hover{ background-position: -70px -20px; }
#videos-popup .links a.three{ width: 52px; background-position: -132px 0; }
#videos-popup .links a.three:hover{ background-position: -132px -20px; }
#videos-popup .links span{ color: #7877c1; font-size: 20px; display: block; float: left; line-height: .8em; margin-right: 35px; }



.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}