html,body {
	color: #999;
	/*height: 100%;*/
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #333;
	margin: 0;
	padding: 0;
}

/* MANAGE BACKGROUND */

img.bkgnd {
  /* set rules to fill background */
  min-height: 100%;
  min-width: 900px;
	
  /* set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 900px) { /* specific to this particular image */
  img.bkgnd {
    left: 50%;
    margin-left: -450px;   /* 50% */
  }
}

/* END MANAGE BACKGROUND */

#wrapper {
	position: absolute;
	bottom: 0;
	width: 100%;
	margin: 0;
	padding: 0;
}

/* Swipe 2 required styles */

.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}

/* END required styles */

#mySwipe {
	margin-bottom: 10px;
}

#mySwipe img {
	display: block; /*required for chrome*/
	margin-left: auto; margin-right: auto; /* keep block horiz centered */
	max-width: none;
	max-height: 100%;
}

#index-header {
	position: fixed;
	width: 95%;
	margin: 0 auto;
	margin-left: 2.5%;
	height: 50px;
	top: 0;
	display: table;
}

#index-base {
	position: absolute;
	width: 100%;
	height: 100%;	
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;
	border: 1px solid #444;
	background: black;
	opacity: 0.5;
}

#footer {
	position: relative;
	width: 95%;
	max-width: 940px;
	margin: 0 auto;
	height: 120px;
}

#footer-base {
	position: absolute;
	width: 100%;
	height: 100%;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background: black;
	opacity: 0.5;
}

#thumbcontainer {
	position: relative;
	float: right;
	padding: 10px 10px 0 0;
	text-align: right;
}

a.footer_thumb {
	display: inline-block;
	margin: 0 6px;
	border: 1px solid transparent;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
}

a.footer_thumb:hover {
	border: solid 1px #9c0;
	height: 91px; /* default */
}




#index-navcontainer {
	float: left;
	position: relative;
	top: 10px;
	left: 20px;
	height: 30px;
	margin:0;
	padding: 0;
	width: 33px;
	z-index:5;
}

#navcontainer {
	position: relative;
	display: inline-block;
	top: 10px;
	left:  20px;
	margin: 0;
	padding: 0;
	width: 40%;
}

#projtext {
	color: #aaa;
	font-family: Verdana,"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 13px;
	min-width: 237px;
	margin-top: 10px;
	left: 0;
	padding: 0;
}

#navlist {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 30px;
	width: 237px;
}

#navlist li {
	float: left;
}

#navlist li a.nav_home {
	display: block;
	width: 33px;
	height: 30px;
	background: url(../portfolio2/imgs/nav_home.png) no-repeat 0 0;
}

#navlist li a.nav_home:hover {
	background-position: 0 -30px;
}

#navlist li a.nav_index {
	display: block;
	width: 70px;
	height: 30px;
	margin-left: 8px;
	background: url(../portfolio2/imgs/nav_index.png) no-repeat 0 0;
}

#navlist li a.nav_index:hover {
	background-position: 0 -30px;
}

#navlist li.nav_bar {
	display: block;
	width: 4px;
	height: 30px;
	background: url(../portfolio2/imgs/nav_bar.png) no-repeat 0 0;
}

#navlist li a.nav_prev {
	display: block;
	width: 40px;
	height: 30px;
	background: url(../portfolio2/imgs/nav_prev.png) no-repeat 0 0;
}

#navlist li a.nav_prev:hover {
	background-position: 0 -30px;
}

#navlist li.nav_label {
	display: block;
	width: 42px;
	height: 30px;
	background: url(../portfolio2/imgs/nav_label.png) no-repeat 0 0;
	z-index:10;
}

#navlist li a.nav_next {
	display: block;
	width: 40px;
	height: 30px;
	background: url(../portfolio2/imgs/nav_next.png) no-repeat 0 0;
}

#navlist li a.nav_next:hover {
	background-position: 0 -30px;
}