/*  HTML5 ✰ Boilerplate  */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, 
menu, nav, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display:block;
}
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;text-decoration:none; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }


body { font:13px/1.231 sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

body, select, input, textarea {   color:#efdec1;; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
html { overflow-y: scroll; }

a:hover, a:active { outline: none; }
a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }

ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

nav ul, nav li { margin: 0; } 
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre {  padding: 15px;  white-space: pre;  white-space: pre-wrap;  white-space: pre-line;  word-wrap: break-word; }
textarea { overflow: auto; } 
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px;  -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red;  box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; } 
a:link { -webkit-tap-highlight-color: #FF5E99; } 

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; } 
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;	 } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


 /* Primary Styles
    Author: 
 */

@font-face {
    font-family: 'EnigmaticRegular';
    src: url('fonts/Enigma__2-webfont.eot');
    src: url('fonts/Enigma__2-webfont.eot?iefix') format('eot'),
         url('fonts/Enigma__2-webfont.woff') format('woff'),
         url('fonts/Enigma__2-webfont.ttf') format('truetype'),
         url('fonts/Enigma__2-webfont.svg#webfontLWKiFO4Y') format('svg');
    font-weight: normal;
    font-style: normal;

}


html{
background:#efdec1;

}

body{
width:800px;
margin:0 auto;

}


.header{
height:175px;
width:800px;
background:url(images/top-border.jpg) repeat-x;
float:left;
}

.header a{
	color:black;
}

.navbar{
float:left;
height:30px;
width:800px;
background:url(images/nav-bg.jpg) repeat-x;	
text-shadow: 1px 1px 10px #000000;

}

.secondarynav{
list-style-type:none;	
font-size:13px;
}

.secondarynav li{
float:left;
margin:14px 0 10px 10px;	
padding:0 10px 0 0;
border-right:1px solid #82542e;
}

.secondarynav li a:hover{
text-decoration:underline;	
}

.main{
background:black;
width:800px;	
padding:10px 0 0 0;
float:left;

}

.teaserbox{
margin:0 0 0 10px;
width:366px;
background: #00000; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#463220', endColorstr='#000000'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#463220), to(#000)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #463220,  #000); /* for firefox 3.6+ */
	
}

.teaserbox h2{
background:url(images/green-square.gif) 4px 4px no-repeat;
padding:0 0 0 20px;
margin:20px 0 0 10px;
font-weight:normal;
font-size:14px;
}

.teaserbox a{
color:#EFDEC1;
}

.teaserbox p.short{
color:#efe9e0;
font-size: 12px;
line-height: 1.4em;
margin: 10px 15px 0 30px;
padding: 0 0 15px;
border-bottom:1px solid #665e50;
}

.italic{
font-style:italic;
font-size:13px !important;
color:#EFDEC1 !important;
border-bottom:none !important;
}

.teaserbox p.more{
float:right;
background:url(images/green-arrow.png) no-repeat right;
padding:0 10px 0 0;
margin:10px 10px 0 0;
width:70px;
font-size:13px;
}

.teaserbox p.more a{
	color:#EFDEC1;
}

.teaserbox p.more a:hover{
	color:#efe9e0;
}

.teaserbox div{
	margin-bottom:50px;
}

.teaserbox ul{
margin:10px;
padding-left:16px;
list-style:none;
}

.teaserbox ul li{
padding:5px 0 5px 20px;
background:url(images/green-arrow.png) no-repeat left;
}

.footer{
height:30px;
width:800px;
background:url(images/nav-bg.jpg) repeat-x;	
color: #efdec1;
float:left;
}

.footer p{
padding:5px 0 0 50px;
font-size:12px;
}



/*WIZARD*/

#accordion p, div.results{
color:#666666;
font-size:14px;

}

div.results p{
line-height: 1.4em;
padding: 10px 5px 10px 0;
font-size:12px;
}

#accordion h3{
	text-shadow:0 0 5px #000000;

}

div.highlight{
float:left;
text-align:center;
padding:10px 0 10px 0;
width:200px;
}

.highlight{
cursor:pointer;	
}

div.highlight img{
	border:1px solid #999999;
}

p.pager{
clear:both;
padding:10px 0px 10px 280px;
}

div.preview{
border-top:1px solid #787878;
border-left:1px solid #787878;
border-bottom:1px solid #787878;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
margin-bottom:20px;
}

div.imagepreview{
border-bottom:1px solid #787878;
width:400px;
height:300px;
position:relative;
}

#bigImage,#bigImageRiser,#bigImageFinger{
width:620px;
height:400px;
background:black;
opacity:1.0;
display:none;	
border:1px solid #999;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;

}



#bigImageRiser{
height:450px;	
}

#bigImageFinger{
height:398px;	
}

#accordion h2{
color:white;
font-weight:normal;
background:url(../images/wizard/gray-gradient.jpg) repeat-x #999;
border:1px solid #ccc;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:5px 10px;
margin:15px 0;
	
}


#smallImage img{
	width:400px;
	height:271px;
}

#smallImageRiser img{
	width:400px;
	height:339px;
}

#smallFingerTray img{
	width:400px;
	height:265px;
}


#accordion div div div{
cursor:pointer;
}


.bClose {
cursor:pointer;
font-weight:normal;
position:absolute;
right:15px;
text-decoration:none;
top:10px;
}

input[type="radio"]{
	display:none;
}

.ie6 input{
display:none;	
}


div.results{
	border-right:1px solid #787878;
    padding: 0px 0 0 20px;
    text-align: left;
    color:white;
    float:left;
    width:170px;
}



div.results span{
	color:#666666;
}

div.results h3{
	font-weight:normal;
}

div.photoLink img{
	padding:0 0 0 10px;
}


p.disclaimer{
padding:20px;
}

/* Quote Request */

#requestinfo{
display:none;
width:250px;
height:300px;
font-family:Arial, Helvetica, sans-serif;
background:#000000;
border:1px solid #999999;	
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#requestinfo .heading{
	 
	 color:white;
	 padding:10px 0;
	 text-align:center;
	 font-size:18px;
}

#contact_form{
	padding:0 10px;
}

#message{
	text-align:center;
	font-size:larger;
}

#message h2{
	padding:0 0 10px 0;
}

#requestinfo table td{
padding:5px;
}

#requestinfo table{
font-size:12px;	
font-weight:bold;
}

#requestinfo input{
width:150px;
}

#requestinfo textarea{
	width:154px;
}

#requestinfo submit{
	width:100px;
	
}


div.video{
width:300px;
height:199px;
float:left;
padding:20px;
}

div.thumbcontainer{
border-top:1px solid #665e50;
margin:0 10px 20px 10px;
}

div.thumbcontainer img{
   height: 136px;
    padding: 10px 9px 0 0;
    width: 180px;
}


p.mission {
	font-size: 1em;
	line-height: 1.2em;
}

p.mission:first-letter {
	font-size: 2.5em;
	line-height: 0.8em;
	float: left;
	margin: 5px 5px 10px 0;
	color:#f0e8dc;
}

#faq,#faq2,#faq3{
width:510px !important;	
}

#faq p, #faq2 p, #faq3 p{
padding:20px;
font-size:12px;	
color:#EFE9E0;
}

#faq h3{
    -moz-border-radius: none !important;
    -moz-border-radius: none !important;	
}



@media all and (orientation:portrait) { 
  
}

@media all and (orientation:landscape) { 
  
}

@media screen and (max-device-width: 480px) {
  
  
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }  
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}