body
{ 
/* background:url(images/top_bg.jpg) repeat-x top #F6F5E9; */
background:url(images/top_bg.jpg) repeat-x top #FFFFFF;
margin:auto;
font-family: Verdana, Helvetica, sans-serif;
font-size:11px;
color:#ccc;}


.alttt {
background-color:yellow;
height:10px;
text-align:left;
width:50%;
font-size:9px;
padding:0;
margin:0;
 }

#altt {
padding:1px;
font-size:10px;
 }


  
#listing table { 
border-style:dotted 1px black;
border-collapse:collapse;
vertical-align:top;
text-align:right;
}



#tablesplit table {
border-collapse:collapse;
vertical-align:top;
text-align:right; }


#tablesplit tr {
min-height:450px;
 }

 #tablesplit tr.alt {
height:100px;
 }

 
 /* This is for the left cells as need border down that */
#tablesplit td.alt {
border-right:solid 2px #C9AE79;
width:50%;
height:100%;
padding:10px;
 }

 #tablesplit td {
width:50%;
height:100%;
text-align:justify;
padding:10px;
 }

#tablesplit td.ald {
padding:1px;
font-size:10px; }


/* Created this style to make sur the logo is in line with the text and not below or above it as would be
if just place the image next to text */
.liststyle {
position:relative;top:5px;right:5px;padding-left:5px;
width:20px; height:20px;
 }
 
 #containercontainer
 { 
margin-bottom:30px; 
 }
 
 #container 
{ 
width: 250px; 
border: 0px solid #CCC;
height:auto;
margin-left:20px; 
} 

 #containerTWO /* did this variation just for the email address in the contact us page */
{ 
width: 350px; 
border: 0px solid #CCC;
height:auto;
margin-left:20px; 
} 



 #contlistone {
 width:80px;
 border: 0px solid green;
 float:left;
 font-weight:bold;
 height:16px;
  }
  
  
 #contlisttwo {
 width:140px;
 text-indent:10px;
 border: 0px solid green;
float:left;
height:16px;
  }

  #contlistthree {
 width:80px;
 border: 0px solid green;
 float:left;
 font-weight:bold;
 bottom:10px;
  position:static;
  }
  
  #contlistfour {
 width:250px;
 text-indent:10px;
 border: 0px solid green;
 float:left;
 bottom:10px;
 position:static ;
 }
 
 
#barp { 
border-collapse:collapse;
vertical-align:top;
text-align:right;
}


td {
vertical-align:top;
}

#barp td{
vertical-align:top;
border-right:solid 2px #C9AE79;
 }


h1{
font-size:15px;
color:#6C0008;
padding:5px;
margin:3px;
font-weight:normal;
}
h2{
font-size:13px;
color:#666666;
margin:0px;
padding:3px;
}
h3{
font-size:14px;
color:#666666;
margin:0px;
padding:3px;

}
h4{
font-size:12px;
color: #CE6700;
margin:0px;
padding:3px;
font-weight:normal;
}
.clear {
clear:both;
overflow:hidden;
height:4px;
}
#main_content{
width:950px;
/* height: auto; */
min-height:700px;
margin:auto;
/* background-color:#F6F6EE;
border:8px #FFFFFF solid; */
background-color:#FFFFFF;
border:3px #003399 solid;
/* border:8px #F6F6EE solid; */

background-image:url(images/whitelogolarge22.jpg);
background-repeat: no-repeat;
/*background-position: right bottom; */
background-position: 96% 78%;
}
#top_banner{
width:590px;
height:130px;
/*border-color:black;
border-style:solid; */

/* background-color:#FFFFFF; */
/*background:url(images/illustr.jpg) no-repeat right; */
}

#top_bannerright{
width:260px;
height:110px;
float:right;
position:relative;
top:0px;
padding:20px 10px 0px 10px; 
text-align:right;
font-size:11px;
color:gray;
font-family:Verdana;

/* border-color:gray;
border-style:solid; */
 }
 
 #bannertag {
 /* color:#003399; */
 color:#C9AE79;
 font-family:Georgia;
 font-size:12px;
 padding: 0px 10px 10px 10px; 
 font-style:normal;
 font-weight:bold;
  }
 
 #emailtag {
 text-align:right;
 width:200px;
 float:right;
 font-size:12px;
 color:#003399;
 font-weight:normal;
