body {
	background: url(/images/smudge2.jpg) 50% 0 repeat-y;
}
#index h1 a {
	width: 550px;
	height: 75px;
	background: url(/images/bp-title.png) top left no-repeat;
	text-indent: -9999em;
	margin: 50px auto 30px auto;
	display: block;
}
a img {
	border: 0;
}
#polaroids img {
	position: absolute;
	-moz-box-shadow: 3px 3px  10px rgba(0,0,0,0.6);
	-webkit-box-shadow: 3px 3px  10px rgba(0,0,0,0.6);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: rgba(255,255,255,0.9);
	padding: 6px;
}

 /* By default, we tilt all our images -2 degrees */
#polaroids { 
	position: relative;  
	height: 420px;
	_width: 90%;
	max-width: 977px;
	min-width: ;
	margin: 100px auto 40px;
	}
#polaroids a {
}
#kids {
	top: 0;
	left: 0;
	width: 230px;
}
#redhead {
	left:234px;
	top:-17px;
	width:170px;
}
#young_family {
	left: 50px;
	bottom: 10px;
	width: 235px;
}
#wedding_pier {
	right:-11px;
	top:21px;
	width:300px;
}
#wedding_bridge {
	right:220px;
	top:30px;
	width:257px;
}
#wedding_bw {
	right: 70px;
	bottom: 35px;
	width: 310px;
}

#polaroids a:nth-child(even) img {
-webkit-transform: rotate(12deg);
-moz-transform: rotate(12deg);
}
#polaroids a:nth-child(odd) img {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
}

a#blog_button,
a#contact_button {
	position: absolute;
	padding: 5px 15px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: rgba(0,0,0,0.8);
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	font-family: "Lucida Grande", Arial, sans-serif;
	text-decoration: none;
	top: 37%;
	border: 2px solid rgba(255,255,255,0.2);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}
a#blog_button {
	right:37.5%;
	top:-24%;
}
a#contact_button {
	left:37%;
	top:-24%;
}
a:hover#blog_button,
a:hover#contact_button {
	color: rgba(255,255,255,0.9);
	border: 2px solid rgba(255,255,255,1);
	-moz-box-shadow: 1px 1px 10px rgba(255,255,255,0.8);
}

#container {
	width: 700px;
	margin: 0 auto;
	background: #fff;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border: 6px solid rgba(0,0,0,0.5);
}
#contact_form {
	float:left;
	margin:0 auto 0 20px;
	width:415px;
}
#adjunct {
	color:#333333;
	float:left;
	font:13px/1.4 Helvetica,Arial,sans-serif;
	margin-left:20px;
	padding-top:8px;
	width:180px;
}
#footer {
	font:11px/1.4 Helvetica,Arial,sans-serif;
	color: #333;
	text-align: middle;
	width: 550px;
	margin: 20px auto;
	text-shadow: 3px 0px 10px #eef;
}
/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
  content: "\0020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  overflow:hidden; 
}
.clearfix, .container {display: block;}