html, body   { background-color: fff; height: 100%; margin: 0; padding: 0;
                         text-align: center; }
div#centered { border: 0; background-color: white; height: 50%; width: 50%;
                        position: absolute; left: 25%; top: 25%; color: fff;}


#center {
    position:absolute;
    width:820px;
    height:560px;
    left:50%;
    top:50%;
    margin-left:-410px;  // half of width
    margin-top:-285px;  // half of height
}

a:link, a:visited{color:#888888; text-decoration:none; font-size: 11px; outline:none;}
a:hover{color:#cc3300; text-decoration:none; font-size: 11px; outline:none;}


#navigation ul {
list-style: none;
margin: 0 0 0 -1px;
padding: 0;
}

#navigation li {
background: #fff;
float: left;
margin: 0;
padding: 0;
}

#navigation a.home { 
    display:block ;
    width: 61px ;
    height: 21px ;
    background:url("http://courtneyphillipsstern.com/images/home-off.png") no-repeat ;
}

#navigation a.home:hover {
	display: block;
	width: 61px;
	height: 21px;
	background: url('http://courtneyphillipsstern.com/images/home-on.png') no-repeat;
}

#navigation a.about { 
    display:block ;
    margin: 0 0 0 28px;
    width: 74px ;
    height: 21px ;
    background:url("http://courtneyphillipsstern.com/images/about-off.png") no-repeat ;
}

#navigation a.about:hover {
	display: block;
	margin: 0 0 0 28px;
	width: 74px;
	height: 21px;
	background: url('http://courtneyphillipsstern.com/images/about-on.png') no-repeat;
}

#navigation a.portfolio { 
    display:block ;
    margin: 0 0 0 28px;
    width:122px ;
    height:21px ;
    background:url("http://courtneyphillipsstern.com/images/portfolio-off.png") no-repeat ;
}

#navigation a.portfolio:hover {
	display: block;
	margin: 0 0 0 28px;
	width: 122px;
	height: 21px;
	background: url('http://courtneyphillipsstern.com/images/portfolio-on.png') no-repeat;
}

#navigation a.news { 
    display:block;
    margin: 0 0 0 28px;
    width: 56px ;
    height: 21px ;
    background:url("http://courtneyphillipsstern.com/images/news-off.png") no-repeat ;
}

#navigation a.news:hover {
	display: block;
	margin: 0 0 0 28px;
	width: 56px;
	height: 21px;
	background: url('http://courtneyphillipsstern.com/images/news-on.png') no-repeat;
}

#navigation a.contact { 
    display:block ;
    margin: 0 0 0 28px;
    width: 100px ;
    height: 21px ;
    background:url("http://courtneyphillipsstern.com/images/contact-off.png") no-repeat ;
}

#navigation a.contact:hover {
	display: block;
	margin: 0 0 0 28px;
	width: 100px;
	height: 21px;
	background: url('http://courtneyphillipsstern.com/images/contact-on.png') no-repeat;
}

#navigation #currentpage1 a.home {
	display: block;
	width: 61px;
	height: 21px;
	background: url('http://courtneyphillipsstern.com/images/home-on.png') no-repeat;
}

#navigation #currentpage2 a.about {
	display: block;
	margin: 0 0 0 28px;
	width: 74px;
	height: 21px;
	background: url('http://courtneyphillipsstern.com/images/about-on.png') no-repeat;
}

#navigation #currentpage3 a.portfolio {
	display: block;
	margin: 0 0 0 28px;
	width: 122px;
	height: 21px;
	background: url('http://courtneyphillipsstern.com/images/portfolio-on.png') no-repeat;
}

#navigation #currentpage4 a.news {
	display: block;
	margin: 0 0 0 28px;
	width: 56px;
	height: 21px;
	background: url('http://courtneyphillipsstern.com/images/news-on.png') no-repeat;
}

#navigation #currentpage5 a.contact {
	display: block;
	margin: 0 0 0 28px;
	width: 100px;
	height: 21px;
	background: url('http://courtneyphillipsstern.com/images/contact-on.png') no-repeat;
}





