/* CSS Document: Prutting & Company */

body	{
	margin: 0 auto;
	padding:0;
	width:721px; 
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 90%;
	border-top: 4px solid white; 
	border-bottom: 3px solid white;}

P	{
	line-height: 1.5em;}

ul	{
	line-height: 1.5em;
	margin: 0;
	padding: 0 0 0 15px;
	list-style-type:square;	}

a	{
	color: #112833;}
	
	
/*	==========
	  CONTENT
	========== */

/* Top Row */
#Top	{
	 height: 238px;
 	 border-bottom: 3px solid white;
	 background-color: #4B758E;}	
	 
	 
/* Three Column */
#ThreeColumn	{
	 clear:both; 
	 background-color:#AFC2CE;
	 float:left; }
	 
#Middle	{
	float:left;
	width:215px;
	padding: 0 10px;	}
	
.Photos	{
	float:right;	}	
	
	
/* Two Column */
#TwoColumn	{
	 float:left;
	 background-color:#C1B8AA;	
	 width: 721px; }

#Left	{
	float:left; 
	width: 238px;	}
	
#Right	{
	float:left;
	width:480px;	
	border-left: 3px solid white;
 	background-color: #AFC2CE;	}

#Right #Text	{
	padding: 0 40px 40px 40px;}

#RightProjects	{
	float:left;
	width:483px;	
 	background-color: #AFC2CE;	}

#RightProjects .ProjectItem	{
	clear: both;}
	
#RightProjects .ProjectItem	h2{
	padding-top: 35px;}
	
#RightProjects .ProjectDesc	{
	padding: 0 0 0 10px;
	float: left;
	width: 215px;}

#RightProjects .ProjectDesc img	{
	margin-bottom: 20px;	}
	
	
/* Footer */
#Footer	{
	clear: both; 
	background-color: #4B758E; 
	border-top: 3px solid white; 
	padding-top: 15px;
	text-align: center;	}

#Footer p#words	{
	color:#AFC2CE;}

#Footer p#address {
	color:white; 
	padding: 15px 0 40px 0;
	line-height: 1.75em;
	font-size: .9em;}


/*	==========
	  IMAGES
	========== */
#Top img#logo	{
	float: left; 
	display: block;
	border-top: 0;
	border-bottom: 0;
	border-left: 0;	
	border-right: 3px solid white;	}

#Top img#TopImg	{
	display: block;
	border: 0 ;
	float: left; 	}

#TwoColumn img#logo	{
	display: block;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 3px solid white;	}

#TwoColumn img#TopImg	{
	display: block;
	border-top: 0;
	border-right: 0;
	border-left: 0;	
	border-bottom: 3px solid white;	}

.Photos img	{
	display: block; 
	border-bottom: 3px solid white;
	border-left: 3px solid white;
	border-right: none;
	border-top: none;	}

.Photos img#bottom	{
	display: block; 
	border-bottom: 0;
	border-left: 3px solid white;	}
	
	
/*	==========
	  HEADERS
	========== */

h1	{
	font-size: 1.5em;
	margin:0;
	padding-top: 20px;}
	
h2	{
	font-size: 1.1em;
	line-height: 1.5em;}
	
	
/*	==========
	NAVIGATION
	========== */

ul#Nav {
	 float:left; 
	 width: 183px; 
	 margin: 0; 
	 padding: 25px 0 0 55px;
	 list-style-type:none;
	 line-height: 1em;
	 font-weight: bold;
	 text-align:left;}

ul#Nav a	{
	text-decoration: none;
	color: #4C473D;	}

ul#Nav a:hover	{
	list-style-image: url("images/navBullet.gif");
	padding-bottom: 13px; 	}
	
ul#Nav li	{
	list-style-image: url("images/navBullet-blank.gif");
	padding-bottom: 13px;	}
	
ul#Nav li#CurrentPage	{
	 list-style-image: url("images/navBullet.gif");	}

ul#Nav li.ProjectNav	{
	font-weight: normal;
	font-size: .85em; 	}

	
#Left ul#Nav a:hover	{
	list-style-image: url("images/NavBullet2.gif");
	padding-bottom: 13px; 	}
	
#Left ul#Nav li	{
	list-style-image: url("images/NavBullet2-blank.gif");
	padding-bottom: 13px;	}
	
#Left ul#Nav li#CurrentPage	{
	 list-style-image: url("images/NavBullet2.gif");	}