/* Start of CMSMS style sheet 'cafemh-common' */
/* ##########################################
				HTML ELEMENTS
   ########################################## */

	

 /* IE PNG Fix
 ------------------- */
 BODY, H1, DIV { behavior: url(/images/layout/iepngfix.htc) }
 

  DIV{
    xborder: 1px solid red;
  }
  
  
  BODY{
    background:url(/images/layoutNEW/bg-horiz-lines.png); 
    margin: 0px;
    padding: 0px;  
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size: 13px;
  }
  
  
 H2{ 
 	font-size: 35px; 
 	margin: 20px 0 10px 0;
 	padding: 0; 
 	font-family: "trebuchet MS", verdana;
 	letter-spacing: 0.07em;
 	font-weight: 100;
 } 
 H3{ 
 	font-size: 30px; 
 	font-family: "trebuchet MS", verdana;
 	font-variant:small-caps;
        color: #f4800c; /* orange */  
 }  
  
  

/* #########################################
				PAGE STRUCTURE
   ######################################### */


  
  /* HEADER
  ----------------- */
  
  DIV#PgHeaderLandscape{
    background:url(/images/layoutNEW/header-landscape.png) repeat-x;
    xposition:absolute;  
    height: 194px;
    width: 100%;
    z-index: 1; 
    
  } 
  DIV#PgWrap{  
    width: 1000px;
    margin: -159px auto 0px auto;  
  }
  DIV#PgWrap 
    DIV#PgHeader{  
      height: 159px;
      position: relative;
  }
  
  /* Hide the H1 */
  DIV#PgWrap 
    DIV#PgHeader
		 H1{
		 	with: 1px;
			height: 1px;
			margin: 0;
			padding:0;
  } 
  
  /* ..and push the H1 text off the screen */
  DIV#PgWrap 
    DIV#PgHeader
		 H1 
		 	SPAN{  
      			height: 159px;
      			margin-left: -3000000px; 
  }  
 
  DIV#PgWrap 
    DIV#PgHeader
      IMG#PgLogo{  
        float: left;
        margin-top: -36px;
        margin-left: 7px;
        border: none;
  }
  DIV#PgWrap 
    DIV#PgHeader
      DIV#PgNav{   
        width: 675px;
        float: right;
        position: absolute;
        bottom: 44px;
        right: 0;
        color: #fff;
        font-size: 18px;
  }
  
   
  
  
  /* MAIN CONTENT
  ----------------- */
  
  DIV#PgWrap 
    DIV#PgContent{
    min-height: 360px; 
    background-color: #fff; 
    Xposition: relative;
    color: #572700; 
  }

DIV#PgWrap 
    DIV#PgContent
                  A{ 
                   color: #f4800c; /* orange */ 
                   font-weight: bold;
  }
  
  
  
  /* LEFT COLUMN
  ----------------- */

  
  
  DIV#PgWrap 
    DIV#PgContent 
      DIV#PgLeftCol{ 
        float: left;
        margin: 0; 
        width: 320px; 
        background:url(/images/layoutNEW/shadow-col-sides.png) repeat-y;  
  }
  DIV#PgWrap 
    DIV#PgContent 
      DIV#PgLeftCol 
        DIV#PgLeftCol-Content{ 
          min-height: 340px;
          padding: 10px 35px; 
          color: #572700;
  }
  DIV#PgWrap 
    DIV#PgContent 
      DIV#PgLeftCol 
        DIV#PgLeftCol-Base{
          height: 20px; 
          background: #fff url(/images/layoutNEW/shadow-col-base.png) no-repeat;
  }
 DIV#PgWrap 
    DIV#PgContent 
      DIV#PgLeftCol 
        DIV#PgLeftCol-Content
                  A{ 
                    color: #f4800c; /* orange */ 
                    font-weight: bold;
  }


 
  
/* RIGHT COLUMN
----------------- */

DIV#PgWrap 
  DIV#PgContent 
    DIV#PgRightCol{ 
      float: right;
      margin: 0; 
      width: 659px;
padding: 7px 20px 7px 0;     
}

  

/* FOOTER
----------------- */
DIV#PgFooter{
  background-color: #572700;
  border-top: 5px solid #fbb033;
  height: 90px;
  padding-left: 10px;
  margin:0 0 10px 0;
} 

DIV#PgFooter 
  DIV#PgFooter-Content{ 
    width: 1000px;
    margin: auto;
}  
DIV#PgFooter 
  DIV#PgFooter-Content  
    DIV{
      width: 250px;
      float: left;
      padding-top: 7px;
      font-size: 12px; 
} 
DIV#PgFooter 
  DIV#PgFooter-Content  
    DIV
      STRONG{
      color: #fff301; 
} 
DIV#PgFooter 
  DIV#PgFooter-Content  
    DIV
      P{
      color: #fff;
      margin: 0;
      padding: 0; 
}
DIV#PgFooter 
  DIV#PgFooter-Content   
      A{
      color: orange;
}
DIV#FishCredits { 
          width: 950px;
          margin: auto;
          text-align: right; 
         padding-bottom: 10px;
}
DIV#FishCredits
        A{
              color: brown;
              font-size: 11px;
              text-decoration: none;
}





/* ##########################################
			THE TWO LAYOUTS
   ########################################## */





