/*Begin CSS Reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
:focus {
  outline: 0;
}
body {
  line-height: 1;
  color: #FFFFFF;
}
ol, ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}
/*End CSS Reset*/

@font-face {
  font-family: 'ChampagneLimousines';
  src: url('type/champagne__limousines-webfont.eot');
  src: url('type/champagne__limousines-webfont.eot?#iefix') format('embedded-opentype'),
	   url('type/champagne__limousines-webfont.woff') format('woff'),
	   url('type/champagne__limousines-webfont.ttf') format('truetype'),
	   url('type/champagne__limousines-webfont.svg#ChampagneLimousinesRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

html{
  font-family:Helvetica, Arial, sans-serif;
  background:url('img/checkerboard_bg.png') #B0B0B0;
  overflow-y: scroll; /* keeps scrollbar on page at all times */
  min-width:700px;
  max-width:1600px;
  min-height:100%; /* for background gradient positioning */
  position:relative;
}

h1, h2, h3, h4{
  font-family:ChampagneLimousines, Helvetica, Arial, sans-serif;
  text-rendering: optimizeLegibility; /* use kerning */
}

a:link{color:#BBBBBB;}
a:visited{color:#FFFFFF;}
a:hover, a:focus{text-decoration:none;}
a:active{color:#FF6600;text-decoration:underline;}

a.orange:link{color:#FF6600;}
a.orange:visited{color:#FF9955;}
a.orange:hover, a.orange:focus{text-decoration:none;}
a.orange:active, a.orange:active{color:#FFFFFF;text-decoration:underline;}

#container,#header{
  width:83.33%; /* 5/6 */
}

#container{
  position:relative; /* for slideBoxBackground */
}

#header{
  background:#FF6600;
  text-align:right;
  margin-top:60px;
  margin-bottom:15px;
  padding:2px 0 37px 0; /* Gives space below lettering equal to height of slideBoxTitle */
  position:relative; /* for slide-in */
  opacity:1; /* keeps the header visable during container fade in */
}

#header h1{
  display:block;
  font-size:60px;
  margin-right:10px; /* padding (on div) and margins both used because of margin collapsing */
  -webkit-font-smoothing: antialiased; /* ensure light weight */
}

div.slideBoxTitle{
  position:relative;
  z-index:1;
  font-size:30px;
  letter-spacing:4px;
  text-transform:uppercase;
  clear:both; /* clears previous floated slideboxes */
  overflow:hidden; /* contain floated h2 element */
}

div.slideBoxTitle a{
  display:block;
  color:#FFFFFF !important; /* override hover and active */ 
  text-decoration:none;
  padding:8px 7px 7px 10px; /* top and bottom add up to 15px, left matches p padding */
}

div.slideBoxTitle h2, div.slideBox{
  width:60%;
  float:right;
}

div.slideBoxBackground{
  position:absolute;
  width:100%;
  height:45px; /* title text size + 2 (title padding) */
  margin-top:-45px; /* pulls div under header text */
  background-color:rgb(40,40,40); /* fallback in case no rgba support */
  background-color:rgba(40,40,40,0.97);
}

div.slideBox, #socialBox{
  margin-bottom:15px;
}

div.slideBox{
  background-color:rgb(40,40,40); /* fallback in case no rgba support */
  background-color:rgba(40,40,40,0.97);
}

/*
Old slidebox definition with gradients
div.slideBox{
  background-color:rgb(35,35,35); /* fallback in case no rgba support
  background-color:rgba(35,35,35,0.85); /* fallback definition in case of no gradient support
  background: -moz-linear-gradient(top, rgba(35,35,35,0.85),rgba(35,35,35,0.95) 45px); /* FF3.6+
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(35,35,35,0.85)), color-stop(45px,rgba(35,35,35,0.95))); /* Chrome,Safari4+
  background: -webkit-linear-gradient(top, rgba(35,35,35,0.85),rgba(35,35,35,0.95) 45px); /* Chrome10+,Safari5.1+
  background: -o-linear-gradient(top, rgba(35,35,35,0.85),rgba(35,35,35,0.95) 45px); /* Opera 11.10+
  background: -ms-linear-gradient(top, rgba(35,35,35,0.85),rgba(35,35,35,0.95) 45px); /* IE10+
  background: linear-gradient(top, rgba(35,35,35,0.85),rgba(35,35,35) 45px); /* W3C
}
 */

h3, h4{
  margin:10px;
  clear:both; /* clears previous floated images */
}

h3{
  margin-bottom:-7px;
  color:#FF6600;
  font-size:30px;
}

h3.clearNone{
  clear:none;
}

h3 a{
  color:#FF6600 !important; /* override visited color */
  text-decoration:none;
}

h3 a:hover, h3 a:focus{
  text-decoration:underline;
}

h3 a:active{
  color:#FFFFFF;
}

h4{
  font-size:20px;
}

h3:first-child, p:first-child, img:first-child + p{
  margin-top:0; /* for first elements in slideBox */
}

p, ul{
  font-size:15px;
  line-height:1.5;
  margin:10px;
}

span.highlight{
  color:#FF6600;
}

span.displayNone { /* to obfuscate email addresses */
  display:none;
}

img.thumnail{
  width:50%;
  min-width:225px;
  border:2px #454545 solid;
  color:#454545; /* for strange chrome behavior where border color inhereted text color of visited link */
  margin:0 8px 8px 8px; /* matches margin for p minus border size */
}

a img.thumnail:hover, a img.thumnail:focus{
  border-color:#FF6600;
}

img.thumnail.right {
  float:right;
}

img.thumnail.left {
  float:left;
}

ul{
padding:0 0 0 1em;
list-style-image:url('img/bullet.png');
}


#socialBox{
  height:45px;
  width:40%;
  text-align:right;
  padding-right:5px;
  margin-left:-5px; /* offsets the position change from padding */
  clear:both; /* necessecary for users without javascript */
  background-color:rgb(40,40,40); /* fallback in case no rgba support */
  background-color:rgba(40,40,40,0.97);
}

#socialBox div{ /* divs hold color icons */
  float:right;
  margin:7px 3px 6px 3px;
  background-image:url('img/icon_sprite.png');
}

#socialBox a{ /* anchors hold black and white icons */
  display:block;
  height:32px;
  width:32px;
  background-image:url('img/icon_sprite.png');
}

