@charset "utf-8";
@import url("contact.css");
/* Stylesheet */
/******************************************/
/* font                                   */
h1, h2, h3 {
	font-family: Arial, sans-serif;
	color: #000;
	font-weight: bold;
}
h2 {
	font-size: 16pt;
	font-weight: bold;
}
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	color:#FFF;
}
a.weblink {
	background-color:transparent;
	color:#FFF;
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
}
a.noUnderline {
	text-decoration:none;
}
a.weblink:hover {
	background-color:transparent;
	color:#FDD302;
	text-decoration:underline;
}
p.contact {
	text-align:center;
	font-size:24px;
}
p.footer {
	text-align:center;
	font-size:12px;
}
/******************************************/
/* content layout */                       
body {
	position:relative;
	background:#000;
	width:100%;
	height:auto;
	min-height:1000px;
	margin:auto;
	background: url(../images/background.jpg);
	background-size: 100% auto;
	background-repeat:no-repeat;
	background-color: #000;
} 
/*Page Styling */
#contactBody {
	margin: 0;
	padding: 0;
	background: url(../images/mainBg.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
.content {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 15px;
	font: 1.5em Keffeesatz, Verdana, Geneva, sans-serif;
}
#viewport {
	margin:0 auto;
	width:100%;
	min-width:395px;
	max-width:1100px;
}
#header {
	width:100%;
	/* max-height:325px; float:left; */
	float:top;
	margin-bottom:-4%;
}
.headerImage {
	width:100%;
	border:none;
}
#options {
	position:relative;
	width:100%;
	height:auto;
	margin: 0px auto;
	padding-bottom:40px;
	max-width: 1000px;
}
.buttonLinks {
	-moz-box-shadow:inset 0px 0px 0px 0px #c23408;
	-webkit-box-shadow:inset 0px 0px 0px 0px #c23408;
	box-shadow:inset 0px 0px 0px 0px #c23408;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d13913), color-stop(1, #d13913) );
	background:-moz-linear-gradient( center top, #a6120d 5%, #d13913 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6120d', endColorstr='#d13913');a6120d
	background-color:#a6120d;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #c23408;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	padding:3px 8px;
	text-decoration:none;
	text-shadow:0px 0px 4px #5c2800;
}
.buttonLinks:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a6120d), color-stop(1, #d13913) );
	background:-moz-linear-gradient( center top, #a6120d 5%, #d13913 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6120d', endColorstr='#d13913');
	background-color:#a6120d;
	text-decoration:none;
	color:#ffffff;
}
.qButton {
   border-top: 1px solid #a6120d;
   background: #a6120d;
   background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d13913), color-stop(1, #a6120d) );
   background:-moz-linear-gradient( center top, #d13913 5%, #a6120d 100% );
   background: -moz-linear-gradient(top, #a6120d, #a6120d);
   background: -ms-linear-gradient(top, #a6120d, #a6120d);
   background: -o-linear-gradient(top, #a6120d, #a6120d);
   padding: 7px 14px;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 15px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.qButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a6120d), color-stop(1, #d13913) );
	background:-moz-linear-gradient( center top, #a6120d 5%, #d13913 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6120d', endColorstr='#d13913');
	background-color:#a6120d;
	text-decoration:none;
	color:#ffffff;
   }
.printLink {
-moz-box-shadow: inset 0px 0px 0px 0px #c23408;
-webkit-box-shadow: inset 0px 0px 0px 0px #CCCCCC;
box-shadow: inset 0px 0px 0px 0px #CCCCCC;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #AAAAAA), color-stop(1, #555555) );
background: -moz-linear-gradient( center top, #d13913 5%, #a6120d 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AAAAAA', endColorstr='#555555');
background-color: #AAAAAA;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #CCCCCC;
display: inline-block;
color: #ffffff;
font-family: arial;
font-size: 12px;
font-weight: normal;
padding: 3px 8px;
text-decoration: none;
text-shadow: 0px 0px 4px #999999;
}
.printLink:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a6120d), color-stop(1, #d13913) );
	background:-moz-linear-gradient( center top, #a6120d 5%, #d13913 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6120d', endColorstr='#d13913');
	background-color:#a6120d;
	text-decoration:none;
	color:#ffffff;
}
.buttonLinks:active {
	position:relative;
	top:1px;
}
.questions {
  width:90%;
  max-width:960px;
  max-height:10px;
  text-align:center;
  margin: 4% auto;
}
.buttonBar {
	max-width: 1000px;
	padding: 5px 5px 5px 5px;
}
/**** VIDEO ****/
.containingBlock {
  width:90%;
  max-width:960px;
/*
  max-height:540px;
*/
  text-align:center;
  margin: 4% auto;
  padding-top:0px;
}
.frameWrapper {
  text-align:center;
  position: relative;
  padding-bottom:56.25%;
  padding-top:0px;
  max-width:960px;
  max-height:540px;
  height:0px;
  margin: 0 auto;
  overflow:hidden;
}
.vid, #videoPlayer, .chart, #photosynth {
  position:absolute;
  top:0;
  left:0;
  width: 100%;
  height:100%;
  border:0px;
}
.glowOne {
  box-shadow:0px 0px 25px 2px #A44329;
  -moz-box-shadow:0px 0px 25px 2px #A44329;
  -webkit-box-shadow:0px 0px 25px 2px #A44329;	
}
.glowTwo {
	box-shadow:0px 0px 15px 1px #FFF;
	-moz-box-shadow:0px 0px 15px 1px #FFF;
	-webkit-box-shadow:0px 0px 15px 1px #FFF;
}
/*
#videoplayer {
	position:relative;
	height:540px;
	width:960px;
	box-shadow:0px 0px 25px 2px #0080FF;
	-moz-box-shadow:0px 0px 25px 2px #0080FF;
	-webkit-box-shadow:0px 0px 25px 2px #0080FF;
}
*/
#description {
	width:960px;
	height:auto;
	margin:10px auto;
}
#transcriptContainer {
	-moz-box-shadow: 0px 0px 30px 2px #222; 
	-webkit-box-shadow: 0px 0px 30px 2px #222; 
	box-shadow: 0px 0px 30px 2px #222;
	width:90%; 
	margin:0 auto; 
	padding-bottom:20px; 
	height:400px; 
	overflow:auto; 
	background-color:white;
}
/*Playlist Scrollbar*/
#transcriptContainer::-webkit-scrollbar {
	width: 16px;
}
/* Track */
#transcriptContainer::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
/* Handle */
#transcriptContainer::-webkit-scrollbar-thumb {
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background: #999; 
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5); 
}
#transcriptContainer::-webkit-scrollbar-thumb:window-inactive {
	background: #999; 
}
/******************************************/
/* navigation bar                         */
#navbar {
	margin:0 auto;
	width:100%;
	min-height:250px;
	text-align:center;
}
.link {
	text-align:left;
	width:27%;
	height:20%;
	padding-right:2%;
	padding-left:4%;
	max-width:300px;
	float:left;
}
.linkDescription {
	width:100%;
	clear:left;
}
.linkImage {
	float:left;
	margin-bottom: 20px;
}
.linkImage:hover {
	/*border:solid 2px #FDD302;*/
}
.linkImage2 {
	float:left;
	margin-bottom: 20px;
}
.linkImage2:hover {
	/*border:solid 2px #FDD302;*/
}

