@import "settings.less";

body
{
     margin: 0;
     padding: 0;
     text-align: center;
     .mainFont;
     background:@bodyBkColor url(../images/mid_bk.jpg);

 
 }
 
 .wrapper
{
     width: 1000px;
     border: solid 2px @borderColor;
     margin-left: auto;
     margin-right: auto;
     text-align: left;
     background-color: @bkColor;
     margin-top: 20px;
     margin-bottom: 20px;
     padding: 10px;
     .rCorner(10px);
     .clearfix;
        
     
}
 .containAll
{
      
}

.header 
{

     margin: 10px 0;
     width: 100%;
     
      
     #logo
     {
          width: 253px;
          float: left;
     }
      
      .contactInfo
     {
          float: right;
          text-align: center;
          width: 300px;
     }
     .contactInfo p, .contactInfo h2
     {
          margin: 0;
          padding: 0;
     }
    .facebook
     {
          margin-top: 20px;
          img
          {
               border: none;
          }
     }
     
      .clearfix;
}



#mainContent
{
     background-color: #fff;
     margin: 30px;
     clear: both;
     
}
.footer
{
     color: @accTextColor;
     padding-bottom: 12px;
     clear: both;
}
.footer p
{
     margin: 0;
     padding: 0;
}

.osFooter
{
     width: 100%;
     background:@bodyBkColor url(../images/bottom_bk.jpg) repeat-x;
     height: 12px;
     position: absolute;
     bottom: 0;
}

h1{
  font-size: 2em;
  color: @primaryColor;
  background: url(../images/h1bk.png) no-repeat scroll 13px 19px transparent;
  padding-left: 20px;
    z-index: 50;
     .first
     {
     .fancyFont;
     font-size: 2.5em;
    position: relative;
    top: 10px;
     }
}



h2
{
     font-size: 1.5em;
      color: @secondaryColor;
      clear: left;
}

h3
{
     font-size: 1em;
      color: @secondaryColor;
}

a
{
      color: @linkColor;
      font-weight: bold;
      
           &.mainButton
          {
               .gradient(@primaryColor);
               .rCorner(3px);
               padding: 7px;
               margin: 5px;
               font-weight:bold;
               text-decoration:none; 
               color:#fff; 
               text-align:center; 
               text-shadow: 0 1px 1px #666;
               
              &.fbPict
               {
                    .gradient;
                    .rCorner(3px);
                    display: block;
                    width: 175px;
                    padding: 7px 2px;
                    text-align: left;
                    img
                    {
                         border: none;
                         margin-right: 5px;
                         vertical-align: middle;
                    }
               }
               
          }
          
          &:hover
          {
               color: @hoverColor;
               &.mainButton
               {
                    color: #fff;
                    .gradientSP(@primaryColor, #ccc);
               }
          }
}


/*links*/
.navContain
{
    margin-top: 0px;
     width: 1030px;
     height: 30px;
     margin-left: -15px;
     color: #fff;
	.rCorner(5px);
	.gradient;
	
	
	#nav {
		margin:0; 
		padding:0;
		list-style:none;
		border-left: solid 1px black;
		z-index: 500;
		
		
           li {
                    float:left; 
                    display:block; 
                    width:147px; 
                    position:relative;
                    z-index:500; 
                    margin:0px;
                    
                    a {
                         display:block; 
                         font-weight:bold;
                         text-decoration:none; 
                         color:#fff; 
                         text-align:center; 
                         height: 23px;
                         padding-top: 7px;
                         border-right: 1px #efefef solid;
                         border-left: 1px #ccc solid;
                         text-shadow: 0 1px 1px #666;
                         
                         &:hover {
			          color:#8fcbd5;
		               }
		               
		              &.selected {
                         color:#f00;
                         }
		               
		              
                    }
                    
                     &#firstLI a
                         {
                              border-left: none;
                         }
                        &#lastLI a
                         {
                              border-right: none;
                         }
               }/*end li*/
               
            ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0px; 
			list-style:none;
			.gradient(#efefef);
               -moz-border-radius-bottomright: 5px;
               border-bottom-right-radius: 5px;
               -moz-border-radius-bottomleft: 5px;
               border-bottom-left-radius: 5px;
                border: solid 1px @borderLight;
                
                    li {
                         border: none;  
                         
                         &.noBorder a
                         {
                              border-top: none;
                         }
                    }
                
                a {
                    display:block;  
                    padding: 3px; 
                    color:@primaryColor;
                    font-size: .95em;
                    font-weight: normal;
                    height: auto;
                    text-align: left;
                    text-shadow: none;
                    border: none;
                    border-top: @borderLight 1px solid;
                    
                    &:hover {
                    color: @visitedColor;
                    }
                    
		     }
	
               

		}/*end ul*/
	}	
}
	


