/* CSS Document */


.outerDiv {
    
    width:1000px;
    height:600px;
    position:relative;
	/*background-image:url(images/background.jpg)*/;
	background-repeat:repeat-y;	
	margin-left: auto ;
  	margin-right: auto ;
	margin-top: 0px;
	margin-bottom: 50px; 
    }
	
	
img {
	border : 0 none;
}

.tabs {
	margin: 0;
	padding: 0;	
	zoom : 0;
	position:absolute;
	left: 80px;
	top: 3px;
	
	
}
.tabs li {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	
}
.tabs a {
	display: block;
	text-decoration: none;
	padding:0px 7px;
	/*background-color:#CBD2E7;*/
	background: #CBD2E7 url("images/left-tab.gif") left top no-repeat;
	font: 15px Century Gothic;
	color:#000000;
	margin-right: 1px;
	margin-bottom: -1px;
	border : 0 none;
}

.tabs a span {
background: url("images/right-tab.gif") right top no-repeat;
padding-right: 7px;
margin-right: -7px;
}

.tabs .active {
	/*border-bottom: 1px solid white;*/
	background: #E3E8F2 url("images/left-tab2.gif") left top no-repeat;
	color:#FFFFFF;
	/*font-style:italic;*/
	position: relative;
}

.tabs .active span{
	background: url("images/right-tab2.gif") right top no-repeat;
	
}

.group {
    position:relative;
	width:750px;
    height:600px;
	left:50%;
    margin-left:-375px; 
}

.panel {
   position:absolute; 
   width:610px; 
   height:600px; 
   z-index:1; 
   left:80px;
   top: 21px;
   }

/*.main_image2 {
   position:absolute; 
   width:610px; 
   height:600px; 
   z-index:1; 
   left:80px;
   top: 675px;
   }

.main_image {
   position:absolute; 
   width:748px; 
   height:600px; 
   z-index:1; 
   left:80px;
   top: 1345px;
  
   }
*/

.Layer_background {	  
    width:700px;
    height:125px;
    position:absolute;
	z-index:3; 
	left: 0px; 
	top: 517px;
	background-image:url(images/walking_bear.jpg)
	}

.Layer_background_2 {	  
    width:700px;
    height:125px;
    position:absolute;
	z-index:3; 
	left: 0px; 
	top: 517px;
	background-image:url(images/animals.jpg);
	}
   
.logo {
 	position:absolute;
	width:150px; 
    height:196px; 
	z-index:2; 
	left:-80px; 
	top:5px;
	
	}
	
.sale {
	position:absolute; 
	width:130px; 
    height:130px; 
	z-index:3; 
	left:620px; 
	top:195px;
	
	}

	
  
#coolmenu{
border: 0px solid black;
width: 150px;
background-color: none;
position:absolute;  
  z-index:0; 
  top:185px;
  left:-80px;
}

#coolmenu a{
font: 18px Century Gothic;
padding: 4px;
padding-left: 4px;
display: block;
width: 100%;
color: #000000;
text-decoration: none;
border-bottom: 0px solid black;
}

html>body #coolmenu a{ /*Non IE rule*/
width: auto;
}

#coolmenu a:hover{
background-color: #C2C7CB;
color: white;
}

#coolmenu2{
border: 0px solid black;
width: 150px;
background-color: none;
position:absolute;  
  z-index:0; 
  top:460px;
  left:-80px;
}

#coolmenu2 a{
font: 15px Century Gothic;
padding: 4px;
padding-left: 4px;
display: block;
width: 100%;
color: #000000;
text-decoration: none;
border-bottom: 0px solid black;
}

html>body #coolmenu2 a{ /*Non IE rule*/
width: auto;
}

#coolmenu2 a:hover{
background-color: #C2C7CB;
color: white;
}

#coolmenu3 {
font: 11px Century Gothic;
border-top: 2px dotted #000000;
margin-top: 5px;
padding: 4px;
padding-left: 4px;
display: block;
width: 120px;
color: #000000;
line-height: 1.5em;
text-decoration: none;
position:absolute;  
z-index:0; 
top:280px;
left:-80px;
}

/*Footer */
	
* {
        margin: 0;
  }

html, body {
       height: 100%;
  }
 
 .wrapper {
      min-height: 100%;
      height: auto !important;
      height: 100%;
      margin: 0 auto -4em;
  }
  
.push 
{
	  height: 4em;
}

.footer, .footer a
{
      
	  font-family: Tahoma, Verdana, Arial, sans-serif;
	  text-decoration:none;
      font-size: 12px;
  	  font-weight:normal;
	  color:#333333;
	  clear:both;
	  height: 1em;
	  padding-top:1em;
	  text-align:center;
	  width:735px;
      position:relative;
	  margin-left: auto ;
  	  margin-right: auto ;
}

.footer a:hover
{
	  color:#CC66FF;
}