/******************************************/
/* footer                                 */
#footer {
	width:100%;
	height:25px;
	margin:auto;
}

#feedbackLink {
   /*background: url("../images/feedback.png") no-repeat scroll left top transparent;
   background-size: 120px 120px;
    text-indent: -30000px;
	*/
    display: block;
    height: 120px;
    width: 120px;
    opacity: 0.70;
    position: fixed;
    z-index: 1001;
	cursor:pointer;
}

.floatBottom {
	bottom: 0;
    right: 0;
}

#feedbackLink:hover {
	opacity: 0.9;
    height: 150px;
    width: 150px;
}

/******* Feedback Form *******/
#feedbackForm {
   /*background: url("../images/feedback.png") no-repeat scroll left top transparent;
   background-size: 120px 120px;
   text-indent: -30000px;
	height: 400px;
   */
	background-color:#FFF;
    opacity: 0.98;
    position: relative;
	width: 500px;
    z-index: 999;
}

.fieldset { border: 2px solid #BBAFA0; background:#fbfaf6; padding:10px; margin:0 0; }
.fieldset .legend { font-weight:bold; font-size: 20px; border:0px solid #f19900; color:#e76200; margin:0 0; padding:0; position:relative; }

#container{
	width: 450px;
	margin: 0px auto;
	text-align: left;
}
.inPage {
	width: 960px;
	margin: 0 auto;
}

#feedbackLink {
   /*background: url("../images/feedback.png") no-repeat scroll left top transparent;
   background-size: 120px 120px;
    text-indent: -30000px;
	*/
    display: block;
    height: 120px;
    width: 120px;
    opacity: 0.70;
    position: fixed;
    z-index: 1001;
	cursor:pointer;
}
#feedbackLink:hover {
	opacity: 0.9;
    height: 150px;
    width: 150px;
}

