@font-face {
font-family: 'GothamNarrow-Bold';
src: url('/web/20171101020515im_/http://www.markatescili.com/css/bold/gothamnarrowbold.eot');
src: url('/web/20171101020515im_/http://www.markatescili.com/css/bold/gothamnarrowbold.eot#iefix') format('embedded-opentype'),
url('/web/20171101020515im_/http://www.markatescili.com/css/bold/gothamnarrowbold.woff') format('woff'),
url('/web/20171101020515im_/http://www.markatescili.com/css/bold/gothamnarrowbold.ttf') format('truetype'),
url('/web/20171101020515im_/http://www.markatescili.com/css/bold/gothamnarrowbold.svg#gothamnarrowbold') format('svg');
font-weight: normal;
font-style: normal;
}

/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0; list-style:none;}

/* HEADER */
#header { height:432px;}
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:600px; position:absolute;}

/* NAVIGATION */
#nav-outer { position:relative; top:10px;}
#navigation { height:100px; width:960px; margin:0 auto; background-image:url("../img/logo.png"); background-position:top left; background-repeat:no-repeat;}

/* HEADER TEXT */
#headertxt { width:960px; margin:0 auto; clear:both; position:relative; top:74px;}
#firstline {  color:#000000; font-size:20px; float:left; display:block; font-family:'GothamNarrow-Bold' , Helvetica, Arial, Verdana, sans-serif;}
#secondline { color:#000000; text-decoration:none; font-size:15px; float:left; display:block; clear:both;}

.pictured { background:url(../img/bg-more.png) no-repeat; color:#FFF; font-size:12px; width:108px; height:26px; padding:2px 0 0 15px; text-transform:uppercase; float:left; display:block; clear:both; margin-top:10px;}
.pictured a { font-size:12px; font-weight: bold; letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none;}
.pictured a:hover { text-decoration:underline;}

/* CONTROLS */
.btn { height:23px; width:23px; float:left; cursor:pointer;}
#back { background-image:url("../img/btn_back.png");}
#next { background-image:url("../img/btn_next.png");}
#control { background-image:url("../img/btn_pause.png");}

/* HEADER HAVIGATION */
#headernav-outer { position:relative; top:250px; margin:0 auto; width:960px;}



body { font-family:Arial, Helvetica, sans-serif;}
.clr { clear:both;}
.headerPage { width:980px; height:100px; margin:0 auto;}
.headerPage .hLeft { width:256px; height:auto; float:left; margin:34px 0 0 0;}
.headerPage .hRight { width:704px; height:auto; float:right; text-align:right;}
.headerPage .hRight .menu { height:47px; background:url(../img/menu-bg.png) no-repeat;}
.headerPage .hRight .number { font-size:24px; color:#FFFFFF; text-shadow: 0.1em 0.1em 0.05em #333;}

#content { height:auto;  margin:0 auto;}
#content .topContent { width: 980px; height:auto; }
#content .topContent h1 { color:#036ca0; font-size:21px;}
#content .topContent ul li { width:302px; height:99px; background:url(../img/bg-content.jpg) no-repeat; float:left; margin-right:14px; position:relative; padding:10px 0 0 15px; font-size:12px;} 
#content .topContent ul li.last {margin-right: 0px;}
#content .topContent ul li span { float:left; margin:0 5px 0 0;} 
#content .topContent ul li a { font-weight:bold; font-size:12px; color:#e4b032; text-decoration:none;}
#content .bottomContent { height:auto;}
#content .bottomContent img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#content .bottomContent h2 { color:#036ca0; font-size:15px; text-transform:none; padding:0 0 5px 0;}
#content .bottomContent ul li { width:317px; height:99px; float:left; margin:5px 5px; position:relative; font-size:12px;} 
#content .bottomContent ul li span { float:left; margin:0 8px 0 0;} 
#content .bottomContent ul li a { font-weight:bold; font-size:12px; color:#e4b032; text-decoration:none;}

#footer { height:auto; width:980px; margin:0 auto; padding:25px 0;}
#footer .top { height:197px; background:url(../img/footer-bg.jpg) repeat-x; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; border:1px #d3ebf7 solid;}
#footer .top h3 { border-bottom:1px #CCCCCC dotted; margin:10px 15px; font-size:17px; padding:0 0 5px 0; color:#1b4462;}
#footer .top ul { background:#FF0000; margin:10px 0 0 28px;}
#footer .top ul li { list-style-image:url(../img/arrow.png); li font-size:12px; float:left; width:237px;}
#footer .top ul li a { text-decoration:none; color:#666666; font-size:12px;}
#footer .top ul li a:hover { color:#1b4462; text-decoration:underline;}

#footer .bottom { font-size:11px; margin:10px 0 35px 0; color:#333333;}
#footer .bottom ul li { float:left; margin:0 15px 0 0; border-right:1px #666666 dotted; padding:0 10px 0 0;}
#footer .bottom .right { float:right; border:none; margin:0; padding:0;}
#footer .bottom ul li a { text-decoration:none; color:#333333;}
#footer .bottom ul li a:hover { text-decoration:underline;}

.footerLeft p , .footerRight a { font-size: 11px; text-decoration: none; color: #333;}
.footerRight a:hover { font-size: 11px; text-decoration: underline; color: #333;}



.menu { height:47px; background:url(../img/menu-bg.png) no-repeat;}
.menu ul.menu-item { float:left; list-style:none;}
.menu ul.menu-item li{ float:left; font-weight:normal;}
.menu ul.menu-item li+li:after{ content:url(../img/line.jpg); float:left; margin-top:-15px; margin-left:-2px;}
.menu ul.menu-item li a{ color:#000000; font-size:14px; display:block; margin:16px 10px 0 10px; }
.menu ul.menu-item li a:hover{color:#028ac6;}
.menu ul.menu-item li a.on , .menu ul.menu-item li.on a {color:#028ac6;}

.adwerd{ background:url(../img/form-bg.png) no-repeat; width:501px; position:absolute; z-index:999; right:0px; top:-255px; height:335px;}
.adwerd .btn { margin:130px 0 0 60px; height:auto; width:400px;}
.adwerd .btn ul li { width:150px; height:25px; float:left; margin:0 25px 20px 15px;}
.adwerd .btn input.box { height:25px; border:none; width:150px; background:none; color:#999999; padding: 0; margin: 0; box-shadow: none;}
.adwerd .btnRight { float:right; background:url(../img/btn.png) no-repeat; margin:0 73px 0 0; padding:13px 25px 15px 58px;}
.adwerd .btnRight:hover { background:url(../img/btn-hover.png) no-repeat;  padding:13px 25px 12px 58px;}
.adwerd .btnRight a { color:#FFFFFF;}


input.button {width:178px; height: 41px; margin-left: -16px;}







/*
     FILE ARCHIVED ON 02:05:15 Nov 01, 2017 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 13:15:10 Jun 01, 2018.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  LoadShardBlock: 437.051 (3)
  esindex: 0.012
  captures_list: 456.108
  CDXLines.iter: 12.293 (3)
  PetaboxLoader3.datanode: 428.733 (4)
  exclusion.robots: 0.432
  exclusion.robots.policy: 0.411
  RedisCDXSource: 2.389
  PetaboxLoader3.resolve: 53.662
  load_resource: 106.621
*/