/* Website template by freewebsitetemplates.com */
/*#body.header div .webgl-content * {border: 0; margin: 0; padding: 0}
#body.header div .webgl-content {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

#body.header div .webgl-content .logo, .progress {position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
#body.header div .webgl-content .logo {background: url('progressLogo.Light.png') no-repeat center / contain; width: 154px; height: 130px;}
#body.header div .webgl-content .progress {height: 18px; width: 141px; margin-top: 90px;}
#body.header div .webgl-content .progress .empty {background: url('progressEmpty.Light.png') no-repeat right / cover; float: right; width: 100%; height: 100%; display: inline-block;}
#body.header div .webgl-content .progress .full {background: url('progressFull.Light.png') no-repeat left / cover; float: left; width: 0%; height: 100%; display: inline-block;}

#body.header div .webgl-content .logo.Dark {background-image: url('progressLogo.Dark.png');}
#body.header div .webgl-content .progress.Dark .empty {background-image: url('progressEmpty.Dark.png');}
#body.header div.webgl-content .progress.Dark .full {background-image: url('progressFull.Dark.png');}

#body.header div .webgl-content .footer {margin-top: 5px; height: 38px; line-height: 38px; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 18px;} 
#body.header div .webgl-content .footer .webgl-logo, .title, .fullscreen {height: 100%; display: inline-block; background: transparent center no-repeat;} 
#body.header div .webgl-content .footer .webgl-logo {background-image: url('webgl-logo.png'); width: 204px; float: left;}
#body.header div .webgl-content .footer .title {margin-right: 10px; float: right;}
#body.header div .webgl-content .footer .fullscreen {background-image: url('fullscreen.png'); width: 38px; float: right;}*/

body {
	margin: 0;
	padding: 0;
	position: relative;
	width: auto;
}
body #page {
	background-color: #202020;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: auto;
	z-index: 3;
}
body #page .about .header{
	background-color: #000000;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: auto;
	z-index: 3;
}
#more-about{
	background-color:#000000;
	margin: 0 auto;
	max-width: 940px;
	overflow: hidden;
	padding: 0 00px;
}
#more-about h1{
	color: #FFFFFF;
	display: block;
	font-family: Work Sans;
	font-size: 36px;
	font-weight: normal;
	line-height: 36px;
	padding-bottom: 10px;
	padding-top: 65px;
	text-align: center;
	text-transform: uppercase;
}
#more-about p{
	color: #ffffff;
	display: block;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 780px;
}
#more-about h2{
	color: #A3A3A3;
	//float: left;
	font-family: audiowide-regular-webfont;
	font-size: 23px;
	font-weight: normal;
	line-height: 23px;
	margin: 18px;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}
#more-about ul{

	color: #ffffff;
	display: block;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	margin: 0 auto;
	padding-bottom: 20px;
	text-align: center;
	width: 50%;
	//top: -20px
}
#more-about ul li{
	margin: 0;
	overflow: hidden;
	padding: 2px 0;
	width: auto;
}
#more-about img {
	display: block;
	position:relative;
	left: 0px;
	top: 0px
	margin-bottom: 10px;
	padding-bottom: 20px;
}
a {
	text-decoration: none;
	outline: none;
}
a:active {
	background: none;
}
img {
	border: none;
}
/*-------------------------------------------FONTS---------------------------------------------*/
@font-face {
	font-family: 'Work Sans', sans-serif;
	src: url('../fonts/audiowide-regular-webfont.eot');
	src: url('../fonts/audiowide-regular-webfont.woff') format('woff'), url('../fonts/audiowide-regular-webfont.ttf') format('truetype'), url('../fonts/audiowide-regular-webfont.svg') format('svg');
}
/*----------------------------------------header-styles---------------------------------------*/
#header {
	margin: 0;
	min-height: 60px;
	//max-height: 60px;
	padding: 0;
	width: 100%;
	position:fixed;
	background-color: #595959;
	z-index: 500;

}
#header div {
	position:relative;
	margin: auto;
	max-width: 940px;
	padding-top: 10px;
}

#header div a { // The List in navigation
	color: #FFFFFF;
	background-color: #202020;
	display: inline-block;
    width: 18%;
	height: 30px;
    margin-left: 1.0%;
	margin-bottom: 10px;
	padding-top: 10px;
	
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
	line-height: 18px;
	text-align: center;
	text-transform: uppercase;
}

