* {
border:0;
padding:0;
margin:0;
}

body {
text-align:center;
background-color:#e8e5dc;
font-family:Georgia, serif;
font-size:75%;
}


p {
line-height:180%;
margin-top:5px;
margin-bottom:5px;
color:#8c909b;
}



h2 {
font-size:1.3em;
font-weight:normal;
margin-top:20px;
color:#000;
}

#container {
text-align:left;
margin:100px auto;
width:930px;
clear:both;
}


#heading {
float:left;
width:330px;
}

#heading h1 {
font-size:1em;
}

#heading h1 a:link,
#heading h1 a:visited {
text-decoration:none;
background-color:#8c909b;
padding-bottom:5px;
display:block;
width:auto;
font-style:italic;
color:#fff;
width:150px;
font-size:1em;
text-align:center;
padding-top:50px;
font-weight:normal;
letter-spacing:1px;
}

#navigation {
float:right;
width:560px;
background:transparent;
}

h2.subhead {
clear:both;
}

h2#web-developer-and-designer {
background-image:url('../images/web-designer-and-developer.png');
height:150px;
text-indent:-999em;
background-repeat:no-repeat;
background-position:5px 20px;
}

h2#recent-projects {
background-image:url('../images/recent-projects.png');
height:150px;
text-indent:-999em;
background-repeat:no-repeat;
background-position:5px 20px;
}

h2#resume {
background-image:url('../images/resume-and-qualifications.png');
height:150px;
text-indent:-999em;
background-repeat:no-repeat;
background-position:5px 20px;
}

h2#contact-me {
background-image:url('../images/contact-me.png');
height:150px;
text-indent:-999em;
background-repeat:no-repeat;
background-position:5px 20px;
}

#navigation ul {
list-style:none;
}

#navigation ul li {
display:inline;
}

#navigation ul li a:link,
#navigation ul li a:visited {
float:left;
display:block;
width:150px;
padding-bottom:5px;
color:#fff;
font-size:1em;
text-align:center;
padding-top:50px;
text-decoration:none;
font-style:italic;
margin-right:25px;
letter-spacing:1px;
}

#navigation ul li#projects a:link,
#navigation ul li#projects a:visited {
background-color:#92865c;
}

#navigation ul li#resume a:link,
#navigation ul li#resume a:visited {
background-color:#ab825d;
}

#navigation ul li#contact a:link,
#navigation ul li#contact a:visited {
background-color:#8c909b;
}

#navigation ul li#projects a:hover,
#navigation ul li#projects a:focus {
background-color:#aea481;
}

#navigation ul li#resume a:hover,
#navigation ul li#resume a:focus {
background-color:#c5a283;
}

#navigation ul li#contact a:hover,
#navigation ul li#contact a:focus {
background-color:#acafb7;
}




.highslide-container {

}

.highslide-maincontent {
width:800px;
overflow:hidden;
text-align:left;
background-image:url('../images/popup-bg.jpg');
background-repeat:repeat-x;
background-color:#e8e5dc;
padding-top:0;
margin:0;
}

.highslide-maincontent .description {
margin:15px;
padding-bottom:15px;
font-family:Georgia, serif;
}

.highslide-maincontent .description p {
line-height:normal;
}
.highslide-maincontent .description p span {
font-weight:bold;
}

.highslide-maincontent .description a:link,
.highslide-maincontent .description a:visited {
color:#8b6a22;
padding-top:10px;
}

.highslide-maincontent .description a:hover,
.highslide-maincontent .description a:focus {
color:#000;
}

.highslide-maincontent .description h2 {
font-size:1.5em;
}

#home {
overflow:hidden;
clear:both;
margin-bottom:50px;
}


#home #work p.view-all {
clear:both;
text-align:right;
padding-right:70px;
}

#home #work p.view-all a:link,
#home #work p.view-all a:visited {
color:#92865c;
font-size:1.3em;
font-style:italic;
text-decoration:none;
}

#home #work p.view-all a:hover,
#home #work p.view-all a:focus {
color:#8c909b;
}

#home #work {
float:right;
margin-right:35px;
}


#foot {
clear:both;
margin:50px auto;
margin-bottom:0;
width:100%;
background-color:#8c909b;
height:150px;
}

.draggable-header .highslide-header {
border:0;
}

#narration {
width:330px;
float:left;
}

#work a:link img,
#work a:visited img {
float:left;
border-top:5px solid #c6c3b9;
margin-right:55px;
margin-bottom:15px;
}

#home #work a:link img,
#home #work a:visited img {
margin-right:15px;
}

#work a:hover img,
#work a:focus img {
border-color:#8c909b;
}

#resume {
width:450px;
}

#resume h2 {
font-size:2em;
}

#resume ul {
line-height:180%;
margin-top:5px;
margin-bottom:5px;
color:#8c909b;
margin-left:20px;
}

#resume p span {
font-weight:bold;
color:#5f6167;
}

#resume #download {
overflow:hidden;
}

#resume #download a:link,
#resume #download a:visited {
padding:5px;
padding-left:25px;
display:block;
background-image:url('../images/pdf.png');
background-repeat:no-repeat;
font-size:0.9em;
font-style:italic;
width:auto;
float:right;
color:#ab825d;
}

#form {
overflow:hidden;
width:370px;
}

#form #trackback {
clear:both;
}

#form label {
float:left;
clear:left;
display:block;
text-align:right;
width:110px;
margin-bottom:8px;
padding-right:10px;
}

#form input {
float:left;
clear:right;
width:230px;
border:1px solid #ab825d;
margin-bottom:8px;
padding:2px;
font-size:.8em;
background-color:#fff;
}

#form textarea {
float:left;
clear:right;
height:200px;
width:230px;
padding:2px;
border:1px solid #ab825d;
background-color:#fff;
}

#form #submit {
clear:both;
padding-top:15px;
}

#form #submit a:link,
#form #submit a:visited {
display:block;
width:85px;
float:right;
padding:5px;
background-color:#fff;
border:1px solid #ab825d;
text-align:center;
color:#8c909b;
margin-right:15px;
text-decoration:none;
}

#form #submit a:hover,
#form #submit a:focus {
background-color:#e8e5dc;
color:#ab825d;
}