/*end links*/
/*home page*/
.introRight
{
     float: right;
     width: 400px;
     .featureCake
     {
          
          
          height: 436px;
          .rCorner(10px);
          border: solid 1px @borderColor;
          background-image: url('../images/featureCake.jpg');
          margin-bottom: 30px;
     }
}
.introText
{
     float: left;
     width: 400px;
     clear: left;
     
}
.bottomContent
{
    .clearfix;
    clear: both;
}
.mainSlideshow
{
     width: 940px;
     padding: 0;
     
    
   
     
     .slideshow
     {
         padding: 0;
         margin:0;
         div
         {
          height: 430px;
          width: 940px;
           border: solid 1px @borderColor;
     .rCorner(10px);
     .rmBottomCorners;
     
     .mainButton
     {

          margin-left: 50px;

     }
         }
         
          h2
               {
                    width: 55%;
                    padding: 10px;
                    font-size: 1.5em;
                     .first
                    {
                    .fancyFont;
                    font-size: 2.5em;
                   position: relative;
                   top: 10px;
                    }
                 }
         #ss1
          {
               background-image: url(../images/mainss1.jpg);
               ul
               {
                    font-size: 1em;
                    list-style-type: none;
                    margin-left: 40px;
                    color: #333;
                    li
                    {
                             padding: 3px 0;
                             a
                             {
                              color: #333;
                              text-decoration: none;
                              &:hover
                              {
                                   color: @hoverColor;
                              }
                             }
                    }
               }
               
          }
          
          #ss2
          {
               background-image: url(../images/mainss2.jpg);
                    p
                    {
                         width: 50%;
                         color: #333;
                         padding: 10px;
                         font-size: 2em;
                         margin: 40px 0 20px 40px;
                    }
          }
          
         #ss3
          {
               background-image: url(../images/mainss3.jpg);
                    
                    p
                    {
                         width: 30%;
                         color: #333;
                         padding: 10px;
                         font-size: 2em;
                         margin: 20px 0 20px 40px;
                    }
          }
          
         #ss4
          {
               background-image: url(../images/mainss4.jpg);
                    
                    p
                    {
                         width: 70%;
                         color: #333;
                         padding: 10px;
                         font-size: 2em;
                         margin: 0 0 10px 30px;
                    }
          }
          
        
     }
     
}

  #slnav
     {
          width: 942px;
          .gradient(@linkColor, lighten(@linkColor, 5%));
           height: 26px;
           .rCorner(10px);
           .rmTopCorners;

         a
          {
               
               color: #fff;
               padding: 3px 10px;
               text-decoration: none;
               border-left: solid 1px #ccc;
               line-height: 2em;
               height: 20px;
              
              &:first-child 
               {
                   border-left: none;
               }
               
               &.activeSlide
               {
                    color: #FFFF99;
               }
               &:hover
               {
                    color: #FFFF99;
               }
          }
     }

.fl
{
     text-align: center;
     font-weight: bold;
}


/*cake menu*/
.menuListL, .menuListR
{
     width: 460px;
     float: left;
}
     .scMenu
     {
          width:410px;
           h3
          {
               clear: both;
               margin-top: 40px;
          }
        p
          {
               margin: 0;
               padding: 0;
               margin-left: 20px;
               float: left;
               width: 300px;
          }
         img
          {
               width: 75px;
               height: 75px;
               float: left;
               border: solid 1px #666;
          }
          
     }
    
 .introBottom
 {
     .clearfix;
     width: 100%;
    border-top: solid 1px @borderLight;
     padding-top: 20px;
     
      .quotes
       {
          float: left;
          width: 400px;
          
          p
          {
               margin: 10px 0 0 0;
          }
          .cust
           {
               margin: 0 0 0 20px;
           }
      }
      

 
 }
 


 
.flChoices
{

     border: 1px solid @borderLight;
     .rCorner(5px);
     clear: both;
     margin-bottom: 20px;
     padding: 10px;
     width: 90%;
     .clearfix;
     .fakeImg
     {
          width: 300px;
          height: 250px;
          margin-right: 20px;
          float: left;
          border: solid 1px @borderLight;
          .gradient(#ccc);
          
     }
     display: block;
     ul
     {
 
     }
}

.imgCenter
{
     border: solid 1px @borderLight;
}
.secondColumn
{
     float: right;
     width: 400px;
     .ad-gallery
     {
          float: none;
          
     }
}
/*tables*/
table
{
    
    border-collapse: collapse;
    th
     {
          font-weight: bold;
          padding: 8px 3px;
          color: @primaryColor;
          border-top: solid 1px @primaryColor;
          border-bottom: solid 1px @primaryColor;
          text-align: center;
           &:first-child 
               {
                    text-align: left;
               }
          
     }
     td
     {

          
          border-bottom: dotted 1px #ccc;
          padding: 5px 3px;
          vertical-align: top;
          text-align: center;
           &:first-child 
               {
                    color: @secondaryColor;
                    text-align: left;
               }
           ul
           {
                text-align: left;
                margin-top: 0;
                margin-bottom: 0;
           }
     }
     
}
.minorder
{
     font-size: .8em;
     margin: 2px 10px;
     
}
.cakeAdventure
{
     width: 400px;
     float: right;
     img
     {
          border: none;
     }
}

.browserIE
{
     h1{
       font-size: 2em;
       color: @primaryColor;
       background: transparent;
         z-index: 50;
          .first
          {
          .mainFont;
           color: @primaryColor;
          font-size: 1em;
         position: relative;
         top: 0px;
          }
         }
  .slideshow
  {
         h2
               {
                    width: 55%;
                    padding: 10px;
                    font-size: 1.5em;
                     .first
                    {
                           .mainFont;
                           color: @secondaryColor;
                         font-size: 1em;
                        position: relative;
                        top: 0px;
                    }
                 }
             }
 }