body {
margin: 0px;
padding: 0px;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 12px;
text-align: center;
color: #ffffff;
background-color: #333333;

}
td {
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
}
a img { color:#FFFFFF;}
a {
  color:#e5d755;
  text-decoration: none;
}
a:hover {
  color: #ffffff;
  text-decoration: none;
}
.bg {
background-color:#000000;
background-image:url(../images/cpb-bg2.jpg);
background-position: center;
background-repeat:repeat-y;
}
#bgfade {
  background-image:url(../images/cbp-bg.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  min-height:850px;


}
#siteholder {
text-align: left;
margin-left: auto;
margin-right: auto;
width: 1000px;
}
#logo {
margin-left: -4px;
padding-top: 49px;
float: left;
position: absolute;
}
#date {
  text-align: right;
  padding-top: 54px;
  padding-right: 0px;
  font-size: 11px;
  padding-bottom: 16px;
  color: #f2ebaa;
}
#date a {
  text-decoration: none;
}
#loggedin {

  text-align:center;
  font-size: 11px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#loggedin a {
  font-weight: bold;
  color:#009900;
  text-decoration: none;

}
#loggedin a:hover {
  color:#006600;

}
#loggedin a.logout {
  color: #CC0000;
}
#loggedin a.logout:hover {
  color: #990000;
}
#tnav {


  height: 39px;
}
#tbar {
clear: both;
height: 44px;
}
#tagline {
float: left;
padding-left: 22px;
padding-top: 12px;
}
#phone {
float: right;
padding-right: 25px;
padding-top: 12px;
}
#contentholder {
clear: both;
padding-left: 0px;
padding-right: 0px;
padding-top: 10px;
padding-bottom: 20px;
}
#content {
  /*font-family: Comic Sans MS;*/
}
#content p, #content div  {
  font-family: "Trebuchet MS", Helvetica, sans-serif;
}
#footerholder {
  background-image:url(../images/cbp-bbarbg.png);
  height: 44px;
  font-size: 11px;
  color: #f2ebaa;
}
#footer {
margin-left: auto;
margin-right: auto;
width: 1000px;
text-align: left;

}
#jj {
  float: right;
  padding-right: 0px;
  padding-top: 15px;

}
#copyright {
  padding-left: 0px;
  padding-top: 15px;
}
#copyright div {
  float: left;
}
#jj ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#jj ul li {
  float: left;
}
#jj ul li a {
  display: block;
  padding-left: 5px;
  padding-right: 5px;
  border-left: 1px solid #333333;
  background-image: none;
  text-decoration: none;
}
#jj ul li ul {
  display: none;
}
h1, h2 {
color:#999999;
margin:0;
padding:0;
font-size: 18px;
border-bottom: 1px solid #333333;
padding-bottom: 2px;
padding-top: 15px;
text-align: left;
font-family: "Trebuchet MS", Helvetica, sans-serif;
}
h1 {
color: #ffffff;
}

.contactme {
  color: #f2ebaa;
  font-weight: bold;
  font-size: 14px;
  margin-top: 1px;
  display: block;
  float: right;
}
.contactme:hover {
  color: #ffffff;
}
/*  Home Images */

#homeimages {
  background-image: url('/templates/classicblack/images/loading.gif');
  background-repeat: no-repeat;
  background-position: center;
  height: 500px;
  width: 1000px;
  overflow: hidden;

}
#hometextholder {
  position: absolute;
  z-index: 1000;

}
#hometextbg {
  position: absolute;
  z-index: 1500;
  width: 1000px;
  height: 35px;
  top: 465px;
  background-color: #000000;
    /* for IE */
  filter:alpha(opacity=50);
  /* CSS3 standard */
  opacity:0.5;
}
#hometextbgtop {
  position: absolute;
  z-index: 1500;
  width: 1000px;
  height: 10px;
/*  background-color: #000000;*/
    /* for IE */
  filter:alpha(opacity=50);
  /* CSS3 standard */
  opacity:0.5;
}
#hometext h1 {
  margin: 0px;
  padding: 0px;
  position: absolute;
  z-index: 1500;
  left: 20px;
  top: 13px;
  font-size: 20px; 
  font-weight: bold;
  color: #ffffff;
    top: 470px;
    width: 1000px;
    border: none;

}

/* Portfolio Images */

#portfolioimages {

  
  width: 1000px;
  overflow: hidden;

}
#portfoliotextholder {
  position: absolute;
  z-index: 1000;

}
#portfoliotextbg {
  position: absolute;
  z-index: 1500;
  width: 1000px;
  height: 50px;
  top: 450px;
  background-color: #000000;
    /* for IE */
  filter:alpha(opacity=50);
  /* CSS3 standard */
  opacity:0.5;
}
#portfoliotextbgtop {
  position: absolute;
  z-index: 1500;
  width: 1000px;
  height: 20px;
  background-color: #000000;
    /* for IE */
  filter:alpha(opacity=50);
  /* CSS3 standard */
  opacity:0.5;
}