#header div a:hover {
	background-color: #000000;
	color: #FFFFFF;
}
#header div a.selected{
	background-color: #ca6e1b;
	color: #FFFFFF;
}
#header div a.selected:hover{
	background-color: #854812;
	color: #FFFFFF;
}

/*----------------------------------------body-home-styles---------------------------------------*/
#body {
	background-color: #000000;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}
#body.home {
	background: none;
	margin: 0;
	max-height: 1580px;
	overflow: hidden;
	padding: 0;
	width: 100%;
}
#body.home .header {
	background: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}
#body.home .header div {
	margin: 0 auto;
	max-width: 940px;
	overflow: hidden;
	padding: 0 00px;
}
#body.home .header div img.satellite {
	display:block;
	float: right;
	margin: 0;
	padding: 0;
	position: relative;
	top: 60px;
	width: auto;
	z-index: 30;
}
#body.home .header div #namebox{
	background-color: #000000;
	display:inline-block;
	height: 150px;
	top: -280px;
	padding: 0;
	position: relative;
	width: 500px;
	z-index: 150;
}

#body.home .header div #namebox h1{
	color: #FFFFFF;
	display: block;
	float: right;
	right: 11px;
	font-family: Work Sans;
	font-size: 70px;
	font-weight: lighter;
	line-height: 70px;
	position: relative;
	text-align: right;
	text-transform: uppercase;
	//width: 503px;
	z-index: 200;
	top: -45px;
}
#body.home .header div #namebox h2 {
	color: #FFFFFF;
	display: inline-block;
	float: right;
	right: 11px;
	font-family: Work Sans;
	font-size: 55px;
	font-weight: normal;
	line-height: 55px;
	//margin: 0 0 36px;
	//padding: 0 146px 0 506px;
	position: relative;
	text-align: right;
	text-transform: uppercase;
	//width: 288px;
	z-index: 200;
	top: -125px;

}
#body.home .header div #designbox {
	background-color: #ca6e1b;
	min-height: 53px;
	max-height: 53px;
	position: relative;
	width: 940px;
	top: -95px;
	z-index: 300;
}
#body.home .header div #designbox p{
	color: #000000;
	display: inline-block;
    width: 24.5%;
	height: 30px;
    //margin-left: 1.0%;
	//margin-top: 10px;
	padding-top: 13px;
	
	font-family: Arial;
	font-size: 24px;
	font-weight: normal;
	line-height: 24px;
	text-align: center;
	text-transform:none;
}
#body.home .header div #imagebox {
	background-color: #000000;
	position: relative;
	width: 940px;
	top: -98px;
	z-index: 200;
	min-height: 156px;
	max-height: 156px;
}
#body.home .header div #imagebox img{
	display: inline-block;
	float: left;
	width: 235px
	padding: 0 0 0 0;
	margin: 0 0 0 0;

}
#body.home .header div #imagebox a:hover{
	filter: alpha(opacity=70);/* Needed for IE8 and old versions */
	cursor: pointer;
		opacity: 0.7;
}
#body.home #centerbar {
	display: block;
	position: relative;
	background-color: #ca6e1b;
	margin: 0;
	min-height: 168px;
	overflow: hidden;
	padding: 0;
	width: 100%;
	top: -98px;
}
#body.home #centerbar h1 {
	color: #000000;
	display: block;
	font-family: Arial;
	font-size: 24px;
	font-weight: normal;
	line-height: 24px;
	margin: 0 auto 24px;
	padding-top: 20px;
	text-align: center;
	text-transform: none;
	width: 670px;
}
#body.home #centerbar p {
	color: #000000;
	display: block;
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 670px;
}
#body.home .footer {
	background-color: #000000;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
	position:relative;
	top: -97px;
	height: 660px;
}
#body.home .footer div {
	margin: 0 auto;
	max-width: 960px;
	overflow: hidden;
	padding-top: 5px;
}

