/*----------------------------------------
 Main stylesheet for: Lime Café Bar Restaurant
 ----------------------------------------*/ 
 
 /*----------------------------------------  
 Stylesheet structure:
 
 > Styles reset, HTML & body
 > Main layout
 > Type and inline styling
 > Section details
    --> Nav
    --> Footer
    --> Front page quicklinks
    --> Sidebar quicklinks
 > Tables     
 > Misc     
 ----------------------------------------*/ 
 
 /*----------------------------------------
 Color master list:
   Grey (text): #3e422b;
   Green: #79bc01;
   Darker green (hover): #66af01;
   Olive (footer text): #62693e;
 ----------------------------------------*/     
    
/* Styles reset, HTML & body styling -------------------------------------------------------------------------------------  */     

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, apress, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, p, ol, ul, li, title
fieldset, form, legend
{
    border: 0;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: normal;                
    margin: 0;
    outline: 0;     
    padding: 0;
}

html
{
   overflow-y: scroll;
   background:url(../images/back1.jpg) top center repeat-x #FFFFFF;   
}
    
body 
{              
    color: #3e422b;        
    font: 62.5%/1.5em  Arial, Verdana, sans-serif;
    margin: 0 auto;
    position: relative;
    width: 980px; 
	background:#FFFFFF;     
}

/* Main layout -------------------------------------------------------------------------------------  */ 
        
   #content
   {
      background: url(../images/bk_sidebar.png) top center repeat-y; 
      margin: 60px 10px 0;            
      position: relative;        

   }
    
      #home #content, #page-gallery #content
      {
         background-image: none;
      }
    
    img#logo
    {
        position: absolute;
         bottom: 16px;
         left: 20px;
    }
    
    #nav
    {
       background: url(../images/bk_nav.png) top center no-repeat;        
       height: 90px;
       position: absolute;
         top: 152px;
         left: 0;
         width: 980px;
       z-index: 10000; /* for ie7 */  
    }
    
      #home #nav
      {
         top: 277px;
      }
    
    #main
    {
       float: left;
       position: relative;
       width: 680px;
	    padding-left:15px;
    }
    
      #home #main
      {
         float: none;
         min-height: 280px;
         width: 960px;         
      } 
      
      #page-gallery #main
      {
         float: none;
         min-height: 280px;
         width: 960px;         	
		}
      
      #sidebar
      {
         float: right;
         min-height: 100%;
         padding-left: 10px;
         width: 235px;
      }
      
      #main ul
      {
		margin-left:0px;
		padding-left:0px; 
		}
	      
	      	#main ul li
	      	{
			margin-left:0px;
			padding-left:0px; 
      	  	font-size: 12px;
			}
      
    #prefooter /* needed to expand the content div down, so that we can have faux columns of equal length */ 
    {
       clear: both;
	   padding-top:15px;
	   padding-bottom:10px;
	   padding-left:15px;
    }      

    #footer
    {         
       clear: left; 
       color: #62693e;
        font-size: 10px;  
        padding-top: 10px;                          
        padding-bottom:50px;
		padding-left:30px;                          
        position: relative; 
        width: 980px;  
		             
    }
    
/* Type and inline styling -------------------------------------------------------------------------------------  */

h1, h2, h3, h4, h5, h6
{
    color: #000;
    font-size: 2.4em;
    padding: 0 0 0.1em 0;
}

    h2
    {
        font-size: 1.8em;
    }

p, address
{ 
   font-size: 1.2em;
    line-height: 1.4em;
    font-style: normal;
    padding: 0.3em 0;     
}