/* border-color:gray;
border-style:solid; */
  }
#tablepad {
padding-left:20px;
color:#000000;
font-size:12px;
font-weight:bold;
 }
  

a.emailtag:link {color:#003399; font-weight:normal;}
a.emailtag:visited {color:#003399; font-weight:normal;}
a.emailtag:hover {color:#003399; font-weight:normal;} /* this is the blue from the logo */


/* this is to turn off the underline with the page header links */
a.nolinelink:hover {text-decoration:none; }

  
ul
{
list-style-type:square;
/*list-style-image: url(images/cwwhitebut222.jpg);
list-style-image: url(images/001_06222.png);
cwwhitebut222.jpg
/* list-style-image: url(images/NeedleLeftYellow-2-icon2.png); */
font-size:12px;
/*font-weight:bold;*/
text-align:left;
margin-left:0px;
}

li {
margin-left:-10px;
} 

 
img.logo{
padding-left:15px;
}
/*------top menu---------*/
#top_menu{
width:950px;
margin:auto;
padding:15px 15px 10px 15px;
/* border-style:solid;
border-color:gray; */
}
ul.menu {
list-style-type:none; display:block; width:auto;height:18px; margin:auto; padding:0;}

ul.menu li {
color:#FFF;
padding-left:25px;
padding-right:20px;
display:inline;
background:url(images/cwwhitebut222.jpg) no-repeat left;
margin:0; height:18px; text-align:center; 
line-height:18px; font-weight:bold; font-size:12px;
text-decoration:none;
float:left;
}

ul.menu li a {color:#FFF; width: 85px;}

ul.menu li a:hover {color:yellow; }

a.navbox:link, a.navbox:visited {
color:#003399;
font-weight:bold;
 }


a.navbox:hover {
color:#fff;
}  
} 


#bobhope a {margin:0;width:85px;padding-left:25px;padding-right:20px;line-height:18px; height:18px; text-align:center; font-weight:bold; font-size:12px;
text-decoration:none; color:#FFF; background:url(images/cwwhitebut222.jpg) no-repeat left; }


a.nav:link, a.nav:visited {
display:block;float:left;padding:4px 15px 0px 20px; margin:0;width: 85px; height:18px; text-align:center; line-height:18px; font-weight:bold; font-size:12px;
text-decoration:none; color:#FFF; background:url(images/cwwhitebut222.jpg) no-repeat left;}
/* text-decoration:none; color:#fff; background:url(images/bt_bg.jpg) no-repeat left;} */

a.nav:hover {
/* display:block; float:left; padding:4px 11px 0 26px; margin:0;width: 60px; height:18px; text-align:center; line-height:18px; */
display:block; float:left; padding:4px 15px 0 20px; margin:0;width: 85px; height:18px; text-align:center; line-height:18px;
text-decoration:none;  color:#FFF; background:url(images/cwbluebut222.jpg) no-repeat left;} /*changed from blue #003399
/*text-decoration:none;  color:#C9AE79; background:url(images/bt_bg_a.jpg) no-repeat left;} */

/*----page content----*/
#page_content{
width:900px;
height:auto;
margin:auto;
min-height:650px;
}
#page_content_left{
width:360px;
min-height:300px;
float:left;
padding:10px;
word-wrap:break-word;
/* border-right:1px #800000; */ 
border-right:solid 2px #C9AE79;  /*#C4A56C first ;  201,174,121 is rgb value for C9AE79 */
}

#page_content_right{
width:360px;
min-height:300px;
float:left;
padding:10px;
word-wrap:break-word;
}

#tableeright {
border-right:solid 2px #C9AE79;
width:50%;
height:100%;
 }