#body.home .footer div #videos{
	margin: 0 auto;
	max-width:  50%;
	overflow: hidden;
	float:left;
}
#body.home .footer div #videos h1{
	color: #FFFFFF;
	font-family: Work Sans;
	padding-bottom: 15px;
}
#body.home .footer div #videos img {
	cursor: pointer;
	filter: alpha(opacity=100);/* Needed for IE8 and old versions */
	opacity: 1.0;
	display: block;
	padding-bottom: 10px;
	width: auto;
}
#body.home .footer div #videos a:hover img {
	filter: alpha(opacity=70);/* Needed for IE8 and old versions */
	opacity: 0.7;
}
#body.home .footer div #projects{
	margin: 0 auto;
	max-width: 50%;
	overflow: visible;
	float:right;
}
#body.home .footer div #projects h1{
	color: #FFFFFF;
	font-family: Work Sans;
	padding-bottom: 15px;
}
#body.home .footer div #projects ul li p{
	color: #FFFFFF;
	display: inline-block;
	//float: left;
	font-family: audiowide-regular-webfont;
	font-size: 15px;
	font-weight: normal;
	line-height: 18px;
	//margin: 0 0 44px;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	width: 330px;
	z-index: 500;
	position: relative;
	top: -300px;
	right: -140px;

}
#body.home .footer div #projects ul {
	display: inline-block;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: auto;

}
#body.home .footer div #projects ul li{
	float: left;
	padding-bottom: 10px;
	margin-bottom: 15px;
	padding: 0;
	width: 100%;
	//background-color: #999999;
	height: 165px;
	overflow:hidden;

}
#body.home .footer div #projects ul li h1 {
	color: #FFFFFF;
	display: block;
	float: left;
	font-family: audiowide-regular-webfont;
	font-size: 28px;
	font-weight: normal;
	line-height: 32px;
	//margin: 0 0 44px;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
	//width: auto;
	z-index: 500;
	position: relative;
	top: -280px;
	right: -140px;
}
#body.home .footer div #projects ul li a {
	display: inline-block;
	height: 258px;
	margin: 0;
	position: relative;
	padding: 0;
	width: 460px;
}
#body.home .footer div #projects ul li a img {
	cursor: pointer;
	filter: alpha(opacity=100);/* Needed for IE8 and old versions */
	opacity: 1.0;
	display: block;
	margin: 0;
	padding: 0;
	width: auto;
	overflow:hidden;
}
#body.home .footer div #projects ul li a:hover img {
	filter: alpha(opacity=70);/* Needed for IE8 and old versions */
	opacity: 0.7;
}
#body.home .footer div #projects ul li a span {
	//background: url(../images/icons.png) no-repeat 0 -152px;
	display: block;
	height: 72px;
	left: 199px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 94px;
	width: 62px;
}
#body.home .footer div ul li a:hover span {
	background: url(../images/icons.png) no-repeat 0 -226px;
}
#body.home .footer div ul li ul {
	display: inline-block;
	list-style: none outside none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 440px;
}
#body.home .footer div ul li ul li {
	border-top: 1px solid #A3A3A3;
	float: none;
	margin: 0;
	overflow: hidden;
	padding: 39px 10px 38px 0;
	width: 440px;
}
#body.home .footer div ul li ul li:first-child {
	border: medium none;
	margin: 0;
	padding: 0 0 38px;
	width: 440px;
}
#body.home .footer div ul li ul li a {
	display: block;
	float: left;
	height: 90px;
	margin: 0 20px 0 0;
	padding: 0;
	width: 100px;
}
#body.home .footer div ul li ul li a img {
	cursor: pointer;
	filter: alpha(opacity=100);/* Needed for IE8 and old versions */
	opacity: 1.0;
	display: block;
	margin: 0;
	padding: 0;
	width: auto;
}
#body.home .footer div ul li ul li a img:hover {
	filter: alpha(opacity=70);/* Needed for IE8 and old versions */
	opacity: 0.7;
}
#body.home .footer div ul li ul li h1 {
	color: #A3A3A3;
	float: left;
	font-family: audiowide-regular-webfont;
	font-size: 23px;
	font-weight: normal;
	line-height: 23px;
	margin: 0;
	padding: 4px 0 8px;
	text-align: left;
	text-transform: uppercase;
	width: 310px;
}
#body.home .footer div ul li ul li span {
	color: #FFFFFF;
	display: block;
	float: left;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	line-height: 14px;
	margin: 0 0 10px;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
	width: 310px;
}
#body.home .footer div ul li ul li a.more {
	background-color: #3c0f38;
	color: #ffffff;
	display: block;
	float: right;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	height: 31px;
	line-height: 31px;
	margin: 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	width: 120px;
}
#body.home .footer div ul li ul li a.more:hover {
	background-color: #620031;
}
/*----------------------------------------body-styles---------------------------------------*/
#body.about .header {
	background-color: #000000;
	margin: 0;
	max-height: 860px;
	padding: 0;
	width: 100%;
}
#body.about .header div, #body .header div {
	margin: 0 auto;
	max-width: 960px;
	overflow: hidden;
	padding: 65px 0 40px;
}
#body.about .header h1 {
	color: #FFFFFF;
	display: block;
	font-family: Work Sans;
	font-size: 36px;
	font-weight: normal;
	line-height: 36px;
	padding-bottom: 50px;
	padding-top: 60px;
	text-align: center;
	text-transform: uppercase;
}