/* 1. SINGLE COLUMN LAYOUT
---------------------------*/
  
  /* Hide the left column */
  BODY.layout-singleCol
  	DIV#PgWrap 
    	DIV#PgContent 
      		DIV#PgLeftCol{
  				display: none;
  }
   

  /* Expand the right column to full width */
  BODY.layout-singleCol
  	DIV#PgWrap 
    	DIV#PgContent 
      		DIV#PgRightCol{
  				 width: 969px; /* (659 + 320) - 10 */
  }

  BODY.layout-singleCol
  	DIV#PgWrap 
    	DIV#PgContent 
      		DIV#PgRightCol
			DIV#RandomMast{  
					height: 300px;
                                        width: 965px;
                                        border: 1px solid #ddd; 
                                        xoverflow:  hidden; 
 }
 BODY.layout-singleCol
  	DIV#PgWrap 
    	DIV#PgContent 
      		DIV#PgRightCol
                     H2{  
 	                   color: #c1d82e;
                           text-transform: lowercase;
                           text-align: center;
                           font-size: bigger;
 } 
 
  
  BODY.layout-singleCol
  	DIV#PgWrap 
    	DIV#PgContent 
      		DIV#PgRightCol
			DIV#RandomMast
                            IMG{
			            width: 965px; 
                                    xmargin-top: -250px;
 }
 
 
   

 /* 2. DUAL COL LAYOUT
 ----------------------*/

 BODY.layout-dualCol
  	DIV#PgWrap 
    	DIV#PgContent 
      		DIV#PgRightCol
				IMG#RandomMast{
 					border: 1px solid #bbb;
 					width: 590px; 
 }



 /* ##########################################
 		         PAGE SPECIFIC
    ########################################## */
	
	
	
 /* PG HOME
  ---------- */
 BODY#home H2{ 
 	display: none;
 } 
 BODY#home P{ 
 	line-height: 1.4;
 } 
 /* ...the movie */
 BODY#home #MovieWrap{
 	/*border: 1px solid red; /*SWITCH*/ 
 	padding: 10px;
 	background-color: #999;
 	background: url(/images/layout/any-bg-halfblack.png);  
 	width: 400px;
 }
 BODY#home #MovieWrap IMG{
 	border: 4px solid #413231; /*BROWN*/ 
 } 
 BODY#home H3{  
 	color: #eee;

 } 
 BODY#home DIV#FlashWrap{
 	/*border: 1px solid red; /*SWITCH*/
 	background-image: url(/images/layout/bg-flashwrap.png); 
 	background-repeat: no-repeat; 
         margin-top: 40px;
         padding: 14px;
 	/*  width: 552px; 
 	      height: 350px; */
 }
 
 
 
 
 
 /* ###############################################
 		         	MISC
    ############################################### */

/* BIOS 
-------------- */

 BODY#manager-bio H2,
 BODY#chef-bio H2,
 BODY#pastry-chef-bio H2{ 
 	display: none;
 } 
	
 /* FOOD
 ------------- */ 

 P.food{ 
   /*border: 1px solid red; /*SWITCH*/ 
   margin: 30px 10px 30px 50px;
   color: #888;
   position: relative; 
   font-size: 18px;
 }
 P.food SPAN.food-name{
   display: block; 
   font-weight: bold;
   color: #572700;
   margin: 0 0 5px 0;
 }
 P.food SPAN.food-about{
 	color: #6c573b;
 	display:block;
 	margin:  0 70px 0 0; 
 }
 P.food SPAN.food-price{
   display: block;
   text-align: right; 
   position: absolute;
   top: 0;
   right: 0;
 }
	
	
 STRONG.perfectPairing{
 	/*border: 1px solid red; /*SWITCH*/ 
 	display: block; 
 	margin: -20px 100px 30px 25px;
 	/*color: #a74b33;*/
 	font-size: 25px;
 }


 IMG#Map{
 	width: 590px; 
        border: 1px solid #333;
 }


 /* IMG GALLERIES 
 -------------------------------*/

DIV#GalleryWrap{
    margin-left: 227px; 
}
 
#GalleryWrap ul, #GalleryWrap li{
	margin:0;
	padding:0;
	list-style:none; 
	}

#GalleryWrap li{ 
	/* define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here */ 
	width:500px;
	height:335px;
	overflow:hidden; 
	}

SPAN#GalleryNavLeft A, SPAN#GalleryNavRight A{
	display: block;
	width: 100px;
	height: 100px;  
	color: #fff !important;
} 
SPAN#GalleryNavLeft A{   
	background-image: url(/images/layoutNEW/gallery-left-nav.png); 
        float: left;
        margin-top: -250px;
        margin-left: 65px;
}
SPAN#GalleryNavRight A{   
	background-image: url(/images/layoutNEW/gallery-right-nav.png); 
        float: right;
        margin-top: -250px; 
        margin-right: 65px;
}
SPAN#GalleryNavLeft A:HOVER{   
	background-image: url(/images/layoutNEW/gallery-left-nav-on.gif); 
}
SPAN#GalleryNavRight A:HOVER{  
	background-image: url(/images/layoutNEW/gallery-right-nav-on.gif); 
	text-align: right;
}
  
	


 /* ##########################################
 		         HACKS / FIXES
    ########################################## */

/* clearing */
/* 
clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item.
We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience.
Do not edit if you dont know what you are doing
*/
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */

/* End of 'cafemh-common' */