/*
    green-ish teal       #eef6f6
	facebook blue		 #069
	grey h2				 color:#738585;
	
*/

body, html {
    background-color:#E9EBE8;
	background-image:url(../images/background_stripe.gif);
    font-family:arial, sans-serif;
}

.container {
    margin: 0px auto;
    width: 100%;
}

a {
	color: #069;
    text-decoration:none;
}

a:hover {
	text-decoration:underline;
	color: #000;
}

/***************** HEADER ********************/
.header {
    width: 100%;
    height: 244px;
	padding-bottom:14px;
}

.header_container {
    margin: 0px auto;
    width:888px;
    height:244px;
    background-color:#d6e0e0; /*#dee2e2;*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 2px;
	
	border-color:#bad1c6;
	border-width:thin;
	border-style:solid;
	
}

.headshot {
	position:absolute;
	width:218px;
	height:218px;
	background-image:url(../images/dave_headshot.jpg);
	background-repeat:no-repeat;
	margin:12px;
}

.headline_text {
	position:relative;
	width:640px;
	height:100px;
	left:240px;
	top:0px;
}

.headline_text h1 {
	color:#FFF;
	background-color:#069;
	width:380px;
	font-size:43px;
	padding:4px;
	margin-top:12px;
}

.headline_text h2 {
	font-size:24px;
	color:#738585;
	font-weight:100;
	margin-top:-24px;
}

#nav_bar {
	display:block;
	position:relative;
    /*margin: 0px auto;*/
    width:640px;
	left:231px;
	top:98px;
}

.highlighted_position {
    /*background-color:#069;*/
	border-bottom:#069 medium solid;
	padding: 3px 0px 3px 0px;
}

.nav {
	display:block;
    text-align:right;
    position:relative;;
    margin:0;
    padding:0;
    color:#000000;
    /*top:3px;
    *top:6px;*/
    
}

.nav li {
   display:inline;
   padding:0;
   margin:0;
   font-family:Arial, Helvetica, sans-serif; /*Verdana, Geneva, sans-serif;*/
   font-weight:bold;
   
   
}

.nav a
{
    color:#738585; /* color: #FFF; /*#eef6f6;*/
	
    /*height: 25px;*/
    width: auto; 
    text-decoration: none;
    /*text-transform: uppercase;*/
    /*padding-left:6px;
    padding-right:6px;*/
	padding: 3px 3px 3px 3px;
}

.nav a:hover {
	color:#FFFFFF;
	border:2px solid #eef6f6;
	padding: 1px 1px 1px 1px;

}


/***************** BODY ********************/

.main_content {
	position:relative;
	margin: 0px auto;
    width:888px;
	min-height:530px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 2px;
	background-color:#f2f3f3;
	font-size:12px;
	font-family: Verdana, Geneva, sans-serif;
	border-color:#dee2e2;
	border-width:thin;
	border-style:solid;
	
}

.center_h1_h2 {
    width:700px;
    height:100px;
    padding-top:10px;
    padding-bottom:10px;
}

.main_content_left {
	position:relative;
	margin-bottom:-10px;
	padding-right:10px;
	padding-left:20px;
    float:left;
    width:605px;
	text-align:justify;
}

.main_content_right {
	position:relative;
	padding-top:10px;
    float:right;
    width:240px;
	
}

#recent_projects_soap_bar {	
 	top:0px;
	margin: 0px auto;
	width:90%;
	height:90%; /*420px*/
    background-color:#d6e0e0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 2px;
	
}

#recent_projects_content {	
	top:0px;
	font-size:15px;
	
	text-align:center;
	width:100%
	
}

#recent_projects_content a {	
	font-weight:bold;	
}

.recent_projects_description {	
	padding-top:6px;
	padding-bottom:6px;
	padding-left:14px;
	padding-right:14px;
	font-size:10px;
	color:#333;
}

/***************** FOOTER ********************/

.footer {
	clear:both;
	padding-top:12px;
	position:relative;
	margin: 0px auto;
    width:888px;
	height:20px;
	font-size:10px;
	font-family: Verdana, Geneva, sans-serif;
	color:#666;
	text-align:center;
}

.footer a{
	font-weight:bold;
}

#footer_nav {
    text-align:center;
    position:relative;
    margin:0;
    padding:0;
    top:3px;
    *top:4px;
    width:800;
}

#footer_nav li {
   display:inline;
   padding:0;
   margin:0;
   font-family: Arial, Helvetica, sans-serif;
   font-size:small;
}


#footer_nav a{
	font-weight:bold;
}

#footer_nav a:link, #nav a:visited
{
    color: #990000;
    width: auto; 
    text-decoration: none;
    padding-left:14px;
    padding-right:14px;
}

#footer_nav a:hover {
    text-decoration: underline;
}

.footer_nav_second_line {
    font-size:smaller;
	font-weight:bold;
    position:relative;
    top:-15px;
    *top:-11px;
}

/***************** FACEBOOK ICON ********************/

