@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;
	background-position: 261px 0;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110.1%;
	text-align: center;
}

/* 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: 30px auto 0 auto;
	padding-bottom: 30px;
	font-size: 80%;
	width: 900px;
	text-align: left;
}

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

}

/* Header */
#header {
	height: 120px;
	text-align: left;

}

/* Navigation Styles */
#navigation {
	border: solid 1px #022d40;
	font-size: 1.1em;
	padding: 15px 15px 3px 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;
	overflow: hidden;
}

/* Sidebar in content for ebook, portfolio etc.. */
#sidebar {
	float: right;
	width: 200px;
	margin-left: 10px;
	margin-right: -20px;
	margin-bottom: 20px;
	padding: 20px 10px 20px 20px;
}

a.thirdnav {
	display: block;
	background: #111;	
	margin-right: -10px;
	padding: 10px 10px 0 10px;
	border-left: solid 1px #022d40;
	border-top: solid 1px #022d40;
	border-bottom: solid 1px #022d40;
	margin-bottom: 20px;
	overflow: hidden;
}

a.thirdnav span {
	float: right;	
	width: 90px;
	color: #fff;
	text-decoration: none;
	display: block;
}

a.thirdnav span.normal-popout {
	color: #fff;	
	width: 120px;
}

a.thirdnav:hover span.normal-popout {
	color: #6699FF;
	text-decoration: underline;
}

/* 
Sidebar popouts with ebook
make most of that content not look like a link
*/
a.thirdnav:link, a.thirdnav:visited {
	color: #fff;
	text-decoration: none;	
}

a.thirdnav:hover, a.thirdnav:active {
	color: #fff;
	text-decoration: none;	
}

/* 
Sidebar popouts with ebook
make bottom text wrapped in small tag 
look like the link
*/
a.thirdnav span small {
	display: block;
	margin-top: 5px;	
	color: #6699FF;
	font-size: 100%;
	text-decoration: underline;
}

a.thirdnav:hover span small {
	display: block;
	margin-top: 5px;	
	color: #066f9e;
}

/* Sidebar google ads */

#sidebar .google {
	float: right;
	margin-right: 5px;
}

/* 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;
}

/* Tier 2 table styles */
#tier2 table thead {
	font-weight: bold;
	background-color: #fff;
	color: #000;
}

#tier2 table td {
	padding: 5px;
}

/* 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;

}

/* Misc */

/* Align book images */
.book-align img{
	float: left;
	padding-right: 15px;
}

.book-align a {
	vertical-align: -50px;	
}

#business-tips  {
	float: left;
	margin-right: 15px;	
}

.bold {
	font-weight: bold;	
}

#aweber-form {
	clear: both;
	margin-left: -550px;
	margin-bottom: 50px;	
}