/* START 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;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
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 RESET */

html {
  height: 100%;
}

body {
  height: 100%;
  font-size: 15px;
  background-color: #BEBEBE;
  font-family: Helvetica, Arial, sans-serif;
}

body.category, body.landing {
  overflow-y: hidden;  
}

p {
  width: 40em;
  line-height: 21px;
  font-color: #111111;
  padding: 2em 2em 0;
}

a {
  color: #000000;
}

ul.work_list {
  line-height: 21px;
  float: left;
  padding: 1em 2em 0;
}

p.contact {
  clear: both;
}

p.weddings_about {
  font-size: 18px;
  line-height: 27px;
}

h1.title, ul#photo-categories li {
  width: 275px;
  height: 50px;
  display: block;
  text-indent: -9999px;
}

h1.title {
  background: url(images/navigation_sprite_2.png) no-repeat;
  margin: 2em 0 .5em;
}

ul.photo-collection, ul.photo-collection li {
  white-space: nowrap;  
  height: 100%;
}

body.landing img, .photo-collection img {
  height: 100%;
  width: auto;
}

ul#photo-categories {
  display: inline-block;
}

ul#photo-categories li {
  background: url(images/navigation_sprite_2.png) no-repeat;
  margin-bottom: .5em;
}

ul#photo-categories a, h1.title a {
  display: block;
  height: 50px;
}

ul.photo-collection li {
  display: inline-block;
  margin-right: 100%;
}

ul#photo-categories li.documentary {
  background-position: 0 -50px;
}

ul#photo-categories li.documentary:hover, ul#photo-categories li.documentary.selected {
  background-position: -280px -50px;
}

ul#photo-categories li.weddings {
  background-position: 0 -100px;
}

ul#photo-categories li.weddings:hover, ul#photo-categories li.weddings.selected {
  background-position: -280px -100px;
}

ul#photo-categories li.music {
  background-position: 0 -150px;
}

ul#photo-categories li.music:hover, ul#photo-categories li.music.selected {
  background-position: -280px -150px;
}

ul#photo-categories li.portrait {
  background-position: 0 -200px;
}

ul#photo-categories li.portrait:hover, ul#photo-categories li.portrait.selected {
  background-position: -280px -200px;
}

ul#photo-categories li.engagement {
  background-position: 0 -250px;
}

ul#photo-categories li.engagement:hover, ul#photo-categories li.engagement.selected {
  background-position: -280px -250px;
}

ul#photo-categories li.personal {
  background-position: 0 -300px;
}

ul#photo-categories li.personal:hover, ul#photo-categories li.personal.selected {
  background-position: -280px -300px;
}


ul#photo-categories.right li.documentary {
  background-position: 0 -350px;
}

ul#photo-categories.right li.documentary:hover, ul#photo-categories.right li.documentary.selected {
  background-position: -280px -350px;
}

ul#photo-categories.right li.weddings {
  background-position: 0 -400px;
}

ul#photo-categories.right li.weddings:hover, ul#photo-categories.right li.weddings.selected {
  background-position: -280px -400px;
}

ul#photo-categories.right li.music {
  background-position: 0 -450px;
}

ul#photo-categories.right li.music:hover, ul#photo-categories.right li.music.selected {
  background-position: -280px -450px;
}

ul#photo-categories.right li.portrait {
  background-position: 0 -500px;
}

ul#photo-categories.right li.portrait:hover, ul#photo-categories.right li.portrait.selected {
  background-position: -280px -500px;
}

ul#photo-categories.right li.engagement {
  background-position: 0 -550px;
}

ul#photo-categories.right li.engagement:hover, ul#photo-categories.right li.engagement.selected {
  background-position: -280px -550px;
}

ul#photo-categories.right li.personal {
  background-position: 0 -600px;
}

ul#photo-categories.right li.personal:hover, ul#photo-categories.right li.personal.selected {
  background-position: -280px -600px;
}

ul#photo-categories li.contact {
  background: transparent url(images/contact_sprite.png);
  background-position: 0 0;
}

ul#photo-categories li.contact:hover, ul#photo-categories li.contact.selected {
  background-position: -280px 0;
}

ul.photo-collection img {
  cursor: pointer;
}

div.col1 {
  background-color: #BEBEBE;
  height: 100%;
  position: fixed;
}

div.col2 {
  margin-left: 303px;
  height:100%;
}

body.landing {
  white-space: nowrap;
}

body.landing h1.title, body.landing ul#photo-categories, body.landing img {
  position: absolute;
}

body.landing h1.title {
  right: 463px;
}

body.landing ul#photo-categories {
  right: 188px;
}

body.landing ul#photo-categories {
  margin-top: 2em;
}

body.landing img {
  right: 0;
  z-index: -9999;
}

body.category .title, body.category ul#photo-categories {
  margin-left: 28px;
}

body.single {
  padding-left: 28px;
}

div.navigation {
  position: absolute;
  bottom: 0;
  margin-top: 14px;
  margin-left: 28px;
}

div.navigation a {
  background: transparent url(images/nav_sprite.png);
  height: 48px;
  width: 48px;
  display: block;
  text-indent: -9999px;
  float: left;
}

div.navigation a.about {
  background-position: 0 0;
  margin-right: 26px;
}

div.navigation a.fullscreen {
  background-position: -48px 0;
  margin-right: 28px;
}

div.navigation a.previous {
  background-position: -96px 0;
  margin-right: 28px;
}

div.navigation a.next {
  background-position: -144px 0;
}


div.wp-pagenavi {
 visibility: hidden;
}