@charset "UTF-8";
/* CSS Document */

html, body, p, span, div {
margin: 0px;
padding: 0px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #333;
}

body {
width: 670px;
background-color: #FFF;
}

div#navContainer {
background-image: url(images/logo.png);
background-repeat: no-repeat;
width: 670px;
height: 100px;
margin-top: 15px;
margin-left: 75px;
z-index: 0;

}
a#homebutton {
display: block;
position:absolute;
}
a#homebutton img {
border: none;
}
div#navContainer img {
z-index: 5;
}


div#navigation ul {
margin: 0;
margin-top: 0px;
padding: 0;
padding-left: 0px;
list-style: none;

}
div#navigation ul li {
float: left;
display: inline;
}

div#navigation a {
z-index: 10;
display: block;
margin-top: 85px;
margin-left: 36px;
padding-bottom: 1px;
background-repeat:no-repeat;
}

div#navigation a:hover {
/*border-bottom: 2px solid #CCC;*/
}

div#navigation a#hire {
width: 62px;
height: 16px;
background-image:url(images/HireMe.png);
}

div#navigation a#hire:hover {
background-image:url(images/HireMeOV.png);
}

div#navigation a#look {
width: 98px;
height: 16px;
background-image:url(images/LookAround.png);
}

div#navigation a#look:hover {
background-image:url(images/LookAroundOV.png);
}

div#navigation a#speak {
width: 71px;
height: 16px;
background-image:url(images/SpeakUp.png);
}

div#navigation a#speak:hover {
background-image:url(images/SpeakUpOV.png);
}

div#mainContainer {
width: 530px;
height: 500px;
margin-top: 10px;
margin-left: 75px;


}
img.sectionHead {
margin:0px;
padding: 0px;
margin-left: 100px;
}

div#innerContainer {
margin-top: -6px;
}

div#leftSub {
float: left;
color: #89a6ca;
margin-left: 15px;
border-top: 2px solid #a9c6ea;
width: 330px;
}

div#leftSub p {
color: #89a6ca;
color: #888;
line-height: 23px;
margin-bottom: 8px;
}

div#leftSub p.first {
margin-top: 25px;
}

div#rightSub {
float: right;
border-top: 2px solid #c7fa8e;
width: 170px;
}

div#rightSub ul {
margin-top: 0px;
margin-left: 0px;
padding: 0px;
list-style: none;
line-height: 28px;
}

div#rightSub a {
padding-left: 10px;
color: #b9b9b9;
text-decoration: none;
font-size: 14px;
border-bottom: 1px solid #ccc;
display: block;
}

div#rightSub a:hover {
color: #96bc6c;
background-color: #efe;
}

div#rightSub li.listHead {
color: #a7da6e;
margin-top: 0px;
font-size: 18px;
letter-spacing: 3px;
text-align: center;
border-bottom: 1px solid #b9b9b9;
}

#welcomeHead {
margin-left: 228px;
}

#contactmeHead {
margin-left: 188px;
}

#recentworkHead {
margin-left: 137px;
margin-top: -3px;
margin-bottom: -14px;
}
#howiworkHead {
margin-left: 154px;
margin-bottom: -19px;
}

ul a.linkedin{
text-indent: 24px;
background:url(images/contact_icons.gif) 0 -96px no-repeat;
}
ul a.doc{
text-indent: 24px;
background:url(images/contact_icons.gif) 0 -125px no-repeat;
}
ul a.rtf{
text-indent: 24px;
background:url(images/contact_icons.gif) 0 -155px no-repeat;
}
ul a.pdf{
text-indent: 24px;
background:url(images/contact_icons.gif) 0 -184px no-repeat;
}
ul a.fbk{
text-indent: 24px;
background:url(images/contact_icons.gif) 0 -66px no-repeat;
}
ul a.lin{
text-indent: 24px;
background:url(images/contact_icons.gif) 0 -98px no-repeat;
}

form {
margin-top: 25px;
text-align: left;
}
.center {
text-align: center;
}

span.bigHead {
color: #96bc6c;
font-size: 41px;
display: block;
margin-bottom: 10px;
letter-spacing: 4px;
word-spacing: normal;
}

p {
font-size: 16px;
}

.big {
font-size: 20px;
word-spacing: 7px;
}

div#leftSub .first {
margin-top: 25px;
}

#stackContainer {
border-top: 1px solid #ddd;
margin-top: 1px;
height: 550px;
width: 312px;
}

#stackContainer div {
padding: 5px;
color: #888;
}
div#leftSub a, a.stackLink {
color: #7996ba;
text-decoration: none;
}
div#leftSub a:hover, a.stackLink:hover {
color: #59769a;
text-decoration: none;
}
.stackLink {
font-size:17px;

}
.snapshot {
display: block;
margin-bottom: 10px;
border: 1px solid #ccc;
}

table#contactForm {
border: 2px solid blue;
}

div.buttonbox {
text-align: right;
}