#page_content_full{
width:930px;
height:auto;
float:left;
padding:10px;
min-height:700px;
}
.title {
font-size:15px;
/*color:#808080; */
color:#003399;
clear:both;
padding-left:10px;
font-weight:bold;
}
.titleSM {
font-size:13px;
color:#808080;
/*color:#003399;*/
clear:both;
padding-bottom:10px;
font-weight:bold;
}
.content_text{
font-size:12px;
color:#333333;
height:auto;
text-align:justify;
padding:8px;
}
img.pic{
padding:0px;
margin-right:10px;
margin-bottom:10px;
border:5px #F6F5E9 solid;
float:left;
}
img.picR{
padding:0px;
margin-right:10px;
margin-bottom:10px;
margin-left:10px;
border:5px #F6F5E9 solid;
float:right;
}
img.picL{
padding:0px;
`
border:5px #F6F5E9 solid;
float:left;
}
#picB{
padding:0px;
margin-right:10px;
margin-bottom:10px;
margin-left:10px;
border:5px #F6F5E9 solid;
text-align:right;
}
img.picH{
padding:0px;
margin-right:10px;
margin-bottom:10px;
padding-bottom:5px;
float:left;
}
#picG{
padding:0px;
margin-right:10px;
margin-bottom:10px;
margin-left:10px;
border:5px #F6F5E9 solid;

}

img.map_pic{
padding:0px;
margin:10px;
border:5px #F6F5E9 solid;
float:right;
}
img.gallery{
padding:0px;
margin:8px;
border:5px #F6F5E9 solid;
float:left;
}
img.gallery1{
padding:0px;
margin:8px;
border:5px #F6F5E9 solid;
text-align:center;}

.more{
width:auto;
float:right;
height:20px;
}

a {
text-decoration:none;
color:#003399;
font-weight:bold;
}

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:none;}



.link_more a{
width:auto;
float:left;
text-decoration:none;
color:#990000;
font-size:12px;
padding:3px 23px 0 5px;
}
.link_more a:hover{
text-decoration:none;
}
img.more{
float:left;
}

#page_bottom{
width:830px;
clear:both;
padding:10px;
height:auto;
text-align:center;
/* float:center; */
}
img.inspiration{
padding:2px;
margin:3px;
border:2px #F6F5E9 solid;
}
/*---------services---------*/
.details{
width: auto;
height:auto;
float:left;
padding-left:20px;
}
ul.services {
list-style-type:none;display:block; width:auto; height:auto; float:left; 
margin:0px; padding:10px 0 10px 2px;}

ul.services li {
display:inline;}

a.nav_services:link, a.nav_services:visited {
display:block; padding:1px 0 0 14px; margin:2px;width: auto; height: auto; text-align:left; line-height:17px;
text-decoration:none; background:url(images/bullet.png) no-repeat left; color:#000;}
a.nav_services_a {
display:block; padding:1px 0 0 14px; margin:2px;width:auto; height:auto; text-align:left; line-height:17px; font-weight:bold;
text-decoration:none; background:url(images/bullet.png) no-repeat left; color: #000;}

a.nav_services:hover {
display:block; padding:1px 0 0 14px; margin:2px;width:auto; height:auto; text-align:left; line-height:17px;
text-decoration:none; background:url(images/bullet_a.png) no-repeat left; color:#990000;}



/*---------menu_navigation--------*/
.menu_navigation{
width:750px;
height:30px;
margin:auto;
clear:both;
}
#left{
width:auto;
float:left;
}
.left{
float:left;
}
.right{
float:left;padding:3px;
}
.right a{
text-decoration:none;
color:#990000;
}
#right{
width:auto;
float:right;
padding-right:25px;
}
/*------contact form------*/
#login{
float:left;
width:auto;
padding:10px 10px 0 30px;
color:#666666;
}
.input{
width:240px;
height:12px;
font-size:10px;
float:right;
}
.textarea{
width:240px;
height:70px;
font-size:10px;
float:right;
}
.submit{
float:left;
margin-left:30px;
margin-top:5px;
}
/*-------footer-----*/
#footer{
width: auto;
height:70px;
clear:both;
margin-top:20px;
background-color: #333333;
}
#footer_content{
width:945px;
margin-left:5px;
}
#copyrights{
width:300px;
color: #666666; 
font-size:10px;
float:left;
padding:15px 0 0 1px;
}
#madeby{
width:600px;
height:74px;
float:right;
text-align:left;
padding-top:2px;
/* border:1px solid white; */
}
#madebytwo{
width:150px;
position:relative;
 }
 
#madeby a{
text-decoration:none;
color:#666666;
}
/*---------footer menu---------*/
ul.footer_menu {
list-style-type:none; 
float:left; 
display:block; 
width:auto; 
height: auto;  
margin:0px; 
padding:3px 0 0 10px;}

ul.footer_menu li {
display:inline;
}

a.nav2:link, a.nav2:visited {
display:block; float:left; padding:4px 0 0 5px; margin:2px;width: auto; height:20px; text-align:center; line-height:16px;
text-decoration:none; color: #999999;}

a.nav2:hover {
display:block; float:left; padding:4px 0 0 5px; margin:2px;width:auto; height:20px; text-align:center; line-height:16px;
text-decoration:none;color:#000000;}


.uparrowdiv, .downarrowdiv, .leftarrowdiv, .rightarrowdiv{
width:300px;
min-height:40px; /*min height of DIV should be set to at least 2x the width of the arrow*/
background: #ececec;
color:black;
padding:5px;
position:relative;
word-wrap:break-word;
-moz-border-radius:5px; /*add some nice CSS3 round corners*/
-webkit-border-radius:5px;
border-radius:5px;
margin-bottom:2em;
margin-left:1em;
padding-top:1em;
/* font-style:italic; */
font-family: 'Hand ITC', cursive;
font-size:12px;
text-align:left;

}

.uparrowdiv:after{ /*arrow added to uparrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:-20px; /*should be set to -border-width x 2 */
left:30px;
width:0;
height:0;
border-color: transparent transparent #ececec transparent; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;

}

.downarrowdiv:after{ /*arrow added to downarrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:100%; /*should be set to 100% */
left:30px;
width:0;
height:0;
border-color: #ececec transparent transparent transparent; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;
}

.leftarrowdiv:after{ /*arrow added to leftarrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:10px;
left:-20px; /*should be set to -border-width x 2 */
width:0;
height:0;
border-color: transparent #ececec transparent transparent; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;
}

.rightarrowdiv:after{ /*arrow added to rightarrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:10px;
left:100%; /*should be set to 100% */
width:0;
height:0;
border-color: transparent transparent transparent #ececec; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;
}

/*------------------------------------------------------------------*/

.uparrowdivW, .downarrowdivW, .leftarrowdivW, .rightarrowdivW{
width:360px;
min-height:38px; /*min height of DIV should be set to at least 2x the width of the arrow*/
background: #ececec;
color:black;
padding:5px;
position:relative;
word-wrap:break-word;
-moz-border-radius:5px; /*add some nice CSS3 round corners*/
-webkit-border-radius:5px;
border-radius:5px;
margin-bottom:2em;
margin-left:1em;
padding-top:1em;
/* font-style:italic; */
font-family: arial;
font-size:11px;
text-align:justify;
}

.uparrowdivW:after{ /*arrow added to uparrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:-20px; /*should be set to -border-width x 2 */
left:30px;
width:0;
height:0;
border-color: transparent transparent #ececec transparent; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;

}

.downarrowdivW:after{ /*arrow added to downarrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:100%; /*should be set to 100% */
left:30px;
width:0;
height:0;
border-color: #ececec transparent transparent transparent; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;
}

.leftarrowdivW:after{ /*arrow added to leftarrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:10px;
left:-20px; /*should be set to -border-width x 2 */
width:0;
height:0;
border-color: transparent #ececec transparent transparent; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;
}

.rightarrowdivW:after{ /*arrow added to rightarrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:10px;
left:100%; /*should be set to 100% */
width:0;
height:0;
border-color: transparent transparent transparent #ececec; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;
}
/* -------------------------------------------- */


.uparrowdivWR, .downarrowdivWR, .leftarrowdivWR, .rightarrowdivWR{
width:450px;
min-height:40px; /*min height of DIV should be set to at least 2x the width of the arrow*/
background: #ececec;
color:black;
padding:5px;
position:relative;
word-wrap:break-word;
-moz-border-radius:5px; /*add some nice CSS3 round corners*/
-webkit-border-radius:5px;
border-radius:5px;
margin-bottom:2em;
margin-left:2em;
padding-top:1em;
/* font-style:italic; */
font-family: 'Hand ITC', cursive;
font-size:8px;
float:left;

}

.uparrowdivWR:after{ /*arrow added to uparrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:-20px; /*should be set to -border-width x 2 */
left:30px;
width:0;
height:0;
border-color: transparent transparent #ececec transparent; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;

}

.downarrowdivWR:after{ /*arrow added to downarrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:100%; /*should be set to 100% */
left:30px;
width:0;
height:0;
border-color: #ececec transparent transparent transparent; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;
}

.leftarrowdivWR:after{ /*arrow added to leftarrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:10px;
left:-20px; /*should be set to -border-width x 2 */
width:0;
height:0;
border-color: transparent #ececec transparent transparent; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;
}

.rightarrowdivWR:after{ /*arrow added to rightarrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:10px;
left:100%; /*should be set to 100% */
width:0;
height:0;
border-color: transparent transparent transparent #ececec; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;
}

/* ---------------------------------------------------- */
.shadow1 {
box-shadow: 5px 5px #818181;
-webkit-box-shadow: 5px 5px #818181;
-moz-box-shadow: 5px 5px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);}

.shadow2 {
box-shadow: 7px 7px 8px #818181;
-webkit-box-shadow: 7px 7px 8px #818181;
-moz-box-shadow: 7px 7px 8px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);}


/* http://www.dynamicdrive.com/style/csslibrary/item/css-image-drop-shadows/ */
.shiftcontainer {
position: relative;
left: 7px; /*Number should match -left shadow depth below*/
top: 7px; /*Number should match -top shadow depth below*/
margin-left:2em;
}

.shadowcontainer {
width: 300px; /* container width*/
background: transparent url(images/bigshadow.gif) no-repeat bottom right;
}

.shadowcontainer .innerdiv {
/* Add container height here if desired */
background-color: white;
border: 1px solid #C9AE79;
padding: 6px;
position: relative;
left: -7px; /*shadow depth*/
top: -7px; /*shadow depth*/
color:gray;
}



.commentbox{
background-color: #ececec;
width: 450px;
padding: 10px;
}

.commentfooter{
background: url(images/arrow.gif) 20px 12px no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px
margin-bottom: 2em;
font-size: 8px;
color: #4A4A4A;
}
.commentfooter2{
position:absolute;
text-align:right;
top:18px;
color:gray;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
}

.commentquoteleft{
float:left;
position:absolute;
color:black;
left:-12px;
font-family:garamond;
font-size:12px;
top:-10px

}

.commentquoteright{
float:right;
position:absolute;
color:black;
right:-13px;
font-family:garamond;
font-size:12px;
bottom:5px;
}

.commentfooter2{
background: url(images/arrow.gif) 20px -5px no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
position:relative;
text-align:right;
bottom:-20px;
color:gray;
 }

 .commentTitle {
 color:#003399;
 font-size:16px; 
 }
 
 .commentTag {
  color:#003399;
  }

  
  .img-shadow {
  float:left;
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
  
  .shadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
margin-right:10px;
margin-bottom:10px;
margin-left:10px;
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;

/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
/* margin: 0 5px 5px 0; */
margin-right:7px;
margin-bottom:10px;
margin-left:7px;

}

.thumbnail:hover{
background-color: transparent;

}

.thumbnail:hover img{
border: 1px solid #000;

}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
/* background:url(images/top_bg.jpg) repeat-x top #FFFFFF; */
/* background-color: #C9AE79; */
background-color:#FAF9FB;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration:none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 00px;
left: 400px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/* the below is for a box to display where the images are going to be shown 
in larger format when hovering over the thumbnails */
.thumbenlargecontainer {
left:440px;
top:150px;
position:absolute;
width:220px;
border-style:dashed;
border-width:1px;
border-color:silver;
text-align:center;
margin:auto;
padding-top:90px;
padding-bottom:90px;
font-size:11px;
color:silver;


 }




 
  
 /* START OF STYLING FOR TINYSLIDESHOW */ 
  
  #slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:706px; margin:10px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:700px; height:300px; padding:2px; border:1px solid #ccc; background:#fff}
#information {position:absolute; bottom:0; width:700px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:700px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:656px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}





#col_left 
{ 
float: left; 
width: 80px; 
 
border: 1px solid #CCC; 
} 
#col_mid 
{ 
float: left; 
width: 5px; 
margin: 0 5px 0 0; 
border: 1px solid #CCC; 
} 
#col_right 
{ 
float: right; 
width; 140px; 

border: 1px solid #CCC; 
}