@charset "utf-8";
/* CSS Document */
html {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  height:100%;
  background:#ddd;
}
body {
  font-family: 'Lucida Grande', helvetica, arial, tahoma, verdana, sans-serif;
  font-size:9pt;
  color: #000000;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  height:100%;
}

a {
  color:#333;
}
a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color:#0096ff;
}
a:active {
  text-decoration: underline;
}
form {
  padding:0px;
  margin:0px;
}
img {
  border:none;
}
h1 {
  color:#999;
/*  font-weight:bold;
  font-size:1.8em;
  padding-bottom:10px;*/
}
h2 {
  font-weight:bold;
}
h3 {
  font-weight:bold;
}
h4 {
  font-weight:normal;
}
h5 {
  font-weight:normal;
}
p {
}
.clear {
  clear:both;
}
ul, ul li {
  list-style:none;
  margin:0px;
  padding:0px;
}
th, td {
  border:none;
}



/*--Site Specific------*/
#Logo {
  padding:0 0 20px;
  display:block
}
#Container {
  width:960px;
  margin:20px auto 0;
  background:#fff url(../media/441/bottomrightcorner.gif) bottom right no-repeat;
  padding:20px 20px 40px;
}
/*----LEFTSIDE--------------------------------------------------------------------------------------------------*/
#LeftSide {
  float:left;
  width:200px;
  padding-top:60px;
}
#LeftSide ul {
  position:relative;
}
#LeftSide ul li {
  color:#000000;
  font-weight:bold;
  display:block;
  padding:0 0 20px;
}
#LeftSide ul li a {
  color:#000000;
  font-weight:bold;
  display:block;
}
#LeftSide ul li a:hover {
  text-decoration:underline;
}
#LeftSide ul li ul {
  position:relative;
}
#LeftSide ul li ul li {
  padding:0;
  border:none;
}
#LeftSide ul li ul li span {
  color:#999999;
  font-size:1.2em;
  font-weight:normal;
  padding:5px 0;
  display:block;
}
#LeftSide ul li ul li a {
  color:#999999;
  font-size:1.2em;
  font-weight:normal;
  padding:5px 0;
}
#LeftSide ul li ul li a.Current {
  font-weight:bold;
  color:#666;
}
/*----RIGHTSIDE--------------------------------------------------------------------------------------------------*/
#RightSide {
  margin-left:220px;
}
.Images img {
  margin-bottom:10px;
}




/*--PORTFOLIOPAGES--------*/
.HeaderIMG {
  border:5px solid #eee;
}
#PortfolioInformation {
  margin:10px 0;
  border-bottom:3px double #ccc;
  border-top:3px double #ccc;
}
#PortfolioInformation h1 {
  font-weight:bold;
  font-size:.8em;
  color:#000;
 text-transform:uppercase;
}
#PortfolioInformation a {
  margin-bottom:1em;
  display:block;
}
#PortfolioInformation p {
  color:#333;
  width:80%;
  font-size:1.2em;
}
#PortfolioInformation p a{
  margin-bottom:auto;
  display:inline;
}
.PortfolioImage {
  margin:0 5px 10px;
  border:5px solid #eee;
}
/*CV-------------*/

#BodyArea h1 {
}
#BodyArea h2 {
  color:#000;
  font-size:1.6em;
  margin:5px 0;
}
#BodyArea h3 {
  font-size:1.4em;
  margin:5px 0;
  font-weight:normal;
  color:#999999;
}
#BodyArea h4 {
  color:#666666;
  font-size:1.2em;
  font-weight:bold;
  margin-bottom:10px;
}
#BodyArea p {
  margin-left:10px;
  width:80%;
}
#BodyArea .Introduction p {
    font-size:2em;
  color:#999;
}
#BodyArea ul {
  margin:10px 0 10px 20px;
  list-style:disc;
}
#BodyArea ul  li {
  list-style:disc;
}
#BodyArea .PopUp {
}
#BodyArea .PopUp img {
  margin:0 10px;
  padding:0 5px;
}
#BodyArea .ImageContainer {
  text-align:center;
  width:80%;
}
#BodyArea .ImageContainer {
    padding:5px 0;
}
/*----SLIDING BOX--------------------------------------------------------------------------------------------------*/

#SlidingBox {
}
#SlidingBox h3 {
  margin: 10px;
  color:#FFF;
  font:18pt Arial, sans-serif;
  letter-spacing:-1px;
  font-weight: bold;
}
#SlidingBox h3 a{
  color:#fff;
}
#SlidingBox .boxgrid{
  background:#fff;
  border:5px solid #eee;
  height:200px;
  overflow:hidden;
  position:relative;
  width:670px;
  margin-bottom:20px;
}
#SlidingBox .boxgrid img{
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
}
#SlidingBox .boxgrid p{
  padding: 0 10px;
  color:#afafaf;
  font-weight:bold;
  font:10pt "Lucida Grande", Arial, sans-serif;
}
#SlidingBox .boxcaption{
  float: left;
  position: absolute;
  background: #000;
  height: 60px;
  bottom:-60px;
  width: 100%;
  opacity: .8;
  /* For IE 5-7 */
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  /* For IE 8 */
  -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
#SlidingBox .captionfull .boxcaption {
  top: 260;
  left: 0;
}
#SlidingBox .caption .boxcaption {
  top: 220;
  left: 0;
}



/*----FOOTER--------------------------------------------------------------------------------------------------*/
#Footer {
  background:#333;
  color:#999;
  font-size:80%;
  margin:10px auto;
  padding:10px 15px;
  position:relative;
  right:9px;
  width:953px;  
}
#Footer span {
  float:right;
}
#Footer a {
  color:#666;
}
#Footer a:hover {
  color:#fff;
}











/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */