/* CSS Document */
/* basic styles */
html {font-size: 90%;
height: 100%;
margin-bottom: 1px;}

body {margin:0 auto; 
font-family: Georgia, "Times New Roman", Times, serif; 
font-size:1em; 
text-transform:lowercase;
background:#FFF url(sky.jpg) top no-repeat;
line-height:130%
}


a, a:visited, a:active {color:#000033; text-decoration:none;}
a:hover {color:#0000FF;}
a.foot {color:#000; text-decoration:none;}


#container {width: 880px; margin:0 auto; padding-bottom:20px; }
#container h1 {text-align:left; margin-left:300px; background: url(arrowdown.png) 40% center no-repeat; cursor:pointer; font-weight:normal;}
#container h1:hover {color:#0000FF;}
#container p, #container ul, #container h3, #container ol { width:650px; margin:15px auto;}

#head {height:75px; margin-top:60px;background:#000033 url(logo.png) 20% center no-repeat; padding-left:50px;}
#head h1 {color:#fff;}

#wrap {  margin-top:50px;}
#content { width:880px; margin:10px; padding:0px; color:#000033;}

#foot {width: 100%; margin:0 auto; float:left;}

p em {font-size:.7em; font-style:normal; line-height:140%;}
p {line-height:140%;}
ol, ul, li {line-height:160%;}


#who{display:block; } 
#focus {display:block;  } 
#expertise {display:block;} 
#why {display:block;}
#projects {display:block; height:600px;} 


/*image gallery styles */
dl.gallery
{


width: 240px;
text-align: center;
padding: 10px;
float: left;
margin-right: 1em;
margin:10px;
height:275px;
font-size: .8em;
}
.gallery dt { font-weight: bold; }
.gallery dt img
{
border: 1px solid #000033;

}

.gallery dt img:hover {border: 1px solid #fff;}
.gallery dd
{
margin: 0;
padding: 0;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
padding:6px;
}

.gallery ul {margin:0; padding:0; width:240px;}
.gallery li {padding-top:3px; width:220px;}

/*image gallery styles */
dl.projects
{


width: 330px;
text-align: center;
padding: 10px;
float: left;

margin:10px 10px 10px 50px;
height:300px;
font-size: .8em;
border: 2px solid #000033;
background-color:#E4E4E4;
}
.projects dt { font-weight: bold; }
.projects  dt img
{
border: 1px solid #000033;

}

.projects  dt img:hover {border: 1px solid #fff;}
.projects  dd
{
margin: 0;
padding: 0;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
padding:6px;
}

.projects  ul {margin:0; padding:0; width:330px; list-style:none;}
.projects  li {padding-top:3px; width:300px;}