html { height: 99%; width: 100%; }
body {  margin: 0; padding: 0; background-image: url(../images/body_background.gif); }
	
	 
	ul { list-style: none; margin: 0; padding: 0; }
	
	img { border: none; }
		p { font-family: "Helvetica", "Arial", sans-serif; font-size: 0.7em;  line-height: 1.2em; }
		
		h1,h2,h3,h4,h5 { font-family: "Georgia", "Times New Roman", serif; }
			.inline { display: inline; }
			.block { display: block; }

		 		a.inline-header-link { font-family: "Georgia", "Times New Roman", serif; padding:1px; text-decoration: none; }
	a { color: #444444; }		
	a span { visibility: hidden; }
	a.wax { background-color: #FFF200; color: #000; font-size: 0.7em; text-decoration: none; font-weight: bold; }
	#container { background-repeat: no-repeat; background-image: url(../images/column_background.jpg); 
				 position: absolute; top: 0px;
				 margin: auto;
				 margin-left: 25%;
				 background-color: #fff; width: 579px; 
				 border: 9px solid #000; border-top: 0px; border-bottom: 0px; 
				 min-height: 100%; padding: 25px; padding-bottom: 20px; }
				 
		#container #header { text-align: right; width: 480px; height: 120px; float: right; display: block;
							  margin-top: 15px; margin-right: 5px; }
			#container #header h1 { width: 449px; height: 67px; background-image: url(../images/logo_and_menu.gif); 
									margin: 0; padding: 0; }	
			 	#container #header h1 span { display: none; }
			 	#container #header ul { float: right; text-align: right; margin: 0; padding: 0; margin-right: 33px; }
				ul li { float: left; }
				ul li a { display: block; text-decoration: none; }

					ul li a.home { background-image: url(../images/logo_and_menu-02.gif); width: 48px; height: 59px; }
						ul li.seperator-one { background-image: url(../images/logo_and_menu-03.gif); width: 14px; height: 59px;}
					ul li a.work { background-image: url(../images/logo_and_menu-04.gif); width: 51px; height: 59px; }
						ul li.seperator-two { background-image: url(../images/logo_and_menu-05.gif); width: 18px; height: 59px;}
					ul li a.services { background-image: url(../images/logo_and_menu-06.gif); width: 69px; height: 59px; }
						ul li.seperator-three { background-image: url(../images/logo_and_menu-07.gif); width: 18px; height: 59px;}
					ul li a.about { background-image: url(../images/logo_and_menu-08.gif); width: 48px; height: 59px; }
						ul li.seperator-four { background-image: url(../images/logo_and_menu-09.gif); width: 18px; height: 59px;}
					ul li a.contact { background-image: url(../images/logo_and_menu-10.gif); width: 66px; height: 59px; }
					
					
						span.content-column { float: left; width: 260px; padding-right: 20px; padding-top: 0px; }
						span.content-column-no-top-padding { float: left; width: 260px; padding-right: 20px; padding-top: 0px; }
							span.content-column-wide { float: left; width: 310px; padding-right: 20px; padding-top: 0px; }
							span.content-column-thin { float: left; width: 240px; padding-right: 0px; padding-top: 0px; }
								span.content-column-full { float: left; width: 550px; padding-right: 20px; padding-top: 0px; }
									span.content-column-full-no-top-padding { float: left; width: 550px; padding-right: 20px; padding-top: 0px; }
							
							h2 span { display: none; }
								h2.services { background-image: url(../images/header-services.gif); width: 109px; height: 19px; }
								h2.updates { background-image: url(../images/header-updates.gif); width: 110px; height: 19px; }
								h2.recent-work { background-image: url(../images/header-recent_work.gif); width: 148px; height: 19px; }
								h2.project { background-image: url(../images/header-project.gif); width: 109px; height: 19px; }
								h2.other_work { background-image: url(../images/header-other_work.gif); width: 135px; height: 19px; }
								h2.details { background-image: url(../images/header-details.gif); width: 109px; height: 19px; }
								h2.about_me { background-image: url(../images/header-about_me.gif); width: 109px; height: 19px; }
								h2.experience { background-image: url(../images/header-experience.gif); width: 135px; height: 19px; }
								h2.contact { background-image: url(../images/header-contact.gif); width: 146px; height: 19px; }
								h2.friends { background-image: url(../images/header-friends.gif); width: 135px; height: 19px; }
								h2.featured { background-image: url(../images/header_featured.gif); width: 210px; height: 19px; }
								
									span.recent-work-image { display: block; width: 230px height: 75px; }
									
									.inline-header { font-size: 0.7em; line-height: 1.2em; }
									a.inline-header-link { font-family: "Georgia", "Times New Roman", serif; 
															font-size: 0.7em; line-height: 1.2em; color: #000; font-weight: bold; }
										.yellow { background-color: #FFF200; }
										.magenta { background-color: #EE63A4; }
										.cyan { background-color: #83D1F5; }
										.gray { background-color: #e3e3e3; }
											
											h5.date { margin-top: 4px; font-size: 0.6em; font-weight: normal; font-style: italic; }
												li.portfolio_items-240 { height: 70px; width: 240px; }
												li.portfolio_items-265 { height: 70px; width: 265px; margin: 5px; }
												p.pagination_numbers { text-align: right; font-family: Georgia, Times, serif; width: 200px; float: right;  }
												.number_target a { font-family: Georgia, Times, serif; 
																		color: #000; text-decoration: none;
																		font-size: 1.25em; 
																		padding: 2px;
														}
														
														.number_target a:hover { color: #fff; background-color: #000; }
														
														.product_image { float: left; display: block; width: 580px; height: 255px; overflow: hidden; }
									input { font-size: 0.7em; border: 0px; padding: 2px; }
									input.text { width: 180px; height: 15px; background-image: url(../images/input.gif); }
									input.button { padding-left: 0px; text-align: left; width: 100px;  font-family: "Georgia", "Times New Roman", serif; font-weight: bold; }
										ul.features { text-indent: 1em; padding-bottom: 10px;  }
										ul.features li { width: 450px; float: none; font-size: 0.8em; font-style: italic; padding-bottom: 8px;  }