#body.about .header #box1 {
	background-color: #FFFFFF;
	display:inline-block;
	height: 150px;
	//top: -280px;
	padding: 0;
	position: relative;
	width: 500px;
	z-index: 150;
	

}
#body.about .header img{
	display:block;
	float: right;
	margin: 0;
	padding: 0;
	position: relative;
	top: 60px;
	width: auto;
	z-index: 30;
	
}

#body.home .header div img.satellite {
	display:block;
	float: right;
	margin: 0;
	padding: 0;
	position: relative;
	top: 60px;
	width: auto;
	z-index: 30;
}
#body.home .header div #namebox{
	background-color: #000000;
	display:inline-block;
	height: 150px;
	top: -280px;
	padding: 0;
	position: relative;
	width: 500px;
	z-index: 150;
}
#body.about .header #box1 #sub1{
	background-color: #222222;
	display: block;
	font-family: Arial;
	//position:relative;
	width: 600px;
	height: 40%;
	//float:left;
	padding: 0;
	margin: 0;
}
#body.header div #aboutlist ul{ // LIST!
	background-color: #ffffff;
	color: #A3A3A3;
	float: left;
	font-family: audiowide-regular-webfont;
	font-size: 23px;
	font-weight: normal;
	line-height: 23px;
	margin: 18px 0 26px;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
	width: 620px;
}
#aboutlist li{ // LIST ITEM!
	background-color: #ffffff;

	margin: 0;
	overflow: hidden;
	padding: 38px 0;
	width: auto;
}
#body.about .header #box1 #sub1 p{
	display: block;
	font-family: Arial;
	position:relative;
	width: 100%;
	height: 100%;
	//float:left;
	padding: 0;
	margin-top: 20px;
	left: 0;
	top: 0;
}
#body.about .header #box1 #sub2{
	background-color: #111111;
	display: block;
	font-family: Arial;
	//position:relative;
	width: 70%;
	height: 60%;
	//float:left;
	padding: 0;
	margin: 0;
}
#body.about .header #box1 #sub2 p{
	color: #FFFFFF;
	display: block;
	font-family: Arial;
	font-size: 22px;
	font-weight: normal;
	line-height: 22px;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
	text-transform: none;
	left: 0;
	top: 0;
}
#body.about .header #box1 #sub2 ul{
	color: #FFFFFF;
	display: block;
	font-family: Arial;
	font-size: 22px;
	font-weight: normal;
	line-height: 22px;
	text-align: center;
	text-transform: none;
	position: relative;
	left: 0;
	top: 0;
	height: 100px;
	width:: 100px;
	z-index: 500;
}
#body.about .header #box2{
	background-color: #ffffff;
	display: block;
	font-family: Arial;
	position:relative;
	text-align: left;
	width: 100%;
	height: 300px;
	padding: 10px;
}


