/* BODY FORMAT */

body {
	font-family: Cooper helvetica verdana;
	background: #ffffff fixed no-repeat url(images/teeth.jpg) top center;
	margin: 0px auto 0px;
	padding: 0px;
	text-align: center;
}

.body{
	font-family: Cooper helvetica verdana;
	padding: 0px;
	margin: 0px;	
}


#content {
	margin:  0px 0px 0px 0px;
	padding: 80px 0px 0px 0px;
	
}

* html #content  {
	margin:  0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	
}

#top {margin: 0px; padding: 0px; position: fixed; height: 70px; width: 100%; background: #fff; text-align: left;}
#top2 {margin-left: -450px; position: absolute;	left: 50%; padding: 0px; width: 900px; background: #fff; text-align: center;}


.shoebox { width: 300px; height: 200px; overflow: hidden; margin-bottom: 10px; }
.envelope { width: 2100px; }
.envelope img { width: 300px; float: left; cursor: pointer; }

.shoebox2 { width: 400px; height: 300px; overflow: hidden; margin-bottom: 10px; }
.envelope2 { width: 800px; }
.envelope2 img { width: 400px; float: left; cursor: pointer; }

#website {margin: 5px 0px 5px 0px; padding: 5px; background: #fff;}
a:hover #website {margin: 5px 0px 5px 0px; padding: 5px; background: #8CC63F;}

#infographic {margin: 5px 0px 5px 0px; padding: 5px; background: #fff;}
a:hover #infographic {margin: 5px 0px 5px 0px; padding: 5px; background: #8CC63F;}

#project {margin: 5px 0px 5px 0px; padding: 5px; background: #fff;}
a:hover #project {margin: 5px 0px 5px 0px; padding: 5px; background: #29ABE2;}

#projectColumn1 {margin: 0px 10px 0px 0px; padding: 0px; width: 310px; float: left; text-align: left; }
#projectColumn2 {margin: 0px 0px 0px 0px; padding: 0px; width: 560px; float: right; text-align: left; }
#projectText {margin:10px 0px 10px 0px; padding: 0px;}
.projectItem {margin: 5px 0px 5px 0px; padding: 5px; background: #fff; }



p {
	font: 13px Helvetica, Verdana;
	color: #000;
	margin: 0px;
	padding: 0px;
}

a img{
border: 0px;
margin: 0px;
padding: 0px;
}

a { 
	decoration: none;
	text-decoration: none;
}

a:hover { 
	decoration: none;
	text-decoration: none;
	color: 3bcfff;
}

h1 {
	font-size: 26px;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 00px;
	color: #28332B;
	font-family: Georgia, Verdana;
	text-align: right;
}

h6 {
	font-size: 26px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 00px;
	color: #dddddd;
	font-family: Georgia, Verdana;
	text-align: right;
}

h5 {
	font-size: 26px;
	margin: 20px 0px 30px 0px;
	padding: 0px 0px 0px 00px;
	color: #ffffff;
	font-family: Georgia, Verdana;
	text-align: right;
}

h2 {
	font-size: 36px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #000;
	font-family: Futura;
}

h3 {font-size: 22px; margin: 0px 0px 5px 0px; padding: 0px 0px 3px 0px; color: #000; font-family: Georgia;}
a:hover h3 {font-size: 22px; margin: 0px 0px 5px 0px; padding: 0px 0px 3px 0px; color: #29ABE2; font-family: Georgia;}



h4 {
	font-size: 46px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
	color: #000;
	font-family: Courier;
}

#center {
	margin: 0px auto 0px;
	width: 900px;
	padding: 0px;
	}

#column1 {
	float: right;
	margin: 0px 0px;
	padding: 0px;
	text-align: justify;
	width: 400px;
}
.column1 {
	margin: 0px 0px 0px 0px;
}
#column2 {
	width: 150px;
	margin: 0px 10px;
	padding: 5px;
	text-align: left;
	float: left;
}

.column2 {
	margin: 0px 0px 5px 0px;
}

#column3 {
	width: 300px;
	margin: 0px 10px;
	padding: 0px;
	text-align: left;
	float: left;
}

#column3box {
	width: 288px;
	margin: 0px 0px;
	padding: 5px;
	text-align: left;
	float: left;
	border: 1px dotted #bbb;
}
.column3 {
	margin: 0px 0px 5px 0px;
}