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

* {
	margin: 0;
	padding: 0;
}

/* Used to contain floats inside of another div, sue me! */
.clear {
	clear: both;
}

.center {
	text-align: center;
}

body {	
	background: #000 url(../image-files/main-bg.jpg) no-repeat;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.1%;
}

/* P, H1, table, form, etc custom bottom margin settings */
p, h1, h2, h3, ul, ol, table, img, form {
	margin-bottom: 15px;
}

h1 {
	color: #AFDFE5;
	font-size: 1.5em;
	padding-bottom: .3em;
}

h2, h3 {
	color: #AFDFE5;
	font-size: 1.3em;
	padding-bottom: .3em;
}

img {
	border: none;
}

/* Only the Lists inside of tier1, tier2, and footer custom left margin */
#tier1 ul, #tier1 ol, #tier2 ul, #tier2 ol, #footer ul, #footer ol {
	margin-left: 30px;
}

/* Container Styles */
#container {
	position: relative;
	margin-top: 40px;
	margin-left: 30px;
	padding-bottom: 30px;
	font-size: 80%;
	
	
}

/* Content Area: Tier 1 and 2, and Footer */
#contentArea {
	width: 900px;
	position: relative;
	
}

/* Header */
#header {
	height: 120px
}

/* Navigation Styles */
#navigation {
	border: solid 1px #022d40;
	font-size: 1.1em;
	padding: 15px 15px 0 12px;
	height: 30px;
	
}

#navigation a:link, #navigation a:visited {
	color: #fff;
	text-decoration: none;
}

#navigation a:hover, #navigation a:active {
	color: #6699FF;
}

#navigation a.current {
	color: #6699FF;
	cursor: default;
}

#navigation li.removeBorder {
	border: none;
}

#navigation ul {
	list-style: none;
}

#navigation ul li {
	display: inline;
	padding: 0 8px 0 8px;
	border-right: solid 1px #6699FF;
}

#navigation #mainNav {
	float: left;
}

#navigation #secondNav {
	float: right;
}

/* Tier 1: This is the Top Section */
#tier1 {
	position: relative;
	height: 178px;
	padding: 15px 20px 0 20px;
	border: solid 1px #022d40;
	font-size: 1em;
	text-align: right;
	
}

#tier1 img.message {
	position: absolute;
	top: 0;
	left: 0;
}

#projects {
	position: relative;
}

/* For the Recent Projects heading P tag */
#tier1 p.projects {
	color: #066f9e;
	font-size: 1.2em;
}

/* Positions the text under the recent project images */
#tier1 .positionProjects1 {
	position: absolute;
	top: 140px;
	left: 67%;
}

#tier1 span.positionProjects2 {
	position: absolute;
	top: 140px;
	left: 86.5%;
}

/* Projects Inside of Tier1 */
#projects img {
	padding-left: 10px;
}	
#projects h1 {
	font-size: 1.2em;
}

#projects ul, #projects ol {
	list-style-type: none;
}

#tier1 #projects a {
	color: #FFFFFF;
}

#tier1 #projects a:hover {
	color: #6699FF;
}


/* Tier 2: This is the main big content Section */
#tier2 {
	background: #000102 url(../image-files/tier2-bg.jpg) no-repeat top left;
	padding: 15px 20px 0 20px;
	border: solid 1px #022d40;
	margin-top: 20px;
	font-size: 1em;
}

/* Tier 2: Form Styles */
#form {
	width: 60%;
	float: left;
	background: #CCCCCC;
	padding: 1em 1em 0 1em;
	margin: 0 0 1em 0;
	
}

#form p {
	margin: 1.5em .5em;
}

#form input {
	width: 200px;
}

#form fieldset#contactInfo label {
	margin-right: .5em;
}

#form fieldset#additionalInfo label {
	margin-left: .5em;
}

#form fieldset {
	border: none;
	background: #333333;
	margin: 1em 0;
	padding: .3em .3em .3em .3em;
}

#form legend {
	color: #6699FF;
	font-size: 1.2em;
	background: #333333;
	padding: 0.3em .5em;
	margin-left: .7em;
	line-height: 1.2;
}

/* Form: Used to push form elements that you want displayed on a seperate line, add this class */
#form label.pushDown {
	display: block;
}	

/* Form: Removes width from non text box form elements */
#form input.checkbox, #form input.submit {
	width: auto;
}

/* Tier 2 List Styles */
#tier2 ul li, #tier2 ol li {
	padding-bottom: .2em;
}

/* Portfolio Styles */
.portfolioContainer .images {
	margin-right: 35px;
	float: left;
}

/* Tier 1 and 2 Link Styles */
#tier1 a:link, #tier1 a:visited, #tier2 a:link, #tier2 a:visited {
	color: #6699FF;
}

#tier1 a:hover, #tier1 a:active, #tier2 a:hover, #tier2 a:active {
	color: #066f9e;
}	

/* Footer */
#footer {
	padding: 15px 15px 0 15px;
	border: solid 1px #022d40;
	text-align: center;
	margin-top: 20px;
	background: #000a0e;
	font-size: 1em;
	clear: both;
	
}