/* CSS Document */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
	padding: 0;
	margin: 0;
}

body {
	background-color: #491212;
	background-image: url("http://www.archermitchell.com/imgs/bg.jpg");
	background-repeat: repeat-x;
	color: #666;
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:link {
	color: #972c2c;
	font-weight: bold;
}

a:hover {
	color: #af3f3f;
	font-weight: bold;
}

a:active {
	color: #af3f3f;
	font-weight: bold;
}

a:visited {
	color: #972c2c;
	font-weight: bold;
}

#header {
	width: 728px;
	height: 24px;
	margin: 28px auto;
	background-color: #420c0c;
	background-image: url("http://www.archermitchell.com/imgs/am.gif");
	background-repeat: no-repeat;
}

#header a {
	width: 267px;
	height: 24px;
	margin: 0 0 0 15px;
	display: block;
}

#main {
	width:715px;
	margin: 0 auto;
	background-color: #e3d9c1;
}

#leftCol {
	width: 512px;
	background-color: #d7ceb7;
	border-right: 1px solid #e6ddc7;
	float:left;
}

#leftContent {
	width: 511px;
	border-right: 1px solid #c1b9a4;
	font-size: 1.1em;
	float:left;
}

#leftContent h1 {
	width: 481px;
	height: 11px;
	margin: 12px auto 0;
	padding: 0 0 12px;
	background: url("http://www.archermitchell.com/imgs/titleport.gif") no-repeat;
	text-indent: 9999px;
	overflow: hidden;
}

#leftContent .divider, #leftContent .portfolioBox {
	width: 481px;
	margin: 0 auto 11px;
}

#leftContent .portfolioBox {
	padding: 12px 0;
	background-color: #E3D9C1;
}

#leftContent .portfolioBox .title {
	font-size: 1.5em;
}

#leftContent .portfolioBox .title, #leftContent .portfolioBox .example, #leftContent .portfolioBox .portfolioInfo {
	width: 452px;
	margin: 0 auto 12px;
}

#leftContent .portfolioBox .portfolioInfo {
	margin: 0 auto;
}

#leftContent .portfolioInfo p {
	padding: 0 0 8px 0;
}

#leftContent .portfolioInfo ul {
	list-style: none;
}

#leftContent .portfolioInfo ul li {
	padding: 0 5px 0 0;
	border-left: 0 none;
	display: inline;
}

#leftContent .portfolioInfo ul li + li {
	padding: 0 5px;
	border-left: 1px solid #8a8a8a;
}

#rightCol {
	width: 202px;
	font-size: 10px;
	float: left;
	position: relative;
}

#rightCol h2, #rightCol h3, #rightCol .title {
	width: 179px;
	height: 22px;
	margin: 0 auto;
	padding: 0 0 12px;
	text-indent: 9999px;
	overflow: hidden;
}

#rightCol h2 {
	background: url("http://www.archermitchell.com/imgs/titleres.gif") no-repeat;
}

#rightCol h3 {
	padding: 0 0 8px;
	background: url("http://www.archermitchell.com/imgs/titlecon.gif") no-repeat;
}

#rightCol .title {
	background: url("http://www.archermitchell.com/imgs/titlenav.gif") no-repeat;
}

#btnul {
	list-style: none;
	float: left;
	position: absolute;
	top: 7px;
	right: 17px;
}

#btnul li {
	display: inline;
	overflow: hidden;
}

#btnul li a {
	float: left;
	height: 18px;
	background-image: url("http://www.archermitchell.com/imgs/viewdlbtn.gif");
	background-repeat: no-repeat;
	overflow: hidden;
}

#btnul li a.view {
	width: 36px;
}

#btnul li a.dwn {
	width: 59px;
}

#btnul li#btnview a {
	background-position: 0 -19px;
}

#btnul li#btndwn a {
	background-position: -36px -19px;
	padding: 0 0 0 6px;
}

#btnul li#btnview a:hover {
	background-position: 0 0;
}

#btnul li#btndwn a:hover {
	background-position: -36px 0;
}

#rightCol p {
	margin: 0 0 12px;
	text-align: center;
}

#portNav {
	width: 167px;
	margin: 0 auto;
	line-height: 18px;
	list-style: none;
}

#portNav li {
	padding: 0 6px;
}

#portNav .navalt {
	background-color: #d7ceb7;
}

#footer {
	color: #e3d9c1;
	width: 715px;
	margin: 22px auto;
	text-align: center;
}

#resume h1 {
	background: url("http://www.archermitchell.com/imgs/titleresume.gif") no-repeat;
}

#resume .portfolioBox {
	width: 457px;
	padding:12px;
}

#resume .resTitle {
    color: #972C2C;
    font-weight: bold;
}

#resume .portfolioBox .portfolioInfo {
	margin: 0 0 10px;
}

#resume .leftres {
    float: left;
    font-weight: bold;
    width: 300px;
}

#resume .rightres {
    float: right;
    text-align: right;
    width: 152px;
}

.divider {
	height: 1px;
	background-color: #e6ddc7;
	border-top: 1px solid #c1b9a4;
	display: block;
	overflow: hidden;
}

.example, .example img {
	border: none;
	display: block;
}

.top {
	font-size: 0.9em;
	text-align: right;
}

a.example:hover {
	border: none;
}

a.example:active {
	border: none;
}

a.example:visited {
	border: none;
}

a.footemail:link {
	color: #e3d9c1;
	font-weight:normal;
}

a.footemail:hover {
	color: #e3d9c1;
	font-weight:normal;
}

a.footemail:active {
	color: #e3d9c1;
	font-weight:normal;
}

a.footemail:visited {
	color: #e3d9c1;
	font-weight:normal;
}

.clear {
	clear:both;
}

.example1 {	border: none;
	display: block;
}