#body.about .header div h1 {
	color: #FFFFFF;
	display: block;
	font-family: Work Sans;
	font-size: 36px;
	font-weight: normal;
	line-height: 36px;
	//margin: 0 auto 87px;
	padding-bottom: 50px;
	text-align: center;
	text-transform: uppercase;
	width: 940px;
}
#body.about .header div h2 {
	color: #FFFFFF;
	display: block;
	font-family: arial;
	font-size: 24px;
	line-height: 24px;
	//margin: 0 auto 24px;
	text-align: left;
	text-transform: none;
	width: 600px;
	position: relative;
	top: -420px;
	left: -20px;
}
#body.about .header div p {
	color: #ffffff;
	display: block;
	font-family: Arial;
	font-size: 22px;
	font-weight: normal;
	line-height: 30px;
	position:relative;
	text-align: left;
	width: 600px;
	left: -180px;
	//float: left;
}
#centerimage{
	display: block;
	position:relative;
	right: -200px;
	top: -40px;
	margin: 10px;
}
#body.about .header div img {
	display: block;
	position:relative;
	left: 350px;
	top: -190px
}
#body.about .header div #aboutlist {
	background-color: #000000;
	display: block;
	font-family: Arial;
	position:relative;
	text-align: left;
	width: 600px;
	height: 300px;
	top: -440px;
	left: -200px;
}
#body.about .header div #aboutlist p {
	color: #ffffff;
	display:list-item;
	font-family: Arial;
	font-size: 22px;
	font-weight: normal;
	line-height: 30px;
	text-align: left;
	position:relative;
	left: 50px;
	padding: 0px;
	top: -50px;
	margin: 0px;

}
#body.about .header div p a {
	color: #ffffff;
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}
#body.about .header div p a:hover {
	color: #a3a3a3;
}
#body.about .body {
	background-color: #620031;
	margin: 0;
	//min-height: 253px;
	overflow: hidden;
	padding: 0;
	width: 100%;
}
#body.about .body div {
	margin: 0 auto;
	max-width: 940px;
	overflow: hidden;
	padding: 36px 10px 35px;
}
#body.about .body div h2 {
	color: #A3A3A3;
	float: left;
	font-family: audiowide-regular-webfont;
	font-size: 23px;
	font-weight: normal;
	line-height: 23px;
	margin: 18px 0 26px;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
	width: 620px;
}
#body.about .body div p {
	color: #ffffff;
	display: block;
	float: left;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 620px;
}
#body.about .body div p a {
	color: #ffffff;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}
#body.about .body div p a:hover {
	color: #a3a3a3;
}
#body.about .body div img {
	display: block;
	float: right;
	margin: 0;
	padding: 0;
	width: auto;
}
#body.about .footer {
	background-color: #000000;
	margin: 0;
	min-height: 366px;
	padding: 0;
	width: 100%;
}
#body.about .footer div {
	margin: 0 auto;
	overflow: hidden;
	padding: 79px 0 0 10px;
	width: 950px;
}
#body.about .footer div h2 {
	color: #A3A3A3;
	float: right;
	font-family: audiowide-regular-webfont;
	font-size: 23px;
	font-weight: normal;
	line-height: 23px;
	margin: 34px 0 24px;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
	width: 557px;
}
#body.about .footer div p {
	color: #ffffff;
	display: block;
	float: right;
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 557px;
}
#body.about .footer div p a {
	color: #ffffff;
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
	margin: 0 auto;
	padding: 0;
	text-decoration: underline;
}
#body.about .footer div p a:hover {
	color: #a3a3a3;
}
#body.about .footer div img {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	width: auto;
}
#body.about .section {
	background-color: #3c0f38;
	margin: 0;
	min-height: 234px;
	padding: 0;
	width: auto;
}
#body.about .section div {
	margin: 0 auto;
	max-width: 960px;
	overflow: hidden;
	padding: 58px 0 55px;
}
#body.about .section div h2 {
	color: #A3A3A3;
	display: block;
	font-family: audiowide-regular-webfont;
	font-size: 23px;
	font-weight: normal;
	line-height: 23px;
	margin: 0 auto 26px;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	width: 780px;
}
#body.about .section div p {
	color: #ffffff;
	display: block;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 780px;
}
#body.about .section div p a {
	color: #ffffff;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}
