/*  Main Cascading Style Sheet for CEEBEE */

html {}

body {background-color: #464646;
      margin: 0;
	  padding: 0;}

a {color: #e9e7e7; font-size: 1.2em; text-decoration: none;}

a:hover {color: #d9292f;}

a:focus, a:active a:link {outline: none;}          

.indentrx {text-indent: 2px;}

/**********************************************************************/
 
#container {background: url(images/ceebee45.jpg) repeat-y 767px 0;
            width: 930px;
			height: 588px;
			padding: 0;
			margin: 0 auto;}
			
#logo {background: url(images/logo.jpg) no-repeat 0 0;
       width: 260px;
	   height: 72px;
	   padding: 0;
	   margin: 0;
	   float: left;}
	   
#top {width: 670px;
      height: 72px;
	  padding : 0;
	  margin : 0;
	  float: left;
	  position: relative;
	  z-index: 0;}
	  
#noclick {background: url(images/empty.gif) 0 0;
          width: 638px;
		  height: 46px;
		  border-bottom: solid 2px #d9292f;
		  top: 0;
		  left: 0;
		  position: absolute;
		  z-index: 2;} 
	  
/********** inline top-menu  ***********/
	   
#top ul {width: 670px;
         height: 72px;
		 list-style: none;
		 padding: 0;
		 margin: 0;
		 overflow: hidden;}
		 
#top li.fixhome {width: auto;
                 height: 20px;
				 font-family: Arial, Helvetica, sans-serif;
				 font-size: 11px;
				 font-weight: bold;
				 color: #d9292f;
				 padding: 52px 0 0 0;
				 margin: 0;
				 top: 0;
				 left: 0;
				 position: absolute;}
				 
#top li.home a {width: auto;
                height: 19px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-weight: bold;
				color: #e9e7e7;
				padding: 53px 0 0 0;
				margin: 0;
				top: 0;
				left: 0;
				position: absolute;}
				
#top li.home a:hover {background: url(images/arrow.gif) no-repeat 10px 36px;
                      color: #999;}
					  
#top li.home a:active {background: url(images/drkarrow.gif) no-repeat 10px 36px;
                       color: #777;}	

#top li.fixgallery {width: auto;
                    height: 19px;
				    font-family: Arial, Helvetica, sans-serif;
				    font-size: 11px;
				    font-weight: bold;
				    color: #d9292f;
				    padding: 53px 0 0 0;
				    margin: 0;
				    top: 0;
				    left: 64px;
				    position: absolute;}
				 
#top li.gallery a {width: auto;
                   height: 19px;
				   font-family: Arial, Helvetica, sans-serif;
				   font-size: 11px;
				   font-weight: bold;
				   color: #e9e7e7;
				   padding: 53px 0 0 0;
				   margin: 0;
				   top: 0;
				   left: 64px;
				   position: absolute;}
				   
#top li.gallery a:hover {background: url(images/arrow.gif) no-repeat 20px 36px;
                         color: #999;}
						 
#top li.gallery a:active {background: url(images/drkarrow.gif) no-repeat 20px 36px;
                          color: #777;}						  				   
				   
#top li.fixprofile {width: auto;
                    height: 20px;
				    font-family: Arial, Helvetica, sans-serif;
				    font-size: 11px;
				    font-weight: bold;
				    color: #d9292f;
				    padding: 52px 0 0 0;
				    margin: 0;
				    top: 0;
				    left: 148px;
				    position: absolute;}
				 
#top li.profile a {width: auto;
                   height: 19px;
				   font-family: Arial, Helvetica, sans-serif;
				   font-size: 11px;
				   font-weight: bold;
				   color: #e9e7e7;
				   padding: 53px 0 0 0;
				   margin: 0;
				   top: 0;
				   left: 148px;
				   position: absolute;}				   
				
#top li.profile a:hover {background: url(images/arrow.gif) no-repeat 16px 36px;
                         color: #999;}
						 
#top li.profile a:active {background: url(images/drkarrow.gif) no-repeat 16px 36px;
                          color: #777;}
						 
