.clear{	/* the clearfix class */
	clear:both;
}

#gallery a{
	color:#006;
	text-decoration:none;
	outline:none;
}

#gallery a:visited {	/* a:visited is needed so it works properly in IE6 */
	color:#006;
	text-decoration:none;
	outline:none;
}

#gallery a:hover{	/* the hover effect */
	text-decoration:underline;
}
#header{border-bottom:1px solid #003300; overflow:hidden;}

#gallery{padding-top:20px; color:#006;	font-size:13px; padding-left:175px; background:#FFFF99;}

div.nomargin{	/* our special nomargin class */
	margin-right:0px;
}

.pic{	/* divs that hold all the pictures in the gallery */
	float:left;
	margin:0 10px 10px 10px;
	border:5px solid #333333;
	width:300px;
	height:250px;
}

.pic a{	/* in every .pic container there is a hyperlink exactly the size of the container */
	width:200px;
	height:250px;
	text-indent:-99999px;
	display:block;	/* don't forget that widths and heights of hyperlinks are useless without display:block */
}

h1{	/* style the heading */
	font-size:28px;
	font-weight:bold;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
}

h2{	/* the footer text */
	font-weight:bold;
	font-size:18px;
	color:#003;
	float:left;
	margin-left:-45px;
	letter-spacing:.05em;
}

h4{text-align:right; padding-bottom:30px;}

#footer{padding-top:20px;}

.gallery{text-shadow:none;}

h2{color:#006;}