div.float {
  float: left;
  margin: 0px 0px 0 0px;
  width: 820px;
  height: 468px;
  background-color: #fff;
  }
  
    div.floatCompanyLeft {
  float: left;
  margin: 0px 0px 0px 0px;
  width: 718px;
  background-color: #fff;
  }
  
        div.floatCompany {
      float: left;
  width: 718px;
  height: 411px;
text-align: center;
margin: 0px 0px 0 0px;
background-color: #fff;
border-top: none;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
  }
  
      div.floatCompanyText {
      float: left;
      width: 585px;
      height: 204px;
text-align: center; 
font-size:10px; 
color:#666; 
font-family:Arial, Helvetica, sans-serif; 
padding: 28px 0px 0 67px;
background-color: #fff;
  }
  

  
          div.floatCompanyNav {
width: 645px;
text-align: right; 
font-size:10px; 
font-family:Arial, Helvetica, sans-serif;
padding: 0px 0px 0 0px;
background-color: #fff;
  }
  
      div.floatBio {
  float: left;
  margin: 0px 0px 0px 0px;
  width: 718px;
  height: 410px;
  background-color: #fff;
border-top: 1px solid #666666;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
  }
  
    div.contactfloatLeft  {
  float: left;
  width:527px;
  margin: 0px 0px 0px 0px;
  background-color: #fff;
  }
  
      div.contactfloatRight  {
  float: right;
    width:293px;
  padding: 0px 0px 0 0px;
  background-color: #fff;
  }
  
      div.floatBioNav  {
  float: right;
  padding: 14px 17px 0px 0px;
  font-size:10px; 
  font-family:Arial, Helvetica, sans-serif;
  background-color: #fff;
  }
  
  div.floatPortfolioLeft {
  float: left;
  margin: 0px 0px 0px 0px;
  width: 353px;
  height: 412px;
  background-color: #fff;
  }
  
    div.floatPortfolioRight {
  float: right;
  margin: 0px 0px 0px 0px;
  width: 353px;
  height: 412px;
  background-color: #fff;
  }
  
      div.floatPortfolioTopLeft {
  float: left;
  margin: 0px 0px 0px 0px;
  width: 508px;
  height: 332px;
  background-color: #fff;
  }
  
  
      #floatPortfolioRightWrap {
  float: right;
  margin: 0px 0px 0px 0px;
  width: 229px;
  height: 332px;
  background-color: #fff;
  }

  
      div.floatPortfolioTopRight {
  float: right;
  margin: 0px 0px 0px 0px;
  width: 229px;
  background-color: #fff;
  font-family:Arial, Helvetica, sans-serif;
  text-align: justify;
  font-size:10px; color:#666666;
  }
  
        div.floatPortfolioTopRight2 {
  float: right;
  margin: 10px 0px 0px 0px;
  width: 240px;
  background-color: #fff;
  font-family:Arial, Helvetica, sans-serif;
  text-align: justify;
  font-size:10px; color:#666666;
  }
  
          div.floatPortfolioTxt {
        width: 205px;
text-align: left; 
font-size:11px; 
font-family:Arial, Helvetica, sans-serif;
padding: 20px 0px 0 5px;
background-color: #fff;
  }
  
        div.floatPortfolioNav {
width: 228px;
margin: 250px 0px 0px 0px;
text-align: right; 
font-size:10px; 
font-family:Arial, Helvetica, sans-serif;
color: #336699;
padding: 20px 0px 0 0px;
background-color: #fff;
  }
 
 
         div.floatPortfolioTopLeft2 {
  float: left;
  margin: 0px 0px 0px 0px;
  width: 580px;
  height: 468px;
  background-color: #fff;
  border-top: 0px solid #666666;
  border-left: 0px solid #666666;
  border-right: 0px solid #666666;
  border-bottom: 0px solid #666666;
  } 
  
          #floatPortfolioRightWrap2 {
  float: right;
  margin: 0px 0px 0px 0px;
  width: 210px;
  height: 468px;
  background-color: #fff;
  border-top: 0px solid #666666;
  border-left: none;
  border-right: 0px solid #666666;
  border-bottom: 0px solid #666666;
  }
  
  
          div.floatPortfolioNav2 {
width: 200px;
text-align: left; 
font-size:12px; 
font-family:Arial, Helvetica, sans-serif;
padding: 190px 0px 0 27px;
background-color: #fff;
  }
  
  
  
  
  div.floatPortfolioThumb {
  float: left;
  margin: 33px 0px 0px 0px;
  width: 820px;
  height: 103px;
  background-color: #fff;
  }
  
div.floatPressLeft {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0 0 0 0px;
  width: 820px;
  height: 468px;
  background-color: #fff;
  border: 0px solid #666666;
  }
  
  div.floatCreditLeft {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0 0 0 0px;
  width: 820px;
  height: 468px;
  background-color: #fff;
  border: 0px solid #666666;
  }
  
  div.floatContactLeft {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0 0 0 0px;
  width: 355px;
  height: 410px;
  background-color: #ccc;
  border: 1px solid #666666;
  font-family:Arial, Helvetica, sans-serif;
  text-align: justify;
  font-size:11px; color:#666666;
  }
  
    div.floatContactRight {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0 0 0 0px;
  width: 358px;
  height: 410px;
  background-color: #fff;
  border: 0px solid #666666;
  font-family:Arial, Helvetica, sans-serif;
  text-align: center;
  font-size:11px; color:#666666;
  }
  
