PNG  IHDR;IDATxܻn0K )(pA 7LeG{ §㻢|ذaÆ 6lذaÆ 6lذaÆ 6lom$^yذag5bÆ 6lذaÆ 6lذa{ 6lذaÆ `}HFkm,mӪôô! x|'ܢ˟;E:9&ᶒ}{v]n&6 h_tڠ͵-ҫZ;Z$.Pkž)!o>}leQfJTu іچ\X=8Rن4`Vwl>nG^is"ms$ui?wbs[m6K4O.4%/bC%t Mז -lG6mrz2s%9s@-k9=)kB5\+͂Zsٲ Rn~GRC wIcIn7jJhۛNCS|j08yiHKֶۛkɈ+;SzL/F*\Ԕ#"5m2[S=gnaPeғL lذaÆ 6l^ḵaÆ 6lذaÆ 6lذa; _ذaÆ 6lذaÆ 6lذaÆ RIENDB` /*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */ /* * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html, button, input, select, textarea { color: #222; } html { font-size: 1em; line-height: 1.4; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection rule sets have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * Remove the gap between images, videos, audio and canvas and the bottom of * their containers: h5bp.com/i/440 */ audio, canvas, img, video { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* ========================================================================== Browse Happy prompt ========================================================================== */ .browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== Author's custom styles ========================================================================== */ @font-face { font-family: 'istokregular'; src: url('/fonts/istok-regular-webfont.eot'); src: url('/fonts/istok-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/istok-regular-webfont.woff') format('woff'), url('/fonts/istok-regular-webfont.ttf') format('truetype'), url('/fonts/istok-regular-webfont.svg#istokregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'istokbold'; src: url('/fonts/istok-bold-webfont.eot'); src: url('/fonts/istok-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/istok-bold-webfont.woff') format('woff'), url('/fonts/istok-bold-webfont.ttf') format('truetype'), url('/fonts/istok-bold-webfont.svg#istokbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'istokitalic'; src: url('/fonts/istok-italic-webfont.eot'); src: url('/fonts/istok-italic-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/istok-italic-webfont.woff') format('woff'), url('/fonts/istok-italic-webfont.ttf') format('truetype'), url('/fonts/istok-italic-webfont.svg#istokitalic') format('svg'); font-weight: normal; font-style: normal; } body{ postition:relative; font-family: 'istokregular'; background: url(/images/bg-1.jpg) darkgray; color:white; } .logo{ display:inline-block; color:lightgrey; font-size: 200%; line-height: 15px; padding:30px 0px; } .copyright{ display:inline-block; color:lightgrey; font-size: 200%; line-height: 15px; } .logo h1{ font-size: 160%; color:#e01010; padding:0px; margin:0px; line-height: 60px; } #header{ position:relative; width:1170px; margin:auto; } #footer{ text-align: center; padding:30px; border-top: 1px solid #777778; width:1170px; margin:auto; } ul#menu{ position:absolute; right:0px; top:0px; display:inline-block; padding:0; margin:0; list-style: none; } ul#menu li{ display:inline-block; padding:0; margin:0px 5px 0px 0px; } ul#menu li a{ display:block; padding: 90px 20px 10px 20px; color:white; text-transform: uppercase; font-size: 70%; text-decoration: none; font-weight: bold; } ul#menu li a.active{ background-color:#248aa3; } ul#menu li a:hover{ background: none repeat scroll 0% 0% #FEB800; background-color: #248aa3; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; background-clip: border-box; background-origin: padding-box; background-size: auto auto; } #slider { position: relative; overflow: hidden; } #slider ul { position: relative; margin: 0; padding: 0; list-style: none; display: block; } #slider ul li { position: relative; display: block; float: left; margin: 0; padding: 0; background: #ccc; text-align: center; line-height: 300px; } #slider ul li img{ } #blockcontainter{ position:relative; text-align: center; width:100%; } ul#sliderblocks{ list-style: none; display:block; width:100%; } ul#sliderblocks li{ background: url(/images/bg-2.jpg); display: inline-block; width: 300px; margin-right: 35px; margin-right-value: 35px; margin-right-ltr-source: physical; margin-right-rtl-source: physical; overflow: hidden; overflow-x: hidden; overflow-y: hidden; text-align:left; } ul#sliderblocks li h4{ font-size: 30px; line-height: 30px; font-weight: 700; text-transform: uppercase; color: #050505; margin-bottom: 8px; position: relative; z-index: 99; transition: all 0.4s ease 0s; transition-property: all; transition-duration: 0.4s; transition-timing-function: ease; transition-delay: 0s; padding: 0px 20px; } ul#sliderblocks li p{ color: #050505; position: relative; z-index: 99; transition: all 0.4s ease 0s; transition-property: all; transition-duration: 0.4s; transition-timing-function: ease; transition-delay: 0s; padding: 0px 20px; } ul#sliderblocks li img{ width:100%; } #welcome{ font-size: 48px; line-height: 48px; max-width: 570px; margin: 0px auto 51px; text-align: center; height: 73px; border-bottom: 1px solid #777778; letter-spacing: 2px; } #other{ font-size: 48px; line-height: 48px; margin: 0px auto 51px; text-align: center; height: 73px; letter-spacing: 2px; color:#343434; margin-bottom: 0px; } #article{ width:1170px; margin:auto; } #article2{ width:1170px; margin:auto; font-size:14px; } #whitepage{ background:url(/images/bg-1-1.jpg); color:black; margin-left:; } .pp_description{ color:black; padding: 5px; } /* ========================================================================== Helper classes ========================================================================== */ /* * Image replacement */ .ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } /* * Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* * Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .clearfix { *zoom: 1; } /* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ } /* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links for images, or javascript/internal links */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }