/* CSS Document */

body {
margin: 0;
padding: 0;
color: #666666;
font-family: "ITC Kabel", Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;

}

a:link, a:visited, a:active {
color: #666666;
text-decoration: none;
}

a:hover {
color: #229730;
}

a:link.resume, a:visited.resume, a:active.resume {
color: #229730;
text-decoration: none;
}

a:hover.resume {
color: #333333;
}

h1 {
font-size: 16px;
color: white;
float: left;
margin: 10px 0 0 25px;
text-align: left;
}

h2 {
font-size: 16px;
color: #229730;
width: 470px;
margin: 0 auto;
padding: 0;
text-align: left;
}

h3 {
font-size: 16px;
color: #229730;
width: 245px;
margin: 0 auto;
text-align: left;
}


p {
width: 470px;
margin: 10px auto;
line-height: 14px;
text-align: left;
}

#header {
height: 121px;
background: #229730 url(images/headerDots.png) no-repeat right;
min-width: 600px;
}

#logo {
height: 121px;
background: url(images/logoName.png) no-repeat;
}

#links { 
text-align: right;
padding: 5px 10px 0 0;
margin: 0;
}

#webLabel {
background: url(images/webLabel.png) no-repeat;
height: 30px;
clear: both;
}

#logoLabel {
background: url(images/logoLabel.png) no-repeat;
height: 30px;
clear: both;
}

#printLabel {
background: url(images/printLabel.png) no-repeat;
height: 30px;
clear: both;
}

.images {
margin: 0px 20px 20px 25px;
text-align: left;
max-width: 1000px;
}

.images img {
border: 5px #999999 solid;
margin: 5px 10px 0 0;
}

#container {
margin: 20px auto 0px;
width: 578px;
}

#mainPortfolio {
float: left;
background: #999999;
height: 367px;
width: 518px;
text-align: left;
margin: 0;
padding: 0;
}

#mainPortfolio img {
margin: 19px 0 0 22px;
}

#green {
background: #229730;
color: #ffffff;
width: 518px;
height: 40px;
clear: both;
margin: 0 auto;
padding: 0;
}

#green a:link, #green a:visited, #green a:active {
color: #ffffff;
text-decoration: none;
float: right;
margin: 12px 25px 0 0;
padding: 0;
}

#green a:hover {
color: #7dc285;
}

#numbers {
float: right;
margin: 12px 25px 0 0;
}

#numbers a:link, #numbers a:visited, #numbers a:active {
float: none;
margin: 0;
padding: 0;
}

#numbers a:hover {
float: none;
}

.left {
float: left;
margin: 0;
padding: 0;
}

.right {
float: right;
margin: 0;
padding: 0;
}

#contactFormContainer {
margin: 0 auto;
width: 248px;
}

#contactForm {
text-align: right;
margin: 0;
padding: 0;
}

.contactField {
background-color: #FFFFFF;
border: solid 1px #229730;
margin: 0 0 5px 0px;
padding: 0;
width: 245px;
overflow: auto;
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}

#submit {
color: #ffffff;
background-color: #229730;
border: none;
}

#listHolder {
width: 470px;
margin: 0 auto;
}

ul {
float: left;
margin: 0;
padding: 0;
text-align: left;
}

ul li {
font-size: 12px;
margin: 0;
padding: 0;
line-height: 14px;
width: 150px;
list-style-type:none;
}