@import url('reset.css');


body {background: #000 url('../images/blueBackground2.jpg') no-repeat fixed bottom center; }

/*----------------------------------------------------------------------------- SLIDER ----------*/
#slider {margin: 0 auto; position: relative; }
.scroll {height: 500px; overflow: auto; overflow-x: hidden; position: relative; clear: left; overflow-y: hidden; }
.scrollContainer div.panel {height: 460px; width: 904px; margin-right: 900px; }
.innerContent {width: 904px; position: relative; padding-left: 8px; margin: 0 auto; position: relative; }
.controlHolder {position:absolute; right:14px; top:37px; width:88px; z-index:200;}
.scrollButtons {float: left; cursor: pointer; margin-right:4px; opacity: 0.6; filter: alpha(opacity=60);}
.scrollButtons:hover {opacity: 1; filter: alpha(opacity=100);}
.hide {display: none;}
.hCenter {position: relative; display: block; float: left;}
/*----------------------------------------------------------------------------- NAV & FOOTER ----------*/

#footNavContainer {position: fixed; bottom: 0; height: 75px; width: 100%; background: transparent url('../images/footerBackground.png') repeat-x; z-index: 100;}
#footNav {width: 902px; margin: 0 auto; position: relative; padding-top: 20px;}
ul#social {float: right; margin-top: -42px;}
ul#social li {display: inline; float: left; margin-left: 5px;}
a.facebook, a.twitter {width: 21px; height: 20px; text-indent: -99999px; display: block;}
a.facebook {background: transparent url('../images/socialSprite.png') no-repeat 0 0;}
a.facebook:hover {background-position: 0 -20px;}
a.twitter {background: transparent url('../images/socialSprite.png') no-repeat -22px 0;}
a.twitter:hover {background-position: -22px -20px;}





/*ul.navigation a.selected {background-color: #333;}*/
ul.navigation {height: 40px; }
ul.navigation > li {display: inline; margin-right: 10px; padding: 10px; position: relative; }
ul.navigation a {font-family: arial; color: #4d5152; text-decoration: none; font-size: 16px;}
ul.navigation > li:hover {color: #72797a; background: transparent url('../images/hoverBackground.png') repeat; -moz-border-radius:10px; -webkit-border-radius: 10px;}
ul.navigation > li.noHover:hover {background-image: none; border-top: 12px solid transparent;}
ul.navigation a:focus {outline: none;}

ul.navigation li:hover ul.flyOut {display: block; }
ul.navigation ul {
  position: absolute; 
  display: none; 
  width: 300px;
  background: transparent url('../images/hoverBackground.png') repeat;
  padding: 10px 0;
  bottom:50px; 
  *bottom:43px; 
  left:-6px; 
  padding-left:3px; 
  border-bottom:5px solid transparent;
  -moz-border-radius-topleft:10px;
  -moz-border-radius-topright:10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;  }
  
  
ul.flyOut li {position: relative; display: block; width: 100%; }
ul.flyOut a {position: relative; display: block; padding-left: 12px; font-size: 13px; margin-top:3px;}
ul.flyOut a:hover {background: transparent url('../images/subHover.png') no-repeat 2px 6px; color: pink;}



/*----------------------------------------------------------------------------- HOME ----------*/
#home h1 {padding-bottom:200px; text-indent: -9999px; background: transparent url('../images/title.png') no-repeat; height: 298px; width: 624px; margin: 30px auto 0;}


/*----------------------------------------------------------------------------- GALLERY PAGES ----------*/
.innerContent h2 {
  color: #fff; 
  position: relative; 
  z-index: 1; 
  width: 800px;
  font-size: 60px; 
  text-transform: uppercase; 
  margin-left: -5px;
  opacity: 0.1; 
 /* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*/
  filter: alpha(opacity=10);}
  
.extras h3 {background: transparent url('../images/infoButton.png') no-repeat; text-indent: -99999px; width:25px; float: left; height: 24px; margin-right:4px; opacity: 0.6; filter: alpha(opacity=60);} 
.extras h3:hover {opacity: 1; filter: alpha(opacity=100);}
.extras:hover {cursor: pointer;}  
.hidden {display:none;}

.extras:hover .hidden {
  display: block;
  -moz-border-radius:5px;
  -webkit-border-radius: 5px;
  background:transparent url('../images/infoBoxBackground.png') repeat scroll 0 0;
  border:2px solid #000;  
  font-family: verdana;
  line-height: 1.3em;
  font-size:11px;
  top:-18px;
  padding:15px 15px 30px;
  position:absolute;
  right:63px;
  width:275px;
  z-index:105;
  -moz-box-shadow:0px 0px 13px 2px #111;  
  -webkit-box-shadow: 3px 3px 37px #111; 
  } 
  
.hidden h4 {font-size: 14px; color:#ddd;}
.hidden p {color:#bbb; margin-top:10px; width:270px;}


.thumbs img {
  border:3px solid #fff; 
  -moz-box-shadow:0px 0px 21px 5px #000000; 
  -webkit-box-shadow: 3px 3px 37px #000000; 
  -moz-border-radius:2px; 
  -webkit-border-radius: 2px; 
  margin-bottom: 16px;} 
  
.thumbs {display:inline; padding-bottom:20px; padding-right: 16px;}
.hiddenThumbs {display: none;}
.innerContent p {
  color:#777;
  font-family:verdana;
  font-size:12px;
  line-height:1.4em;
  margin-bottom:1.4em;
  text-align:justify;
   }
h2 {margin-bottom: 14px;}


/*----------------------------------------------------------------------------- PHILOSOPHY ----------*/
#philosophy p {margin-left: -8px; width: 270px; padding-left:8px; padding-right:23px; float: left;}

/*----------------------------------------------------------------------------- CONTACT FORM ----------*/
#contact_form	{float:left; margin-left:10px; width:540px; margin-right: 74px;}
#contact_form input, #contact_form textarea  {-moz-border-radius:6px; -webkit-border-radius: 6px; border:1px dashed #2A2A2A; background : transparent url('../images/emailInitialise.png') repeat; color:#AAAAAA; float: right; font-family:arial; font-size: 14px; font-weight:bold; margin-bottom:15px; padding:8px; width:415px;}
#contact_form textarea {height: 150px; overflow: hidden;}
#contact_form input#submit {float:right; padding:2px; width:115px;}  
#contact_form label {float: left; color: #ccc; font-family: arial; font-size: 14px; width: 107px; height:47px;}
#resultsMessage {margin-top:60px;}
#resultsMessage h2 {font-family:arial; font-size:38px; }
#contactText p {float: left; width:270px;}


/*----------------------------------------------------------------------------- BOOKS AND PRINTS  ----------*/

#bookInfo {float: left; width:270px; padding-right:31px;}  
/*#bookInfo p {float: left; } */
 
img#nightShinesBook {-moz-box-shadow:0 4px 14px 1px #000000; -webkit-box-shadow: 3px 3px 37px #000000;  border:1px solid #1A1A1A; float:left; margin-right:31px;}

p.button_description {padding-top: 2px;}

input.button_paypal {
-moz-border-radius:3px;
-webkit-border-radius:3px;
background:transparent url('../images/footerBackground.png') repeat scroll 0 0;
border:1px dotted #555555;
color:#777777;
float:left;
font-size:11px;
margin-right:10px;
padding:3px;
clear: left;}

input.button_paypal:hover {cursor: pointer; color: #aaa;}

#prints {float: left; width:270px;}
#prints a{
  color:#777;
  font-family:verdana;
  font-size:12px;
  line-height:1.4em;
  border-bottom: 1px dotted #777;
  text-decoration: none;
  
  }
  
#prints a:hover {color: #aaa;}