/*    CSS3 - 2013  nique deangelis
----------------------------------------------------------------------------------------------------*/
/*   HTML5 Reset
----------------------------------------------------------------------------------------------------*/
@charset "UTF-8";

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {border: 0; margin: 0; padding: 0; font-size: 100%;}
html, body {height: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
b, strong {font-weight: bold; }
img {color: transparent; font-size: 0; vertical-align: middle; -ms-interpolation-mode: bicubic;}
li { display: list-item;}
a img {border: none;}
img{border: none;}
ul {margin: 0; padding: 0; list-style: none;}
ul li {float: left; font-size: 1.2em;}
table {border-collapse: collapse; border-spacing: 0;}
th, td, caption {font-weight: normal; vertical-align: top; text-align: left;}
q {quotes: none;}
q:before, q:after {content: ''; content: none;}
sub, sup, small {font-size: 70%;}
sub, sup {line-height: 0; position: relative; vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
svg { /*   For IE9. */overflow: hidden;}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

/* ================================
   Base Styles 
=================================*/
body {
	/*background: #121111 url() fixed;
	background: #212020 url() fixed;*/
	background: #3b3b3b url() fixed;
	color: #fafafa; -webkit-text-size-adjust: 100%;  /*2 */-ms-text-size-adjust: 100%; /* 2 */font-family: Helvetica, Arial, sans-serif;font-size: 0.7em;font-weight: normal;}
h1 {padding: 0 0 18px 0; font-size: 5em; color: #2f3727;}
h2 {padding: 0 0 18px 0; font-size: 2.0em; color: #f60; font-family: "Poller One";}
h3 {padding: 0 0 24px 0; font-size: 1.4em; font-weight: normal;}
a{text-decoration: none;  color: #fff;}
a:hover  {
	text-decoration: none;color: red;
	-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out;transition:all 0.6s ease-out;-ms-transition: all 0.6s ease-in-out;}
div#home {
	background:#3b3b3b url(../img/frank-back.jpg) no-repeat;
	width: 1000px;
	height: 666px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -333px 0 0 -500px;
}
div.testi {
	width: 325px;
	float: right;
	border: 0px solid #fff;
	text-align:justify;
	letter-spacing: 1.0px;
	line-height: 1.2em;
	padding: 30px 55px 0;
	font-size: 1em;
}
div#footer {
	position: absolute;
	bottom: 2em;
	left: 6em;
}
div#home p {
	margin-top: 2em;
}
div#blog {
	/*width: 12em;
	margin: 4em auto 0;
	background:transparent url(../img/eng.png) no-repeat 40% 0%;
	text-indent: 35px;
	text-align: center;
	line-height: 1.8em;*/
	width: 20em;
	background: url("../img/eng.png") no-repeat scroll 0% 0% transparent;
	text-indent: 35px;
	line-height: 1.8em;
	position: absolute;
	bottom: 2em;
	right: 5em;
}

div#blog a   {
	display: block;
	text-indent: 0px;
}

div#blog a.navy:hover  {
	color: #66f;
}

div#logo {
	width: 1000px;
	height: 667px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -333px 0 0 -500px;
}