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

/* SITE SPECIFIC STYLES */

body {
	background: #ba9765;
	}

#container {
	position: relative;
	background: #FFF none;}

a:link {
	color: #000;
	outline: none;
	text-decoration: underline;}
a:visited {
	color: #000;
	text-decoration: underline;}
a:hover {
	color: red;
	text-decoration: underline;}
a:active {
	color: #222;
	text-decoration: underline;}
	
#footer {
	color: #000;}
#footer a:link {
	color: #000;
	outline: none;}
#footer a:visited {
	color: #333;}
#footer a:hover {
	color: #666;}
#footer a:active {
	color: #FFF;
	text-decoration: none;}

/*INTRO PAGE*/
#skip {
	text-align: center;
	margin-top: 10px;}

#skip a:link {
	color: #FFF;}
#skip a:visited {
	color: #FFF;}
#skip a:hover {
	color: #CCC;}
#skip a:active {
	color: #999;}
	
#h1 {
	margin-bottom: 20px;}
/*END LANDING PAGE*/

/*RESEND PAGE*/

#resend {
	font-size: 0.8em;
	width: 684px; height: auto;
	margin: 0 auto; padding-bottom: 40px;
	position: relative;
	background-color: #FFF;}

#resend p, #resend form {
	padding-left: 40px;
	padding-right: 40px;}

#resend .confirmation {
	font-size: 1.1em;}
	
form#resend_email {
	text-align: center;}
form#resend_email input {
	margin-right: 20px;}
	
/*END RESEND PAGE*/

/*PIC DISPLAY PAGE*/
#container.pic {
	background: url(../img/pic/bkgd.jpg) LEFT BOTTOM no-repeat #FFF;}
#container.pic #col {
	width: 280px; height: 600px; z-index: 1;
	position: absolute; top: 0px; left: 670px;}
#container.pic .picture {
	position: absolute; top: 0px; left: 0px; z-index: 1;}
#container.pic #menu {
	position: absolute; top: 345px; left: 670px; z-index: 2;}
#container.pic #menu li{
	float: left; padding-right: 5px;}
#picture_print {
	display: none;}

#btVids {
	position: absolute; z-index: 2001; top: 0px; left: 0px; display: block; padding: 5px; background: red; color: #FFF;}
#btNext, #btPrev {
	position: absolute; z-index: 10; top: 230px;}
#btPrev {
	left: 15px;}
#btNext {
	left: 620px;}

/*END PIC DISPLAY PAGE*/

/*VID DISPLAY PAGE*/
#container.vid {
	background: url(../img/vid/bkgd.jpg) LEFT BOTTOM no-repeat #FFF;}
#container.vid #col {
	width: 280px; height: 600px; z-index: 1;
	position: absolute; top: 0px; left: 670px;}
#container.vid #video {
	display: block;
	position: absolute; top: 30px; left: 80px;
	width: 500px;
	padding-top: 0px;
	text-align: center;}
#container.vid #video p {
	padding-top: 15px;}
#container.vid #menu {
	position: absolute; top: 345px; left: 670px; z-index: 2;}
#container.vid #menu li{
	float: left; padding-right: 5px;}
/*END VID DISPLAY PAGE*/

/*SHARE MODAL*/	
#container.share {
	font-size: 1em;
	width: auto; height: auto;
	background: none;
	color: #000;}
#container.share form {
	position: absolute; top: 170px; left: 40px;
	text-align: right;}
#container.share form fieldset {
	padding-bottom: 5px;
	position:relative;}
#container.share #message {
	width: 300px; position: absolute; top: 120px; left: 40px;
	text-align: left; font-size: .9em;}
#container.share input.l {
	width: 200px;}
#container.share #footer {
	position: absolute; top: 400px; left: 20px; top: 390px;}
#container.share label.error {
	position: absolute; top: 0; left: 200px;
	background: #FFF; width: 140px;
	padding: 2px 5px;}
#container.share input.error {
	width: inherit; font-weight: 100; color: red;}
.confirmation {
	font-size: 1.5em;}

/*END SHARE MODAL*/