body {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	border-width: 0px;
	border-style: none;
	padding: 0px;
	margin: 0px;
	background-color: #e8e8e8;
	}

#main {
	margin-right: auto;
	margin-left: auto;
	height: 1200px;
	top: 20px;
	width: 1010px;
	position: relative;
	}

#logo {
	background-position: -2px -26px;
	background-repeat: no-repeat;
	background-image: url(images/logo_shadow.png);
	padding-bottom: 4px;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 4px;
	border-color: #d1d1d1;
	border-width: 0px;
	border-style: solid;
	left: 60px;
	top: 0px;
	position: absolute;
	height: 120px;
	z-index: 100;
	width: 110px;
	}

#logo_img {
	border-color: black;
	border-width: 10px;
	border-style: solid;
	left: 4px;
	top: 0px;
	position: absolute;
	height: 88px;
	width: 79px;
	}

#banner {
	background-color: #343434;
	margin-right: 30px;
	margin-left: 30px;
	z-index: 0;
	top: 0px;
	position: absolute;
	background-position: 761px 2px;
	background-repeat: no-repeat;
	background-image: url(images/AFP-2-48px.png);
	border-width: 0px;
	border-style: none;
	height: 50px;
	width: 950px;
	}

#content {
	z-index: 0;
	text-align: center;
	top: 40px;
	border-width: 0px;
	border-style: none;
	padding: 0px;
	margin: 0px;
	position: absolute;
	height: 720px;
	width: 1010px;
	}

.photo {
	background-color: #b8b8b8;
	border-color: white;
	border-style: solid;
	padding: 0px;
	margin: 0px;
	border-width: 8px;
	}

#copyright {
	z-index: -3;
	padding: 4px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-color: #dcff2d;
	border-right-width: 29px;
	border-style: solid;
	color: #bababa;
	font-size: 7pt;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	top: 706px;
	right: 34px;
	position: absolute;
	}

#menu{
	z-index: 3;
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	border-style: solid;
	left: 180px;
	top: 32px;
	height: 18px;
	width: 198px;
	position: absolute;
	}

#menu li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	}

#menu li, #menu a{
	text-decoration: none;
	height: 18px; 
	display:block;
	}

#menu i {
	font-family: Helvetica, Verdana, Arial, sans-serif;
  	border-width: 0px;
  	visibility: hidden;
  	font-size: 2pt;
	}

#home { 
	background-position: 0px 0px; 
	left: 0px; 
	width: 45px;
	background-image: url(images/bannerbuttons_off.png);
	}

#home:hover {
	-webkit-transition-duration: 500ms;
	background-position: 0px 0px;
	background-image: url(images/bannerbuttons_on.png);
	}

#info { 
	left: 45px; width:40px;
	background-image: url(images/bannerbuttons_off.png);
	background-position:-44px 0;
	}

#info:hover {
	background-image: url(images/bannerbuttons_on.png);
	background-position:-44px 0;
	}

#contact { 
	left: 85px; width: 70px;
	background-image: url(images/bannerbuttons_off.png);
	background-position:-83px 0;
	}

#contact:hover {
	background-image: url(images/bannerbuttons_on.png);
	background-position:-83px 0;
	}

#blog {
	left: 155px; width: 43px;
	background-image: url(images/bannerbuttons_off.png);
	background-position:-152px 0;
	}

#blog:hover {
	background-image: url(images/bannerbuttons_on.png);
	background-position:-152px 0;
	}
  
#portnav{
	z-index: 0;
	left: 356px;
	bottom: 6px;
	padding: 0px;
	border-width: 0px;
	border-style: solid;
	height: 57px;
	width: 293px;
	position: absolute;
	}

#portnav li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	}

#portnav a{
	height: 57px;
	z-index: 0;
	text-decoration: none; 
	display:block;
	}

#portnav i {
	z-index: 0;
	font-family: Helvetica, Verdana, Arial, sans-serif;
  	border-width: 0px;
  	visibility: hidden;
  	font-size: 2pt;
	}

#prev, #thumbs, #next, #count {
  	text-decoration: none;
	opacity: .3;
 	-webkit-transition-duration: 300ms;
	}

#prev {
  	background-position: 18px 21px;
  	background-repeat: no-repeat;
  	background-image: url(images/button_prev_sm3.png);
  	left: 0px;
  	width: 103px;
  	height: 57px;
	}
 
#prev:hover {
 	opacity: .7;
 	-webkit-transition-duration: 500ms;
 	}
 	
#thumbs {
  	background-position: 0px 21px;
  	background-repeat: no-repeat;
  	background-image: url(images/button_thumbs_sm3.png);
  	left: 104px;
  	width: 47px;
  	height: 57px;
	}
 
#thumbs:hover {
 	opacity: .7;
 	-webkit-transition-duration: 500ms;
 	}

#next {
  	left: 198px;
  	background-position: 0px 21px;
  	background-repeat: no-repeat;
  	background-image: url(images/button_next_sm3.png);
  	width: 103px;
  	height: 57px;
	}

 #next:hover {
 	opacity: .7;
 	-webkit-transition-duration: 500ms;
 	}
 
#count {
  	text-decoration: none;
  	line-height: 17px;
  	border-width: 0px;
  	font-style: normal;
  	font-weight: normal;
  	border-color: black;
  	border-style: solid;
  	top: 21px;
  	left: 150px;
  	background-color: black;
  	color: white;
  	font-size: 10px;
  	font-family: typoslabserif-light, Helvetica, Verdana, Arial, sans-serif;
  	background-repeat: no-repeat;
  	width: 47px;
  	height: 16px;
	}


a i {
  	visibility: hidden;
  	border-width: 0px;
  	text-decoration: none;
  	font-size: 3px;
  	font-family: Helvetica, Verdana, Arial, sans-serif;
	}
  
.noCSS {
		position: fixed;
		visibility: hidden;
	}

@font-face {
	font-family: typoslabserif-light;
	src: url('http://images/TypoSlabserif-Light.ttf');
}

@font-face {
	font-family: quicksandbook;
	src: url('http://images/Quicksand_Book.otf');
}