
/****************** HEADER ******************/

header { height:276px; }

h1#hdr_logo_link a, h1#hdr_logo {
position:absolute; top:66px; left:0px; display:block; width:373px; height:132px;
background:url(../images/logo_packiss_big.png) no-repeat; text-indent:-9000px; overflow:hidden;
}


/****************** CONTENT ******************/


#inr_wtrmrk_edge { position:absolute; top:64px; left:-19px; width:19px; height:231px; margin:0; background:url(../images/inr_wtrmrk_edge.png) no-repeat; }
#inr_wtrmrk { position:absolute; top:64px; left:0px; width:393px; height:231px; margin:0; background:url(../images/inr_wtrmrk.jpg) no-repeat; }

#photo { position:absolute; top:-241px; right:-70px; width:636px; height:380px; margin:0; }

#photo_01 { position:absolute; top:0px; left:0px; width:556px; height:320px; background:no-repeat; }
wrapper#the-kiss-of-sustainability #photo_01 { background-image:url(../images/header6.jpg); }
wrapper#about-bc-oysters #photo_01 { background-image:url(../images/header7.jpg); }
wrapper#where-to-source-bc-shellfish #photo_01 { background-image:url(../images/header8.jpg); }
wrapper#media #photo_01 { background-image:url(../images/header9.jpg); }
wrapper#contact #photo_01 { background-image:url(../images/header10.jpg); }

#photo_01.header1 { background-image:url(../images/header1.jpg); }
#photo_01.header2 { background-image:url(../images/header2.jpg); }
#photo_01.header3 { background-image:url(../images/header3.jpg); }
#photo_01.header4 { background-image:url(../images/header4.jpg); }
#photo_01.header5 { background-image:url(../images/header5.jpg); }
#photo_01.header6 { background-image:url(../images/header6.jpg); }
#photo_01.header7 { background-image:url(../images/header7.jpg); }
#photo_01.header8 { background-image:url(../images/header8.jpg); }
#photo_01.header9 { background-image:url(../images/header9.jpg); }
#photo_01.header10 { background-image:url(../images/header10.jpg); }
#photo_01.header11 { background-image:url(../images/header11.jpg); }
#photo_01.header12 { background-image:url(../images/header12.jpg); }
#photo_01.header13 { background-image:url(../images/header13.jpg); }
#photo_01.header14 { background-image:url(../images/header14.jpg); }

#photo_02 { position:absolute; top:0px; right:0px; width:80px; height:127px; background:url(../images/photo_02.png) no-repeat; }
#photo_03 { position:absolute; top:127px; right:19px; width:61px; height:126px; background:url(../images/photo_03.png) no-repeat; }
#photo_04 { position:absolute; bottom:0px; right:44px; width:36px; height:127px; background:url(../images/photo_04.png) no-repeat; }
#photo_05 { position:absolute; top:320px; left:243px; width:131px; height:31px; background:url(../images/photo_05.jpg) no-repeat; }
#photo_06 { position:absolute; top:320px; left:374px; width:182px; height:60px; background:url(../images/photo_06.jpg) no-repeat; }
#photo_07 { width:0; height:0; background:none; }
/*#shadow { position:absolute; top:-10px; right:45px; width:77px; height:107px; background:url(../images/blob.png) no-repeat; }*/



wrapper#bc-oyster-recipes #photo { position:absolute; top:-236px; right:-60px; width:652px; height:403px; margin:0; }
wrapper#bc-oyster-recipes #photo_01 { position:absolute; top:0px; left:0px; width:582px; height:350px; background:url(../images/recipe_img_01.jpg) no-repeat; }
wrapper#bc-oyster-recipes #photo_02 { position:absolute; top:0px; right:0px; width:70px; height:120px; background:url(../images/recipe_img_02.png) no-repeat; }
wrapper#bc-oyster-recipes #photo_03 { position:absolute; top:120px; right:11px; width:59px; height:121px; background:url(../images/recipe_img_03.png) no-repeat; }
wrapper#bc-oyster-recipes #photo_04 { position:absolute; top:350px; left:0px; width:183px; height:20px; background:url(../images/recipe_img_04.jpg) no-repeat; }
wrapper#bc-oyster-recipes #photo_05 { position:absolute; top:350px; left:183px; width:246px; height:31px; background:url(../images/recipe_img_05.jpg) no-repeat; }
wrapper#bc-oyster-recipes #photo_06 { position:absolute; top:350px; left:429px; width:153px; height:53px; background:url(../images/recipe_img_06.jpg) no-repeat; }
wrapper#bc-oyster-recipes #photo_07 { position:absolute; bottom:26px; right:37px; width:33px; height:136px; background:url(../images/recipe_img_07.png) no-repeat; }