#portfoliotext h1 {
  margin: 0px;
  padding: 0px;
  position: absolute;
  z-index: 1500;
  left: 20px;
  top: 13px;
  font-size: 20px; 
  font-weight: bold;
  color: #ffffff;
    top: 465px;
    width: 1000px;
    border: none;

}
#portfoliobreadcrumbs {
  position: absolute;
  z-index:1700;
}
#portfoliobreadcrumbs div {
  padding-top: 4px;
  padding-left: 20px;
}
#portfoliobreadcrumbs div a, #portfoliodisplayslider a {
  color: #ffffff;
  text-decoration: none;
}
#portfoliobreadcrumbs div a:hover, #portfoliodisplayslider a:hover {
  color: #cccccc;
  text-decoration: none;
}
#portfoliopages {
  position: absolute;
  z-index:1700;
  width: 420px;
  text-align: right;
  top: 467px;
  left: 500px;
}
#portfoliodisplayslider {
  position: absolute;
  z-index:1700;
  width: 200px;
  left: 720px;
  text-align: right;
  padding-top: 4px;
  font-size: 10px;
}
#portfoliodisplaythumbs {

  text-align: right;
  float: right;
}
.portfoliocaption {
  padding: 4px;
  padding-left: 20px;
  font-size: 11px;

}
.portfolioimage {
  background-color: #000000;
}

.portfoliobuy a{
  color:#006600;
  font-weight: bold;
  font-size: 11px;
  text-decoration: none;

}
.portfoliobuy a:hover{
  color:#009900;
}
/* Page Images */

#pageimages {

  height: 150px;
  width: 1000px;
  overflow: hidden;

}
#pagetextholder {
  position: absolute;
  z-index: 80;

}
#pagetextbg {
  position: absolute;
  z-index: 80;
  width: 1000px;
  height: 50px;
  top: 100px;
  /*background-color: #000000;*/
    /* for IE */
  filter:alpha(opacity=40);
  /* CSS3 standard */
  opacity:0.4;
}
#pagetextbgtop {
  position: absolute;
  z-index: 80;
  width: 1000px;
  height: 10px;
  /*background-color: #000000;*/
    /* for IE */
  filter:alpha(opacity=40);
  /* CSS3 standard */
  opacity:0.4;
}
#pagetext h1 {
  margin: 0px;
  padding: 0px;
  position: absolute;
  z-index: 80;
  left: 20px;
  top: 13px;
  font-size: 20px; 
  font-weight: bold;
  color: #ffffff;
    top: 115px;
    width: 1000px;
    border: none;

}

.galleries-images-slider {
  height: 516px;
  width: 1000px;
  overflow-x:scroll; 
  overflow-y:hidden;

}
.galleries-images-slider ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.galleries-images-slider ul li {
display: inline-table;

}

.textbox {
font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size: 12px;
  border: 1px solid #333333;
  

}
.textbutton {
font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size: 12px;
  border: 1px solid #333333;
  background-color: #000000;
  font-weight: bold;
  color: #ffffff;

}
.error {
    background-color:#cc0000;
  padding: 5px;
  color:#ffffff;
  font-weight: bold;
}
.success {
  background-color:#009900;
  padding: 5px;
  color:#ffffff;
  font-weight: bold;
}
.adminheaderbar {
  font-weight: bold;
  background-color: #000000;
  border: 1px solid #333333;
  color: #ffffff;

}

.adminheaderbar2 {
  font-weight: bold;
  background-color: #333333;
  color: #ffffff;

}
.admincontentbar {
  padding-top: 5px;
  padding-bottom: 20px;

  background-position: top;
  background-repeat: repeat-x;
  



}
.admincontentbar .textbox {
  width: 75%;
}




/* Gallery */

.gallery-image {
  border:2px solid #333333;
  width: 170px;
  height: 110px;
  background-repeat: no-repeat;
  background-color: #000000;
}

.gallery-image:hover {
  border: 2px solid #666666;
}

.gallery-images-holder {
  width: 145px;
  text-align: center;
  
}
.gallery-images {
  width: 145px;
  height: 105px;
  background-repeat: no-repeat;

    overflow: hidden;
}
.gallery-images img {
  border:1px solid #191919;
}

.gallery-images img:hover {
  border: 1px solid #666666;
}
.gallery-name {
  font-weight: bold;
}
.gallery-holder {
  width: 170px;
  text-align: center;

}
.gallery-caption {
  text-align: center;

  font-weight: bold;
  font-size: 11px;

}
.gallery-date {
  text-align: center;

display: none;
  font-size: 10px;
  color: #999999;
}
.gallery-tags {
  text-align: center;


  font-size: 11px;

}
.gallery-imagecount {
  color: #999999;
  font-size: 10px;

}
.gallery-cattable {


  background-color: #333333;

  padding: 10px;
}

