/* Default Settings
----------------------------------------------- */
html, body {
border:0;
margin:0 auto;
padding:0;
text-align:center;
}

body {
font:62.5%/1.2 Helvetica, Arial, arial, sans-serif;
color:#7b7b7b;
text-align:center;
border-top:8px solid #2b2b2b;
}

p { margin: 0.5em 0; }

h1, h2, h3, h4, h5, h6, h7 {
font:1em/1.1 Helvetica, Arial, arial, sans-serif;
margin:0 0 .5em 0;
}

h1 {
margin:40px 0 10px 0;
color:#777;
font-size:1.2em;
text-transform:uppercase;
}

h2 {
color:#1690c8;
font-weight:bold;
font-size:1.5em;
}

h3 {
display:block;
width:100%;
margin:20px 0 10px 0;
padding: 0 0 5px 0;
color:#1690c8;
font-weight:bold;
font-size:1.2em;
border-bottom: 1px dotted #1690c8;
}

h4 {
display:block;
padding: 0;
margin:2px;
color:#777;
font-weight:bold;
font-size:1.2em;
}

h5 {
display:block;
width:100%;
margin:20px 0 10px 0;
color:#1690c8;
font-weight:bolder;
font-size:0.9em;
}
/* Links
----------------------------------------------- */
a, a:link, a:visited { text-decoration:none; color: #777; font-size:1.1em; }
a:hover { text-decoration:none; color:#000; }

/* Lists
----------------------------------------------- */
#content ul li {
}

/* General Layout
----------------------------------------------- */
#wrap {
margin: 0 auto;
padding: 0;
width: 100%;
border-top:2px solid #fff;
background: url(cssimages/gradient.gif) top center repeat-x;
}

#container {
margin: 0 auto;
text-align:left;
padding: 0 0 0px 0;
width: 920px;
}

#logo {
margin:200px 0 0 0;
float:left;
width:200px;
text-align:right;
}

#logo p.about {
margin: 70px 0 0 0;
padding: 0;
color:#bcaa96;
font-size:1.1em;
line-height:2.2em;
}

#logo p.about a:link, #logo p.about a:visited, #logo p.about a:active {
padding: 0;
color:#91bedf;
border-bottom:1px dotted #91bedf;
}

#logo p.about a:hover {
padding: 0;
color:#91bedf;
border-bottom:2px solid #91bedf;
}

#portfolio {
margin:150px 0 0 0;
float:right;
width:620px;
}

#portfolio a.box { display:block; }

#portfolio a:link.box, #portfolio a:visited.box, #portfolio a:active.box {
margin:0 0 50px 0;
padding:10px;
background-color:#e1d5c8;
text-align:left;
color:#806a52;
}

#portfolio a:hover.box {
margin:0 0 50px 0;
padding:10px;
background-color:#dbcdbd;
text-align:left;
color:#806a52;
}

#portfolio img { margin: 0 0 10px 0; }

.client {
float:left;
width:48%;
font-size:1.1em;
margin:10px 0; 
}

.url { 
float:right;
width:48%;
font-size:1.1em;
margin:10px 0;
text-align:right; 
}

.scope {
clear:both;
font-size:1em;
margin:5px 0 0 0; 
}

.status {
font-size:1em;
margin:0 0 0; 
font-style:italic;
}

#foot {
margin:5px 0;
clear:both;
font-size:1em;
text-align:right;
}

/* Slide Panel at top
----------------------------------------------- */
#top {
margin:0 auto;
background: #2b2b2b;
width:100%;
padding: 10px 0;
text-align:center;
font-size:1.1em;
}
#top-inside {
margin:0 auto;
width:920px;
text-align:left;
color:#fff;
}

#toppanel {
margin:0 auto;
background: #2b2b2b;
width:100%;
padding: 10px 0;
text-align:center;
}

#toppanel-inner {
margin:0 auto;
width:920px;
text-align:left;
color:#fff;
}

.toppanel-content {
margin:10px 0 10px 310px; 
padding:10px 0 0 0;
border-top:1px solid #1b1b1b;
line-height:2em;
}

.about-info {
float:left;
width:350px;
}

.about-info a:link, .about-info a:visited, .about-info a:active { 
border-bottom:1px dotted #91bedf;
color:#91bedf; 
}

.about-info a:hover { 
color:#91bedf; 
border-bottom:1px solid #91bedf;
}

.contact-info {
float:right;
width:200px;
text-align:right;
}

#top-inside p { margin:5px 0 10px 310px; }

a.pdf:link, a.pdf:visited, a.pdf:active { 
color:#fff; 
background:url(cssimages/pdf-icon.gif) center left no-repeat; 
padding:4px 5px 4px 25px;
}

a.pdf:hover { 
color:#fff; 
background:#0b0b0b url(cssimages/pdf-icon.gif) center left no-repeat; 
padding:4px 5px 4px 25px;
}

a.linkedin:link, a.linkedin:visited, a.linkedin:active { 
color:#fff; 
background:url(cssimages/linkedin-icon.gif) center left no-repeat; 
padding:4px 5px 4px 25px;
}

a.linkedin:hover { 
color:#fff; 
background:#0b0b0b url(cssimages/linkedin-icon.gif) center left no-repeat; 
padding:4px 5px 4px 25px;
}

#slidebutton-container {
margin: 0 auto;
padding:20px 0 0 0;
width: 920px;
text-align:right;
}

#slidebutton {
background:#91bedf;
padding:0 10px 0 10px;
color:#fff;
font-size:1.1em;
border-top:3px solid #91bedf;
border-bottom:3px solid #91bedf;
}

.clear { clear:both; }
.error-msg { margin:10px 0; color:#777; font-size:1.1em; }