@charset "utf-8";
html {
	height:100%;
}



body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: rgb(42,55,14);
	background: -moz-radial-gradient(circle, rgba(42,55,14,1) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-radial-gradient(circle, rgba(42,55,14,1) 0%, rgba(0,0,0,1) 100%);
	background: radial-gradient(circle, rgba(42,55,14,1) 0%, rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2a370e",endColorstr="#000000",GradientType=1);
	background: linear-gradient(312deg, #2a370e, #000000, #7aa127);
    background-size: 600% 600%;

    -webkit-animation: AnimationName 26s ease infinite;
    -moz-animation: AnimationName 26s ease infinite;
    animation: AnimationName 26s ease infinite;
	
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFFFFF;
	width: 100%;
	height:100%;
}

@-webkit-keyframes AnimationName {
    0%{background-position:79% 0%}
    50%{background-position:22% 100%}
    100%{background-position:79% 0%}
}
@-moz-keyframes AnimationName {
    0%{background-position:79% 0%}
    50%{background-position:22% 100%}
    100%{background-position:79% 0%}
}
@keyframes AnimationName {
    0%{background-position:79% 0%}
    50%{background-position:22% 100%}
    100%{background-position:79% 0%}
}

.background-img{
    background:url('images/Grey_Phoenix.svg');
    width:100%;
	height:75px; 
	position:fixed;
    left:10px;
    bottom: 10px;
	background-repeat:no-repeat;
	opacity: 0.5;
}

form {
	margin-left: 5em;
}

h1 {
	color: #CACC2C;
	font-size: 1em;
	font-variant:small-caps;
}
p {
	color: #FFFFFF;
	margin-left:5em;
}
a {
	text-decoration:none;
	color: #A9FF28;
}
ul {
	margin-left:5em;
	list-style:circle;
	color: #FFFFFF;
}

.bottomBorder {
		border-bottom: dashed #3C3C3C thin;
}
.allbody #container {
	width: 40em;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#header {
	padding: 0;
	margin-bottom:20px;
	background: url(images/header.jpg) no-repeat center;
	height: 153px;
}
#nav {
	position:relative;
	top: 127px;
	left: 140px;
	color: #333333;
}
#nav a {
	color: #000000;
	font-variant:small-caps;
	font-weight:bold;
	width: 200px;
}

#content {
	background:url(images/orange.jpg) right no-repeat;
	height:337px;
	background-color:#000000;
}
#content p {
	margin-right:370px;
}
#services {
	color:#FFFFFF;
}
#contact {
}

#footer {
	background: #333333;
}
#footer p {
	text-align:center;
	margin: 0 0 1em 0;
	padding:0;
	font-size:10px;
}
#footer a {
	text-decoration:none;
	color: #FFFFFF;
}