/* CSS Document */

body {
  background-color: #FCFCFC;
  }

.prepage {
  width:820px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  background:url(images/shadow2.gif) repeat-y;
  }
  
#topshade, #topshade2 {
  width:820px;
  height:10px;
  background:url(images/shadow-top.gif) no-repeat;
  margin-left:auto;
  margin-right:auto;
  }

#topshade2 {
  margin-top:5px;
  }
 
.botshade {
  height:10px;
  width:820px;
  background:url(images/shadowb.gif) no-repeat;
  margin-left:auto;
  margin-right:auto;
  }
  
#page {
  width:800px;
  background-color:#FFFFFF;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  }
  
.pborder {
  border:1px solid #cacac9; 
  margin:5px; 
  padding-bottom:3px; 
  background:#fff;
  position:relative;
  }
  
.header {
  background-color:#eee9e9;
  border:1px solid #cacac9;
  }

#headerlink {
  border:0; 
  width:758px; 
  height:154px; 
  margin:9px 9px 0; 
  }
  
#headerlink a {
  display:block;
  border:0; 
  width:758px; 
  height:154px;  
  }
  
.headimg {
  background:url(images/header.jpg) no-repeat;
  border:0;
  text-align:center;
  width:778px;
  height:191px;
  position:relative;
  border:1px solid #cacac9; 
  border-bottom:0;
  margin-left:auto;
  margin-right:auto;
  margin-top:3px;
  }
  
#navimenu {
  margin-left:10px;
  width:786px;
  border:0;
  position:absolute;
  bottom:0px;
  }
   
#main {
  width:778px;
  background-color:#FFF;
  border:1px solid #cacac9;
  margin-left:auto;
  margin-right:auto;
  border-top:0;
  padding-top:8px;
  position:relative;
  }
 
#centerpart, #centerpart2, #centerpart3 {
  border:1px solid #cacac9;
  width:758px;
  margin-bottom:9px;
  margin-left:9px;
  }

#centerpart {
  background: url(images/mainbg3.jpg);
  height:516px;
  position:relative;
  }
  
#centerpart2 {
  background:#f5f5f5;
  }
  
#textcol {
  width:410px;
  margin:10px;
  float:left;
  font-family:Verdana; 
  font-size:13px;
  color:#404040;
  line-height:normal;
  padding:20px;
  position:relative;
  }
  
#credits {
  position:absolute;
  bottom:5px;
  margin-left:30px;
  width:410px;
  font-size:11px;
  }
  
#credits a {
  color:#404040;
  }
  
#credits a:hover {
  color:#979797;
  }
  
#credits a:visited {
  color:#404040;
  }  
      
  
#textcol p {
  margin-top:10px;
  margin-bottom:10px;
  }  
  
#textcol2 { 
  width:120px;
  float:left;
  height:585px;
  font-family:Verdana; 
  font-size:13px;
  color:#404040;
  position:relative;
  margin:15px;
  margin-right:0;
  }
  
#textcol img {
  float:left;
  border:0;
  }
    
#rightcol {
  margin-right:4px;
  width:343px;
  padding:5px;
  float:right;
  border:1px solid #cacac9;
  margin-top:5px;
  background:#fcfcfc;
  text-align:center;
  }
 
#rightcol2 {
  display:inline;
  width:595px;
  padding:15px 5px;
  float:right;
  border:1px solid #cacac9;
  background:#f9f9f9;
  text-align:center;
  height:506px;
  margin-right:15px;
  margin-top:15px;
  margin-left:0;
  }    
   
#rightcol3, #rightcol4, #rightcol5, #rightcol6, #rightcol7{
  width:716px;
  padding:5px;
  border:1px solid #cacac9;
  text-align:center;
  height:506px;
  margin:15px 15px 15px;
  }    
  
#rightcol3 {
   background:url(images/collecbg.jpg) bottom right no-repeat #dbdbdb;
  }
  
#rightcol4 {
   background:url(images/bgabout.jpg) bottom right no-repeat #dbdbdb;
   text-align:left;
   }
#rightcol5 {
   background:url(images/bgcontact3.jpg) bottom right no-repeat #dbdbdb;
   text-align:left;
   }
    
#rightcol6 {
   background:url(images/bgdesign.jpg) bottom right no-repeat #dbdbdb;
   text-align:left;
   }

#rightcol7 {
   background:url(images/bgparties.jpg) bottom right no-repeat #dbdbdb;
   text-align:left;
   }   
   
#footer {
  width:800px;
  background-color:#EEE9E9;
  border:1px solid #cacac9;
  margin-left:auto;
  margin-right:auto;
  }
  
.clearb {
  clear:both;
  }

#footlinks {
  text-align:center;
  font-size:10px; 
  font-family:Verdana; 
  font-weight:bold;
  margin: 5px  0 5px 0;
  color:#979797;
  }
#footlinks a {
  color:#979797;
  }
  
#footlinks a:hover {
  color:#404040;
  }
  
#desc {
  float:right;
  width:605px;
  display:inline;
  text-align:center;
  border:1px solid #cacac9;
  font-family:Verdana; 
  font-size:11px;
  color:#404040;
  padding-top:10px;
  padding-bottom:10px;
  background:#fff;
  margin:15px;
  margin-left:0;
  }

#listbox {
  display:inline;
  background:#fff;
  overflow-y:scroll;
  overflow-x:hidden;
  width:100px;
  border:1px solid #cacac9;
  height:586px;
  margin-top:15px;
  margin-left:15px;
  float:left;
  }
  
#listbox a img {
  display:block; 
  width:75px; 
  height:75px; 
  border:1px solid #fff;
  margin:3px;
  }
  
