@charset "utf-8";

body {
background: #212326;
text-align: center;
}

#container {
width: 970px;
margin: 0 auto;
text-align: left;
}

#header {
background: #7a7b7d;
border-top: 1px solid #33CCCC;
border-bottom: 1px solid #33CCCC;
height: 68px;
}

h2.title {
	margin: 0;
	padding: 0;
	}
.portfolio h2.title, .statement h2.title {
	margin: 0;
	padding: 0;
	}
h2.title a {
	text-indent: -5000px;
	display: block;
	width: 210px;
	height: 21px;
	background: url(../img/matthew-c-wilson-logotitle.gif) no-repeat left top;
	outline: none;
	margin: 10px 0 6px 0;
}

#menu {
float: left;
width: 700px;
margin: 0 0 0 209px;
}
#menu ul {
margin: 0;
padding: 0;
font-weight: bold;
font-family: Garamond, Georgia, "Times New Roman", Times, serif;
}

#menu ul li {
float: left;
margin: 4px 60px 0 0;
padding: 0;
list-style-type: none;
color: #494f55;
font-size: 20px;
}
#menu ul li.last {
margin-right: 0;
}
#menu ul li ul{
margin: 0;
padding: 0;
}
#menu ul li ul li{
float: none;
margin: 0 0 0 10px;
padding: 0;
line-height: 16px;
font-size: 12px;
}
#menu ul li ul li a{
text-decoration: none;
}
#menu ul li ul li a:link{
color: #d3d3d4;
}
#menu ul li ul li a:visited{
color: #d3d3d4;
}
#menu ul li ul li a:hover{
color: #33CCCC;
}
#menu ul li ul li a:active{
color: #FF9900;
}
#main {
color: #7a7b7d;
margin: 30px 0 0 220px;
}
.portfolio #main, .statement #main {
margin-left: 0;
}
#portfoliosection {
margin: 0;
}

#main a:link {
color:#FFFFFF;
text-decoration: none;
}
#main a:visited {
color:#FFFFFF;
text-decoration: none;
}
#main a:hover {
color:#FFFFFF;
text-decoration: underline;
}
#main a:active {
color:#FFFFFF;
text-decoration: underline;
}
.feature {
border: 15px solid #f3f3f3;
margin: 0 0 10px 220px;
}
#main img.feature {
border: 15px solid #f3f3f3;
margin: 0 0 10px 0;
}
#main img.featuretrans {
border: 15px solid #f3f3f3;
background-color: #f3f3f3;
margin: 0 0 10px 0;
}

h1 {
font-family: Garamond, Georgia, "Times New Roman", Times, serif;
font-size: 18px;
color: #d3d3d4
}
.portfolio h1, .statement h1 {
margin-left: 220px;
}
#main h3 a {
margin-left: -15px;
}
#main h3 a.noshift {
margin-left: 0;
}
#main h3 a:link {
}
#main h3 a:visited {
}
#main h3 a:hover {
color: #33CCCC;
text-decoration: none;
}
#main h3 a:active {
color: #FF9900;
text-decoration: none;
}

#portfoliosection h3 {
width: 765px;
margin: 0 0 6px 0;
padding: 0 0 0 0;
display: block;
float: left;


}

#portfoliosection p {
margin-left: 220px;
padding: 0 0 20px 0;
color: #7a7b7d;
}
.portfolio #portfoliosection p {
width: 194px;
margin:0;
padding:0 0 0 0;
float: left;
color: #585858;
}

.portfolio #portfoliosection p a {
color: #999999;
}
.portfolio #portfoliosection p a:link, #portfoliosection ul.refimages li.related a:link {
color: #999999;
}
.portfolio #portfoliosection p a:visited, #portfoliosection ul.refimages li.related a:visited{
color: #999999;
}
.portfolio #portfoliosection p a:hover, #portfoliosection ul.refimages li.related a:hover {
color: #33CCCC;
text-decoration: none;
}
.portfolio #portfoliosection p a:active, #portfoliosection ul.refimages li.related a:active {
color: #FF9900;
text-decoration: none;
}
#portfoliosection ul.refimages li.related {
margin-left: -12px;
color: #666666;
}

h2 {
font-family: Garamond, Georgia, "Times New Roman", Times, serif;
font-size: 16px;
clear: left;
color: #d3d3d4;
}
h2 span{
color: #33CCCC;
}
#portfoliosection h2 {
margin-left: 200px;
padding: 24px 0 2px 0;
}
.portfolio ul.writing {
margin: 0 0 0 220px;
padding: 0;
list-style-type: none;
}
ul.gallery {
margin: 0 0 0 220px;
padding: 0;
width: 765px;
}
ul.gallery li{
list-style-type: none;
float: left;
margin: 0 15px 15px 0;
display: block;
}
ul.gallery li.wide {
list-style-type: none;
float: left;
margin: 0;
display: block;
}
ul.gallery li a:link img, ul.gallery li a:visited img, ul.refimages li a:link img, ul.refimages li a:visited img {
margin: 0 0 6px 0;
padding: 8px;
background-color: #ffffff;
border: 2px solid #ffffff;
}
ul.gallery li a:hover img, ul.refimages li a:hover img {
padding: 7px;
background-color: #ffffff;
border: 3px solid #33CCCC;
}
ul.gallery li a:active img, ul.refimages li a:active img {
padding: 7px;
background-color: #ffffff;
border: 3px solid #FF9900;
}

.clearfix {
clear: both;
}


ul.refimages{
margin: 0;
padding: 0;
float: left;

}

ul.refimages li {
display: block;
list-style: none;
}

.statement p {
margin: 0 0 0 220px;
}

#footer {
color: #444444;
text-align: center;
margin: 0;
padding: 30px 0 0 0;
clear:left;
}