/* CSS Document */
/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }


/* layout.css */
/* Centers the design*/
html { text-align : center;
	background: #D68757 url(htmltop.jpg) repeat-x;
}

/* Container and repeats background*/
body { position : relative;	width : 828px; margin : 0 auto; text-align : left;
	border: 6px solid white; background-image: url(images_clearview/bkgnd.gif);
}
/*#wrapper {width:828px;}


#wrapperALL {width: 828px;	background-image:url(images/images/SLICE-Web-Layout-Baker-Creek-Bistro_08.png);	background-repeat:repeat-y;	}*/


/* 1. Branding(header img)*/

#logo { display:none;}
div#branding h1{background-image:url(images/logo.png);background-repeat:no-repeat;text-indent:-9999px;height:180px; width:215px; position:absolute; top:0px; right:44px; z-index:50;}

/*2. Main Navigation*/
div#nav_main {z-index:1;position:relative;height:45px;}

ul#nav_main {position:absolute;top:0px;left:0px;margin:0px; width:828px; height:45px; background-color: #6E313A; }

/*ul#nav_main {display:inline}*/
ul#nav_main li {display:inline; font-family: 'Cabin', arial, serif;  color:#FF7E64; font-size: 20px;text-shadow: 0.1em 0.1em 0.2em #333;}

li#nm_1 a, li#nm_2 a, li#nm_3 a, li#nm_4 a , li#nm_5 a , li#nm_6 a , li#nm_7 a {position:absolute; display:block; height:38px; font-family: 'Cabin', arial, serif; color:#FF7E64; margin-top:10px; text-decoration:none; }

li#nm_1 a:hover, li#nm_2 a:hover, li#nm_3 a:hover, li#nm_4 a:hover, li#nm_5 a:hover , li#nm_6 a:hover , li#nm_7 a:hover,
#here_1, #here_2, #here_1, #here_3, #here_4, #here_5, #here_6, #here_7 /*"here" statements work with php for "you are here navigation*/
 {position:absolute; display:block; height:38px;  /* background-color:#606B77; */ color: #FFFFFF; text-shadow: 0.1em 0.1em 0.2em #333;
}
li#nm_1 a {

left:15px;
/*color: #FDBE16; text-shadow: 0.1em 0.1em 0.2em #333;*/

}

li#nm_1 a:hover, #here_1  {
left:15px;

}



li#nm_2 a { 

left:119px;

}

li#nm_2 a:hover, #here_2  {
left:119px;

}

li#nm_3 a {

left:262px; 

}

li#nm_3 a:hover, #here_3  {
left:262px; 

}

li#nm_4 a { 

left:400px;

}

li#nm_4 a:hover, #here_4  {

left:400px;

}

li#nm_5 a { 

left:500px;

}

li#nm_5 a:hover, #here_5  {

left:500px;

}


li#nm_6 a { 

left:640px;

}

li#nm_6 a:hover, #here_6  {

left:640px;

}

li#nm_7 a { 

left:735px;

}

li#nm_7 a:hover, #here_7  {

left:735px;

}



/*3. Flash/jQuery/photo*/
div#photoShowTop {
  	height:312px;
  	width:828px;
    	
}
#photoShowTop div {
    position:absolute;
    z-index: 0;
}
#photoShowTop div.previous {
    z-index: 1;
}
#photoShowTop div.current {
    z-index: 2;
}


/*4. Main Content*/

/*NOTE: a lot of fine pixel adjustments between width and margin to fix IE bugs*/
div#main{/*clear:both;*//*display: inline; for IE */float:left;margin-left:181px;/*width:423px;*/ width:472px;
background-color: #FFFFFF;
min-height: 520px;
}
/* Header for Main using sIFR*/

/*div#main h2 {text-transform: uppercase;} */
 /*Fonts for headers */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 6, 2010 */

