/* Layout
-------------*/
body {background-color: #333; margin: 0; padding: 30px 0;}
#container {background: #f9f9f9 url(../img/section_bg.png) top left repeat-x; width: 810px; margin: 0 auto; padding: 40px; text-align: left;}
#hd {padding-bottom: 2.0em; position: relative;}
#nav {position: absolute; top: 0; right: 0; list-style-type: none;}
#nav li {float: left; margin: 0 1px 0 0;}
#nav li a {text-decoration: none; background-image: none; background: #fff; padding: 5px 9px;}
#nav li#current a {background-color: #0099ff; color: #fff;}
.section h3 {float: left; width: 165px; padding-left: 10px;}
dl, #profile p, #accomplishments ul {float: left; width: 595px;}
.gallery {float: left; width: 595px;}
#contacttop h3, #contactbot h3 {height: 3.0em;}
#profile h3 {height: 10.0em;}
#clients ul {float: left; width: 198px; list-style-type: none;}
#clients li {margin: 0;}
dt {float: left; width: 90px; padding-right: 15px; text-align: right;}
dd {float: left; width: 465px;}
div.section {border-bottom: 1px solid #f0f0f0; padding: 1.5em 0; background: url(../img/section_bg.png) top left repeat-x;}
div.sectionfirst {border-top: 1px solid #f0f0f0;}
p {margin-bottom: 1.2em;}
li {margin-left: 1.2em; margin-bottom: 0.5em;}
.gallery li {margin: 0;}
#experience p {margin: 0;}
#experience p.hint {margin-bottom: 1.2em;}
p.last, li.last, #experience p.last {margin-bottom: 0;}


/* Text
-------------*/
body {text-align: center; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; font-size: 14px;}
h1, h2, h3 {font-weight: normal;}
h1 {font-size: 3.0em; line-height: 1.0em; margin-bottom: 0.15em;}
h2 {font-size: 1.2em; line-height: 1.0em; margin-bottom: 2.5em;}
#expertise dt {color: #999;}
p.contact, p.hint {color: #666;}
h1, h3, a {color: #0099ff;}
p.hint {font-size: 0.8em;}
.highlight {background-color: #e5ff7f; padding: 5px 10px; border-bottom: 1px solid #e0f97c; border-right: 1px solid #e0f97c; text-decoration: line-through;}
.slashes {color: #999; padding: 0 5px;}


/* Slide Viewer
-------------*/
/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
border: 5px solid #f0f0f0;   
margin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px "Helvetica Neue", Helvetica, Arial, sans-serif; 
text-align: center; 
line-height: 22px; 
background: #fff; 
color: #0099ff; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
/*
background: #fff; 
color: #0099ff; 
*/

background: #0099ff; 
color: #fff; 
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 0;  
padding: 6px 2px;  
border: 0; 
} 

/* Utilities
-------------*/
div.section {width: 100%; overflow: auto;}