@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
@import url('/store/fonts/webfonts/ChunkFiveRegular.css');
@import url('/mktx/font/DadsRecipe.css');

   
html { 
	background-color: #000; 
	background-image: url(img/footer-bk.jpg); 
	background-repeat: repeat;
	font-family: 'Open Sans', arial, sans-serif; 
}

body { 
	color: #AAA;  
	font-family: 'Open Sans', arial, sans; 
	font-size: 15px;
	background: url(img/bk_new.jpg) repeat left top;	
	height: 100%;
}

#header {
	position: relative;
	text-align: left;
	background-color: #000;
}

div.page, div.page-light {
	background: url(img/gradient.png) repeat-x 0 0;
	min-height: 500px;
	padding-top: 30px;
	padding-bottom: 50px;	
	_background: #383838 none;/* ie6 */
	/*box-shadow: inset 0 5px 15px rgba(0,0,0,0.75); */
}

.no-min-height { min-height: 0 !important; }

div.page-light {
	background: url(img/light-bk.jpg) repeat left top;	
	color: #555;
	_background: #ebebeb none;/* ie6 */
}

div.page-light  hr 
{
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #fff;
}

div.page-light  .hilighted {
  color: #000;
}
div.page-light  .muted {
  color: #ccc;
}
.well-light h1, 
div.page-light  h2, 
div.page-light  h3, 
div.page-light  h4, 
div.page-light  h5, 
div.page-light  h6,
.light h1, 
.light  h2, 
.light  h3, 
.light  h4, 
.light  h5, 
.light  h6
{	
	color: #111;
}


h1 {	color: #f8f8f8; font-weight: normal; font-family: ChunkFiveRegular, arial, sans;  }
h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: normal; font-family: ChunkFiveRegular, arial, sans;}

strong {
  font-weight: bold;
  color: #ccc;
}

.script { font-family: "dads_reciperegular"; font-size: 15px; font-size: 200%; letter-spacing: -1px; line-height:15px;}
sup.script { font-size: 30px; position: relative; left: -15px; }  


div.page.no-gradient {
	background: none;
	_background: #383838 none;/* ie6 */
}


footer {
	background-image: url(img/footer-bk.jpg); 
	font-size: 85%;
	text-align: left;
	color: #666;
}

.well-light,
.well-light-large,
.well-light-small
  {	
	background: url(img/light-bk.jpg) repeat left top;	
	box-shadow: inset 0 5px 15px rgba(0,0,0,0.75);
}

div.footer-column  a { display: block;}
div.copyright { text-align: center; }
div.copyright { text-align: center; }
img#prflogo { opacity: .80; } 


.bqstart {	
     font-size: 200%;
     color: #666;
 }

 .bqend {
     font-size: 200%;
     color: #666;
 }
 
div.color-border {
height: 1px;
padding 0;	
margin: 0;
background: #c3c92b  url(img/border.gif) no-repeat top center;
border: 0;
font-size: 0;
}