#body.about .section div p a:hover {
	color: #a3a3a3;
}
#body .header {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
#body .header div ul {
	display: inline-block;
	max-width: 940px;
	list-style: none outside none;
	margin: 0;
	padding: 3px 10px 0;
}
#body .header div h1 {
	color: #FFFFFF;
	display: block;
	font-family: Work Sans;
	font-size: 36px;
	font-weight: normal;
	line-height: 36px;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	width: 940px;
}
#body .header div #art{
	display: block;
	font-family: Work Sans;
	font-size: 36px;
	font-weight: normal;
	line-height: 36px;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	width: 640px;
}
#body .header div #art img{
	display: inline-block;
	font-family: Work Sans;
	font-size: 36px;
	font-weight: normal;
	line-height: 36px;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
}
#body .header div ul li:first-child {
	border: none;
	padding: 0 0 38px;
}
#body .header div ul li {
	border-top: 1px solid #A3A3A3;
	margin: 0;
	overflow: hidden;
	padding: 38px 0;
	width: auto;
		
}
#body .header div ul li a {
	display: block;
	float: left;
	height: 217px;
	margin: 0 40px 0 0;
	padding: 0;
	width: 380px;

}
#body .header div ul li #skills_extra a {
	display: block;
	float: left;
	height: 20px;
	margin: 0 40px 0 0;
	padding: 0;
	width: 420px;
		font-family: Work Sans;
		color: #ca6e1b;
	
		
}
#body .header div ul li #skills_extra a:hover {
	display: block;
	float: left;
	height: 20px;
	margin: 0 40px 0 0;
	padding: 0;
	width: 420px;
		font-family: Work Sans;
		color: #ca6e1b;
			filter: alpha(opacity=70);/* Needed for IE8 and old versions */
	opacity: 0.7;
}
#body .header div ul li a img {
	cursor: pointer;
	filter: alpha(opacity=100);/* Needed for IE8 and old versions */
	opacity: 1.0;
	display: block;
	margin: 0;
	padding: 0;
	width: auto;
}
#body .header div ul li a img:hover {
color: #854812;
}
#body .header div ul li div {
	float: left;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 520px;
}
#body .header div ul li div h1 {
	color: #A3A3A3;
	font-family: audiowide-regular-webfont;
	font-size: 23px;
	font-weight: normal;
	line-height: 23px;
	margin: 0 0 26px;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
	width: 520px;
}
#body .header div ul li div p {
	color: #FFFFFF;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	margin: 0 0 41px;
	padding: 0;
	text-align: left;
	width: 520px;
}
#body .header div ul li div p a {
	color: #FFFFFF;
	display: inline;
	float: none;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	height: auto;
	line-height: 24px;
	margin: 0;
	padding: 0;
	text-decoration: underline;
	width: auto;
}
#body .header div ul li div p a:hover {
	color: #a3a3a3;
}
#body .header div ul li div a.more {
			background-color: #ca6e1b;
	color: #ffffff;
	display: block;
	float: right;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	height: 31px;
	line-height: 31px;
	margin: 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	width: 120px;
}
#body .header div ul li div a.more:hover {
background-color: #854812;
}
#body .header div img {
	display: block;
	margin: 0 auto;
	padding: 3px 0 0;
	width: auto;
}
#body .header div h2 {
	color: #A3A3A3;
	display: block;
	font-family: audiowide-regular-webfont;
	font-size: 23px;
	font-weight: normal;
	line-height: 23px;
	margin: 0 auto;
	padding: 53px 0 27px;
	text-align: center;
	text-transform: uppercase;
	width: 780px;
}
#body .header div p {
	color: #FFFFFF;
	display: block;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	margin: 0 auto 48px;
	padding: 0;
	text-align: center;
	width: 780px;
}
#body .header div p a {
	color: #ffffff;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	margin: 0 auto;
	padding: 0;
	text-decoration: underline;
}
#body .header div p a:hover {
	color: #a3a3a3;
}
#body .header div .article {
	float: left;
	margin: 0 40px 0 10px;
	padding: 0;
	width: 560px;
}
#body .header div .article ul {
	display: inline-block;
	list-style: none outside none;
	margin: 0;
	padding: 3px 0 0;
	width: 560px;
}
#body .header div .article ul li:first-child {
	border: none;
	padding: 0 0 38px;
}
#body .header div .article ul li {
	border-top: 1px solid #a3a3a3;
	margin: 0;
	overflow: hidden;
	padding: 38px 0 38px;
	width: auto;
}
#body .header div .article ul li a {
	display: block;
	height: 241px;
	margin: 0 0 29px;
	padding: 0;
	width: 560px;
}
#body .header div .article ul li a img {
	cursor: pointer;
	filter: alpha(opacity=100);/* Needed for IE8 and old versions */
	opacity: 1.0;
	display: block;
	margin: 0;
	padding: 0;
	width: auto;
}
#body .header div .article ul li a img:hover {
	filter: alpha(opacity=70);/* Needed for IE8 and old versions */
	opacity: 0.7;
}
#body .header div .article ul li h1 {
	color: #A3A3A3;
	font-family: audiowide-regular-webfont;
	font-size: 23px;
	font-weight: normal;
	line-height: 23px;
	margin: 0 0 8px;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
	width: auto;
}
#body .header div .article ul li span {
	color: #FFFFFF;
	display: block;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	line-height: 14px;
	margin: 0 0 28px;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
	width: auto;
}
#body .header div .article ul li p {
	color: #FFFFFF;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	margin: 0 0 29px;
	padding: 0;
	text-align: left;
	width: auto;
}
#body .header div .article ul li p a {
	color: #FFFFFF;
	display: inline;
	float: none;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	height: auto;
	line-height: 24px;
	margin: 0;
	padding: 0;
	text-decoration: underline;
	width: auto;
}
#body .header div .article ul li p a:hover {
	color: #a3a3a3;
}
#body .header div .article ul li a.more {
	background-color: #3c0f38;
	color: #ffffff;
	display: block;
	float: right;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	height: 31px;
	line-height: 31px;
	margin: 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	width: 120px;
}
#body .header div .article ul li a.more:hover {
	background-color: #620031;
}
#body .header div .sidebar {
	float: left;
	margin: 0;
	padding: 0;
	width: 340px;
}
#body .header div .sidebar ul {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 340px;
}
#body .header div .sidebar ul li:first-child {
	border: medium none;
	padding: 0 0 34px;
}
#body .header div .sidebar ul li {
	border-top: 1px solid #A3A3A3;
	margin: 0;
	overflow: hidden;
	padding: 32px 0 34px;
	width: auto;
}
#body .header div .sidebar ul li h1 {
	color: #FFFFFF;
	font-family: audiowide-regular-webfont;
	font-size: 32px;
	font-weight: normal;
	line-height: 32px;
	margin: 0 0 25px;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
	width: 340px;
}
#body .header div .sidebar ul li a {
	display: block;
	float: none;
	height: 187px;
	margin: 0 0 29px;
	padding: 0;
	width: 34px;
}
#body .header div .sidebar ul li a img {
	cursor: pointer;
	filter: alpha(opacity=100);/* Needed for IE8 and old versions */
	opacity: 1.0;
	display: block;
	margin: 0;
	padding: 0;
	width: auto;
}
#body .header div .sidebar ul li a img:hover {
	filter: alpha(opacity=70);/* Needed for IE8 and old versions */
	opacity: 0.7;
}
#body .header div .sidebar ul li h2 {
	color: #A3A3A3;
	font-family: audiowide-regular-webfont;
	font-size: 23px;
	font-weight: normal;
	line-height: 23px;
	margin: 0 0 7px;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
	width: auto;
}
#body .header div .sidebar ul li span {
	color: #ffffff;
	display: block;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	line-height: 14px;
	margin: 0;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
	width: auto;
}
#body .header div .sidebar ul li ul {
	display: inline-block;
	list-style: none outside none;
	margin: 0;
	padding: 12px 0 0;
	width: 340px;
}
#body .header div .sidebar ul li ul li:first-child {
	padding: 0;
}
#body .header div .sidebar ul li ul li {
	border: medium none;
	margin: 0 0 26px;
	overflow: hidden;
	padding: 0;
	width: auto;
}
#body .header div .sidebar ul li ul li a {
	display: block;
	float: left;
	height: 54px;
	margin: 0 20px 0 0;
	padding: 0;
	width: 60px;
}
#body .header div .sidebar ul li ul li a img {
	cursor: pointer;
	filter: alpha(opacity=100);/* Needed for IE8 and old versions */
	opacity: 1.0;
	display: block;
	margin: 0;
	padding: 0;
	width: auto;
}
#body .header div .sidebar ul li ul li a img:hover {
	filter: alpha(opacity=70);/* Needed for IE8 and old versions */
	opacity: 0.7;
}
#body .header div .sidebar ul li ul li h2 {
	color: #A3A3A3;
	float: left;
	font-family: audiowide-regular-webfont;
	font-size: 23px;
	font-weight: normal;
	line-height: 23px;
	margin: 6px 0 11px;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
	width: 260px;
}
#body .header div .sidebar ul li ul li span {
	color: #ffffff;
	display: block;
	float: left;
	font-family: Arial;
	font-size: 14px;
	line-height: 14px;
	margin: 0;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
	width: auto;
}
#body .header div .article img {
	display: block;
	margin: 3px 0 29px;
	padding: 0;
	width: auto;
}
#body .header div .article h1 {
	color: #A3A3A3;
	font-family: audiowide-regular-webfont;
	font-size: 23px;
	font-weight: normal;
	line-height: 23px;
	margin: 0 0 7px;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
	width: auto;
}
#body .header div .article span {
	color: #FFFFFF;
	display: block;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	line-height: 14px;
	margin: 0 0 29px;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
	width: auto;
}
#body .header div .article p {
	color: #FFFFFF;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	margin: 0 0 24px;
	padding: 0;
	text-align: left;
	width: auto;
}
#body .header div .article p a {
	color: #ffffff;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}
