/* Set everything to a known state  */
@import url(cssreset.css);


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

body {
	background-color: #4f4846;
	color: #eedebc;
}

a {
	text-decoration: none;
	color: #eedebc;
}

#container {
	background-color: #4f4846;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	/*border-left: 1px dashed #0ff;
	border-right: 1px dashed #0ff; */
}

#gallerybox {
	text-align: center;
}

#thumbscontainer {
	width: 744px;  /* 12 thumbs at (5 + 1 + 50 + 1 + 5) = 62px each */
	height: 62px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	/*background-color: #333;*/
}

img.thumbImg {
	margin: 5px;
	vertical-align: top;
	border: 1px solid #eedebc;
	/*float: left;*/
}

img#thumbSelected {
	border: 1px solid #d718ed;
}

#bigimage {
	margin-top: 40px;
	font-size: 0.8em;
}

#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	color: #9e998f;
	text-align: center;
	margin-top: 25px;
}

.style4 {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 6pt;
	color: #eedebc;
}
.style6 {
	font-size: 9px;
	color: #9e998f;
}

/* Portfolios page */

#portfolioImagesBox {
	width: 680px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 80px;
}

.photoBox {
	text-align: center;
	width: 203px;
	float: left;
	margin-right: 22px;
	margin-bottom: 50px;
	font-size: 0.8em;
}

.photoBox p {
}

.portfolioAnchor img:hover {
	border: solid 1px #e0960b;
	height: 131px;
}