/* CSS Document */

body {
	background: #999999;
	background-image: url(../images/2ndbacktopdark.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
ul li{
margin-left:20px;
padding-left: 5px;
}
#content {
	padding-top: 100px;
	background-image: url(../images/portfolio.jpg);
}
#sidebar {
	background-image: url(../images/colors/magentafiller.jpg);
}
.sidebarB {
	background-image: url(../images/colors/magentaback.jpg);
}
#bottomsidebar {
background-image: url(../images/colors/magentabottom.jpg);
}

a.nav3:link, a.nav3:visited {
	width:67px;
	background-position:-899px 0px;
	}		
a.nav3:hover {
	background-position:-899px 0px;		
	}
.topbar {
	background-image: url(../images/colors/magentabar.gif);
}
#sidebartop {
	padding-top: 50px;
	background-image: url(../images/colors/magentatopbox.gif);
	clear:both;
	}
	
#bottom {
	background-image: url(../images/2ndbackbotdark.jpg);
}
.lead {
	color: #000000;
}.sidenavbox {
	width: 200px;
	float: left;
	clear: none;
}
ul.sidenav {
	list-style:none;
	margin:0px;
	padding: 0px;
	padding-bottom: 20px;
	}
ul.sidenav li {
	display:inline;
	margin:0px;
	padding:0px;
	
	}
ul.sidenav li a:link, ul.sidenav li a:visited {
	background-image:url(../images/portfolio/portfoliobutton.jpg);
	height:45px;
	float: left;
	display:block;
	 text-indent:-999px; 
	background-repeat:no-repeat;
	}
a.sidenav1:link, a.sidenav1:visited {
	width:110px;
	background-position:0px 0px
	 color:#999999;
	}
a.sidenav2:link, a.sidenav2:visited {
	width:80px;
	background-position:-110px 0px;
	 color:#999999;
	}
a.sidenav1:hover {
	background-position:0px 0px;
	}
a.sidenav2:hover {
	background-position:-110px -51px;
	}
#largephoto {
		display:none;
		z-index:10;
		position:absolute;
		border:1px solid #000000;
		background-color:#FFFFFF;
		padding:10px;
		font-size: 85%;
		}
	.smallphoto {
		
		border:1px solid #000000;
		
		}
		
@media only screen and (max-width: 768px) {
body {background: none;}

#container {width: 100%;}

}