.menucolor {color:#667a43;}
.linkcolor {color:#404e36;}
.linkhover {color:#000000;}

/*------------------Styles for layout START------------------*/
html {margin:0;padding:0;}
body {height: 100%;
background-color:#e7ddc6;
-webkit-text-size-adjust: none;
text-rendering:optimizeLegibility;
margin:0px 0px 15px 0px;
font-family: Arial,sans-serif; 
font-size:14px;
color: #3c3c3c;
line-height:18px;
}
body a:link{
text-decoration: none;
color: #404e36;      /*---SITE SPECIFIC---*/
}
body a:visited {color: #404e36;}      /*---SITE SPECIFIC---*/
body a:hover {text-decoration: underline;color:  #000000;}/*---SITE SPECIFIC---*/
body a:active {color: #404e36;}      /*---SITE SPECIFIC---*/

#top {
width:970px;height:100px;
background-image:url('../sitegraphics/header-reptiles.png');      /*---SITE SPECIFIC---*/
margin:0px auto;
padding:10px 15px 10px 15px;
}
#megawrapper {
position:relative;
width:1000px;
height:auto;
overflow: hidden;
margin-left:auto;
margin-right:auto;
border-right: 1px solid;
border-left: 1px solid;
border-color: #828282;
box-shadow: 0px 0px 10px #888888;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;}

#wrapper {
position:relative;
width:970px;
height:auto;
overflow: hidden;
background-color:#fff;
margin-left:auto;
margin-right:auto;
padding:10px 15px 15px 15px;
}

#leftside {
float:left;
width:634px;
min-height:1000px;
padding:0px 15px 0px 0px;
margin-top:5px;
border-right: 1px solid;
border-color:#dedede;
}

hr {border: solid 1px; border-color:#dedede; width:90%;}

#wholepage {
width:940px;
padding: 0px 14px 0px 14px;
margin-top:5px;
}

#rightside {
float:right;
height:100%;
width:310px;
}

#footer {
width:990px;
margin-top: 5px;
margin-left:auto;
margin-right:auto;
font-size:12px;
}

.columnlinkstitle {
font-family:Arial,sans-serif;
font-size: 14px;
letter-spacing: 1.4px;
font-weight: 400;
background: #e7e7e7;
text-transform:uppercase;
line-height:20px;
padding:2px 0px 0px 6px;
margin:8px 0px 6px 0px;
box-shadow: 0 0 0 2px #fff, 0 0 0 3px #9b9b9b;
border-left:5px solid #667a43;      /*---SITE SPECIFIC---*/
}

.columnlinks {
text-align:left;
height:auto;width:100%;
margin: 5px 0px 5px 0px;
}

.columnlinks img{
float:left;
box-shadow: 0px 0px 2px #cccccc;
border:1px solid; 
border-color:#454545; 
margin-right:5px;
margin-bottom:2px;
margin-top:2px;
}

.columnlinks a:link {
display:block;
color: #404e36;      /*---SITE SPECIFIC---*/
text-decoration: none;
}
.columnlinks a:visited{color: #404e36;}      /*---SITE SPECIFIC---*/
.columnlinks a:hover{color: #000000;text-decoration: none;}
.columnlinks a:active{color: #404e36;}      /*---SITE SPECIFIC---*/
.columnlinks ul {
  list-style-type: none;
  width: 100%;
  margin: 0; padding: 0;
}
.columnlinks li {
  padding: 0px 2px 0px 2px;
  overflow: auto;
}
 .columnlinks li:hover {
background-color:rgba(150,150,150,0.5);  cursor: pointer;
  text-decoration: none;
}
.verticallinks{width:149px;float:left;}/*-------For four columns------*/
.verticallinks-a{width:209px;float:left; }/*-------For three columns------*/
.verticallinks-b{width:199px;float:left; }
.verticallinks img {float:none; display:block; margin-left: auto;margin-right: auto;}
/*------------------Styles for layout END------------------*/
/*------------------Styles for text START------------------*/
.center {text-align: center;}
.divider {float:left;border: solid #ccc; border-width: 1px;margin:5px;}
.divide {border-bottom: solid 1px; border-color:#dedede;margin:5px;clear:both;}

h1 {
font-size: 220%;
font-family:palatino, Georgia, serif;
font-weight: 400;
line-height:35px;
margin:0;padding:0;
}

h2 {
font-family:Georgia, serif;
font-size: 130%;
font-weight: 400;
padding:2px 0px 0px 0px;
margin:0;padding:0;
line-height:22px;
}
h3 {
font-family: Arial,sans-serif;
font-weight: 600;
font-size: 100%; 
margin:0;padding:0;
line-height:20px;
}
.blogdate {float:right;font-size: 80%;color: #999999;display:inline;}

/*----Image Classes START--*/
.centerimage {display: block;margin-left: auto;margin-right: auto;padding:4px;box-shadow: 2px 2px 3px #cccccc;border:1px solid;border-color:#888888;}
.centerimagenb {display: block;margin-left: auto;margin-right: auto;padding:4px;}
.rightimage {float:right;padding:4px;box-shadow: 2px 2px 3px #cccccc;border:1px solid;border-color:#888888;}
.rightimagenb {float:right;padding:4px;}
.leftimage {float:left;padding:4px;padding:4px;box-shadow: 2px 2px 3px #cccccc;border:1px solid;border-color:#888888;margin-right:15px;}
.leftimagemargin {float:left;padding:4px;padding:4px;box-shadow: 2px 2px 3px #cccccc;border:1px solid;border-color:#888888;margin-right:8px;}
.leftimagenb {float:left;padding:4px;}

.image {
width:250px;
background-color: #eee;
padding: 6px 6px 6px 6px;
float: right;
margin: 3px 0px 3px 8px;
}
.image .black {
color: white;
font-size: 13px;
line-height:18px;
padding: 4px 4px 4px 8px;
font-style:italic;
position: relative;
left: 0;
bottom: 48px;
height: 36px;
margin-bottom: -48px;
background-color: rgba(0, 0, 0, 0.5);
filter: progid:DXImageTransform.Microsoft.gradient (startcolorstr=#7F000000,endcolorstr=#7F000000) 9;
 }
/*------------------Styles for Profile images------------------*/

.profiles {
background-color: #eeeeee;
padding: 4px 4px 4px 4px;
float: left;
margin: 2px 0px 2px 0px;
}
.profiles a:hover
{
background-color: #8b8b8b;
}
.profiles .black {
color: white;
font-size: 12px;
line-height:14px;
padding: 4px 4px 0px 4px;
position: relative;
left: 0;
bottom: 0px;
height: 45px;
margin-bottom: 0px;
background-image:url('../sitegraphics/shade.png');
background-repeat:repeat;
background-position:top;
 }

/*----Image Classes END--*/

/*------------------Styles for Adverts START------------------*/
.adverts {
margin: 10px 9px 10px 11px;
float: left; 
}
a.tfmlink {
display: inline-block;
width: 280px;
height: 55px;
border: none;
margin:5px 10px 2px 10px;
text-decoration: none;
background: url("../sitegraphics/TFM-link.gif");
}

a.tfmlink:hover {
background-position: -0px -55px;
}
/*------------------Styles for Adverts END------------------*/

/*------------------Styles for layout END------------------*/
/*------------------Styles for MENU------------------*/
/* TOP MENU */ 
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a{padding-left: 0;margin: 0;margin-top: 0px;font-size: 25px; font-family: Arial,sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4);}
#cssmenu {height: 28px;background-color: #404040;border-bottom:4px solid;border-color:#667a43;}      /*---SITE SPECIFIC---*/
#cssmenu > ul > li > ul > li a:hover{ background:#667a43; }       /*---SITE SPECIFIC---*/
#cssmenu ul li{float: left;list-style: none;}
#cssmenu ul li a{
display: block;height: 21px;padding: 7px 10px 0;text-decoration: none;font-size: 15px;color: white;text-shadow:1px 1px 0 rgba(0,0,0, 0.4);border-right: 2px solid #404040;border-left: 2px solid #404040;}
#cssmenu ul li:first-child a{margin: 0px 0px 0 20px;}/*---Top Menu Indent---*/
#cssmenu ul li a:hover, #cssmenu ul li.active a{
background:#667a43;display: block;height: 21px;margin-top: 0px;padding-top: 7px;}      /*---SITE SPECIFIC---*/

/*--- SECOND MENU ---*/
#css-submenu{ height:23px; display:block; padding:0; margin:0px auto;}
#css-submenu > ul {list-style:inside none; padding:0; margin:0;} 
#css-submenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;} 
#css-submenu > ul > li > a{ outline:none; display:block; position:relative; padding:5px 7px 5px 7px; font: 13px/100% Arial, Helvetica, sans-serif; font-weight: 400; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4);}
#css-submenu > ul > li:first-child > a{margin-left: 20px;} 
#css-submenu > ul > li > a:after{ content:''; position:absolute; border-right:0px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; } 
#css-submenu ul li.sublink {color:#667a43;padding:2px 0px 0px 20px;font: 13px Arial, Helvetica, sans-serif; font-weight: 400;}      /*---SITE SPECIFIC---*/
#css-submenu ul li.has-sub:hover > a:after{top:0; bottom:0;} 
#css-submenu ul li.has-sub:hover > a{ background:#454545; padding-bottom:5px; padding-top:4px; top:1px; z-index:999; }
#css-submenu ul li.has-sub:hover > ul, #css-submenu ul li.has-sub:hover > div{display:block;} 
#css-submenu ul li.has-sub > a:hover{background:#454545;} 
#css-submenu ul li > ul, #css-submenu ul li > div{ display:none; width:auto; position:absolute; top:23px; padding:4px 0px 4px 0px; background:#454545; z-index:999; } 
#css-submenu ul li > ul{width:180px;} 
#css-submenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} 
#css-submenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0px 4px; padding:3px 10px; font-size:12px; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); }
/*---#css-submenu { background: url(../sitegraphics/nav-bg2.png) repeat-x; } ----*/
#css-submenu { background-color: #404040 }
#css-submenu > ul > li > ul > li a:hover{ background:#667a43; }       /*---SITE SPECIFIC---*/
#css-submenu > ul > li > a{border-right:1px solid #808080; color:#fff;} 
#css-submenu > ul > li > a:after{border-color: #808080;} 
#css-submenu > ul > li > a:hover{background:#667a43;}       /*---SITE SPECIFIC---*/
/*------------------Styles for down arrow------------------*/

#css-submenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:9px; right:6px; border:5px solid transparent; border-top:8px solid #ccc; } 
/*--- MENU STYLES END ---*/
.sprite {
display: inline-block;
float:left;
width: 100px;
height: 70px;
margin: 0 6px 0 0;
border:1px solid;
border-color:#bdbdbd;
background: url("http://thinkreptiles.com/sprites.jpg");
}
#sprite-01 {background-position: 0px 0px;}
#sprite-02 {background-position: -100px 0px;}
#sprite-03 {background-position: -200px 0px;}
#sprite-04 {background-position: -300px 0px;}
#sprite-05 {background-position: -400px 0px;}
#sprite-06 {background-position: -500px 0px;}
#sprite-07 {background-position: -600px 0px;}
#sprite-08 {background-position: -700px 0px;}
#sprite-09 {background-position: -800px 0px;}
#sprite-10 {background-position: -900px 0px;}

#sprite-11 {background-position: 0px -70px;}
#sprite-12 {background-position: -100px -70px;}
#sprite-13 {background-position: -200px -70px;}
#sprite-14 {background-position: -300px -70px;}
#sprite-15 {background-position: -400px -70px;}
#sprite-16 {background-position: -500px -70px;}
#sprite-17 {background-position: -600px -70px;}
#sprite-18 {background-position: -700px -70px;}
#sprite-19 {background-position: -800px -70px;}
#sprite-20 {background-position: -900px -70px;}

#sprite-21 {background-position: 0px -140px;}
#sprite-22 {background-position: -100px -140px;}
#sprite-23 {background-position: -200px -140px;}
#sprite-24 {background-position: -300px -140px;}
#sprite-25 {background-position: -400px -140px;}
#sprite-26 {background-position: -500px -140px;}
#sprite-27 {background-position: -600px -140px;}
#sprite-28 {background-position: -700px -140px;}
#sprite-29 {background-position: -800px -140px;}
#sprite-30 {background-position: -900px -140px;}

#sprite-31 {background-position: 0px -210px;}
#sprite-32 {background-position: -100px -210px;}
#sprite-33 {background-position: -200px -210px;}
#sprite-34 {background-position: -300px -210px;}
#sprite-35 {background-position: -400px -210px;}
#sprite-36 {background-position: -500px -210px;}
#sprite-37 {background-position: -600px -210px;}
#sprite-38 {background-position: -700px -210px;}
#sprite-39 {background-position: -800px -210px;}
#sprite-40 {background-position: -900px -210px;}

#sprite-41 {background-position: 0px -280px;}
#sprite-42 {background-position: -100px -280px;}
#sprite-43 {background-position: -200px -280px;}
#sprite-44 {background-position: -300px -280px;}
#sprite-45 {background-position: -400px -280px;}
#sprite-46 {background-position: -500px -280px;}
#sprite-47 {background-position: -600px -280px;}
#sprite-48 {background-position: -700px -280px;}
#sprite-49 {background-position: -800px -280px;}
#sprite-50 {background-position: -900px -280px;}

#sprite-51 {background-position: 0px -350px;}
#sprite-52 {background-position: -100px -350px;}
#sprite-53 {background-position: -200px -350px;}
#sprite-54 {background-position: -300px -350px;}
#sprite-55 {background-position: -400px -350px;}
#sprite-56 {background-position: -500px -350px;}
#sprite-57 {background-position: -600px -350px;}
#sprite-58 {background-position: -700px -350px;}
#sprite-59 {background-position: -800px -350px;}
#sprite-60 {background-position: -900px -350px;}

/*------------------Styles for image rollover links------------------*/


a.reptilesrollover, a.animalsrollover, a.chickensrollover, a.fishrollover, a.catsrollover, a.woofrollover, a.pondsrollover, a.birdsrollover {
display: inline-block;
width: 100px;
height: 50px;
border: none;
margin:10px 6px 2px 6px;
text-decoration: none;
background: url("../sitegraphics/mini-logos.png");
}
a.reptilesrollover {background-position: 0px -350px;}
a.reptilesrollover:hover {background-position: -100px -350px;}
a.animalsrollover {background-position: 0px -300px;}
a.animalsrollover:hover {background-position: -100px -300px;}
a.chickensrollover {background-position: 0px -250px;}
a.chickensrollover:hover {background-position: -100px -250px;}
a.fishrollover {background-position: 0px -200px;}
a.fishrollover:hover {background-position: -100px -200px;}
a.catsrollover {background-position: 0px -150px;}
a.catsrollover:hover {background-position: -100px -150px;}
a.woofrollover {background-position: 0px -100px;}
a.woofrollover:hover {background-position: -100px -100px;}
a.pondsrollover {background-position: 0px -50px;}
a.pondsrollover:hover {background-position: -100px -50px;}
a.birdsrollover {background-position: 0px -0px;}
a.birdsrollover:hover {background-position: -100px 0;}

.hoverfade {}
.hoverfade a:link{}
.hoverfade a:visited{}
.hoverfade a:hover{
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
  cursor: pointer;
}
.hoverfade a:active{}