@charset "UTF-8";
body {
margin-top: 30px;
background-color: #fff;
}

#head {
display: block;
}

img#tagline {
margin-left: 112px;
}


#spotlight, #spotmain, #spotmain-container, #spotmain-fade-left, #spotnav, #pageID, #pageID-container, #pageID-end {
height:  278px;
}

#spotlight {
margin-top: 10px;
display: block;
}

#spotmain {
width: 586px;
margin: 0px;
background: transparent url(../images/spotlightLeft.png) top left no-repeat;
padding-left: 16px;
}

#spotmain-container {
position: relative;
background-color: #2f2f2f;

}

#spotmain-fade-left {
z-index: 10;
width: 22px;
position: absolute;
background: transparent url(../images/spotlightLeftFade.png) top left repeat-y;

}

#slideshow {
z-index: 0;
}

#spotnav {
text-align: center;
padding: 0px;
margin: 0px;
margin-left: -14px;
width: 154px;
padding-left: 9px;
background: transparent url(../images/spotnavBack.png) top left repeat-y;
}

#spotnav ul li {
font-family: Helvetica, Arial, sans-serif;
margin-bottom: 2px;
margin-top: 0px;
border: 0px solid red;
padding: 0px;
}

#spotnav a:link, #spotnav a:visited {
height: 52px;
position: relative;
color: #222;
vertical-align: middle;
padding-top: 16px;
/*padding: 30px auto;
margin: 25px auto;*/
display: block;
margin-top: 0px;
margin-bottom: 0px;
font-size: 28px;
text-decoration: none;
}

#spotnav a:hover, #spotnav a:active {
background-color: #2f435b;
color: #fdfde3;
}

#spotnav ul li a.contact-nav {
margin-bottom: 0px;
/*padding-top: 20px;*/
}

#pageID-container {
width: 50px;
margin-left: 0px;
}

#pageID {
width: 45px;
/*background-color: #222;*/
/*background: #fff url(../images/gray_swatch.png) top left;*/
}

.portfolio {
background: #222 url(../images/portfolio.png) 50% 50% no-repeat;
}

.about {
background: #222 url(../images/about.png) 50% 50% no-repeat;
}

.articles {
background: #222 url(../images/articles.png) 50% 50% no-repeat;
}

.contact {
background: #222 url(../images/contact.png) 50% 50% no-repeat;
}

.home {
background: #222 url(../images/home.png) 50% 50% no-repeat;
}

#pageID-end {
margin-left: 45px;
padding-left: 0px;
width: 10px;
background: transparent url(../images/spotlightRight.png) top right no-repeat;
}

.blue {
color: #2f435b;
}

span.blue {
margin-left: -3px;
}

#prev, #next {
margin: 0px;
}
#prev {
float: left;
padding-right: 10px;
}
#next {
}

h2#title {
margin-top: 20px;

}
#slidenav {
display: block;
position: absolute;
right: 20px;
bottom: 0px;
background:transparent url(../images/portNavBack.png) 0 0 no-repeat;
height: 30px;
width: 54px;
z-index: 30;
padding: 26px 33px 0;
}

h2#title {
margin-left: 0px;
color: #666;
font-size: 35px;
}

#content {
font-family: Georgia, serif;
}

#content a:link, #content a:visited,
.source a:link, .source a:visited {
color: #2f435b;
text-decoration: none;
font-style: italic;
}

#content a:hover, #content a:active {

}

#content h3 {
font-size: 1.2em;
border-bottom: 1px solid #000;
}

#content h4 {
margin-top: 10px;
font-size: .9em;
padding-bottom: 2px;
border-bottom: 1px solid #777;
}
#attribution {
margin-left: 10px;
margin-bottom: 15px;
}

.credit, .source {
display: block;

}

p {
margin-bottom: 13px;
font-size: 1em;
color: #223;
line-height: 1.3em;
}

#content ul {
font-size: 0.9em;
color: #223;
}

#content ul li {
margin: 8px auto;
margin-left: 10px;
line-height: 1.2em;
}

#col3 {
margin-right: 0px;
}

.link-list li a:link, .link-list li a:visited {
color: #333;
padding-left: 24px;
text-decoration: none;
display:block;
}

ul.tech {
padding-top: 7px;
line-height: 20px;
}

ul.tech li {
display: inline;
font-size: 0.8em;
}

ul a.linkedin{
background:url(../images/contact_icons.gif) 0 -105px no-repeat;
}
ul a.doc{
background:url(../images/contact_icons.gif) 0 -133px no-repeat;
}
ul a.rtf{
background:url(../images/contact_icons.gif) 0 -163px no-repeat;
}
ul a.pdf{
background:url(../images/contact_icons.gif) 0 -192px no-repeat;
}
ul a.fbk{
background:url(../images/contact_icons.gif) 0 -75px no-repeat;
}
ul a.email{
background:url(../images/contact_icons.gif) 0 2px no-repeat;
}
ul a.twitter{
background:url(../images/contact_icons.gif) 0 -220px no-repeat;
}
ul a.article {
background:url(../images/article_icon.png) 0 50% no-repeat;
}