#top li.fixphilosophy {width: auto;
                       height: 20px;
				       font-family: Arial, Helvetica, sans-serif;
				       font-size: 11px;
				       font-weight: bold;
				       color: #d9292f;
				       padding: 52px 0 0 0;
				       margin: 0;
				       top: 0;
				       left: 226px;
				       position: absolute;}
				 
#top li.philosophy a {width: auto;
                   height: 19px;
				   font-family: Arial, Helvetica, sans-serif;
				   font-size: 11px;
				   font-weight: bold;
				   color: #e9e7e7;
				   padding: 53px 0 0 0;
				   margin: 0;
				   top: 0;
				   left: 226px;
				   position: absolute;}				   
				
#top li.philosophy a:hover {background: url(images/arrow.gif) no-repeat 28px 36px;
                            color: #999;}
						 
#top li.philosophy a:active {background: url(images/drkarrow.gif) no-repeat 28px 36px;
                             color: #777;}						 
						 
#top li.fixshops {width: auto;
                  height: 20px;
				  font-family: Arial, Helvetica, sans-serif;
				  font-size: 11px;
				  font-weight: bold;
				  color: #d9292f;
				  padding: 52px 0 0 0;
				  margin: 0;
				  top: 0;
				  left: 328px;
				  position: absolute;}
				 
#top li.shops a {width: auto;
                 height: 19px;
				 font-family: Arial, Helvetica, sans-serif;
				 font-size: 11px;
				 font-weight: bold;
				 color: #e9e7e7;
				 padding: 53px 0 0 0;
				 margin: 0;
				 top: 0;
				 left: 328px;
				 position: absolute;}				   
				
#top li.shops a:hover {background: url(images/arrow.gif) no-repeat 13px 36px;
                       color: #999;}
					   
#top li.shops a:active {background: url(images/drkarrow.gif) no-repeat 13px 36px;
                        color: #777;}
					   
#top li.fixnews {width: auto;
                 height: 20px;
				 font-family: Arial, Helvetica, sans-serif;
				 font-size: 11px;
				 font-weight: bold;
				 color: #d9292f;
				 padding: 52px 0 0 0;
				 margin: 0;
				 top: 0;
				 left: 398px;
				 position: absolute;}
				 
#top li.news a {width: auto;
                height: 19px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
			    font-weight: bold;
			    color: #e9e7e7;
			    padding: 53px 0 0 0;
			    margin: 0;
			    top: 0;
			    left: 398px;
			    position: absolute;}				   
				
#top li.news a:hover {background: url(images/arrow.gif) no-repeat 32px 36px;
                      color: #999;}	
					  
#top li.news a:active {background: url(images/drkarrow.gif) no-repeat 32px 36px;
                       color: #777;}				   								 						  
#top li.fixcontact {width: auto;
                    height: 20px;
				    font-family: Arial, Helvetica, sans-serif;
		            font-size: 11px;
				    font-weight: bold;
				    color: #d9292f;
				    padding: 52px 0 0 0;
				    margin: 0;
				    top: 0;
				    left: 516px;
				    position: absolute;}
				 
#top li.contact a {width: auto;
                   height: 19px;
				   font-family: Arial, Helvetica, sans-serif;
				   font-size: 11px;
			       font-weight: bold;
			       color: #e9e7e7;
			       padding: 53px 0 0 0;
			       margin: 0;
			       top: 0;
			       left: 516px;
			       position: absolute;}				   
				
#top li.contact a:hover {background: url(images/arrow.gif) no-repeat 21px 36px;
                         color: #999;}
						 
#top li.contact a:active {background: url(images/drkarrow.gif) no-repeat 21px 36px;
                          color: #777;}
						 
#top li.fixlogin {width: auto;
                  height: 20px;
				  font-family: Arial, Helvetica, sans-serif;
				  font-size: 11px;
				  font-weight: bold;
				  color: #999;
				  padding: 52px 0 0 0;
				  margin: 0;
				  top: 0;
				  left: 601px;
				  position: absolute;}
				 