a
{
    color: #a7d102; 
    text-decoration: none;
    outline: none;
}

    a:hover
    {
        color: #79bc01;
    }       
 
 /* Section details -------------------------------------------------------------------------------------  */
 
         /* Nav -------------------------------------------------------------------------------------  */ 
         
         #nav ul
         {
            list-style: none;
            position: absolute;
               bottom: 8px;
               left: 180px;
         }
         
         #nav li
         {
            float: left;
         }
         
         #nav li a
         {
            color: #fff;
            font-size: 15px;
            font-weight: bold;
            padding-right: 25px;
            text-decoration: none;
         }
         
         #nav li a.active, #nav li a:hover, #nav li em
         {
            color: #a7d102;
            font-style: normal;
         }
         
         
        /* Footer -------------------------------------------------------------------------------------  */ 

        #footer li
        {
            float: left;
            font-size: 10px; 
            list-style: none;           
            padding-right: 20px;            
            padding-bottom: 20px;            
        }
        
        #footer a
        {
            color: #62693e;
        }
        
        #footer a:hover
        {
            border-bottom: 1px dotted;
        }
        
        ul#footerNav
        {
           list-style: none;           
           margin: 0;
           padding: 0;
        }        

        ul#footerNav li
        {
            border-right: 1px solid #b6b9a5;
            padding: 0 6px;
        }
        
            ul#footerNav li.first
            {
               padding-left: 0;
            }
            
            ul#footerNav li.last
            {
               border-right: 0 none;
               padding-right: 0;
            }            
        
 
        /* Front page quicklinks -------------------------------------------------------------------------------------  */   

       .QL
       {
          border-right: 1px solid #d8d9d4;
          float: left;
          height: 280px;
          margin-bottom: 45px;
          padding: 0 10px;
          overflow: hidden;
          position: relative;
          width: 220px;
       }
       
       .QL:first-child
       {
          padding-left: 0;
       }
       
       .QLlast
       {
         border-right: 0 none;
         padding-right: 0;
         width: 230px;
       } 
               
        .QLpic
        {
           padding: 15px 0;
        }
        
        .QL a.readmore
        {
            position: absolute;
               bottom: 0;
               left: 10px;
         }
         
         .QL:first-child a.readmore
         {
            left: 0;
          }
        
        /* Sidebar quicklinks -------------------------------------------------------------------------------------  */   
    
         .sbQL
         {
            height: 100px;
            margin-bottom: 25px;
            position: relative;
         }
         
         .sbQL p
         {
            line-height: 1.2em;
            padding-top: 0;
         }         
         
         img.sbQL_tmb
         {
            float: left;
            margin-right: 10px;
         }
         
         .sbQL .readmore
         {
            position: absolute;
               bottom: 0;
               left: 117px;
         }
         
 /* Tables -------------------------------------------------------------------------------------  */  
 
 table
 {
    margin-bottom: 20px;
 }         
 
 td
 {
    font-size: 1.3em;
    vertical-align: top;
 }
 
 .border td:first-child
 {
    padding-right: 80px;
    width: 560px;
 }
 
 .border td
 {
    border-bottom: 1px solid #d8d9d4;
    padding-bottom: 15px;
 }
 
 .tSpace
 {
    padding-top: 15px;
 }

 
 /* Misc buttons and structures -------------------------------------------------------------------------------------  */ 
 
    
 a.readmore, a.downloadmenu, a.booknow
 {
    background: url(../images/btn_readmore.png) top left no-repeat; 
    cursor: pointer;
    display: block;
      height: 10px;
      width: 96px; 
      position: relative;
 }
 
 a.downloadmenu
 {
    background: url(../images/btn_downloadmenu.png) top left no-repeat; 
      width: 143px; 
 } 

    .DMmargin
    {
       margin-left: 404px;
       margin-top: 20px;
    } 
  
 a.booknow
 {
    background: url(../images/btn_booknow.png) top left no-repeat; 
      width: 95px; 
 }       
 
 a.readmore:hover, a.downloadmenu:hover, a.booknow:hover
 {
    background-position: bottom left; 
 }      
 
#home #midGraphic
{
   position: absolute;
   left: 530px;
}

#page-gallery #midGraphic
{
   position: absolute;
   left: 760px;
}

#midGraphic
{
   position: absolute;
   left: 515px;
}

em, .bold
{
    font-weight: bold;
    font-style: normal;
}

.right
{
    float: right;
}

.left
{
    float: left;
}

.clear
{
	clear: both;	
}

.hidden
{
	display: none;	
}


.imgLeft
{
   float: left;
   padding: 0 25px 15px 0;
}

.cLeft
{
   clear: left;
}

.left-margin
{
	margin-left: 20px !important;	
}

#error_message
{
	border: 1px solid red;
	padding: 10px;
	margin-bottom: 20px;
	color: red;
	font-size: 11pt;	
}

.menu-table td
{
	padding-top: 10px;
}

.menu-table td
{
	text-align: right;
}

.menu-table td:first-child  	
{
	text-align: left !important;	
}

.menu-table-right-padding
{
	padding-right: 30px;
	width: 120px;	
}

.sitemap
{
	list-style-type: none;	
}

	.sitemap li
	{
		margin-left: 10px;
		margin-right: 20px;
		padding-left: 15px;
		background: url('../images/triangle.gif') 0 2px no-repeat;	
	}
	
		.sitemap li	 a
		{
			font-size: 12.5px;	
			margin-left:15px;
			color:#3e422b;
			line-height:130%;
		}
		
.slider
{
	list-style-type: none;	
}
		
/* Gallery */
#gallery-galleries
{
	list-style-type: none;	
}

#gallery-galleries li
{
	padding: 0;
	margin: 0;
	float: left;
	width: 200px;
	margin-right: 20px;
}

#gallery-galleries li img
{
	opacity:0.5;
	filter:alpha(opacity=50);
	border: 5px solid #CCCCCC;	
}

#gallery-galleries li img:hover
{
	opacity:1.0;
	filter:alpha(opacity=100);		
}

#thumbs ul
{
	list-style-type: none;	
	width: 278px;
	margin-right: 0px;
}

	
	#gallery
	{
		width: 435px;
		overflow: hidden;
		margin-bottom: 50px;
	}
	
	.nav-controls .prev
	{
		float: left;	
		margin-right: 10px;
	}
	
	.nav-controls .next
	{
		float: left;	
	}