@font-face {
	font-family: 'TypeNo2Regular';
	src: url('typen2-webfont.eot');
	src: local('☺'), url('typen2-webfont.woff') format('woff'), url('typen2-webfont.ttf') format('truetype'), url('typen2-webfont.svg#webfontFOXkrbsN') format('svg');
	font-weight: normal;
	font-style: normal;
}


div#main h2, div#main h1 { font-family: "cabin"; margin-top:40px; margin-bottom:10px;color:#5A2414;font-size:27.4px; padding-left:20px; }
	
div#main h3, div#main h4, div#main h5 {margin-left:20px; margin-bottom:10px;font-family:"TypeNo2Regular";color:#FFF;font-size:15px; }
	

div#main p {font-size:14px;font-family:arial; line-height:20.72px; padding-right:20px;padding-bottom:15.62px;padding-left:20px;color:#636365;}

/*lists in main content*/
div#main li, div#main li a {font-size:14px;font-family:Verdana, Arial, Helvetica, sans-serif;line-height:18px;color:#FFF;  text-decoration:none; }

div#main ul{padding-left:20px; }

div#main li a:hover {font-size:16px;font-family:Verdana, Arial, Helvetica, sans-serif;line-height:18px;color:#FFF;  text-decoration:none; }
 
/* Bold font*/
/*div#main p strong {font-weight:bold;}*/

div#main p b {font-weight:bold;}
div#main p strong {font-weight:bold;}
div#main em {font-style:italic;}


/* links in main content paragraphs*/
div#main p a {color:#FFF; font-weight:bold; text-decoration:none;}

div#main p a:hover {color:#FFF; font-weight:bold; text-decoration:none; font-size:16px;}

/*div#main p a:visited {color:#B6B593;}*/

/*5. Sub Navigation (Left Side)*/
#sidebar1 {float:left;width:181px; margin-left:-652px; min-height: 520px;/*uses negative margin to shift all the way over*/}

#sidebar1 li, #sidebar1 li a, #sidebar1 li a:hover  {font-family:cabin; text-align:left; font-size:14px;padding-top:18px; font-weight: bold; text-transform: uppercase;}

#sidebar1 ul {margin-left:20px;margin-top:20px; padding-bottom:100px; }

#sidebar1	li {margin-left:0px;width:120px;}
#sidebar1 li a, #sidebar1 li a:hover {text-decoration:none;	font-size:17px; line-height:15px;text-transform: uppercase;}	
#sidebar1 li a {color:#FFF;	}
#sidebar1 li a:hover {color:#A1AFD8;text-shadow: 0.1em 0.1em 0.2em #333;}
#sidebar1 img {border-bottom: solid #FFFFFF 4px ;}


/*6. Supplementarty Content (Right Side) */

#sidebar2 {float:right;/*width:215px;*/width:175px;background: #FFFFFF; min-height: 520px;} /* postioning right side column */	
#sidebar2 img {border-bottom: solid #FFFFFF 4px ;}
/*7. Site Info Footer*/

div#Site_Info {clear:both; width:100%;height:85px;background-color: #6E313A; font-family:cabin; text-align: center;padding-top: 25px; border-top: 25px solid #A1AFD8; 
}

div#Site_Info p {color: #D38057;
	font-size: 21px;
	letter-spacing: 1px;
	
}

div#Site_Info p a {color: #D38057;
	font-size: 20px;
		padding-top: 15px;
	text-decoration: none;
}



/*8. Footer Navigation*/	
div#FooterNav {text-align:center; width:100%;font-size:9px;line-height:12px;background-image:url(images_clearview/htmlBkgnd_1.jpg);background-position:0px;
top:1000px; right:500px; /* used to block background image*/text-indent:9999px;}

div#FooterNav a {font-family:Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;}

div#FooterNav a:hover {color:#E05626;}


#photoShow {
    height:254px;
    width:175px;
	padding-bottom:1px;
	
	
	
}
#photoShow div {
    position:absolute;
    z-index: 0;
}
#photoShow div.previous {
    z-index: 1;
}
#photoShow div.current {
    z-index: 2;
}