#top li.login a {width: auto;
                 height: 19px;
				 font-family: Arial, Helvetica, sans-serif;
				 font-size: 11px;
			     font-weight: bold;
			     color: #e9e7e7;
			     padding: 53px 0 0 0;
			     margin: 0;
			     top: 0;
			     left: 601px;
			     position: absolute;}				   
				
#top li.login a:hover {background: url(images/arrow.gif) no-repeat 13px 36px;
                       color: #999;}
					   
/*************** Left side ******************/
	 		   
#left {width: 260px;
	   height: 492px;
	   padding: 0;
	   margin: 0;
	   float: left;}
	   
#leftspacer {width: 260px;
             height: 113px;
			 padding: 0;
			 margin: 0;}
			 
#sittinglady {background: url(images/sittinglady.jpg) no-repeat 0 0;
              width: 260px;
              height: 379px;
			  padding: 0;
			  margin: 0;}
			  
#tinylady {background: url(images/tinyceebee.jpg) no-repeat 0 139px;
           width: 260px;
           height: 379px;
		   padding: 0;
		   margin: 0;}

/***************** Center *******************/
			  
#center {width:670px;
		 height:492px;
		 padding: 0;
		 margin: 0;
		 float: left;
		 z-index: 0;}
		 
/******  Gallery code is inside gallery.css  *******/
							
/******  Slideshow code is embedded with HTML ******/ 
		  
#middle_left {width: 356px;
              height: 492px;
			  padding: 0;
			  margin: 0;
			  float: left;
			  position: relative;}
			  
#accessories {background: url(images/accessories.jpg) no-repeat 0 0;
              width: 208px;
			  height: 71px;
			  text-indent: -9999px;
			  padding: 0;
			  margin: 0;
			  top: 220px;
			  left: 52px;
			  position: absolute;}
			  
#middle_right {background: url(images/standinglady.jpg) no-repeat 0 0;
               width: 314px;
			   height: 492px;
			   padding: 0;
			   margin: 0;
			   float: left;}
		 
/**********  Footer   **********/		
	   
#footer {width: 930px;
         height: 24px;
		 padding: 0;
		 margin: 0;
		 clear: both;
		 position: relative;}
			
#copyright {width: auto;
            height: auto;
		    font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight: normal;
			color: #e9e7e7;
			padding: 0;
			margin: 0;
			top: 4px;
			left: 260px;
			position: absolute;}
			
#disclaim {width: auto;
           height: auto;
		   top: 4px;
	       left: 475px;
		   position: absolute;}
		   	 
#disclaim a {font-family: Arial, Helvetica, sans-serif;
			 font-size: 11px;
			 font-weight: normal;
			 color: #e9e7e7;
			 padding: 0;
			 margin: 0;
			 display: block;}
					   
#disclaim a:hover {color: #999;
                   text-indent: 0;}

/********* pop-up disclaimer **************/

#disclaim a span {display: none;}

#disclaim a:hover span {background: url(images/disclaim.jpg) repeat-y 505px 0;
                        background-color: #464646;
						width: 642px;
						height: 312px;
						padding: 180px 0 0 28px;
						margin: 0;
						top: -496px;
						left: -215px;
						position: absolute;
						display: block;
						z-index: 10;}
						
#disclaim a:hover span img {margin: 0 0 0 -8px; }
						
#disclaim a:hover p {text-indent: -8px;}
								  
#credits {width: 300px;
          height: 20px;
		  top: 4px;
		  left: 560px;
		  position: absolute;
		  overflow: hidden;}
		  
#credits  a {font-family: Arial, Helvetica, sans-serif;
			 font-size: 11px;
			 font-weight: normal;
			 text-decoration: none;
			 color: #e9e7e7;
			 padding: 0;
			 margin: 0;
			 display: block;}
					   
#credits  a:hover {color: #999;}

#credits  a span {display: none;}
					 
#credits  a:hover span  {font-family: Arial, Helvetica, sans-serif;
			             font-size: 11px;
			             font-weight: normal;
						 white-space: normal!important;
						 white-space: pre;
						 color: #999;
			             padding: 0;
			             margin: 0;
						 display: inline;}

/******************** END of CSS ***********************/