/******* Feedback Form *******/
#feedbackForm {
   /*background: url("../images/feedback.png") no-repeat scroll left top transparent;
   background-size: 120px 120px;
   text-indent: -30000px;
	height: 400px;
   */
	background-color:#FFF;
    opacity: 0.98;
    position: relative;
	width: 500px;
    z-index: 999;
}

.fieldset { border: 2px solid #BBAFA0; background:#fbfaf6; padding:10px; margin:0 0; }
.fieldset .legend { font-weight:bold; font-size: 20px; border:0px solid #f19900; color:#e76200; margin:0 0; padding:0; position:relative; }

#container{
	width: 450px;
	margin: 0px auto;
	text-align: left;
}

/******* FORM *******/
.NewButton{
	background: #F90;
	color: #fff;
	font-weight: 700;
	font-style: normal;
	border: 0;
	cursor: pointer;
	height: 25px;
	width:150px;
	text-align:center;
	vertical-align:middle;
}
.NewButton:hover{
	background: #F70;
}
#customForm{
	padding: 0 10px 10px;
}
#customForm label{
	display: block;
	color: #797979;
	font-weight: 700;
	line-height: 1.4em;
}
#customForm select.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#customForm input{
	width: 220px;
	height: 15px;
	padding: 6px;
	color: #111111;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cecece;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
#customForm input.error{
	background: #f8dbdb;
	border-color: #e77776;
}
.line-input{
	height: 50px;
}
#customForm textarea{
	width: 400px;
	height: 80px;
	padding: 6px;
	color: #111111;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
	border: 1px solid #cecece;
}
#customForm textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#customForm div{
	margin-bottom: 15px;
}
#customForm div span{
	margin-left: 0px;
	color: #b1b1b1;
	font-size: 11px;
	font-style: italic;
}
#customForm div span.error{
	color: #e46c6e;
}
#customForm #send{
	background: #F90;
	color: #fff;
	font-weight: 700;
	font-style: normal;
	border: 0;
	cursor: pointer;
	height: 25px;
}
#customForm #send:hover{
	background: #F70;
}
#submit{
	background: #F90;
	color: #fff;
	font-weight: 700;
	font-style: normal;
	border: 0;
	cursor: pointer;
	height: 25px;
}
#submit:hover{
	background: #F70;
}
#error{
	margin-bottom: 20px;
	border: 1px solid #efefef;
}
#error ul{
	list-style: square;
	padding: 5px;
	font-size: 11px;
}
#error ul li{
	list-style-position: inside;
	line-height: 1.6em;
}
#error ul li strong{
	color: #e46c6d;
}
#error.valid ul li strong{
	color: #93d72e;
}
/******* /FORM *******/