.facebook {
	width:135px;
	position:absolute;
	float:right;
	bottom:12px;
	right:12px;
	font-size:14px;
	
}

.facebook_text {
	position:relative;
	float:left;
	bottom:-17px;
	width:100px;
}

.facebook img {
	float:right;
	border:none;
}


/***************** PROJECT DETAIL ********************/

.project_detail_banner {
	
	margin-top:14px;
	width:100%;
	display:block;
	background-color:#069;
	color:#FFFFFF;
	font-size:x-large;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
	text-indent:60px;
}

.project_detail_left_col {
	position:relative;
	margin-top:14px;
	width:38%;
	float:left;
}

.project_detail_right_col {
	position:relative;
	margin-top:14px;
	float:right;
	text-align:right;
	width:60%;
	padding-right:8px;
	font-size:14px;
}

.project_description_text {
	
}

/***************** PORTFOLIO ********************/

#recent_projects_portfolio {
	position:relative;
	margin:10px;
	width:688px;
	background-color:#FFF;
	border:1px solid #d4e0e0;
	text-align:left;
	font-weight:bold;
	/*
	    green-ish teal       #eef6f6
	facebook blue		 #069
	*/
}

#recent_projects_portfolio_name {
	display:block;
	width:680px;
	background-color:#d4e0e0;
	color:#738585;
	font-weight:bold;
	font-size:14px;
	padding:4px;

}


#recent_projects_portfolio_name a {
	display:block;
	width:100%;
	height:100%;
	color:#738585;
	text-decoration:none;
	
}

#recent_projects_portfolio_name a:hover {
	display:block;
	background-color:#069;
	color:#FFF;
	text-decoration:none;
}

.recent_projects_portfolio_description {

	width:680px;
	background-color:#FFF;
	color:#666;
	padding:4px;
	font-weight:normal;

}

.recent_projects_portfolio_date {

	position:absolute;
	right:3px;
	top:2px;
	padding:4px;
	font-weight:normal;
	font-size:10px;

}

.portfolio_mid {
	margin: 0px auto;
	position:relative;
	padding: 10px;
    width: 96%;
	text-align:center;
	

}

.project_brief_container {
	/*margin:10px;*/
	width:100%;
	background-color:#FFF;
	border-top:1px solid #d4e0e0;
	border-left:1px solid #d4e0e0;
	border-right:1px solid #d4e0e0;
	text-align:left;
	padding:3px;
}

.project_brief_grey_container {
	/*margin-top:-11px;
	margin-left:10px;*/
	width:100%;
	background-color:#d4e0e0;
	border-bottom:1px solid #d4e0e0;
	border-left:1px solid #d4e0e0;
	border-right:1px solid #d4e0e0;
	text-align:left;
	margin-bottom:16px;
	padding:3px;
}

/***************** HOME ********************/

.home {
    
}

.home_text_area {
    padding-right:10px;
    text-align:center;
    padding-bottom: 10px;
}

.home h1{
    display:none;
}

.home h2{
    display:none;
}

.recent_projects {
    margin: 0px auto;
    width:200px;
    height:22px;
    background-color:#C8CBCB;
    text-align:center;
    font-weight:bold;
}

.recent_project_container {
    margin: 0px auto;
    width:200px;
    text-align:center;
    padding: 10px;
    font-size:small;
}

.recent_project_container a{
    color: #990000;
    text-decoration: none;
}

.recent_project_container a:hover{
    text-decoration: underline;
}

/***************** PROJECT DETAIL ********************/

.project_detail {
    background-color:#999999;
    height:472px;
    float:left;
}

.grey_banner {
    width:700px;
    background-color:#666666;
    font: bold 1.5em/1.4em Arial, Helvetica, sans-serif;
    color:#ffcc33;
}

.bitmap {
    padding-top: 1em;
    float: left;
    width: 250px;
    background-color:#999999;
    color:white;
    text-align:center;
}

.project_info {
    float: right;
    width: 435px;
    background-color:#999999;
    color:white;
    padding-right:10px;
    padding-top: 1em;
}

/***************** PROJECT MANAGEMENT ********************/

.pm_main_content_left {
	position:relative;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:20px;
    float:left;
    width:855px;
	text-align:justify;
}

.pm_main_content_right {
	position:relative;
	padding-top:10px;
	padding-bottom:10px;
    float:right;
    width:0px;
	
}

/***************** ABOUT ********************/

.about_main_content_left {
	position:relative;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:20px;
    float:left;
    width:855px;
	text-align:justify;
}

.about_main_content_right {
	position:relative;
	padding-top:10px;
	padding-bottom:10px;
    float:right;
    width:0px;
	
}

/***************** WEB PROGRAMMING ********************/

.wp_main_content_left {
	position:relative;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:20px;
    float:left;
    width:855px;
	text-align:justify;
}

.wp_main_content_right {
	position:relative;
	padding-top:10px;
	padding-bottom:10px;
    float:right;
    width:0px;
	
}