* {margin: 0;}
html, body, form { height: 100%; }
.wrapper { min-height: 100%;
            height: auto !important;
            height: 100%;
            margin: 0 auto -59px; }
.footer, .push { height: 60px; clear: both; }

/* Fix png for Older browsers */
img { behavior: url(iepngfix.htc) } 

/* Structure */
.wrapper { width: 990px; }
.header { width: 990px; padding: 20px 0 0 0; margin: 0 0 -15px 0;}/* use height of the inner element of .header to set height of .header */
.header_img {margin: 0 auto; height: 288px; width: 672px; display: block; z-index: 9; position: relative;}
.content { width: 990px;}
.footer {text-align: center;}



#header {width: 990px; height: 170px;}
.header_title {display: inline-block; text-indent: -4000px; position: relative; bottom: 25px; left: 50px; color: transparent; width: 169px; height: 80px; margin: 0; padding: 0;}
.about {background: url(images/about.gif) no-repeat top left;}
.gallery {background: url(images/gallery.gif) no-repeat top left;}
.sessions {background: url(images/sessions.gif) no-repeat top left;}
.contact {background: url(images/contact.gif) no-repeat top left;}


.sessions_nav {margin: 50px auto 0 auto; width: 300px;}
.sessions_nav li {background: url(images/arrow_right.png) no-repeat top left; height: 92px; font-size: 28px; padding:11px 0 0 0; font-family: Helvetica, Arial, georgia; text-indent: 100px;}
.sessions_nav li a, .sessions_nav li a:visited {text-decoration: none; color: #fff;}
.sessions_nav li a:hover {text-decoration: none; color: #CD292F;}

.right {float: right;}
.center {text-align: center; text-indent: 0;}
.sarah_sig {display: block; float: right; margin: -15px 100px 40px 0;}

a img {border: none;}
p {margin: 10px 0 20px 0;}
.footer p {margin: 0; padding: 10px 0;}

.contactform_container {width: 455px; margin: 0 auto;}
.contactform {font-size: 12px; margin: 20px 0 0 0;}
.contactform li {height: 40px; width: 450px; background: #000; color: #7b7b7b; padding: 0 0 0 2px; border: none;}
.contactform li input {width: 448px; background: #eee; border: none; display: block; height: 20px; margin: 0; padding: 0;}
.contactform .req_field_validator {height: 15px; font-size: 10px; background: #000; color: #f00; border: none;}

.contactform .tallItem textarea {display: block; height: 78px; width: 448px; margin: 0; padding: 0; border: none; background: #eee;}
.contactform .tallItem {height: 100px;}
.contactform .no_back {background: transparent; color: #5b5b5b;}
.contactform .no_back input {width: 105px;}


.contactform .bulleted {list-style-type: disc;}
.no_back.spam input {display: block; width: 80px; float: right; margin: 0 2px 0 0;}
.no_back.spam {text-align: right;}


.submitButt {background: #000; color: #fff;}
.no_back.subbutton .submitButt:hover {background: #fff; color: #CD292F;}

.no_back.subbutton { background: #000; width: 82px; height: 21px; margin: 0 0 0 auto;}
.no_back.subbutton input {background: #CD292F; width: 80px;}

.contact_addy li {display: inline-block; }
.contact_addy ul li p { text-indent: 0; display: inline-block; position: relative; top: -23px; }
.contact_addy ul {display: block; margin: 0 auto; width: 510px;}
.contact_addy {display: block; margin: 0; padding: 20px 0 0px 0; margin: 0 0 -30px 0; text-align: center;}


.white {color: #fff;}
.notes {font-size: 12px;}
.notes img {padding: 4px;}

.gallery_blog {padding: 0 0 0 30px; }
.gallery_blog li {padding: 20px 0 0 0;}


.gallery_subnav {margin: 20px auto 0 auto; text-align: center; clear: left; display: none;}
.gallery_subnav li {display: inline; }
.gallery_subnav li a {padding: 0 20px 0 20px; display: inline-block; text-align: center;}

h2.top {margin: 40px 0 0 0;}



/* Color and Typography */
body { background: #000; color: #aaa; font-family: georgia; font-size: 14px; line-height: 1.65;}
.main p  {text-indent: 40px; text-align: justify;}
h1 {}
h2 {font-size: 14px; text-indent: 45px;}
h3 {}
a {color: #CD292F;}
a:visited {color: #CD292F;}
a:hover {color: #a00;}
#footer a {color: #777;}
#footer a:hover {color: #333;}
#footer p {color: #aaa; font-size: 12px; text-align: center;}

/* General Styles */
ul {list-style-type: none; margin: 0; padding: 0;}

/* Imagery */
.header {}
.content {}
.footer {}

/* navigation */
.nav{
    display:-moz-inline-box;
    display:inline-block;
    overflow:hidden;
    background:url(images/snl_photo_nav_sprite.jpg) no-repeat top left;
    text-indent: -4000px;
    *text-indent:0px;
    font:0/0 Arial;
    vertical-align:bottom;
    height:313px;
    position: relative; top: 0px;
z-index: 0;
}
#navlink {width:904px; height: 313px; padding: 0; margin: 0 auto 40px auto; text-indent: 0;}
#navlink li {list-style-type: none; float: left; }
#navlink ul {margin: 0; padding: 0; }

.nav_kids{background-position: 0px -313px; width: 180px; }
a:hover.nav_kids{background-position: 0px 0px;}
a:active.nav_kids, a:focus.nav_kids{outline: none; background-position: 0px -313px;}
.nav_current.nav_kids {background-position: 0px 0px;}

.nav_family{background-position: -180px -313px; width: 182px;}
a:hover.nav_family{background-position: -180px 0px;}
a:active.nav_family, a:focus.nav_family{outline: none; background-position: -180px -313px;}
.nav_current.nav_family{background-position: -180px 0px;}

.nav_engagement{background-position: -362px -313px; width: 182px;}
a:hover.nav_engagement{background-position: -362px 0px;}
a:active.nav_engagement, a:focus.nav_engagement{outline: none; background-position:-362px -313px;}
.nav_current.nav_engagement{background-position: -362px 0px;}

.nav_seniors{background-position: -544px -313px; width: 182px;}
a:hover.nav_seniors{background-position: -544px 0px;}
a:active.nav_seniors, a:focus.nav_seniors{outline:none; background-position: -544px -313px;}
.nav_current.nav_seniors{background-position: -544px 0px;}

.nav_print{background-position: -726px -313px; width: 178px;}
a:hover.nav_print{background-position: -726px 0px;}
a:active.nav_print, a:focus.nav_print{outline:none; background-position: -726px -313px;}
.nav_current.nav_print{background-position: -726px 0px;}

#navlink.vertical-padding {margin: 2% auto 5% auto;}


/* navigation2 */
.nav2{
    display:-moz-inline-box;
    display:inline-block;
    overflow:hidden;
    background:url(images/snl_nav_sprite.gif) no-repeat top left;
    text-indent: -4000px;
    *text-indent:0px;
    font:0/0 Arial;
    vertical-align:bottom;
    height:48px;
    position: relative; top: 0px; margin: 0px 0 0px 0;

}

#navlink2 {width:748px; height: 48px; padding: 0; margin: 0 auto; text-indent: 0;}
#navlink2 li {list-style-type: none; float: left; }
#navlink2 ul {margin: 0; padding: 0; }

.nav_home{background-position: 0px -48px; width: 100px; }
a:hover.nav_home{background-position: 0px 0px;}
a:active.nav_home, a:focus.nav_home{outline: none; background-position: 0px -48px;}
.nav_current.nav_home {background-position: 0px 0px;}

.nav_about{background-position: -100px -48px; width: 132px;}
a:hover.nav_about{background-position: -100px 0px;}
a:active.nav_about, a:focus.nav_about{outline: none; background-position: -100px -48px;}
.nav_current.nav_about{background-position: -100px 0px;}

.nav_gallery{background-position: -232px -48px; width: 139px;}
a:hover.nav_gallery{background-position: -232px 0px;}
a:active.nav_gallery, a:focus.nav_gallery{outline: none; background-position:-232px -48px;}
.nav_current.nav_gallery{background-position: -232px 0px;}

.nav_sessions{background-position: -371px -48px; width: 150px;}
a:hover.nav_sessions{background-position: -371px 0px;}
a:active.nav_sessions, a:focus.nav_sessions{outline:none; background-position: -371px -48px;}
.nav_current.nav_sessions{background-position: -371px 0px;}

.nav_contact{background-position: -521px -48px; width: 151px;}
a:hover.nav_contact{background-position: -521px 0px;}
a:active.nav_contact, a:focus.nav_contact{outline:none; background-position: -521px -48px;}
.nav_current.nav_contact{background-position: -521px 0px;}

.nav_blog{background-position: -672px -48px; width: 76px;}
a:hover.nav_blog{background-position: -672px 0px;}
a:active.nav_blog, a:focus.nav_blog{outline:none; background-position: -672px -48px;}
.nav_current.nav_blog{background-position: -672px 0px;}






/* Gallery 3 Portrait */

#gallery {
	width:750px;
	height:710px;
	margin: 20px auto;
	position:relative;
	font-family:verdana, arial, sans-serif;
	background:#000;
	
}
 
#gallery #slides {position:absolute; left:0; top:0; height:120px; width:750px; overflow:hidden; text-align:center; z-index:500;}
#gallery #slides div {width:750px; height:200px; position:relative; padding-top:10px;}
#gallery #slides div ul {padding:0; margin:0 auto; list-style:none; width:684px;}
#gallery #slides div ul li {float: left; padding:10px 0 5px 5px;}
#gallery #slides div ul li a {display:block; width:92px; height:69px; float:left;}
#gallery #slides div ul li a b {display:none;}
#gallery #slides div ul li a.previous {background:url(images/Gallery/arrow_left.png) no-repeat center center;}
#gallery #slides div ul li a.next {background:url(images/Gallery/arrow_right.png) no-repeat center center;}
 
#gallery #slides div ul li img {display: block; width: 80px; height: 100px; border: 0;} 
#gallery #slides div ul li a img {display:block; width:80px; height:100px; border:0;}
#gallery #slides div ul li a:focus {outline:0;}
 
 
#gallery #fullsize {position:absolute; left:0; top:0; height:710px; width:750px; overflow:hidden; text-align:center; z-index:200;}
 
#gallery #fullsize div {width:750px; height:720px; padding-top:118px; position:relative;}
#gallery #fullsize div img {clear:both; display:block; margin:0 auto; padding: 10px 0 0 0; width:400px; height:500px; position:relative;}
#gallery #fullsize div h3 {padding:10px 0 0 0; margin:0; font-size:18px;;}
#gallery #fullsize div p {padding:5px 0; margin:0; text-align: center; font-size:12px; line-height:18px; text-indent: 0;}



/* Gallery 3 Landscape */

#galleryL {
	width:750px;
	height:auto;
	margin: 20px auto;
	position:relative;
	font-family:verdana, arial, sans-serif;
	background:#000;
	
}
 
#galleryL #slides {position:absolute; left:0; top:0; height:120px; width:750px; overflow:hidden; text-align:center; z-index:500;}
#galleryL #slides div {width:750px; height:200px; position:relative; padding-top:10px;}
#galleryL #slides div ul {padding:0; margin:0 auto; list-style:none; width:684px;}
#galleryL #slides div ul li {float:left; padding:10px 0 5px 5px;}
#galleryL #slides div ul li a {display:block; width:92px; height:69px; float:left;}
#galleryL #slides div ul li a b {display:none;}
#galleryL #slides div ul li a.previous {background:url(images/Gallery/arrow_left.png) no-repeat center center;}
#galleryL #slides div ul li a.next {background:url(images/Gallery/arrow_right.png) no-repeat center center;}
 
#galleryL #slides div ul li a img {display:block; width: 92px; height:69px; border:0;}
#galleryL #slides div ul li a:focus {outline:0;}
 
 
#galleryL #fullsize {position:absolute; left:0; top:0; height:510px; width:750px; overflow:hidden; text-align:center; z-index:200;}
 
#galleryL #fullsize div { padding-top:115px; position:relative;}
#galleryL #fullsize div img {clear:both; display:block; margin:0 auto; padding: 10px; position:relative;}
#galleryL #fullsize div h3 {padding:10px 0 0 0; margin:0; font-size:18px;;}
#galleryL #fullsize div p {padding:5px 0; margin:0; text-align: center; font-size:12px; line-height:18px; text-indent: 0;}



/* Gallery 3 minimum photo Landscape */

#galleryLm {
	width:750px;
	height:auto;
	margin: 20px auto;
	position:relative;
	font-family:verdana, arial, sans-serif;
	background:#000;
	
}
 
#galleryLm #slides {position: absolute; left: 0; top: 0; height:120px; width:750px; overflow:hidden; text-align:center; z-index:500;}
#galleryLm #slides div {width:750px; height:200px; position:relative; padding-top:10px;}
#galleryLm #slides div ul {padding:0; list-style:none; width:684px; margin: 0 auto;}
#galleryLm #slides div ul li {display: inline-block; padding:10px 0px 5px 5px;}
#galleryLm #slides div ul li a {display:inline-block; width:92px; height:69px; }
#galleryLm #slides div ul li a b {display:none;}
#galleryLm #slides div ul li a.previous {background:url(images/Gallery/arrow_left.png) no-repeat center center;}
#galleryLm #slides div ul li a.next {background:url(images/Gallery/arrow_right.png) no-repeat center center;}
 
#galleryLm #slides div ul li a img {display:block; width: 92px; height:69px; border:0;}
#galleryLm #slides div ul li a:focus {outline:0;}
 
 
#galleryLm #fullsize {position:absolute; left:0; top:0; height:510px; width:750px; overflow:hidden; text-align:center; z-index:200;}
 
#galleryLm #fullsize div {width:750px; height:520px; padding-top:115px; position:relative;}
#galleryLm #fullsize div img {clear:both; display:block; margin:0 auto; padding: 10px; width:400px; height:280px; position:relative;}
#galleryLm #fullsize div h3 {padding:10px 0 0 0; margin:0; font-size:18px; display: none;}
#galleryLm #fullsize div p {padding:5px 0; margin:0; text-align: center; font-size:12px; line-height:18px; text-indent: 0; display: none;}

/* for galleries with less than 5 photos */
#gallery #slides div .minimum_photos li a img {display: inline-block;}
#gallery #slides div .minimum_photos {width: 400px; margin: 0 auto;}








/* for litebox gallery */
.litebox_holder {width: 590px; margin: 40px 0; float: right;}
.litebox_holder li {float: left; padding: 5px;}

.float_left {width: 300px; float: left; margin: 40px 0 0 50px; font-size: 16px;}
.float_left p {text-indent: 0; text-align: center;}
.float_left h1 {text-align: center;}