a, a:link, a:visited, a:hover, a:focus, a:active { color: #999; text-decoration: none;}
a:hover { color: #f8f8f8; }

a.btn, a.btn:link, a.btn:visited, a.btn:hover, a.btn:focus, a.btn:active   { color: #ffffff !important; }


.navbar { margin: 0;  background-color: #000; }
.navbar-inverse .navbar-inner { background-color: #000}
.navbar-inverse .nav .active>a, .navbar-inverse .nav .active>a:hover, .navbar-inverse .nav .active>a:focus  { background-color: #000 } 
.navbar .nav > li > a, 
.navbar .nav > .active > a,
.navbar .nav > li > a:hover,
.navbar .nav > .active > a:hover  { border: 0; margin-top: 0;  background-color: #000 }

.well-light a, .well-light-large a, .well-light-small a, .page-light a, .modal a,
.well-light a:link, .well-light-large a:link, .well-light-small a:link, .page-light a:link, .modal a:link,
.well-light a:visited, .well-light-large a:visited, .well-light-small a:visited, .page-light a:visited, .modal a:visited,
.well-light a:active, .well-light-large a:active, .well-light-small a:active,.page-light a:active, .modal:active,
.well-light a:focus, .well-light-large a:focus, .well-light-small a:focus .page-light a:focus, .modal a:focus { color: #0088cc; }
.well-light a:hover, .well-light-large a:hover, .well-light-small a:hover , .page-light a:hover , .modal a:hover { color: #005577; text-decoration: none; }


#banner.hero-unit { 
	text-align: center;
	background-color: #000;
	background-image: url(img/banner-bk.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 0px;
}

.home-page #banner-content { 
	position: relative; 
}

h1.mission {
	font-size: 55px; 
	line-height: 55px; 
	color: #f8f8f8;
	font-weight: normal; 
	font-family: ChunkFiveRegular, arial, sans; 
	letter-spacing:-1px; 
	margin: 0 0 15px 0;
}





#note-why  { position: absolute; background-image: url(img/findoutwhy.png); width:110px; height: 13px; top: 165px; right: 200px;}
#note-find { position: absolute; background-image: url(img/lookingforphotos.png); width:112px; height: 33px; top: -50px; right: 10px;  }

/******** common styles **********/ 
 
 .text-letterpress  {  text-shadow: 0px 1px 1px #fff;  }
 .text-shadow  {  text-shadow: 0px 1px 5px rgba(0,0,0,0.75);  }
 
.inline  {
  display: inline-block;
  *display: inline;
  float:none;
  *zoom: 1;
}

.green {  color:  #c3c92b !important; }
.red {  color:  #b9331a !important; }
.cyan {  color:  #62b9a3 !important; }
.mustard {  color:  #c4ac29 !important; }
.orange {  color:  #d89223 !important; }
.rust {  color:  #d56020 !important; }
.darker-gray {  color:  #555 !important; }
.darkest-gray {  color:  #222 !important; }

.greenbk {  background-color:  #c3c92b; }
.redbk {  background-color:  #b9331a; }
.cyanbk {  background-color:  #62b9a3; }
.mustardbk {  background-color:  #c4ac29; }
.orangebk {  background-color:  #d89223; }
.rustbk {  background-color:  #d56020; }

.no-radius {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.no-margin { margin: 0; }
.no-vert-margin { margin-top: 0; margin-bottom: 0; }

.half-margin-top { margin-top: .5em; }
.margin-top { margin-top: 1em; }
.double-margin-top { margin-top: 2em; }
.triple-margin-top { margin-top: 3em; }

.half-padded-bottom { padding-bottom: .5em; }
.padded-bottom { padding-bottom: 1em; }
.double-padded-bottom { padding-bottom: 2em; }
.triple-padded-bottom { padding-bottom: 3em; }

.half-margin-left { margin-left: .5em; }
.margin-left { margin-left: 1em; }
.double-margin-left { margin-left: 2em; }
.triple-margin-left { margin-left: 3em; }

.half-margin-right { margin-right: .5em; }
.margin-right { margin-right: 1em; }
.double-margin-right { margin-right: 2em; }
.triple-margin-right { margin-right: 3em; }

.no-padding { padding: 0; }

.half-padded-top { padding-top: .5em; }
.padded-top { padding-top: 1em; }
.double-padded-top { padding-top: 2em; }
.triple-padded-top { padding-top: 3em; }

.half-padded-bottom { padding-bottom: .5em; }
.padded-bottom { padding-bottom: 1em; }
.double-padded-bottom { padding-bottom: 2em; }
.triple-padded-bottom { padding-bottom: 3em; }

.half-padded-left { padding-left: .5em; }
.padded-left { padding-left: 1em; }
.double-padded-left { padding-left: 2em; }
.triple-padded-left { padding-left: 3em; }

.half-padded-right { padding-right: .5em; }
.padded-right { padding-right: 1em; }
.double-padded-right { padding-right: 2em; }
.triple-padded-right { padding-right: 3em; }

.aligned-top, .aligned-top td { vertical-align: top; }
.aligned-baseline, .aligned-baseline td { vertical-align: baseline; }

.muted-50pct { opacity: .50;}
.muted-70pct { opacity: .30;}

.icon-6x { font-size: 6em; }
.icon-8x { font-size: 8em; }
.icon-10x { font-size: 10em; }
.icon-12x { font-size: 12em; }
.icon-15x { font-size: 15em; }
.icon-20x { font-size: 20em; }

.copyrighticon { font-size: 10em; line-height: 1em; font-weight: bold; } 

ul.padded-list > li  { padding-bottom: .5em }
ul.half-padded-list > li  { padding-bottom: .25em }

.featured .thumbnail {
	background-color: #fff;
	padding: 15px;
	box-shadow: 0px 3px 3px 0px #000;
	border: 1px solid #ddd;	
	color: #000;
}

.featured li   h3 {
	margin-bottom: 0;
	color: #000;
}

.featured .thumbnail .pic img.pic {
	opacity: 1.0;
}
.featured .thumbnail .pic img.pic:hover {
	opacity: 0.8;
}

div.storethumbs  div {
display: inline-block; 
text-align: center;
margin: 5px 5px 10px 5px;
padding: 15px;
vertical-align: top;  
}

.btn {
  font-weight: 600;
}

.btn-green {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #a9af26;
  *background-color: #8f9420;
  background-image: -moz-linear-gradient(top, #b8be29, #919620);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b8be29), to(#919620));
  background-image: -webkit-linear-gradient(top, #b8be29, #919620);
  background-image: -o-linear-gradient(top, #b8be29, #919620);
  background-image: linear-gradient(to bottom, #b8be29, #919620);
  background-repeat: repeat-x;
  border-color: #919620 #919620 #334d00;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb8be29', endColorstr='#ff919620', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active,
.btn-green.disabled,
.btn-green[disabled] {
  color: #ffffff;
  background-color: #8f9420;
  *background-color: #80841d;
}

.btn-green:active,
.btn-green.active {
  background-color: #6e7219 \9;
}

.btn-cyan {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #65b8a0;
  *background-color: #56b197;
  background-image: -moz-linear-gradient(top, #6ebca6, #56b197);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6ebca6), to(#56b197));
  background-image: -webkit-linear-gradient(top, #6ebca6, #56b197);
  background-image: -o-linear-gradient(top, #6ebca6, #56b197);
  background-image: linear-gradient(to bottom, #6ebca6, #56b197);
  background-repeat: repeat-x;
  border-color: #56b197 #56b197 #43907a;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff65b8a0', endColorstr='#ff43907a', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-cyan:hover,
.btn-cyan:focus,
.btn-cyan:active,
.btn-cyan.active,
.btn-cyan.disabled,
.btn-cyan[disabled] {
  color: #ffffff;
  background-color: #56b197;
  *background-color: #4ea98f;
}

.btn-cyan:active,
.btn-cyan.active {
  background-color: #489c84 \9;
}


.btn-red {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #b9331a;
  *background-color: #9e2b16;
  background-image: -moz-linear-gradient(top, #c9371c, #9e2b16);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c9371c), to(#9e2b16));
  background-image: -webkit-linear-gradient(top, #c9371c, #9e2b16);
  background-image: -o-linear-gradient(top, #c9371c, #9e2b16);
  background-image: linear-gradient(to bottom, #c9371c, #9e2b16);
  background-repeat: repeat-x;
  border-color: #9e2b16 #9e2b16 #611b0e;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc9371c', endColorstr='#ff9e2b16', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active,
.btn-red.disabled,
.btn-red[disabled] {
  color: #ffffff;
  background-color: #9e2b16;
  *background-color: #8b2613;
}

.btn-red:active,
.btn-red.active {
  background-color: #762111 \9;
}


.btn-mustard {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #c1ab28;
  *background-color: #ab9723;
  background-image: -moz-linear-gradient(top, #d0b82b, #ab9723);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d0b82b), to(#ab9723));
  background-image: -webkit-linear-gradient(top, #d0b82b, #ab9723);
  background-image: -o-linear-gradient(top, #d0b82b, #ab9723);
  background-image: linear-gradient(to bottom, #d0b82b, #ab9723);
  background-repeat: repeat-x;
  border-color: #ab9723 #ab9723 #746718;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd0b82b', endColorstr='#ffc4861f', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-mustard:hover,
.btn-mustard:focus,
.btn-mustard:active,
.btn-mustard.active,
.btn-mustard.disabled,
.btn-mustard[disabled] {
  color: #ffffff;
  background-color: #ab9723;
  *background-color: #998720;
}

.btn-mustard:active,
.btn-mustard.active {
  background-color: #87771c \9;
}


.btn-orange {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da9522;
  *background-color: #c4861f;
  background-image: -moz-linear-gradient(top, #df9c2e, #c4861f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#df9c2e), to(#c4861f));
  background-image: -webkit-linear-gradient(top, #df9c2e, #c4861f);
  background-image: -o-linear-gradient(top, #df9c2e, #c4861f);
  background-image: linear-gradient(to bottom, #df9c2e, #c4861f);
  background-repeat: repeat-x;
  border-color: #c4861f #c4861f #334d00;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdf9c2e', endColorstr='#ffc4861f', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.btn-orange.disabled,
.btn-orange[disabled] {
   color: #ffffff;
  background-color: #c4861f;
  *background-color: #b47b1c;
}

.btn-orange:active,
.btn-orange.active {
  background-color: #a16e19 \9;
}


.btn-rust {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da6122;
  *background-color: #c4581f;
  background-image: -moz-linear-gradient(top, #df6b2e, #c4581f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#df6b2e), to(#c4581f));
  background-image: -webkit-linear-gradient(top, #df6b2e, #c4581f);
  background-image: -o-linear-gradient(top, #df6b2e, #c4581f);
  background-image: linear-gradient(to bottom, #df6b2e, #c4581f);
  background-repeat: repeat-x;
  border-color: #c4581f #c4581f #334d00;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdf6b2e', endColorstr='#ffc4581f', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-rust:hover,
.btn-rust:focus,
.btn-rust:active,
.btn-rust.active,
.btn-rust.disabled,
.btn-rust[disabled] {
  color: #ffffff;
  background-color: #c4581f;
  *background-color: #b4501c;
}

.btn-rust:active,
.btn-rust.active {
   background-color: #a14819 \9;
}

.header-btn-group {
position:relative; 
top:50px;
}

.header-btn-group  .btn {
margin-top: 4px;
font-weight: 300;
font-size: 15pt;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
		   margin-left: -1px;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	}		   
}

/*
.header-btn-group  .btn:first-child {
  -webkit-border-radius: 6px 0 0 6px;
     -moz-border-radius: 6px 0 0 6px;
          border-radius: 6px 0 0 6px;
}

.header-btn-group  .btn:last-child {
  -webkit-border-radius: 0 6px 6px 0;
     -moz-border-radius: 0 6px 6px 0;
          border-radius: 0 6px 6px 0;
}
*/


/* center tabs ***********************/

.nav-tabs  li, .nav-pills  li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
     zoom:1; /* hasLayout ie7 trigger */
}

.nav-tabs, .nav-pills { text-align:center; }
.navbar .btn-navbar { padding: 12px 10px; }
/*.navbar-inner #prlogo {  background: transparent url(img/photoreflect.png) no-repeat 0 0; _height: 45px; margin-top: 10px;}*/
 

.photo-hero-banner { padding-top: 250px }
 .hero-unit  .backstretch { opacity: 1 }
 
@media (min-width: 1200px) {
.photo-hero-banner { padding-top: 350px }
}
@media (max-width: 1919px) {
.photo-hero-banner { padding-top: 300px }
}

@media (max-width: 979px) { 
.photo-hero-banner { padding-top: 200px }
}
/* Landscape phone to portrait tablet */
@media (max-width: 768px) { 
    h1 , .hero-unit h1 { font-size: 50px; } 
    h2 { font-size: 28px; line-height: 36px; }
    .photo-hero-banner { padding-top: 150px }
}

/* Landscape phones and down */
@media (max-width: 480px) { 
    h1 , .hero-unit h1  { font-size: 45px; } 
    h2 { font-size: 26px; line-height: 30px; } 
    .photo-hero-banner { padding-top: 100px }
    .hero-unit  .backstretch { opacity: .33 }

}