@charset "UTF-8";
/* CSS Document */

body {
	font-family:Georgia,serif;
	background: #E3DCCC;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #36292B;
}
 html, body {
	height: 100%;                                                                  
	margin: 0;                                                                     
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

* {
	margin:0px auto;
	padding:0;
}

img { behavior: url(src/iepngfix.htc); }

#shim {
	visibility: hidden;
	width: 100%;
	height: 30%;                                                                     
	margin-top: -200px;                                                              
	float: left;
}

#wrapper {
	width: 890px;
	height:660px;
	text-align:left;
	border:solid 1px #E3DCCC;
	font-size:1em;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

	/* Hide from IE5mac \*//*/
		div#shim {
			display: none;
		}
		html, body {
			height: auto;
		}
	/* end hack */
	
	/* ]]> */
		
a {
	border:0px;
	outline:none;
	text-decoration:none;
	color:#36292B;
}

a:hover {
	border:0px;
	outline:none;
	text-decoration:underline;
	color:#36292B;
}

em {font-style:italic; line-height:20px;}

.free {
	color:#FF0000;
	text-transform:uppercase;
}

.free a {
	color:#FF0000;
	text-transform:uppercase;
}


.promoTitle {
	font-style:italic;
	font-weight:bold;
	letter-spacing:.04em;
}

#header {
	margin:20px auto 0;
	padding:0;
	width:872px;
	height:80px;
	/*border:solid 1px #f00;*/
}

#logo {
	float:left;
	padding:0;
	width:336px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}

#logo h1 a {
	font-size:11px;
	width:255px;
	height:80px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	border: none !important;
	background-color: transparent;
	background: url(../img/schuPhotoLogo.gif) no-repeat 0 0;
	margin-left: -10px;
}

#logo h1 a:hover {
	background-position:0px -80px;
}

#giftCard {
	float: left;
	margin-top: 35px;
}

#giftCard span {
	color: #ff0000;
}

#promoHdr {
	float:right;
	margin:0 -10px 0 0;
	padding:0;
	width:336px;
	font-size:.9em;
	background:transparent url(../img/promoHdr.gif) no-repeat top right;
}
#promoHdr  a {
	margin:15px 0 0 0;
	padding:0 95px 0 0;
	display:block;
	height:65px;
	color:36292B;
	text-align:right;
}

/*CONTAINER*/

#container {
	margin:0 auto;
	padding:10px;
	width:850px;
	height:480px;
	background:#FFF;
	border:solid 1px #B39149;
	z-index:1;
}




/*FOOTER*/
#footer {
	padding:0;
	width:872px;
	height:60px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#908083;
	text-align:center;
	line-height:18px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;	/*border:solid 1px #f00;*/
}

#footer p {
	margin:10px auto;
	padding:0;
}

#footer a {
	color:#908083;
}

.contactLink a {
	padding:1px 5px 3px;
	font-size:11px;
	border:solid 1px #999;
	text-decoration:none;
}

.contactLink a:hover {
	border:solid 1px #B39149;
	background:#EEE;
	color:#000;
	text-decoration:none;
}

/*HOME*/
#homePhoto {
	margin:0;
	padding:0;
	float:left;
	width:425px;
	height:480px;
	text-align:center;
	vertical-align:middle;
}

#homeTitle {
	margin:0;
	padding:0;
	float:right;
	width:425px;
	height:480px;
	background:#EEE url(../img/titleHome.gif) no-repeat 50% 40%;
	text-align:center;
}

#homeTitle h1 {
	display:none;
}

#begin a {
	margin:300px auto 0 auto;
	display:block;
	width:105px;
	height:37px;
	text-decoration: none;
	background:url(../img/btnBegin.png) no-repeat 0 0;
	text-indent:-9999px;
}

#begin a:hover {
	background-position:0 -37px;
}

#beginAgain a {
	margin:20px auto 0 auto;
	display:block;
	width:185px;
	height:37px;
	text-decoration: none;
	background:url(../img/btnBeginAgain.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#beginAgain a:hover {
	background-position:0 -37px;
}

