/*!
 * Project:   Webpassion
 * Date:      2012/02/20
 * Author:    Maciej Węgrzynek maciej@hitmo.pl
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { height: 100%; background: url(../images/hitmo-sign.png) 50% 0; 
 	background: 
 	url(../images/hitmo-sign.png) 50% 0,
 	url(../images/noizz.png);
 	background-color: #fff; 
 	font-size: 62.5%; }


/*! html5 -------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {	display: block; }
summary::-webkit-details-marker { display: none }

@font-face {
    font-family: 'MuseoSlab900';
    src: url('../fonts/museo_slab_900-webfont.eot');
    src: url('../fonts/museo_slab_900-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museo_slab_900-webfont.woff') format('woff'),
         url('../fonts/museo_slab_900-webfont.ttf') format('truetype'),
         url('../fonts/museo_slab_900-webfont.svg#MuseoSlab900') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'MuseoSans700';
    src: url('../fonts/museosans_700-webfont.eot');
    src: url('../fonts/museosans_700-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosans_700-webfont.woff') format('woff'),
         url('../fonts/museosans_700-webfont.ttf') format('truetype'),
         url('../fonts/museosans_700-webfont.svg#MuseoSans700') format('svg');
    font-weight: normal;
    font-style: normal;
}


body, textarea, input, select, option, button, summary { color: #5a7383; font-family: Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif; line-height: 1.5; }
li, dt, dd, p, th, td, caption, pre, address, summary { font-size: 1.3em; } /*---*/ li *, li p, li li, dt *, dd *, p *, th *, td *, summary * { font-size: 1em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6, summary { margin-bottom: 15px; }

/*! layout -------- */
.root { position: absolute; top: 50%; left: 0; width: 100%; height: 630px; margin-top: -315px; background: url(../images/mac.png) 50% 0 no-repeat; }
 #top { overflow: hidden; width: 974px; margin: 0 auto; padding-top: 60px; }
  #logo { margin-bottom: 0; width: 178px; float: left; }
   #logo a { }
  #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
   #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }
  nav ul { list-style: none; margin: 0; padding: 0; }
   nav ul li { }
    nav ul li a { }
     nav ul li em { position: absolute; left: -10001px; top: -10001px; }
 #content { overflow: hidden; width: 974px; margin: 0 auto; padding-top: 46px; }
  #content p { line-height: 1.61; }
 #footer { overflow: hidden; width: 974px; margin: 0 auto; padding-top: 36px; }

/*! headers ------- */

h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 2.2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

 .header-a { margin-bottom: 18px; font: normal 3.6em/0.9 MuseoSlab900,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: uppercase; color: #21323d; }
 .header-b { margin-bottom: 5px; font: normal 1.4em/1.2 MuseoSans700,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: uppercase; color: #7d8f9b; }
 .hb-a { color: #e94c18; float: left; margin-bottom: 0; padding-top: 18px; }

/*! containers ---- */
 .section-a { width: 350px; float: right; }
  .section-a .header-b {  }

/*! forms --------- */

form { }
 textarea { overflow: auto; }
 button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

/*! tables -------- */

table { border-collapse: collapse; border-spacing: 0; }
 table th, table td { padding: 5px 10px; border: 1px solid #eee; }

/*! lists --------- */

ul, ol, dd, blockquote { padding-left: 40px; }
 ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
 
 .list-a { list-style: none; margin: 0 0 0 -4px; padding: 0; }
  .list-a li { float: left; padding-right: 1px; }
   .list-a li a { display: block; width: 43px; height: 43px; overflow: hidden; text-indent: -10001px; background: url(../images/btns.png) 0 0 no-repeat; }
   .list-a li.hitmo a:hover { background-position: 0 -43px; }
   
   .list-a li.behance a { background-position: -44px 0; }
   .list-a li.behance a:hover { background-position: -44px -43px; }
   
   .list-a li.facebook a { background-position: -89px 0; }
   .list-a li.facebook a:hover { background-position: -89px -43px; }
   
   .list-a li.twitter a { background-position: -134px 0; }
   .list-a li.twitter a:hover { background-position: -134px -43px; }

/*! paragraphs ---- */


/*! quotation ---- */

blockquote, q { quotes: none; font-style: italic; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }


/*! links --------- */

a { color: #09f; text-decoration: underline; }
a:hover, a:focus, a:active { color: #000; text-decoration: underline; }

/*! images -------- */

img { border-width: 0; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; }

/*! other --------- */

pre { font-family: Consolas,Monaco,Courier New,monospace; white-space: pre-wrap; }
address { font-style: normal; }

/*! helpers ------- */

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }
mark { background: none; }

@media screen and (max-height: 630px) 
{ 
	.root { position: static !important; top: 0 !important; margin-top: 0; } 
}


/*! mobile -------- */

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }
 
/*! specific ------ */