html,body{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

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

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

}



body{
	font:normal 75%/1.5em sans-serif;
	color:#333;
}

#main{
	position:relative;
	display: block;
	margin:0 auto;
	padding:30px 0;
	width:960px;
}

.sample_table_text{
	font-family:'MEgalopolisExtraRegular';
}

.sample_table_icon{
	font-family:'WebSymbolsRegular';
}
/*
@media (min-device-width:600px) {
	img[src*=".r."] {
		content: attr(data-src-600px, url);
	}
}
*/
img{
	position:relative;
	display: block;
	clear:both;

	}
@media (min-device-width:800px) {
	img[data-fullsrc]{
		background-repeat:none;
		background-image:url(images/blank.gif?w=800);
	}
}
@media print {
	a[href]:after { " (" attr(href) ") "; }
	img[src]:after { " (" attr(src) ") "; }
}

a[href]:after {
	content: " [" attr(href) "] ";
}


h1{
	position:relative;
	display:block;
	-moz-animation-duration: 3s;
	-moz-animation-name: slidein;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: alternate;
	-webkit-animation-duration: 3s;
	-webkit-animation-name: slidein;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
}
@-moz-keyframes slidein {
      from {
        margin-left:100%;
        width:300%
      }

      75% {
        font-size:300%;
        margin-left:25%;
        width:150%;
      }

      to {
        margin-left:0%;
        width:100%;
      }
    }

    @-webkit-keyframes slidein {
      from {
        margin-left:100%;
        width:300%
      }

      75% {
        font-size:300%;
        margin-left:25%;
        width:150%;
      }

      to {
        margin-left:0%;
        width:100%;
      }
    }

.color-block{
	background: #fdc;
	background: rgba( 255, 221, 204, 50);
}

.ie .color-block {
	background:transparent;
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffddcc50,endColorstr=#ffddcc50);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffddcc50,endColorstr=#ffddcc50);
	zoom: 1;
}

.speech-bubble{
	position:relative;
	display:block;

	margin:3em;
	padding:30px;
	width:200px;
	border-color: #36c;
	-moz-border-radius: 8px 8px;
	-webkit-border-radius: 8px 8px;
	-khtml-border-radius: 8px 8px;
	behavior: url(border-radius.htc);
	border-radius: 8px 8px;
	z-index: -1;
	background-color: #fd3;
}

.speech-bubble:after {
	content: "";
	position: absolute;
}

.speech-bubble-top:after {
	bottom: 100%;
	left: 20px;
	border-bottom: 20px solid black;
	border-bottom-color: inherit;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
}

.speech-bubble-bottom:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 20px;
	border-top: 20px solid black;
	border-top-color: inherit;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
}

.speech-bubble-left:after {
	content: "";
	position: absolute;
	top: 20px;
	right: 100%;
	border-top: 20px solid transparent;
	border-right: 20px solid black;
	border-right-color: inherit;
	border-bottom: 20px solid transparent;
}

.speech-bubble-right:after {
	content: "";
	position: absolute;
	top: 20px;
	left: 100%;
	border-top: 20px solid transparent;
	border-left: 20px solid black;
	border-left-color: inherit;
	border-bottom: 20px solid transparent;
}