@charset "utf-8";
/* CSS Document */
@import url('reset.css');

body { background: #dfd2bc; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
strong { font-weight: bold; }

#wrapper { margin: 50px auto 0 auto; width: 980px; }
#mark { margin-bottom: 30px; }

.pane { width: 316px; height:471px; display: block; margin-left: 15px; float: left; }
.pane P { padding: 5px 30px 8px 10px; margin: 0; color: #636566; font-size: 110%; letter-spacing: -.7px; line-height: 15px; }
.pane P STRONG { letter-spacing: -1px; }
.pane#pane1 { margin-left: 0; position: relative; }

.pane_wrapper { position: relative; height: 471px; }
.pane_wrapper #pane1 { position: absolute; top: 0; left: 0; margin-left: 0;}
.pane_wrapper #pane2 { position: absolute; top: 0; left: 331px; margin-left: 0;}
.pane_wrapper #pane3 { position: absolute; top: 0; left: 662px; margin-left: 0;}

#photoNavigate { clear: left; text-align: right;}

#clickin { text-align: center; clear: left; padding-top: 20px; }
#seo-footer { padding: 350px 0 50px 0; color: #7b7263; clear: left; }
#seo-footer h1 { font-weight: bold; text-align:center;}
#seo-footer  p { font-size: .9em; margin-top: 5px; line-height: 1.4em; }

#wrapper.splash { margin-top: 114px; } 

.splash a.pane#pane1 { border: 5px solid #fff; width: 306px; height: 461px; text-align: center; }
.splash a.pane#pane1 img { margin: 200px 0 0 0px; }


.main a.pane#pane1 { background: url('images/main/wedding-sprite.jpg') 0 0 no-repeat;  }
.main a.pane#pane2 { background: url('images/main/senior-sprite.jpg') 0 0 no-repeat;  }
.main a.pane#pane3 { background: url('images/main/ect-sprite.jpg') 0 0 no-repeat;  }
.main a:hover.pane#pane1 { background: url('images/main/wedding-sprite.jpg') -316px 0 no-repeat;  }
.main a:hover.pane#pane2 { background: url('images/main/senior-sprite.jpg') -316px 0 no-repeat;  }
.main a:hover.pane#pane3 { background: url('images/main/ect-sprite.jpg') -316px 0 no-repeat;  }

.main #clickin a { display: block; padding: 10px 20px 10px 20px; border: 4px solid #fff; width: 250px; margin: 0 auto 0 auto }

.wedding .pane#pane1 { border: 5px solid #fff; width: 306px; height: 461px;  }
.senior .pane#pane1 { border: 5px solid #fff; width: 306px; height: 461px;  }
.etcetera .pane#pane1 { border: 5px solid #fff; width: 306px; height: 461px;  }

.pane#pane1 .navigation { position: absolute; bottom: 0; right: 0; padding: 10px; color: #4a4a4a;}
.navigation a { color: #4a4a4a; text-decoration: none; text-transform: capitalize; font-weight: bold; }

#gallery  #wrapper{ width: 797px; }
.gallery #picture1 { float: left; height: 585px; width: 390px;}
.gallery #picture2 { float: left; height: 585px; width: 390px; margin-left: 17px;}
#gallery-nav { clear: left; }
.right{ float: right; width: 300px; text-align: right; }

#gallery .gallery_wrapper { position: relative; height: 585px; }
#gallery .gallery_wrapper  #picture1 { position: absolute; top: 0; left: 0; }
#gallery .gallery_wrapper  #picture2 { position: absolute; top: 0; left: 407px; margin-left: 0; }


.contact .pane { border: 5px solid #fff; width: 306px; height: 461px; }
.contact #pane1 P { padding-right: 10px; }
.contact #pane2 { background: #cec0a8; }
.contact #pane3 P { padding-left: 20px }
.contact FORM { margin-top: 90px; }
.contact .text { width: 250px; }

IMG.aboutJeff { padding: 0 0 0 20px; }

.props { padding-top: 20px; font-size: .8em; text-align: center; }