#listbox a img:hover { 
  border-color:#404040;
  }
  
#center1 {
  height: 500px;  
  overflow: hidden; 
  width:500px; 
  margin-left:auto; 
  margin-right:auto;
  border:1px solid #cacac9;
  padding:3px;
  background:#fff;
  }
  
#center3 img {
  border:1px solid #cacac9;
  padding:2px;
  background:#EEE9E9;
  } 
 
#subfoot {
  position:absolute;
  border:1px solid #cacac9;
  height:90px;
  width:450px;
  padding:3px 0px 3px 0px;
  margin:10px;
  bottom:15px;
  clear:both;
  background:#e0e0e0;
  text-align:center;
  }

#subfoot ul {margin-left:auto; margin-right:auto; margin-top:0; list-style:none; position:relative;}
  
#subfoot ul li {  
  float:left;
  background:#F5F5F5;
  margin:0 15px 0 15px;
  border:1px solid #cacac9;
  padding:2px;
  width:57px;
  height:85px;
  list-style:none;
  display:inline;
  
  }
  
#subfoot ul li a {position:relative;  width:57px; height:85px; border:0; }
#subfoot ul li a img {display:block; width:57px; height:85px; border:0; z-index:99;} 
#subfoot ul li a:hover {white-space:normal; position:relative;}
#subfoot ul li a:hover img  {position:absolute; left:-60px; top:-44px; width:114px; height:170px; border:1px solid #cacac9; padding:2px; background:#F5F5F5;}

#subhead {
  width:696px; 
  font-family:Verdana; 
  font-size:11px;
  color:#404040;
  background:#fff; 
  border:1px solid #cacac9; 
  margin:15px 15px 0; 
  padding:5px 15px 5px 15px;
  }
  
#subhead a {
  color:#404040;
  text-decoration:none;
  }
  
#subhead a:hover {
  color:#979797;
  }
  
#rightside {
  text-align:right;
  float:right;
  width:100px;
  }
  
#leftside {
  float:left;
  width:300px;
  }
  
#rightside a {
  text-decoration:underline;
  }
 
.collec {
  width:110px;
  height:200px;
  border:1px solid #cacac9;
  padding:3px;
  margin:10px;
  float:left;
  background:#fff;
  }
  
.collec img {
  border:1px solid #cacac9;
  padding:2px;
  background:#EEE9E9;
  }
  
.collec a {
  font-family:Verdana; 
  font-size:11px;
  color:#404040;
  text-decoration:none;
  }
  
.collec a img:hover { 
  border-color:#404040;
  } 
  
.collec a:hover {
  color:#979797;
  }
     
#cbox {
  margin-top:30px;
  margin-left:auto;
  margin-right:auto;
  width:690px;
  height:220px;
  }
  
#cbox2 {
  border:1px solid #cacac9;
  background:#fff;
  width:330px;
  height:430px;
  text-align:left;
  font-family:Verdana; 
  font-size:13px;
  color:#404040;
  padding:30px;
  position:relative;
  } 

#credits2 {
  position:absolute;
  bottom:30px;
  width:330px;
  font-size:11px;
  }  

#credits2 a {
  color:#404040;
  }
  
#credits2 a:hover {
  color:#979797;
  }
  
#credits2 a:visited {
  color:#404040;
  } 

#textcol span {
  font-size:18px 
  }
  
#cbox2 span {
  font-size:18px 
  }  
  
#cbox2 a {
  color:#404040;
  }
  
#cbox2 a:hover {
  color:#979797;
  }
  
#cbox2 a:visited {
  color:#551A8B;
  }  
  
#cbox3 {
  border:1px solid #cacac9;
  background:#fff;
  width:308px;
  height:408px;
  text-align:left;
  font-family:Verdana; 
  font-size:13px;
  color:#404040;
  }   
  
  
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_definition2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.

*****   Only applies to text below.   *****

=================================================================== */
#menu {list-style-type:none; margin:0; padding:0;}
#menu li {float:left; padding:0; margin:0 2px 0 0; position:relative; width:125px; height:25px; z-index:100;}
#menu li dl {position:absolute; top:0; left:0;}
#menu li a, #menu li a:visited {text-decoration:none; font-size:10px; font-family:Verdana; font-weight:bold;}
#menu li dd {display:none;}
#menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block; padding-bottom:2px;}
#menu li:hover dt, #menu li a:hover dt { background: url(images/transp3.png);}                  /*hover colour*/
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#menu dl {width: 125px; margin: 0; padding: 0;background:url(images/transp1.png);}           /*menu colour*/
#menu dt {margin:0; padding:0; text-align:center; font-size: 1.1em; border-bottom:1px solid #bdbdbd; border-top:1px solid #ededed; border-left:1px solid #bdbdbd; border-right:1px solid #bdbdbd;}

#menu li .five {width: 124px;} 

#menu .one, #menu .two, #menu .three, #menu .four, #menu .five, #menu .six {border-top:1px solid #bdbdbd;}

#menu dd, #menu .five dd {margin:0; padding:0; color: #000; font-size: 10px; text-align:left; border-bottom:1px solid #bdbdbd;}

#menu .five dd, #menu dd.last{ padding:5px 0;}

#menu dd.last {border-bottom:1px solid #bdbdbd; }

#menu dt a, #menu dt a:visited {display:block; color:#404040; padding:5px;}

#menu dd a, #menu dd a:visited {color:#404040; text-decoration:none; display:block; padding:4px 5px 4px 10px; width:110px;}

#menu .five dd a:hover {background: url(images/transp3.png);}