@import url('reset.css');

html, body {
	margin: 0px;
	padding: 0px;
}

body {
	width: 1200px;
	margin: 0px;
	background-color: #000;	
}

#container {
	min-height: 100%;
	margin-bottom: -155px;
	position: relative;
}

#header {
	height: 155px;
	width: auto;
	background-color: #585858;
}

#navleft {
	background-color: #9a8a07;
	width: 265px;
	height: 590px;
	float: left;
}

#homeleft {
	background-image: url(../images/homeleft.jpg);
	width: 72px;
	height: 590px;
	float: left;
}

#front {
	width: 1128px;
	height: 590px;
	float: left;
}

#navtop {
	background-image: url(../images/navtop.jpg);
	height: 44px;
	width: 265px;
}

#navarea {
	height: 496px;
	width: 265px;
}

#navdesign {
	height: 55px;
	width: 265px;
}

#navdesign-current {
	height: 55px;
	width: 265px;
	background-image: url(../images/nav-design.png);
	background-position: 0px -57px;
	text-indent: -9999px;
	display: inline-block;
}

a.navdesignlink {
	height: 55px;
	width: 265px;
	background-image: url(../images/nav-design.png);
	background-position: 0px 0px;
	text-indent: -9999px;
	display: inline-block;	
}

a.navdesignlink:hover {
		background-position: 0px -112px;
}

a.navdesignlink:active {
		background-position: 0px -57px;
}


#navpm {
	height: 65px;
	width: 265px;
}

#navpm-current  {
	height: 65px;
	width: 265px;
	background-image: url(../images/nav-pm.png);
	text-indent: -9999px;
	display: inline-block;
	background-position: 0px -67px;
}

a.navpmlink {
	height: 65px;
	width: 265px;
	background-image: url(../images/nav-pm.png);
	text-indent: -9999px;
	display: inline-block;
	background-position: 0px 0px;
}

a.navpmlink:hover {
	background-position: 0px -132px;
}

a.navpmlink:active {
	background-position: 0px -67px;
}

#navwrite {
	height: 42px;
	width: 265px;
}

#navwrite-current {
	height: 42px;
	width: 265px;
	background-image: url(../images/nav-write.png);
	text-indent: -9999px;
	display: inline-block;
	background-position: 0px -44px;
}

a.navwritelink {
	height: 42px;
	width: 265px;
	background-image: url(../images/nav-write.png);
	text-indent: -9999px;
	display: inline-block;
	background-position: 0px 0px;
}

a.navwritelink:hover {
		background-position: 0px -86px;
}

a.navwritelink:active {
		background-position: 0px -44px;
}

#navphotomain {
	height: 35px;
	width: 265px;
}

#navphotomain-current {
	height: 35px;
	width: 265px;
	background-image: url(../images/nav-photo-main.png);
	text-indent: -9999px;
	display: inline-block;
	background-position: 0px -72px;
}	

a.navphotomainlink {
	height: 35px;
	width: 265px;
	background-image: url(../images/nav-photo-main.png);
	text-indent: -9999px;
	display: inline-block;
	background-position: 0px 0px;
}

a.navphotomainlink:hover {
		background-position: 0px -36px;
}

a.navphotomainlink:active {
		background-position: 0px -72px;
}

#navphotosub {
	height: 35px;
	width: 265px;
}

a.navphotosublink {
	height: 35px;
	width: 265px;
	background-image: url(../images/nav-photo-sub.png);
	text-indent: -9999px;
	display: inline-block;
	background-position: 0px 0px;
}

a.navphotosublink:hover {
		background-position: 0px -72px;
}

a.navphotosublink:active {
		background-position: 0px -36px;
}

#photomylens {
	height: 25px;
	width: 265px;
}

#photomylens-current {
	height: 25px;
	width: 265px;
	background-image: url(../images/mylens.png);
	text-indent: -9999px;
	display: inline-block;
	background-position: 0px -24px;
}

a.photomylenslink {
	height: 23px;
	width: 265px;
	background-image: url(../images/mylens.png);
	text-indent: -9999px;
	display: inline-block;
	background-position: 0px 0px;
}

a.photomylenslink:hover {
		background-position: 0px -50px;
}

a.photomylenslink:active {
		background-position: 0px -24px;
}

#photoir {
	height: 25px;
	width: 265px;
}

#photoir-current {
	height: 25px;
	width: 265px;
	background-image: url(../images/infrared.png);
	text-indent: -9999px;
	display: inline-block;
	background-position: 0px -23px;
}