/******* FORM *******/
#container{
	padding: 0 10px 10px;
}
label{
	display: block;
	color: #797979;
	font-weight: 700;
	line-height: 1.4em;
}
select.error{
	background: #f8dbdb;
	border-color: #e77776;
}
input{
	width: 220px;
	height: 15px;
	padding: 6px;
	color: #111111;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cecece;
	/*float: left;*/
	margin-right: 10px;
	margin-bottom: 10px;
}
input.error{
	background: #f8dbdb;
	border-color: #e77776;
}
.error{
	color: #e46c6e;
}
.line-input{
	height: 50px;
}
textarea{
	width: 400px;
	height: 80px;
	padding: 6px;
	color: #111111;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
	border: 1px solid #cecece;
}
textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#container div{
	margin-bottom: 15px;
}
#container div span{
	margin-left: 0px;
	color: #b1b1b1;
	font-size: 11px;
	font-style: italic;
}
#container div span.error{
	color: #e46c6e;
}
#submit{
	background: #F90;
	color: #fff;
	font-weight: 700;
	font-style: normal;
	border: 0;
	cursor: pointer;
	height: 25px;
}
#submit:hover{
	background: #F70;
}
/******* /FORM *******/

.SFT-Title {
	font-family: "Trajan Pro";
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	color: #FFDD66;
/*	text-shadow: 1px 1px 7px #111;  FF3.5+, Opera 9+, Saf1+, Chrome */
    text-shadow:
	3px 3px 6px #000,
    -1px -1px 0 #111,
     1px -1px 0 #111,
    -1px 1px 0 #111,
     1px 1px 0 #111;
}

.uparrowdiv, .downarrowdiv, .leftarrowdiv, .rightarrowdiv{
/*min-height of DIV should be set to at least 2x the width of the arrow*/
background: black;
color:white;
padding:1px;
position:relative;
word-wrap:break-word;
-moz-border-radius:5px; /*add some nice CSS3 round corners*/
-webkit-border-radius:5px;
border-radius:5px;
margin-bottom:10px;
}

.downarrowdiv:after{ /*arrow added to downarrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:100%; /*should be set to 100% */
left:10px;
width:0;
height:0;
border-color: black transparent transparent transparent; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;
}

.downarrowdiv:hover, .leftarrowdiv:hover, .rightarrowdiv:hover{
	background: #F90;
}

.leftarrowdiv:after{ /*arrow added to leftarrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:3px;
left:-19px; /*should be set to -border-width x 2 */
width:0;
height:0;
border-color: transparent black transparent transparent; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;
}

.rightarrowdiv:after{ /*arrow added to leftarrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:3px;
right:-19px; /*should be set to -border-width x 2 */
width:0;
height:0;
border-color: transparent transparent transparent black; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;
}

.popFallback{
target-new: window;
}

#videoButton, #videoButtonText, #bookButton, #bookButtonText, #contactButton, #contactButtonText {
	cursor:pointer;
}

#thumbs { 
    overflow: auto; 
    height: 100%; 
    width: 100%; 
    border: 1px;
    padding: 0; 
    font-family:Tahoma, Geneva, sans-serif; 
}
#thumbs ul { 
    list-style-type: none; 
    margin: 0 10px 0; 
    padding: 0 0 10px 0; 
}
#thumbs ul li { 
    height: 100px; 
}
#thumbs ul li:hover {
    background-color:#CCC; 
}
.thumbLink { 
    border: 0; 
    text-decoration: none; 
    color:black; 
}
.thumbImg { 
    float: left; 
    width: 250px; 
    margin-right: 7px; 
}
.thumbImg:hover {
	/*border:solid 2px #FDD302;*/
}
.thumbTitle { 
    margin-top:5px; 
    margin-bottom:5px; 
    font-weight:bold; 
    font-size:9pt; 
    text-align:left; 
}
.thumbDescription { 
    margin-top:1px; 
    font-size:7.5pt; 
    text-align:left; 
}
p.thumbDescription {
    font-size:11pt;
}
#emailSubmit{
	width: 75px;
	font-weight: 700;
	font-style: normal;
	border: 0;
	cursor: pointer;
	height: 25px;
}
.inlineForm{
	margin: 0 6% 6% 6%;
}
.mainText{
	text-align: center;
	width: 90%;
	font-size: 20px;
	font-weight: bold;
	color: beige;
	margin-left: auto;
	margin-right: auto;	
}
.shadow {
	moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	
}

.shadow:hover {
	-moz-box-shadow: 0px 0px 25px 6px #A44329;
	-webkit-box-shadow: 0px 0px 25px 6px #A44329;
	box-shadow: 0 0 25px 6px #A44329;
}