#boxFacebook{
  background-position:0 0;
}

#boxFacebook a{
  background-position:0 -32px;
}

#box500px{
  background-position:-32px 0;
}

#box500px a{
  background-position:-32px -32px;
}

#boxFlickr{
  background-position:-64px 0;
}

#boxFlickr a{
  background-position:-64px -32px;
}


#backgroundImage{
  min-width:100%;
  min-height:100%;
  
  width:auto;
  height:auto;
  
  position:fixed;
  z-index:-10;
}

#backgroundImage.top{
  top:0;
}

#backgroundImage.bottom{
  bottom:0;
}

#backgroundImage.left{
  left:0;
}

#backgroundImage.right{
  right:0;
}

#backgroundGradient{
  position:absolute;
  z-index:-5; /* Match the top margin of the header */
  top:60px;
  left:0;
  bottom:0;
  width:33.33%; /* 2/6 */
  background: -moz-linear-gradient(left, rgba(255,255,255,0.35),rgba(255,255,255,0)); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.35)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255,255,255,0.35),rgba(255,255,255,0)); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(255,255,255,0.35),rgba(255,255,255,0)); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(255,255,255,0.35),rgba(255,255,255,0)); /* IE10+ */
  background: linear-gradient(left, rgba(255,255,255,0.35),rgba(255,255,255,0)); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59FFFFFF', endColorstr='#00000000',GradientType=1 ); /* IE6-8 */}
}