a.photoirlink {
	height: 23px;
	width: 265px;
	background-image: url(../images/infrared.png);
	text-indent: -9999px;
	display: inline-block;
	background-position: 0px 0px;
}

a.photoirlink:hover {
		background-position: 0px -48px;
}

a.photoirlink:active {
		background-position: 0px -23px;
}

#phototravel {
	height: 24px;
	width: 265px;
}

#phototravel-current {
	height: 24px;
	width: 265px;
	background-image: url(../images/travel.png);
	text-indent: -9999px;
	display: inline-block;
	background-position: 0px -25px;
}

a.phototravellink {
	height: 24px;
	width: 265px;
	background-image: url(../images/travel.png);
	text-indent: -9999px;
	display: inline-block;
	background-position: 0px 0px;
}

a.phototravellink:hover {
		background-position: 0px -50px;
}

a.phototravellink:active {
		background-position: 0px -25px;
}

#photoarc {
	height: 25px;
	width: 265px;
}

#photoarc-current {
	height: 25px;
	width: 265px;
	background-image: url(../images/architecture.png);
	text-indent: -9999px;
	display: inline-block;
	background-position: 0px -25px;
}

a.photoarclink {
	height: 25px;
	width: 265px;
	background-image: url(../images/architecture.png);
	text-indent: -9999px;
	display: inline-block;
	background-position: 0px 0px;
}

a.photoarclink:hover {
		background-position: 0px -52px;
}

a.photoarclink:active {
		background-position: 0px -25px;
}

#photooutdoor {
	height: 23px;
	width: 265px;
}

#photooutdoor-current {
	height: 23px;
	width: 265px;
	background-image: url(../images/outdoorlife.png);
	text-indent: -9999px;
	display: inline-block;
	background-position: 0px -24px;
}

a.photooutdoorlink {
	height: 23px;
	width: 265px;
	background-image: url(../images/outdoorlife.png);
	text-indent: -9999px;
	display: inline-block;
	background-position: 0px 0px;
}

a.photooutdoorlink:hover {
		background-position: 0px -48px;
}

a.photooutdoorlink:active {
		background-position: 0px -24px;
}

#photopeople {
	height: 30px;
	width: 265px;
}

#photopeople-current {
	height: 30px;
	width: 265px;
	background-image: url(../images/people.png);
	text-indent: -9999px;
	display: inline-block;
	background-position: 0px -31px;
}

a.photopeoplelink {
	height: 25px;
	width: 265px;
	background-image: url(../images/people.png);
	text-indent: -9999px;
	display: inline-block;
	background-position: 0px 0px;
}

a.photopeoplelink:hover {
		background-position: 0px -62px;
}

a.photopeoplelink:active {
		background-position: 0px -31px;
}

#navspacer_nophoto {
	background-image: url(../images/navspacer_nophoto.jpg);
	height: 299px;
	width: 265px;
}

#navspacer_photo {
	background-image: url(../images/navspacer_photo.jpg);
	height: 150px;
	width: 265px;
}

#navbottom {
	background-image: url(../images/navbottom.jpg);
	height: 50px;
	width: 265px;
	margin: 0px;
	float: left;
	
}

#leftarrow {
	background-color: #000000;
	width: 135px;
	height: 55px;
	margin-top: 293px;

}

a.leftarrowbutton {
	height: 55px;
	background-image: url(../images/leftarrow.png);
	text-indent: -9999px;
	display: inline-block;
}

a#leftarrow {
		width: 135px;
		background-position: 0px 0px;
}

a#leftarrow:hover {
		background-position: 0px -57px;
}

a#leftarrow:active {
		background-position: 0px -115px;
}

#content {
	background-color: #000;
	float: left;
	width: 735px;
	height: 590px;
	margin: 0px;
}

#rightarrow {
	background-color: #00000;
	width: 126px;
	height: 55px;
	margin-top: 300px;
}

a.rightarrowbutton {
	height: 55px;
	background-image: url(../images/rightarrow.png);
	text-indent: -9999px;
	display: inline-block;
}

a#rightarrow {
		width: 135px;
		background-position: 0px 0px;
}

a#rightarrow:hover {
		background-position: 0px -58px;
}

a#rightarrow:active {
		background-position: 0px -115px;
}


.clearfooter {
	height: 155px;
	clear: both;
}

#footer {
	float: left;
	width: 1200px;
	height: 155px;
	background-color: #585858;
}

#contact {
	width: 262px;
	height: 81px;
	position: absolute;
	top: 770px;
	left: 40px;
}

#copyright {
	background-image: url(../images/copyright.jpg);
	width: 272px;
	height: 81px;
	position: absolute;
	top: 770px;
	left: 900px;
}