@charset "UTF-8";
/* CSS Document */

/* generic */
* {margin: 0;}
html, body {height: 100%;}
html{} 
body {font-family:Arial,  sans-serif; font-size:62.5%;color:#fff;background:url(../images/bg_main.jpg) repeat-y #000;overflow-x: hidden;
overflow-y: hidden;} 

#outer{clear:both;}
#inner{width:960px;clear:both;margin:0 auto;padding:0px 0px 0px 0px;padding:0px 0px 0px 0px;}

#logo{position: fixed;
left: 50%;
top: 50%;
width: 2000px;
height: 100px;
margin-top: -50px;
margin-left: -1000px;
z-index:100;
}

#logob{position: fixed;
left: 50%;
top: 50%;
width: 960px;
height: 100px;
margin-top: -50px;
margin-left: -480px;
z-index:100;
}


#hand{position: fixed;
left: 50%;
bottom: 0%;
width: 492px;
height: 277px;
margin-bottom: 0px;
margin-left: -250px;
z-index:100;
}

#email{position: fixed;
left: 50%;
top: 50%;
width: 960px;
height: 54px;
margin-top: 54px;
margin-left: -480px;
z-index:100;
}

#phone{position: fixed;
left: 50%;
top: 50%;
width: 960px;
height: 54px;
margin-top: 110px;
margin-left: -480px;
z-index:100;
}

.meatball{width:100px;float:left;padding:1px 0px 0px 1px;overflow:hidden;}

strong{font-weight:bold;}
/* headings */
h1, h2, h4, h5{text-transform:uppercase;}
h1{font-size:2.4em;color:#fff;padding:0px 0px 0px 0px;}
h2{font-size:1.6em;color:#87c01d;padding:0px 0px 10px 0px;}
h3{font-size:2.4em;color:#000;padding:0px 0px 10px 0px;}
h4{font-size:1.2em;color:#87c01d;padding:10px 0px 10px 0px;}
		
/* p tag and a tag */
p.orange{color:#87c01d;}
p{font-size:1.2em;line-height:1.5em;padding:0px 0px 10px 0px;}
a{color:#fff;text-decoration:none;}
a:hover{text-decoration:underline;}

/* custom footer */
#footer {clear:both;padding:0px 0px 20px 0px;min-height:300px;background:#000;} 

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;}

.clearfix {
	display: inline-block;}

* html .clearfix {
	height: 1%;}

.clearfix {
	display: block;}