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

/* SITE SPECIFIC STYLES */

body {
	background: #6A3426;}

#container {
	height: 600px;
	position: relative;
	background: #FFF none;}

a:link {
	color: #000;
	outline: none;}
a:visited {
	color: #000;}
a:hover {
	color: red;}
a:active {
	color: #222;}
	
#footer {
	color: #FFF;}
#footer a:link {
	color: #FFF;
	outline: none;}
#footer a:visited {
	color: #FFF;}
#footer a:hover {
	color: #CCC;}
#footer a:active {
	color: #999;
	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: 183px; height: 600px; z-index: 1;
	position: absolute; top: 0px; left: 777px;}
#container.pic #picture {
	position: absolute; top: 38px; left: 19px;}
#container.pic #menu {
	position: absolute; top: 455px; left: 340px; z-index: 2;}
#container.pic #menu li{
	float: left; padding-right: 10px;}
#picture_print {
	display: none;}
/*END PIC DISPLAY PAGE*/

/*VID DISPLAY PAGE*/
#container.vid {
	background: url(../img/vid/bkgd.jpg) LEFT BOTTOM no-repeat #FFF;}
#container.vid #col {
	width: 183px; height: 600px; z-index: 1;
	position: absolute; top: 0px; left: 777px;}
#container.vid #video {
	display: block;
	position: absolute; top: 80px; left: 230px;
	width: 415px; height: 280px;
	padding-top: 90px;
	text-align: center;}
#container.vid #menu {
	position: absolute; top: 455px; left: 340px; z-index: 2;}
#container.vid #menu li{
	float: left; padding-right: 10px;}
/*END VID DISPLAY PAGE*/

/*SHARE MODAL*/	
#container.share {
	font-size: 1em;
	width: auto; height: auto;
	background: none;
	color: #FFF;}
#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: 210px; position: absolute; top: 80px; right: 230px;
	text-align: left; font-size: .9em;}
#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*/