body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px; padding: 0px; border: 0px;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	background: #c1f9f8 url(../images/body-bg.jpg);
}

#page-wrap {
	background: url(../images/body-bg-repeat.png) center top no-repeat;
}

#container {
	width: 900px; margin: 0 auto; padding: 60px 0 0 40px; 
}

#header {
	margin: 0 0 40px 0;	
}

	#header h1 a {
		display: block; width: 785px; height: 51px; color: #6b5c4e; margin: 0 0 20px 50px;
		background: url(../images/chrisflanagan.jpg); text-indent: -9999px;
	}
	
	#header h2 {
		width: 844px; height: 99px;
		background: url(../images/introtext.png); text-indent: -9999px;
	}

#portfolio {
	float: left;
	width: 700px;
	margin: 0 0 40px 0;
}


	
	#portfolio h2 {
		width: 114px; height: 27px; margin: 0 0 10px 0;
		background: url(../images/my-work.png); text-indent: -9999px;
	}
	
	#portfolio ul {
		list-style: none;
	}
		#portfolio ul li {
			float: left; padding: 10px; margin: 0 23px 23px 0;
			background: url(../images/img-bg.png);
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
		}
		
#contact {
	float: right;
	width: 190px;
	}		
	
#contact h2 {
		width: 150px; height: 27px; margin: 0 0 10px 0;
		background: url(../images/contact-me.png); text-indent: -9999px;
	}
	
#footer {
	margin: 0 0 40px 0;
}

	#footer h2 {
		width: 200px; height: 57px; margin: 0 0 10px 0;
		background: url(../images/say-hello.jpg); text-indent: -9999px;
	}
	
	#footer ul {
		list-style: none; margin: 0 0 60px 0;
	}
		#footer ul li {
			display: inline;
		}
			#footer ul li a {
				display: block; float: left; height: 40px; margin: 0 89px 0 0; padding: 10px 0 0 60px;
				color: #827161; text-decoration: none; font-size: 30px;
				background-image: url(../images/contact-icons.jpg);
				background-repeat: no-repeat;
			}
			#footer ul li a.email { background-position: 0 0; }
			#footer ul li a.twitter { background-position: 0 -50px; }
			#footer ul li a.facebook { background-position: 0 -100px; }
			#footer ul li a.digg { background-position: 0 -150px; margin: 0; }
			
			#footer ul li a:hover {
				color: #746150;
			}
	
	#footer p.copyright {
		clear: both; float: right; margin: 0 40px 0 0;
		font-size: 11px; color: #0b2ba2;
	}
		
.clear:after {
	content: "";
	display: block; visibility: hidden; clear: both;
}
	.clear { zoom: 1; }
	
	/* ---------- 6. forms stuff ---------- */

form.contact fieldset {
  background: url(../images/img-bg.png);
  border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
  padding: 10px;
}

form.contact legend {
  font-weight: bold;
  font: 1em "Franklin Gothic", Tahoma, Verdana, Arial, sans-serif;
  color: #16276f;
  padding: 2px;
  }

form.contact label {
  font: 0.8em "Franklin Gothic", Tahoma, Verdana, Arial, sans-serif;
  font-weight: bold;
  color: #16276f;
 
}

form.contact label.fixedwidth {
  display: block;
  width: 100px;
  float: left;
}

form.contact .buttonarea input {
  background: #274ae2;
  color: white;
  font-weight: bold;
  padding: 3px;
  margin-left: 3px;
  border: 2px solid #bcbcbc;
}

form.contact .buttonarea {
  text-align: left;
  padding: 4px;
 }