@font-face {

  font-family: 'BebasNeueRegular';

  src: url('../fonts/BebasNeue-webfont.html');

  src: url('../fonts/BebasNeue-webfontd41d.html?#iefix') format('embedded-opentype'), url('../fonts/BebasNeue-webfont-2.html') format('woff'), url('../fonts/BebasNeue-webfont-3.html') format('truetype'), url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');

  font-weight: normal;

  font-style: normal;

}

.wowbook {

  color: #333;

}
body{ background-image:url(../images/topbkg.jpg); background-repeat:repeat-x; background-position:top left}

.wowbook-page-content {

  background: white;

}

.wowbook-left .wowbook-gutter-shadow {

  background-image: url('../images/page_left_background.png');

  opacity: 0.5;

  width: 60px;

}

.wowbook-right .wowbook-gutter-shadow {

  background-image: url('../images/page_right_background.png');

  background-position: 0 0;

  width: 75px; border-left:1px solid #e9e9e9;

}

body {

  color: black; background-color:#eaeaea;  background-position: 50% top;

}

a,

a:active,

a:visited {

  text-decoration: none;

}

#container {

  width: 1200px;

  margin: auto;
  padding-top:10px;

}

h1,

h2 {

  font-size: 32px;

  font-weight: normal;

  font-family: 'News Cycle', sans-serif;

  text-shadow: 0 1px 0 rgba(10, 10, 10, 0.5);

  margin-top: 1em;

  margin-bottom: 0.5em;

}

h2 {

  font-size: 24px;

  margin-bottom: 0.5em;

}

nav { 

  height: 32px; margin-bottom:5px;

  position: relative;

  z-index: 100;

  zoom: 1;

}

nav li {
margin-top:5px;
  width: 48px;

}

nav a {

  display: block;

  height: 34px;

  width: 48px;

  padding: 0;

  background: #b7aea5 no-repeat;

  background-position: 18px 7px;

  text-indent: 100%;

  white-space: nowrap;

  overflow: hidden;

}

nav #zoomin {

  background-image: url(../images/icons/zoom_in.png);

}

nav #zoomout {

  background-image: url(../images/icons/zoom_out.png);

}

nav #first {

  background-image: url(../images/icons/arrow_double_left.png);

}

nav #last {

  background-image: url(../images/icons/arrow_double_right.png);

}

nav #next {

  background-image: url(../images/icons/arrow_right.png);

}

nav #back {

  background-image: url(../images/icons/arrow_left.png);

}

nav #slideshow {

  background-image: url(../images/icons/slideshow_play.png);

}

nav #slideshow.wowbook-disabled {

  background-image: url(../images/icons/slideshow_pause.png);

}

nav a:hover {

  background-color: #8b7a69;


}

nav a:active,

nav a:hover,

nav a {

  outline: none;

}

.wowbook-page-content {

  padding: 1em;

}

#main {

  position: relative;

}

#click_to_open {

  position: absolute;

  left: 80px;

  top: 190px;

}

.js #features {

  mmargin-left: -12000px;

}

#features {

  mmargin: auto;

}



#features img{ /*border-right:1px #e9e9e9 solid;  border-bottom:1px #e9e9e9 solid;*/}

#features h1 {

  font-family: 'BebasNeueRegular', sans-serif;

  font-size: 32px;

  color: white;

  background: #aa2b2b;

  line-height: 1.5;

 

  margin: 0;

}

#features .subtitle {

  font-family: 'BebasNeueRegular', sans-serif;

  font-size: 18px;

  color: black;

  line-height: 1.5;

  padding: 5px 5px 0px;

  font-style: italic;

}

#features p,

#features ul {

  font-family: 'News Cycle', sans-serif;

  font-size: 24px;

  margin-top: 0.5em;

}

#features li {

  list-style: none;

}

#cover {

  

}

.feature {

  padding: 1em 1em;

  font-family: 'BebasNeueRegular', sans-serif;

  height: 500px;

  width: 400px;

  background: white;

}

.feature h1,

.feature h2 {

  font-family: 'BebasNeueRegular', sans-serif;

  font-size: 38px;

  color: black;

}

#features .feature.pagefx p {

  font-size: 22px;

}

#features .feature.pagefx .subtitle {

  margin-top: 0;

  font-size: 18px;

}

#features .feature.pagefx h1 {

  font-size: 48px;

  color: #aa2b2b;

  background: none;

  line-height: 0.7;

  padding: 5px 0px 0px;

  margin: 0;

}

#features .easy {

  background: #ffffff url("../images/easy.png") no-repeat;

  ffont-size: 1.5em;

  ffont-family: lato;

}

#features .easy h1,

#features .easy p,

#features .easy .subtitle {

  display: none;

}

#features .wowbook-right .easy {

  background-position: right top;

}

.doc {

  display: none;

  background: url("../images/doc_page.png");

  font-size: 32px;

  line-height: 128px;

  width: 128px;

  height: 128px;

  position: relative;

  text-align: center;

}

#features .design {

  background: #ffffff url("../images/design.png") no-repeat;

}

#features .design h1 {

  background: none;

  text-indent: -10000px;

  color: #88bfbf;

  text-shadow: 1px 1px 0px #447f7f;

  font-size: 144px;

  line-height: 0.8;

  bborder-bottom: 2px solid #88bfbf;

}

#features .design .subtitle {

  font-family: 'News Cycle', sans-serif;

  font-style: normal;

  font-size: 30px;

  color: #333;

}