#btnContact a {
	margin:20px auto 0 auto;
	display:block;
	width:150px;
	height:37px;
	text-decoration: none;
	background:url(../img/btnContact.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#btnContact a:hover {
	background-position:0 -37px;
}

/*PHOTOS*/
#photoBg {
	float:left;
	margin:0;
	padding:0;
	width:570px;
	height:480px;
}

#photoBg h1 {
	text-indent:-9999px;
}

#photoTitle {
	margin:0 auto;
	padding:10px 30px;
	float:right;
	width:220px;
	height:460px;
	text-align:center;
	background:#EEE;
}

#photoTitle h1 {
	text-indent:-9999px;
}

#photoTitle p {
	padding:0;
	text-align: justify;
	margin: 20px 0 0 0;
	font-size:.95em;
}

#photoTitle .promo {
	display:block;
	padding:0;
	text-align: center;
	margin: 20px 0 0 0;
	font-size:.95em;
}

img, #photoTitle .promo  { behavior: url(src/iepngfix.htc); }

#photoTitle em {
	font-style: italic;
	line-height: 34px;
}

.photo01 {
	margin:0;
	padding:0;
	width:570px;
	height:480px;
	background:url(../img/photo01.jpg) no-repeat 0 0;
}

.photo02 {
	margin:0;
	padding:0;
	width:570px;
	height:480px;
	background:url(../img/photo02.jpg) no-repeat 0 0;
}

.photo03 {
	margin:0;
	padding:0;
	width:570px;
	height:480px;
	background:url(../img/photo03.jpg) no-repeat 0 0;
}

.photo04 {
	margin:0;
	padding:0;
	width:570px;
	height:480px;
	background:url(../img/photo04.jpg) no-repeat 0 0;
}

.photo05 {
	margin:0;
	padding:0;
	width:570px;
	height:480px;
	background:url(../img/photo05.jpg) no-repeat 0 0;
}

.photo06 {
	margin:0;
	padding:0;
	width:570px;
	height:480px;
	background:url(../img/photo06.jpg) no-repeat 0 0;
}

.photo07 {
	margin:0;
	padding:0;
	width:570px;
	height:480px;
	background:url(../img/photo07.jpg) no-repeat 0 0;
}

.photo08 {
	margin:0;
	padding:0;
	width:570px;
	height:480px;
	background:url(../img/photo08.jpg) no-repeat 0 0;
}
.tag01 {
	margin:0;
	padding:0;
	width:220px;
	height:186px;
	background:url(../img/tag01.gif) no-repeat 0 70px;
}

.tag02 {
	margin:0;
	padding:0;
	width:220px;
	height:186px;
	background:url(../img/tag02.gif) no-repeat 0 70px;
}

.tag03 {
	margin:0;
	padding:0;
	width:220px;
	height:186px;
	background:url(../img/tag03.gif) no-repeat 0 70px;
}

.tag04 {
	margin:0;
	padding:0;
	width:220px;
	height:186px;
	background:url(../img/tag04.gif) no-repeat 0 70px;
}

.tag05 {
	margin:0;
	padding:0;
	width:220px;
	height:200px;
	background:url(../img/tag05.gif) no-repeat 0 100px;
}

.tag06 {
	margin:0;
	padding:0;
	width:220px;
	height:186px;
	background:url(../img/tag06.gif) no-repeat 0 70px;
}
.tag07 {
	margin:0;
	padding:0;
	width:220px;
	height:300px;
	background:url(../img/tag07.gif) no-repeat 0 170px;
}

.tag08 {
	margin:0;
	padding:0;
	width:220px;
	height:186px;
	background:url(../img/tag08.gif) no-repeat 0 70px;
}

/*QUOTE*/

.quote {
	display:none;
}

#quote01 {
	margin:0;
	padding:0;
	width:850px;
	height:480px;
	background:#EEE url(../img/quote01.gif) no-repeat 50% 50%;
}

