@charset "utf-8";
/* CSS Document */
/*Main General template stuff*/
body {
	background-image: url(images/back_main.gif);
	background-repeat: repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #bbbbac;
}
#spatterback{
	background-image:url(images/spatterback.gif);
	background-repeat:no-repeat;
	margin: 0px auto auto 0px;
}
#wrapper{
	margin: 5px auto 0 auto;
	width: 800px;
}
#container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 500px; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #55553a;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin: 0 auto 0 auto;
	background: #000000;
}
#mainContent{
	padding: 25px 20px 25px 20px;
}
#mainContent img{
	border: 0;
	padding:0;
	margin:0;
}
.transparent {
filter: alpha(opacity=70); /* ie */
-moz-opacity: .7; /* mozilla */
background:#000000;
}
#copyright{
	clear:both;
	margin: 115px auto 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: lighter;
	text-transform: capitalize;
	color: #f1f1dc;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-variant: small-caps;
	color: #c99313;
	font-weight: lighter;
	}
.h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-variant: small-caps;
	color: #55553a;
	font-weight: lighter;
	}
.caps {
	text-transform: uppercase;
}
/* End general template stuff*/
/*bio page*/
#bio {
	margin: 20px 50px 0 0;
	text-align: left;
	padding:15px 0 0 0;
	border:0;
	height: 405px;
}
#bio img {
	float:left;
	margin: -10px 10px 0 0;
}
#bio p {
margin: 0px 60px 10px 0;
}
#biotext {
overflow-y: scroll;
height: 410px;
}
/*end bio page stuff*/
#contact {
	width:350px;
	height:420px;
	padding:20px 100px 50px 200px;
	margin:50px 5px 5px 5px;
	text-align:center;
}
#contact p {
	text-align:left;
}
/*links page*/
#links {
	height:499px;
	width: 779px;
	margin: 0 0 0 10px;
	padding: 40px 0 40px 0;
}
#links h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-variant: small-caps;
	color: #66662c;
}
#right {
	width: 246px;
	height:440px;
	float:left;
	padding:5px;
}
#middle {
	width:246px;
	height:440px;
	float:left;
	padding:5px;
}
#left {
	width: 246px;
	height:440px;
	float:left;
	padding:5px;
}
/*end links page*/

/*start main categories page layout*/
#mainCont {
	width: 760px;
	height: 480px;
	margin: 0px auto 0px auto;
	padding: 0 auto 0 auto;
	position:relative;
	text-align: center;
}
#mainCont a{
	border:0;
	margin:0;
	padding:0;
	display:block;
}
#traditional{
	float: left;
	width: 260px;
	height: 498px;
}
#traditional img {
	margin: 130px auto 0 auto;
	border: 1px solid #c99313;
}
#centermur {
	float: left;
	width: 240px;
	height: 498px;
	padding: 0;
}
.left {
	text-align: left;
}
#centermur p{
	text-align: left;
	padding: 0 30px;
}
#centermur img {
	margin: 50px auto 0 auto;
	text-align: center;
	border: 1px solid #c99313;
}
#sketchbook{
	float: left;
	width: 260px;
	height: 498px;
	margin: 0;
}
#sketchbook img {
	margin: 130px auto 0 auto;
	border: 1px solid #c99313;
}
/*end categories page layout*/
/* start subcategories page*/
#subcats {
	width: 750px;
	height: 300px;
	margin: 0;
	padding: 0;
	position:relative;
}
#subcats p {
	text-align: left;
	padding: 50px 35px 0 0;
	margin: 0px;
}
#pillars {
	float:left;
	width: 550px;
	height: 420px;
	margin: 55px 0 0 55px;
	padding: 0;
}
#pillars img{
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	border: 1px solid #c99313;
}
#subcats a{
	border: 0;
	display: block;
	margin: 0;
	padding: 0;
}
#subcats a:hover{
	border: 0;
	display: block;
	margin: 0;
	padding:0;
}
/*end subcategories page*/
/* begin specs of the actual gallery page*/

#mainGallery {
	padding:0; /* remember that padding is inside the div, margin is outside the div*/
}
#swaptext {
	padding:0;
	margin:0;
	border:0;
}
#mainGallery img{
	float: left;
	padding: 10px;
	border:0;
	margin:0;
}
#mainGallerys {
width: 100px;
float:left;

}
#mainGallerys img{
	float: left;
	padding: 0;
	border:0;
	margin:0;
}
#mainGallerys a{
	border: 1px solid #000000;
	display: block;
	padding: 0;
	margin: 15px 15px 0 0;
	float: left;
}
#mainGallerys a:hover{
	border: 1px solid #c99313;
	padding: 0;
	margin: 15px 15px 0 0;
}
#galleryinfo{
	width: 90px;
	float:left;
	margin: 0 0 10px 0;
	padding: 10px 10px 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;		
	color: #999987;
}
#gallerylist {
	font-variant:small-caps;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 90px;
	float:left;
}
#thumbnails {
	float:left;
	width: 127px;
	border-right:1px dotted #55553a;
	height: 470px;
	padding: 15px;
	
}
#thumbnails img {
	padding:0;
	border:0;
	margin:0;		
}
#thumbnails  a{
	border: 1px solid #000000;
	display: block;
	padding:0;
	margin:0 0 4px 0;
}
#thumbnails  a:hover {
	border: 1px solid #c99313;
	padding: 0;
	margin:0 0 4px 0;
}
/*stuff defining properties of the navigation bar*/

#navbar, #navbar ul{
	display:block;
	position: relative;
	float: right;
	text-decoration: none;
	list-style: none;
	margin: 15px 5px auto;	
}   
#navbar ul li a{
	background: #000000;
	height: 2em;
	padding: 0 20px;
	margin: 0 0 0 2px;
	color: #a1a194;
	display: block;
	text-align: right;
	font-weight: lighter;
	letter-spacing: 0.6em;
	line-height: 25px;
	font-size:    small;
	text-decoration: none;
	background-image: url(images/navback.gif);
	background-repeat: repeat-x;
	font-variant: small-caps;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #55553a;
	}
#navbar ul li a:hover {
	background-color:#000000;
	color: #c99313;	
	background-image: url(images/navbackmver.gif);
	background-repeat: repeat-x;
	border: 1px solid #c99313;
}
#navbar li {
	float: right;
}
/* links info and stuff*/
body a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #c99313;
	text-decoration: none;
	font-weight:bolder;
}
body a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #956d03;
	font-weight:bolder;
}
body a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bolder;
}
body a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #959589;
	text-decoration: none;
	font-weight:bolder;
}