.gallery-breadcrumbs, #portfoliodisplaythumbs {  
  font-size: 10px;
  color: #999999;
  padding-top: 10px;
}
.gallery-breadcrumbs a, #portfoliodisplaythumbs a{
  color: #666666;
}
.pagelinks {
font-size: 11px;

}
.pagelinks a {
  float: left;
  display: block;
  padding: 0px;
  padding-left: 6px;
  padding-right: 6px;
  text-decoration: none;
  border: 1px solid #232323;
  margin-left: 2px;
  background-color: #000000;
    font-weight: bold;
    color: #ffffff;
}
.pagelinks a:hover {
  background-color: #333333;

}
.pagelinks .on {
  float: left;
  display: block;
  padding: 0px;
  padding-left: 6px;
  padding-right: 6px;
  border: 1px solid #232323;
  background-color: #333333;
  color: #ffffff;

}
.pagelinks .page {
  float: left;
  display: block;
  padding: 0px;
  padding-left: 6px;
  padding-right: 6px;
  font-weight: bold;
  background-color:#000000;
  border: 1px solid #232323;
  color: #ffffff;

}
#adminnav {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 26px;
  border-bottom: 1px solid #333333;

}
#adminnav ul{
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#adminnav ul li {
  float: left;
}
#adminnav div {
  display: block;
  padding: 5px;
    padding-left: 10px;
  padding-right: 10px;
  font-weight: bold;
  background-color: #333333;
  color: #ffffff;
  border-left: 1px solid #333333;
  border-right: 1px solid #333333;
  border-top: 1px solid #333333;
  text-decoration: none;
}
#adminnav a {
  display: block;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: bold;
  background-color: #000000;
  color: #ffffff;

  border-right: 1px solid #333333;
  border-top: 1px solid #333333;
  text-decoration: none;
}

#adminnav a:hover {
  background-color: #333333;

}
#bloghomepage {
  float: right;
  margin-left: 20px;
  margin-bottom: 10px;
  width: 300px;
  background-image:url(../images/black-30.png);


}
#bloghomepage h2 {
  background-color: #191919;
  border-color: #232323;
  



}
#bloghomepage ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
    padding-top: 7px;
  padding-bottom: 7px;
  font-family: Comic Sans MS;

}
#bloghomepage ul li {

}
#bloghomepage ul li a {
  background-image:url(../images/sub-arrow.gif);
  background-repeat: no-repeat;
  background-position: 10px 7px;
  display: block;
  padding: 5px;
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: #ffffff;

}
#bloghomepage ul li a:hover {
  color:#e5d755;
}
#vmarquee TD IMG {

}
#marqueecontainer {
  OVERFLOW: hidden; 
  WIDTH: 1000px; 
  POSITION: absolute; 
  HEIGHT: 65px; 
  BACKGROUND-COLOR: #ffffff
}
.home-images {
  width: 100px;
  height: 65px;
  display:inline-table;
  background-repeat: no-repeat;
  background-position: center center;


}
.smallfont {
  font-size: 11px;
}
.carttable {

}
.cartheading {
  background-color: #000000;
  padding-left: 10px;
  font-weight: bold;
  color: #cccccc;
}
.cartcontents {
  padding-left: 10px;
  padding-top: 5px;

}
.cartimage {
  padding-bottom: 5px;
}
.imageborder {
  border: 2px solid #000000;
}
.linkbutton {
  font-weight: bold;
  font-size: 14px;
  color: #ffffff;
  background-color: #000000;
  display: block;
  float: left;
  padding: 4px;
  padding-left: 12px;
  padding-right: 12px;
  text-decoration: none;
  border: 1px solid #333333;
  }
  .linkbutton:hover {
  background-color: #333333;
}
.hrdiv {
  border-bottom: 1px solid #333333;
  height: 1px;

}
.infobox {
background-color: #333333;
padding: 10px;
color: #FFFFCC;
}

.horrule {
  height:1px; border-bottom: 1px solid #191919;
  }

#recenthomeimages {
  width: 1000px;
  overflow: hidden;
  height: 60px;
  list-style: none;
  margin: 0px;
  padding: 0px;

}
#recenthomeimages li {
  float: left;

}
#recenthomeimages li a img {


  min-height: 60px;

  height: auto;


}

.newlink {
    font-size: 11px;
    float: right;
    padding-top: 20px;
  
  }
  .newlink a {
    color: #666666;
    text-decoration: none;
    font-weight: bold;
    
  
  }
  .newlink a:hover {
    color:#000000;
    text-decoration: none;
  
  }