div.floatContactInfo {
  float: right;
  margin: 0px 0px 0px 0px;
  padding: 0px 0 0 0px;
  width: 718px;
  height: 410px;
  background-color: #fff;
  border: 1px solid #666666;
  font-family:Arial, Helvetica, sans-serif;
  text-align: justify;
  font-size:13px; color:#666666;
  }
  
  div.float2 {
  float: left;
  margin: 0px 0px 0 0px;
  width: 475px;
  height: 270px;
}
  
  div.floatright {
  float: right;
  margin: 0px 0px 5px 5px;
  font-family:Arial, Helvetica, sans-serif; font-size:10px;
  width: 200px;
  height: 350px;
  overflow: auto;
  }
  
  div.floatright2 {
  float: right;
  margin: 0px 0px 5px 5px;
  font-family:Arial, Helvetica, sans-serif; font-size:10px;
  width: 200px;
  height: 350px;
  background-color: #fff;
  }
  
  div.floatimg {
  float: left;
  margin: 5px 5px 0 0;
  border: 0px solid #666666;
  }
  
div.float p {
margin: 0px 0px 0 0px;
   text-align: justify;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px; color:#666666;
   }


div.container {
width: 820px;
height: 468px;
margin: 0px 0 0 0px;
border: 0px solid #666666;
background-color: #fff;
  }
  
  
div.containerBox {
width: 682px;
height: 350px;
margin: 12px 0 0 2px;
border: 1px solid #666666;
background-color: #fff;
  }
  
div.logo {
width: 821px;
height: 70px;
margin: 0px 0 8px 0px;
border: 0px solid #666666;
background-color: #fff;
  }
  
  div.spacer {
  clear: both;
  }
 
 .aboutImg {
 float: left;
width: 822px;
height: 468px;
margin: 0px 0 0px 0px;
border: 0px solid #666666;
background-color: #fff;
  }
   
  .scroll-pane-bio 		{float: right; width: 430px; overflow: auto; padding-top: 0px; padding-left: 0px; padding-right: 7px;height: 468px; text-align: right; }
  
    .scroll-pane 		{ width: 800px; overflow: auto; padding-top: 0px; padding-left: 0px; padding-right: 8px; height: 466px; text-align: left;}
    
  .p1 {padding-top: 0px;}
  .p2 {padding-top: 20px;}
  
  
#footer{width: 820px; height: 14px; float: left; margin: 5px 0 0px 0px; font-size:13px; color:#666666; font-family:Arial, Helvetica, sans-serif; text-align: left;   border: 0px solid #666666;}
    
img, a img { border: none; text-decoration:none;}

div#preload { display: none; }

#text {margin:70px 0 0 0; width:360px; font:11px/1.5 Arial, Helvetica, sans-serif; text-align: center;}
.hotspot {color:#900; padding-bottom:1px; border-bottom:0px dotted #900; cursor:pointer; font:11px/1.5 Arial, Helvetica, sans-serif; background:#FFF}

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#999; color:#FFF; font:11px/1.5 Verdana, Arial, Helvetica, sans-serif;}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}

::-webkit-scrollbar
{
  width: 6px;  /* for vertical scrollbars */
  height: 12px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track
{
  background: rgba(0, 0, 0, 0.05);
}

::-webkit-scrollbar-thumb
{
  background: rgba(0, 0, 0, 0.05);
}

 #p-town
  {
    display: block;
    width: 60px;
    height: 21px;
    background: url("http://courtneyphillipsstern.com/portfolio/img/p-town.png") no-repeat 0 0;

  }

  #p-town:hover
  { 
    background: url("http://courtneyphillipsstern.com/portfolio/img/p-town-on.png") no-repeat 0 0;
  }
  
   #p-country
  {
    display: block;
    width: 101px;
    height: 21px;
    background: url("http://courtneyphillipsstern.com/portfolio/img/p-country.png") no-repeat 0 0;

  }

  #p-country:hover
  { 
    background: url("http://courtneyphillipsstern.com/portfolio/img/p-country-on.png") no-repeat 0 0;
  }
  
  #p-town span
{
  position: absolute;
  top: -999em;
  color: #003366;
  font-size:20px; 
  font-family: "Bodoni MT", Didot, "Didot LT STD", "Book Antiqua", Garamond, "Times New Roman", serif;
}

  #p-country span
{
  position: absolute;
  top: -999em;
  color: #003366;
  font-size:20px; 
  font-family: "Bodoni MT", Didot, "Didot LT STD", "Book Antiqua", Garamond, "Times New Roman", serif;
}