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

body, html {
background-color:#ffffff;
background-image:url(images/bodyBG.gif);
background-repeat:repeat-x;
top:0px;
left:0px;
margin:0px;
padding:0px;
font:1em Geneva, Arial, Helvetica, sans-serif;
}

#container {
position:relative;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
height:100%;
width:878px;
}

#TopHeadContainer {
top:0px;
left:0px;
height:68px;
width:878px;
}

#TopHeader {
position:absolute;
height:68px;
width:622px;
background-image:url(images/TopHeader1.gif);
}

#TopHeader2 {
position:relative;
left:622px;
top:0px;
height:68px;
width:256px;
background-image:url(images/TopHeader2.gif);
}

#NavDiv {
height:38px;
width:878px;
background-color:#FFFFFF;
}

#NavLeftImage {
background-image:url(images/NavSlice.gif);
height:38px;
width:407px;
position:absolute;
}

#NavLinkAbout {
position:absolute;
left:407px;
height:38px;
width:137px;
background-image:url(images/NavLinkSliceLeft.gif);
background-repeat:no-repeat;
}

#NavLinkAbout:hover {
position:absolute;
left:407px;
height:38px;
width:137px;
background-image:url(images/NavHoverSlice1.gif);
background-repeat:no-repeat;
}

#NavLinkServices {
position:absolute;
left:544px;
height:38px;
width:137px;
background-image:url(images/NavLinkMidSlice.gif);
background-repeat:no-repeat;
}

#NavLinkServices:hover {
position:absolute;
left:544px;
height:38px;
width:137px;
background-image:url(images/NavLinkMidSliceHover.gif);
background-repeat:no-repeat;
}

#NavLinkMyWork {
position:absolute;
left:681px;
height:38px;
width:138px;
background-image:url(images/NavLinkSlice.gif);
}

#NavLinkMyWork:hover {
position:absolute;
left:681px;
height:38px;
width:138px;
background-image:url(images/NavLinkSliceHover.gif);
}

#NavRightImage {
position:relative;
height:38px;
width:59px;
left:819px;
background-image:url(images/NavRightSlice.gif);
background-repeat:no-repeat;
}

#HeaderFull {
position:absolute;
left:0;
height:179px;
width:878px;
background-image:url(images/FullHeader.jpg);
background-repeat:no-repeat;
}

#MainContent {
position:relative;
width:878px;
background-image:url(images/ContentBG.gif);
background-repeat:no-repeat;
left:0px;
top:179px;
}

.Link {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:.95em;
text-decoration:none;
text-align:center;
color:#000000;
padding-top:20px;
}

.Link a {
text-decoration:none;
color:#ffffff;
}

.Link a:hover {
text-decoration:none;
color:#FFCC00;
}

#LeftContent {
position:relative;
float:left;
margin-top:45px;
width:500px;
height:100%;
}

#LeftContent p {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:.8em;
padding-left:115px;
padding-bottom:25px;
line-height:1.4em;
}

#CurrentProjRight {
position:relative;
width:211px;
height:584px;
top:50px;
margin-left:560px;
background-color:#FFFFFF;
}

#footer {
width:878px;
height:80px;
background-color:#FFFFFF;
background-image:url(images/footer.gif);
background-repeat:no-repeat;
}

.contentHeaders {
padding-left:110px;
font-size:1.2em;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#43606e;
}

.contentHeadersSmall {
padding-left:110px;
font-size:1em;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#43606e;
}

ul {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:.8em;
padding-left:130px;
padding-bottom:25px;
line-height:1.4em;
}

#contactForm {
clear:both;
height:436px;
width:878px;
background-image:url(images/contactSlice.gif);
background-repeat:no-repeat;
}

#formContainer {
width:450px;
height:370px;
padding-left:65px;
margin-top:75px;
font-family:Verdana, Arial, Helvetica, sans-serif;
float:left;
}

#contactForm form label {
width:175px;
float:left;
font-size:.8em;
color:#b61635;
padding-left:20px;
}

.screenshot {
padding: 20px 15px 15px 0px;
border:none;
}

#screenShots {
margin-left:110px;
padding: 10px 0px 50px 0px;
border:none;
}

.formElements {
padding:1.5px 7px;
}

.submit {
padding:20px 30px;
}

#contactInfo {
position:relative;
font-size:13.5px;
font-family:Arial, Helvetica, sans-serif;
line-height:1.4em;
color:#b61635;
margin-left:548px;
padding-top:60px;
}

#contactInfo a {
color:#43606e;
}

#contactInfo a:hover {
color:#ffffff;
}