#content_wrapper.page_width {
position:relative; width:968px; padding:29px 0 479px;
}

#content_top { position:absolute; top:0px; left:0px; width:968px; height:29px; background:url(../images/content_bg_top.png) no-repeat; margin:0; }
#content_btm { position:absolute; bottom:450px; left:0px; width:968px; height:29px; background:url(../images/content_bg_btm.png) no-repeat; margin:0; }

#content_inr_top { position:absolute; top:0px; left:18px; width:930px; height:374px; background:url(../images/content_inr_top.jpg) no-repeat; margin:0; z-index:1; }
#content_inr_btm { position:absolute; bottom:0px; left:18px; width:930px; height:143px; background:url(../images/content_inr_btm.jpg) no-repeat; margin:0; z-index:1; }

wrapper#bc-oyster-recipes #content_inr_top { background:url(../images/recipes_inr_top.jpg) no-repeat; }
wrapper#bc-oyster-recipes #content_inr_btm { background:url(../images/recipes_inr_btm.jpg) no-repeat; }

content * { position:relative; z-index:2; }

content {
position:relative; width:866px; height:425px; height:auto; min-height:425px; padding:70px 52px 100px 50px;
background:url(../images/content_bg_slice.png) repeat-y;
font-size:1.5em;  z-index:100; 
}

wrapper#bc-oyster-recipes content {
position:relative; width:725px; height:300px; height:auto; min-height:300px; padding:175px 139px 125px 104px;
background:url(../images/recipes_bg_slice.png) repeat-y;
}

content h2#the-kiss-of-sustainability {
width:483px; height:54px;
background:url(../images/headers/thekiss.png) no-repeat; text-indent:-9000px; overflow:hidden;
}
content h2#about-bc-oysters {
/*width:355px; height:53px;*/ width:363px; height:42px;
background:url(../images/headers/about_bc_shellfish.png) no-repeat; text-indent:-9000px; overflow:hidden;
}
content h2#about_bc_shellfish {
width:363px; height:42px;
background:url(../images/headers/about_bc_shellfish.png) no-repeat; text-indent:-9000px; overflow:hidden;
}
content h2#where-to-source-bc-shellfish {
width:586px; height:42px;
background:url(../images/headers/where_to_source.png) no-repeat; text-indent:-9000px; overflow:hidden;
}
content h2#media {
width:130px; height:41px;
background:url(../images/headers/media.png) no-repeat; text-indent:-9000px; overflow:hidden;
}
content h2#contact {
width:154px; height:38px;
background:url(../images/headers/contact.png) no-repeat; text-indent:-9000px; overflow:hidden;
}

content ul { list-style:inside disc; margin:0 0 2em; }
content ul li { line-height:1.25em; margin:0 0 1em; }

content p { margin:0 0 1em; }
content p+h1, content p+h2, content p+h3 { margin-top:2em; }
content p+h4, content p+h5, content p+h6 { margin-top:3em; }
content h1+p, content h2+p { margin-top:.5em; }

.textblock { position:relative; margin:0 0 1em; }

