body{
	background-color:#FFF;
	background-image:url(../img/body_bg.jpg);
	background-repeat:repeat-x;
	font-family:arial, sans-serif;
	font-size:13px;
	line-height:20px;
	margin:0;
	padding:0 0 10px;
}

	a{
		color:#EB7921;
	}
	
		a:hover{
			text-decoration:none;
		}
		
		a img{
			border:0;
		}

	h1{
		background-image:url(../img/page_title_bg.jpg);
		border-bottom:2px solid #3F3F3F;
		border-top:3px solid #3F3F3F;
		color:#000;
		font-size:30px;
		height:30px;
		margin:0;
		padding:20px 0 0 20px;
		width:762px;
	}

	h2{
		border-bottom:1px solid #999;
		color:#EB7921;
		font-family:Georgia, serif;
		font-size:17px;
		margin:18px 0 4px;
		padding:0;
		width:100%;
	}
	
	p.validators{
		margin:12px auto;
		width:788px;
	}
	
	div.clear{
		clear:both;
		height:1px;
		font-size:1px;
		line-height:1px;
		margin-bottom:-1px;
	}
	
	div.topBorder{
		background-color:#3F3F3F;
		height:15px;
		line-height:15px;
	}
	
	.noMargin{
		margin:0;
		padding:0;
	}
	/*** Content portion ***/
	div#container{
		background-color:#FFF;
		border:3px solid #3F3F3F;
		border-top:0;
		color:#3F3F3F;
		margin:0 auto;
		width:782px;
	}
	
		/*** Begin header ***/
		div#container div#header{
			background-image:url(../img/header_bg.jpg);
			background-repeat:no-repeat;
			border-bottom:2px solid #3F3F3F;
			height:102px;
			position:relative;
		}
		
			div#container div#header img.logo{
				left:17px;
				position:absolute;
				top:0;
			}
			
			div#container div#header span.address{
				bottom:4px;
				font-family:arial,sans-serif;
				font-size:17px;
				font-weight:bold;
				left:120px;
				letter-spacing:.01em;
				position:absolute;
			}
				
				div#container div#header span.address a{
					color:#3F3F3F;
					text-decoration:none;
				}	
		
			/*** Navigation ***/
			div#container div#header ul#navigation{
				left:480px;
				margin:0;
				padding:0;
				position:absolute;
				text-decoration:none;
				top:10px;
			}
			
				div#container div#header ul#navigation li{
					display:block;
					float:left;
					margin:0;
					padding:0;
					text-align:center;
				}
				
					div#container div#header ul#navigation li.home{
						width:68px;
					}
				
					div#container div#header ul#navigation li.work{
						width:71px;
					}
					
					div#container div#header ul#navigation li.blog{
						width:66px;
					}

					div#container div#header ul#navigation li.contact{
						width:96px;
					}
					
					div#container div#header ul#navigation li a{
						color:#000;
						font-size:16px;
						font-weight:bold;
						text-decoration:none;
						text-transform:lowercase;
					}
					
						div#container div#header ul#navigation li a:hover{
							text-decoration:underline;
						}
			/*** End navigation ***/
		/*** End header ***/
		
		/*** Middle promo ***/
		div#container div#promo{
			background:url(../img/promo_bg.jpg);
			border-top:2px solid #3F3F3F;
			border-bottom:2px solid #3F3F3F;
			height:170px;
			margin-top:12px;
			position:relative;
		}

			div#container div#promo h1{
				background:none;
				border:0;
				bottom:36px;
				font-family:Arial,sans-serif;
				font-size:34px;
				font-weight:normal;
				height:auto;
				left:36px;
				line-height:30px;
				margin:0;
				padding:0;
				position:absolute;
				width:auto;
			}	
			
				div#container div#promo h1 span.quote{
					font-size:50px;
				}
			
				div#container div#promo h1 span.leftQuote{
					left:-18px;
					position:absolute;
				}
				
				div#container div#promo h1 span.rightQuote{
					left:58px;
					position:relative;
					top:10px;
				}
				
				div#container div#promo h1 span.indent{
					left:52px;
					position:relative;
				}
				
				div#container div#promo h1 em{
					font-size:40px;
					font-style:normal;
				}
		
			div#container div#promo img.promoA{
				position:absolute;
				right:7px;
				top:0;
			}
		/*** End middle promo ***/
		
		/*** Content ***/
		div#container div#content{
			margin-top:28px;
			padding:0 6px 44px 18px;
		}
		
			div#container div#content div#leftColumn, div#container div#content div#rightColumn{
				float:left;
			}
			
			div#container div#content div#leftColumn{
				padding-right:16px;
				width:456px;
			}
			
				div#content div#leftColumn div.project{
					border:1px solid black;
					font-size:10px;
					height:84px;
					margin-bottom:10px;
				}
				
					div#content div#leftColumn div.project div.description{
						float:left;
						margin-right:10px;
						overflow:hidden;
						padding:6px;
						width:182px;
						z-index:2;
					}
					
					div#content div#leftColumn div.project img{
						float:left;
					}
					
					div#content div#leftColumn div.project div.info{
						display:none;
						padding:6px;
						position:absolute;
						width:444px;
						z-index:1;
					}
					
					div#content div#leftColumn div.project div.info img{
						border:0;
						height:80px;
						margin-left:20px;
						width:120px;
					}			
			
			div#container div#content div#rightColumn{
				width:286px;
			}
			
				div#container div#content div#rightColumn div.rightPromo{
					height:124px;
					margin-bottom:20px;
					position:relative;
					width:286px;
				}
				
					div#container div#content div#rightColumn div.rightPromo h3 a{
						bottom:11px;
						color:#3F3F3F;
						font-family:arial, sans-serif;
						font-size:25px;
						letter-spacing:-.04em;
						position:absolute;
						right:8px;
						text-decoration:none;
					}
		/*** End content ***/
		
		/*** Start footer ***/
		div#container div#footer{
			background-color:#3F3F3F;
			color:#EB7921;
			font-size:10px;
			height:24px; /** Only 27px because of 3px footer **/
			padding:6px 18px 0;
			position:relative;
		}
		
			div#container div#footer ul#footerLinks{
				left:484px; /** Subtract the 8px li margin ... **/
				list-style-type:none;
				margin:0;
				padding:0;
				position:absolute;
				top:6px;
			}
			
				div#container div#footer ul#footerLinks li{
					display:block;
					float:left;
					margin-left:8px;
				}
					/*** End footer ***/
                    
        /*** Google Reader "Shared Items" ***/
        div.googleFeeds{
            background:#FFE4CF;
            border:1px solid #999;
            margin-bottom:20px;
            padding:6px;
        }
        
            div.googleFeeds h3{
                border-bottom:1px solid #999;
                color:#EB7921;
                font-family:Georgia,serif;
                font-size:14px;
                margin:0 0 12px;
                padding:0;
            }
            
            div.googleFeeds ul{
                list-style-type:none;
                padding-left:6px;
            }
            
            div.googleFeeds li div.s{
                font-size:10px;
                font-style:italic;
                text-indent:6px;
            }        
        /*** Google Reader "Shared Items" ***/            