#features .wowbook-right .design {

  background: #ffffff url("../images/design.png") right top;

}

#features .wowbook-right .design p {

  text-align: right;

  position: absolute;

  bottom: 1.5em;

  font-size: 30px;

  padding-right: 1em;

}

#zoom-feature {

  background: #ffffff url("../images/zoom.jpg") no-repeat;

}

















#zoom-feature h1 {

  font-size: 100px;

  color: #333;

  background: none;

  line-height: 1.1;

  padding: 5px 0px 0px;

  text-align: right;

}

#zoom-feature2 {

  background: #ffffff url("../images/zoom.jpg") right top no-repeat;

}

.deeplinking {

  color: white;

  background: url("../images/chain.jpg") no-repeat;

}

.deeplinking h1 {

  color: white;

  background: #3d567d !important;

}

.deeplinking a,

.deeplinking a:active,

.deeplinking a:visited {

  color: #f8f8f8;

  text-decoration: underline;

}

.wowbook-right .deeplinking {

  background-position: top right;

}

#features .feature.numbering {

  background: url("../images/numbering.png") #ffffff no-repeat;

}

#features .feature.numbering h1 {

  color: #AA2B2B;

  background: none;

  font-size: 40px;

  padding-left: 0;

  padding-right: 0;

}

#features .feature.numbering p {

  font-size: 23px;

}

#features .feature.numbering .wowbook-page-number {

  text-indent: 100%;

  overflow: hidden;

}

#features .feature.slideshow h1 {

  color: #AA2B2B;

  background: none;

  font-size: 40px;

  padding-left: 0;

  padding-right: 0;

}

#features .feature.slideshow a {

  display: block;

  text-align: center;

}

#features .feature.flash {

  background: url("../images/flash.png") #ffffff no-repeat;

  padding-top: 170px;

}

#features .feature.flash p {

  font-size: 20px;

  padding: 0.7em;

}

#features .feature.flash h1 {

  display: none;

}

.feature.flash-demo {

  background: url("../images/flash.png") #ffffff no-repeat;

  background-position: top right;

  padding-top: 100px;

  text-align: center;

  line-height: 2em;

  font-size: 1.2em;

}

.more {

  background: url("../images/more.png") #ffffff no-repeat;

  padding-top: 30px;

}

.more h1 {

  display: none;

}

.more ul {

  margin-left: 1em;

}

.more li {

  margin-bottom: 0.7em;

}

.wowbook-right .more {

  background-position: top right;

}

.top_header{ float:left; width:100%;}

.cln1{  position: relative;  z-index: 100; padding-bottom:2px;  margin-bottom:11px;  margin-right:0px; margin-top:-7px;/* border-bottom:1px #d6d6d6 solid; border-top:1px #d6d6d6 solid;  */}

.cln1 ul{ margin:0px 0px 0px 0px; padding:0px; text-align:center}

.cln1 ul li{  margin:6px 0px 5px 0px; padding:0px; list-style:none; display:inline-block}

.cln1 ul li a{width:95px; float:left;padding:7px 10px 6px 10px; margin-right:5px;  font-family:Arial, Helvetica, sans-serif; color:#6d6d6d;  font-size:13px; font-weight:bold;  -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; background-color:#dbdbdc;}

.cln1 ul li a:hover, .cln1 ul li a.active{ -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; color:#FFF;background-color:#b7aea5;}

.cln2{}

.cln2 h2{ margin:0px; padding:9px 0px 8px 0px; width:140px; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#FFF;  font-size:14px; font-weight:bold; margin-top:-32px; z-index:9999999; position:absolute; background-color:#b7aea5; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; margin-left:861px;}
.cln2 h2 a{ color:#FFF }






.righcoln{ width:250px; float:left; padding:23px 15px 40px 24px;background-color:#EBEBEB }

 

.input1{ width:246px; height:18px; padding:5px; margin-bottom:10px; box-shadow: 0 0 5px #DDDDDD inset; border: 1px solid #CCCCCC; font-family:"Lucida Sans", Arial; font-size:13px; color:#999999 }

.inputcss6{ width:266px; height:98px; margin-bottom:10px;  box-shadow: 0 0 5px #DDDDDD inset; border: 1px solid #CCCCCC;   padding:5px; margin-bottom:10px; font-family:"Lucida Sans", Arial; font-size:13px; color:#999999 }





.input2{ width:206px; height:18px; padding:5px; margin-bottom:10px;  box-shadow: 0 0 5px #DDDDDD inset; border: 1px solid #CCCCCC;   font-family:"Lucida Sans", Arial; font-size:13px; color:#999999 }

.inputcss2{ width:206px; height:98px; margin-bottom:10px;  box-shadow: 0 0 5px #DDDDDD inset; border: 1px solid #CCCCCC;   padding:5px; margin-bottom:10px; font-family:"Lucida Sans", Arial; font-size:13px; color:#999999 }



.input2b{ width:226px; height:18px; padding:5px; margin-bottom:10px;  box-shadow: 0 0 5px #DDDDDD inset; border: 1px solid #CCCCCC;   font-family:"Lucida Sans", Arial; font-size:13px; color:#999999 }

.inputcss2b{ width:226px; height:98px; margin-bottom:10px;  box-shadow: 0 0 5px #DDDDDD inset; border: 1px solid #CCCCCC;   padding:5px; margin-bottom:10px; font-family:"Lucida Sans", Arial; font-size:13px; color:#999999 }