content table { background:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.9em; line-height:1.25em; letter-spacing:-.25px; }
content table th, table strong,  { font-family:"Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; font-size:1.1em; }
content table, content table tr { border:none; }
content table a { font-family:"Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; }
content table { border-top:1px solid #978674; border-right:1px solid #978674; }
content td, content th { border-bottom:1px solid #978674; border-left:1px solid #978674; padding:10px; }

#random_image { position:absolute; right:-95px; bottom:-80px; }



wrapper#bc-oyster-recipes .textblock { }


/****************** SIDEBAR ******************/

sidebar {
position:relative; float:right; width:25%; height:auto; min-height:250px; padding:20px 2.5% 40px; margin:5% 0 0 5%;
background:#fff; border:1px solid #f9f6f0;
-moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; 
-moz-box-shadow:1px 3px 5px #978674; -webkit-box-shadow:0px 1px 1px #978674; box-shadow:0px 1px 1px #978674;
}

/*sidebar h5 { font-size:18px; margin:0 0 .5em; text-shadow:0px 1px 1px #fff; }
sidebar h6 { font-size:.8em; line-height:1.2em; margin:0 0 1em; font-weight:normal; color:#666; }
sidebar p.small { font-size:.8em; color:#999; font-style:italic; text-align:center; margin:0 0 .5em; }*/

/****************** FOOTER ******************/


footer.center_this {
position:relative; height:400px; padding:25px 0 0; margin:-425px auto 0;
font-size:10px; line-height:1.2em;
}

ul.footer_nav { position:absolute; width:300px; margin:0 0 1em; font-size:1.2em; }
ul#footer_nav_col_1.footer_nav { top:0px; left:0px; }
ul#footer_nav_col_2.footer_nav { top:0px; left:325px; }
ul#footer_nav_col_3.footer_nav { top:0px; left:650px; }
ul.footer_nav li { width:300px; display:block; margin:0 0 25px; }
ul.footer_nav li a { color:#a96943; }
ul.footer_nav li a:hover { color:#a96943; }
ul.footer_nav li span { display:block; width:300px; height:12px; padding:5px 0 2px; color:#a96943; font-weight:normal; }

ul.footer_nav li a.block, ul.footer_nav li span.block {
display:block; position:relative; left:-8px; height:37px;
background:url(../images/fnav.png) no-repeat; text-indent:-9000px; overflow:hidden;
}
ul.footer_nav li a#footer_nav_1, ul.footer_nav li span#footer_nav_1 { background-position:0px 0px; width:199px; }
ul.footer_nav li a#footer_nav_1:hover { background-position:0px -44px; }

ul.footer_nav li a#footer_nav_2, ul.footer_nav li span#footer_nav_2 { background-position:-199px 0px; width:143px; }
ul.footer_nav li a#footer_nav_2:hover { background-position:-199px -44px; }

ul.footer_nav li a#footer_nav_3, ul.footer_nav li span#footer_nav_3 { background-position:-342px 0px; width:226px; }
ul.footer_nav li a#footer_nav_3:hover { background-position:-342px -44px; }

ul.footer_nav li a#footer_nav_4, ul.footer_nav li span#footer_nav_4 { background-position:-568px 0px; width:60px; }
ul.footer_nav li a#footer_nav_4:hover { background-position:-568px -44px; }

ul.footer_nav  li a#footer_nav_5, ul.footer_nav li span#footer_nav_5 { width:71px; background-position:-628px 0px; }
ul.footer_nav  li a#footer_nav_5:hover { background-position:-628px -44px; }


ul.footer_nav li ul { float:none; width:300px; }
ul.footer_nav li ul li { display:block; margin:0 0 0 2px; }
ul.footer_nav li ul li + li { border-top:1px dotted #342620; }
ul.footer_nav li ul li a { display:block;  left:0; width:300px; height:12px; padding:5px 0 2px; background:none; text-indent:0px; font-weight:normal; }
ul.footer_nav li ul li a:hover { color:#fff; text-decoration:none; }

ul.footer_nav li#have_you_been_kissed { border:none; }
ul.footer_nav li#have_you_been_kissed h4{
display:block; width:168px; height:129px; margin:50px; 
background:url(../images/have_you_been_kissed_inner.png) no-repeat; text-indent:-9000px; overflow:hidden;
}

#logos_n_copyright { position:absolute; bottom:10px; text-align:left; }



/****************** FIXES ******************/


img:after
{
	width:10px;
	height: 182px;
	background:url(../images/shadow_image.png) right top no-repeat;
}

.image_sys
{
	position:relative;
	width:474px;
	height:347px;
	margin:0px 0px 35px 0px;
}

.image_sys img
{
	position:absolute;
	top:1px;
	left:1px;
}

.image_frame_sys
{
	position:absolute;
	top:0;
	left:0;
	width:474px;
	height:347px;
	background:url(../images/image_frame_large.png) no-repeat;
}

.image_thm
{
	position:relative;
	width:205px;
	height:182px;
	margin:0px 0px 35px 0px;
}

.image_thm img
{
	position:absolute;
	top:1px;
	left:1px;
}

.image_frame_thm
{
	position:absolute;
	top:0;
	left:0;
	width:205px;
	height:182px;
	background:url(../images/image_frame_small.png) no-repeat;
}