#body .header div .article p a:hover {
	color: #a3a3a3;
}
#body .header .contact h2 {
	color: #A3A3A3;
	display: block;
	font-family: audiowide-regular-webfont;
	font-size: 23px;
	font-weight: normal;
	line-height: 23px;
	margin: 0 auto;
	padding: 8px 0 62px;
	text-align: center;
	text-transform: uppercase;
	width: 500px;
}
#body .header div form {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 461px;
}
#body .header div form input {
	background-color: #A3A3A3;
	border: medium none;
	color: #000000;
	display: block;
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
	height: 43px;
	line-height: 43px;
	margin: 0 0 29px;
	padding: 0 0 0 20px;
	text-align: left;
	text-transform: uppercase;
	width: 441px;
}
#body .header div form textarea {
	background-color: #A3A3A3;
	border: medium none;
	color: #000000;
	display: block;
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
	height: 98px;
	line-height: 24px;
	margin: 0 0 31px;
	overflow: auto;
	padding: 15px 0 0 20px;
	resize: none;
	text-align: left;
	text-transform: uppercase;
	width: 441px;
}
#body .header div form input#submit {
	background-color: #3c0f38;
	color: #ffffff;
	cursor: pointer;
	display: block;
	float: right;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	height: 31px;
	line-height: 31px;
	margin: 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	width: 120px;
}
#body .header div form input#submit:hover {
	background-color: #620031;
}
/*----------------------------------------footer-styles---------------------------------------*/
#footer {
	margin: 0;
	padding: 0;
	width: auto;
}
#footer .connect {
	background-color: #595959;
	margin: 0;
	max-height: 74px;
	overflow: hidden;
	padding: 0;
	width: auto;
}
#footer .connect div {
	margin: 0 auto;
	max-width: 960px;
	padding: 14px 0 0;
}
#footer .connect div h1 {
	color: #FFFFFF;
	display:block;
	font-family: audiowide-regular-webfont;
	font-size: 23px;
	font-weight: normal;
	line-height: 23px;
	margin: 0;
	text-align: center;
	text-transform: uppercase;

}
#footer .connect div p {
	color: #FFFFFF;
	display:block;
	font-family: audiowide-regular-webfont;
	font-size: 16px;
	font-weight: normal;
	line-height: 16px;
	margin: 0;
	padding: 8px 25px 0 0;
	text-align: center;
}
#footer .connect div div {
	position: relative;
	margin: 0;
	width: 380px;
}
#footer .connect div div a {
	background: url(../images/icons.png) no-repeat;
	display: block;
	height: 38px;
	width: 18px;


}
#footer .connect div div a.facebook {
	background-position: 0 2px;
	margin: 0 0 0 16px;
	width: 18px;
		position: relative;
	left: 880px;
	top: -99px;

}
#footer .connect div div a.linkedin {
	background-position: 0 -38px;
	margin: 0 0 0 29px;
	width: 41px;
	position: relative;
	left: 800px;
	top: -60px;
}
#footer .connect div div a.facebook:hover {
	background-position: -20px 2px;
	
}
#footer .connect div div a.linkedin:hover {
	background-position: -40px -38px;;
}
#footer .footnote {
	background-color: #FFFFFF;
	margin: 0;
	max-height: 50px;
	overflow: hidden;
	padding: 0;
	width: auto;
}
#footer .footnote div {
	margin: 0 auto;
	overflow: hidden;
	padding-top: 5px;
  	padding-bottom: 5px;
	width: 960px;
}
#footer .footnote div p {
	color: #000000;
	display: block;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	width: 940px;
}
#wix {
	max-width: 728px;
	margin: 0 auto;
}
#wix a img {
	width: 100%;
}