/* CSS Document */
*{
margin:0;
border:0;
padding:0;
}
body{
position:relative;
background-image:url("../images/background.jpg");
font-family:Helvetica, Arial, sans-serif;
}
body#service, body#project{
padding:1em;
background:none;
font-size:.9em;
}
body#project table{
width:100%;
height:600px;
}
body#project div.slide{
position:absolute;
top:3.5em;
left:5%;
width:90%;
height:606px;
}
div.slide td{
width:100%;
text-align:center;
vertical-align:middle;
}
div.slide td img{
padding:4px;
border:1px solid black;
}
div#logo{
position:absolute;
margin:10px 0 0 2%;
width:262px;
height:132px;
background:transparent url("../images/logo.gif") 0 1px no-repeat;
border:2px solid rgb(110,143,145);
text-indent:-9999px;
z-index:10;
}
div#blueBar{
position:absolute;
height:132px;
margin:10px 0 0 2%;
width:96%;
background:rgb(110,143,145) url("../images/wave.gif") bottom left repeat-x;
border:2px solid rgb(110,143,145);
}
div#content{
position:absolute;
margin-top:160px;
padding:0 3% 0 3%;
width:90%;
}
div.shadow, div.shadowLeft{
float:right;
/*background: url(shadowAlpha.png) no-repeat bottom right !important;*/
background: url("../images/shadow.gif") no-repeat bottom right;
margin:12px 0 0 20px;
}
div.shadowLeft {
float:left;
}
div.shadow img, div.shadowLeft img{
display:block;
position:relative;
border:1px solid black;
padding:4px;
background-color:white;
margin:-8px 8px 8px -8px;
}
div#sidebar{
width:20%;
height:300px;
float:left;
margin-right:1em;
border-right:2px solid rgb(122,67,58);
font-size:.8em;
}
div#sidebar a{
font-size:.9em;
}
h1{
margin:0 0 .5em 0;
color:black;
font:normal small-caps bold 1.7em/1em "Trebuchet MS", Arial, sans-serif;
border-bottom:2px solid rgb(110,143,145);
background:transparent url("../images/bullet.gif") right 1.1em no-repeat;
}
h1 span{
position:relative;
top:.2em;
margin-left:-2px;
padding-right:2px;
font-size:1.4em;
background-color:white;
border:0;
}
body#service h1, body#project h1{
color:rgb(122,67,58);
font:normal small-caps bold 1.3em/1em "Trebuchet MS", Arial, sans-serif;
background-position:right 1em;
}
h2{
font:normal small-caps bold 1.4em/1em "Trebuchet MS", Arial, sans-serif;
margin:0 0 .2em 0;
letter-spacing:1px;
color:rgb(110,143,145);
}
div#sidebar h2{
font-variant:normal;
font-size:1.2em;
}
ul{
list-style:none;
line-height:1.2em;
margin-bottom:.5em;
}
ul.toView{
margin:.5em 0 0 0;
}
ul.toView li{
list-style:url("../images/bullet.gif") circle inside;
padding-left:2em;
font:normal 1em/1.4em Helvetica, Arial, sans-serif;
}
ul.projList{
margin:.5em 0 3em 1em;
float:left;
font:normal 1em/1.2em Helvetica, Arial, sans-serif;
}
ul.toView a, ul.projList a, a.close, #prevNext a, #sidebar a{
margin-left:.5em;
padding:1px 2px 1px 2px;
font:bold .6em/1em Arial;
color:rgb(122,67,58);
text-decoration:none;
letter-spacing:1px;
vertical-align:.3em;
border:1px solid rgb(110,143,145);
}
ul.toView a:hover, ul.projList a:hover, a.close:hover, #prevNext a:hover, #sidebar a:hover{
background-color:rgb(110,143,145);
border:1px solid rgb(110,143,145);
color:white;
}
a.close{
display:block;
float:right;
clear:both;
margin-bottom:1em;
}
div#prevNext{
position:absolute;
top:5px;
right:1.5em;
font-size:1.5em;
}
p{
font:normal 1em/1.3em Helvetica, Arial, sans-serif;
margin:0 0 .7em 0;
}
p.copyright{
margin:4em 0 0 0;
padding:.5em 0 0 0;
text-align:right;
font:normal .7em/1em Helvetica, Arial, sans-serif;
border-top:1px solid rgb(110,143,145);
clear:both;
}
a{
color:rgb(122,67,58);
text-decoration:none;
border-bottom:1px dotted rgb(40,40,40);
}
a:hover{
color:black;
border-bottom:1px dotted black;
background-color:rgb(220,220,220);
}
/*TABLE of certifications
-------------------------------*/
table#certTable td, th{
border:1px dotted rgb(110,143,145);
font-size:.9em;
font-weight:normal;
}
table#certTable tr{

}
table#certTable td{
text-align:center;
}
table#certTable td a,table#certTable th a{
display:block;
border:none;
padding:2px;
}
table#certTable td a:hover,table#certTable th a:hover{
background-color:rgb(220,220,220);
}

/*main navigation
-------------------------------*/
ul#nav {
position:absolute;
margin:108px 0 0 275px;
list-style:none;
}
/*all links in the nav*/
#nav a {
height:18px;
display:block;
text-indent:-9999px;
text-decoration:none;
margin-right:14px;
border-right:1px dotted rgb(110,143,145);
border-bottom:1px dotted rgb(110,143,145);
}
/*specific top-level links*/
#nav #aboutBtn a{
width:102px;
background:transparent url("../buttons/aboutBtn.gif") 0 -18px no-repeat;
}
#nav #aboutBtn a:hover{
background-position:0 0;
}
#nav #servicesBtn a{
width:95px;
background:transparent url("../buttons/servicesBtn.gif") 0 -18px no-repeat;
}
#nav #servicesBtn a:hover{
background-position:0 0;
}
#nav #projectsBtn a{
width:97px;
background:transparent url("../buttons/projectsBtn.gif") 0 -18px no-repeat;
}
#nav #projectsBtn a:hover{
background-position:0 0;
}
#nav #contactBtn a{
width:98px;
background:transparent url("../buttons/contactBtn.gif") 0 -18px no-repeat;
}
#nav #contactBtn a:hover{
background-position:0 0;
}
/*all list items*/
#nav li {
float:left;
position:relative;
}
li>ul {
top:auto;
left:auto;
}
/*fix whitespace bug in IE-Win*/
/* \*/
* html #nav a {
    height: 1px;
    }
/*  */