#quote02 {
	margin:0;
	padding:0;
	width:850px;
	height:480px;
	background:#EEE url(../img/quote02.gif) no-repeat 50% 50%;
}

#quote03 {
	margin:0;
	padding:0;
	width:850px;
	height:480px;
	background:#EEE url(../img/quote03.gif) no-repeat 50% 50%;
}

#quote04 {
	margin:0;
	padding:0;
	width:850px;
	height:480px;
	background:#EEE url(../img/quote04.gif) no-repeat 50% 50%;
}

#quote05 {
	margin:0;
	padding:0;
	width:850px;
	height:480px;
	background:#EEE url(../img/quote05.gif) no-repeat 50% 50%;
}

#quote06 {
	margin:0;
	padding:0;
	width:850px;
	height:480px;
	background:#EEE url(../img/quote06.gif) no-repeat 50% 50%;
}

#quote07 {
	margin:0;
	padding:0;
	width:850px;
	height:480px;
	background:#EEE url(../img/quote07.gif) no-repeat 50% 50%;
}

#quote08 {
	margin:0;
	padding:0;
	width:850px;
	height:480px;
	background:#EEE url(../img/quote08.gif) no-repeat 50% 50%;
}

/*CONTACT*/
#contact {
	margin:0;
	padding:10px 20px;
	float:right;
	width:382px;
	height:460px;
	text-align:center;
	background:#EEE;
}

#contact h1 {
	font-size:1.5em;
}

#contact p {
	margin:10px 0;
}

#contact p.text {
	margin:10px 30px 20px;
	text-align:left;
	font-size:.92em;
}

#contact em {font-style:italic;}

#promoForm {
	margin:0 auto;
	padding:10px 0;
	width:360px;
	height:80px;
	font-size:.92em;
	background:url(../img/promoForm.gif) no-repeat 0 0;
	clear:both;
}

#promoForm p {
	margin:0 0 0 100px;
	padding:0;
	text-align:left;
}

#form {
	font-size: .9em;
	margin:0 auto;
	padding:0;
	width:245px;
	text-align:left;
	height: auto;
}

#form p {
	margin:0;
	padding:0;
}


/*THANKS*/
#thanks {
	padding:80px 20px;
	text-align:left;
	font-size:.95em;
}

#thanks span {
	color: #ff0000;
}

/*NAVIGATION*/
#btnNavQuote {
	margin:-40px 10px;
	width:830px;
	height:30px;
}

#btnNavLeft a {
	float:left;
	margin:0;
	display:block;
	width:52px;
	height:30px;
	text-decoration: none;
	background:url(../img/btnNav.png) no-repeat 0 0;
	text-indent:-9999px;
}

#btnNavLeft a:hover {
	background-position:0 -30px;
}

#btnNavRight a {
	float:right;
	display:block;
	width:52px;
	height:30px;
	text-decoration: none;
	background:url(../img/btnNav.png) no-repeat -52px 0;
	text-indent:-9999px;
}

#btnNavRight a:hover {
	background-position:-52px -30px;
}

/*PHOTO NAV*/
#navPhoto a {
	position:absolute;
	display:block;
	text-indent:-9999px;
	margin-left:10px;
	width:52px;
	height:30px;
	background:url(../img/btnNavPhoto.png) no-repeat 0 0;
	top: 552px;
	z-index: 1000;
}

img, #navPhoto { behavior: url(src/iepngfix.htc); }

#navPhoto a:hover {
	background-position: 0 -30px;
}

#navTitle {
	float:right;
	position:absolute;
	top: 552px;
	width:223px;
	/width:110px;
	z-index: 1000;
	height: 30px;
}

#navTitle a {
	float:right;
	display:block;
	text-indent:-9999px;
	margin-right:-17px;
	width:52px;
	height:30px;
	background:url(../img/btnNav.png) no-repeat -52px 0;
	top: 0;
	z-index: 1000;
}

#navTitle a:hover {
	background-position:-52px -30px;
}