@charset "utf-8";
/* CSS Document */
* {
	margin:0 auto;
	padding:0px;
}
span {
	color:#0F0;
}
body {
	background: url(images/icons/background.jpg) no-repeat center center fixed; 
  		-webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
  		background-size: cover;
	overflow-x: hidden;
	background-color:#222;
}
/* HEADER START */
header {
	width:100%;
	height:200px;
	position:relative;
}
.branding {
	width: 100%;
	height: 100px;
	padding: 25px 0px 0px 0px;
	color: #eee;
	text-align: center;
	position: fixed;
}
.branding h1 {
	font-size:4.4em;
	font-family: "SpaceXrebron";
	-webkit-font-smoothing: antialiased;
}
.branding p {
	font-size:0.8em;
	font-family: "Orator Std", "OratorStd";
	-webkit-font-smoothing: antialiased;
}
.menu {
	padding: 165px 0px 0px 0px;
	font-family: "Orator Std", "OratorStd";
	width:100%;
	font-size:1.2em;
	color:#eee;
	text-align:center;
	position:fixed;
}
.menu li {
	display:inline;
}
.menu a:link {
	padding:3px;
	color:#fff;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
}
.menu a:active {
	color:#fff;
	text-decoration:none;
}
.menu a:visited {
	color:#fff;
	text-decoration:none;
}
.menu a:hover {
	color:#0F0;
	text-decoration:blink;
}
/* HEADER END */
/* CONTENT START */
.content {
	padding:10px;
	width:2232px;
	height:500px;
	background:url(images/icons/bg_content.png);
	position:relative;
}
.content img {
	height:240px;
}
.content img:hover {
	opacity:0.9;
}
ul{
	list-style: none outside none;
	padding-left: 0;
}
.gallery li {
	display: block;
	float: left;
	height: 240px;
	margin: 2.5px 0px 12px 0px;
}
.gallery li a {
	height: 100px;
	width: 100px;
}
.gallery li a img {
	max-height: 240px;
	padding: 0px 12px 0px 0px;
}
#nopadding {
	padding:0px;
}
/* CONTENT END */
/* Content Bio & Resume start */
.content_bio {
    width:12000px;
    height:520px;
    position:relative;
}
.section{
    margin:0px;
    bottom:0px;
    width:4000px;
    float:left;
    height:100%;
}
.discription h2 {
	font-family: "SpaceXrebron";
	-webkit-font-smoothing: antialiased;
	font-size:3em;
    margin:30px 0px 0px 80px;
}
.discription2 h2{
	font-family: "SpaceXrebron";
	-webkit-font-smoothing: antialiased;
	font-size:3em;
    margin:30px 0px 20px 0px;
}
table {
	border:5px;
	height:325px;
	width:850px;
}
table img {
	display:block;
}
table img:hover {
	background-color:#222;
}
tr {
	height:90px;
}
.discription p, .discription ul{
    margin:20px 0px 0px 80px;
}
.school {
    content:'';
    padding: 0 0 0 25px;
    background:url(images/icons/school_icon.png) no-repeat 0 3px;
	background-size:20px;
}
.work {
    content:'';
    padding: 0 0 0 25px;
    background:url(images/icons/work_icon.png) no-repeat 0 3px;
	background-size:20px;
}
.black, .white {
    color:#000;
    background: url(images/icons/bg_content.png);
}
.image {
	height:520px;
	width:400px;
	position:relative;
	float:left;
}
.image img {
	height:480px;
	padding: 20px 0px 0px 0px;
	position:relative;
	float:left;
}
.discription {
	height:520px;
	width:400px;
	position:relative;
	float:right;
}
.discription2 {
	height:520px;
	width:800px;
	position:relative;
	float:left;
}
.left {
	height:520px;
	width:100px;
	position:absolute;
	float:left;
	left:10px;
}
.right {
	height:520px;
	width:100px;
	position:absolute;
	right: 0;
}
.discription2 li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em !important;
	color:#222;
}
.discription2 li a {
	color:#444;
	font-style:italic;
	text-decoration:none;
}
.discription2 li a:hover {
	color:#222;
	text-decoration:none;
}
a h5 {
	color:#222;
	font-family: "SpaceXrebron";
	-webkit-font-smoothing: antialiased;
	font-size:10em;
	text-decoration:none !important;
	padding:160px 0px 0px 0px;
	display:inline-block;
}
.right a h5 {
	text-align:right;
}
a h5:hover {
	color:#0f0;
	text-decoration:blink;
	border:0px;
}
a h5:visited {
	color:#222;
	text-decoration:none;
}
a h5:active {
	color:#222;
	text-decoration:none;
}
.container, .container2, .container3 {
	width:100%;
	height:520px;
	position:absolute;
	top:200px;
	font-family:Arial, Helvetica, sans-serif;
    font-size: 1em;
    letter-spacing:-1px;
	overflow-y:hidden;
}
.container2 {
	left:4000px
}
.container3 {
	left:8000px
}
.container_inside {
	width:800px;
	position:relative;
}
/* Content Bio & resume End */
/* FOOTER START */
footer {
	padding-top:10px;
	width:100%;
	height:100%;
	background:url(images/icons/bg_footer.png);
	font-family: "Orator Std", "OratorStd";
	color:#ccc;
	text-align:center;
	position:fixed;
}
footer img {
	padding: 0px 6px 0px 6px;
	opacity:0.7;
}
footer img:hover {
	opacity:1;
}
footer li {
	display:inline;
}
/* FOOTER END */
.hide {
	display:none;
	overflow: hidden;
}
/* fonts & typefaces */
@font-face {
    font-family: SpaceXrebron;
    src: url(fonts/space%20Xrebron.ttf);
}
@font-face {
    font-family: OratorStd;
    src: url(fonts/OratorStd.otf);
}