/* The Cooker - Layout */

img{
border:0px;
}
#mc_embed_signup{
	margin-left:9px;
	margin-top:8px;
}

#menu a:link{padding:2px 0 2px 3px; color:#fff; text-decoration:none; width:306px; display:block;}
#menu a:visited{padding:2px 0 2px 3px; color:#fff; text-decoration:none;  width:306px; display:block;}
#menu a:hover{padding:2px 0 2px 3px;  width:306px; text-decoration:none; display:block;}

#menu a:link{padding:0; color:#fff; text-decoration:none;}
#menu a:visited{padding:0; color:#fff; text-decoration:none; }
#menu a:hover{padding:0; text-decoration:none;}


a:link{color:#000;text-decoration:underline;}
a:visited{color:#fff; text-decoration:none;}
a:hover{ color:#fff; text-decoration:none;}

.anthonynolan{
position:absolute;
clear:both;
}

.leftcontent a:link{border-bottom: 1px dotted; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;}
.leftcontent a:visited{border-bottom: none; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;}

.gallery a:link{border-bottom: 1px dotted; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; }
.gallery a:visited{border-bottom: none; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; }
.gallery a:hover{border-bottom: 1px dotted; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;}
.gallery ul{
	padding:10px;
}

a:link{color:#fff;text-decoration:none;}
a:visited{color:#fff; text-decoration:none;}
a:hover{ color:#fff; text-decoration:none;}

/* Hide images for iphone only*/
.iphonepic img{
display:none;
}
.note{
margin-top:5px;
font-size:85%;
}

.workheading{
display:block;
width:99%;
padding-left:3px;
margin-bottom:10px;
border-bottom:#fff dotted 1px !important;
font-style:italic; 
font-family:Georgia, "Times New Roman", Times, serif; 
font-weight:bold;
}

.downarrow {
border-color:white transparent;
border-style:solid;
border-width:4px 4px 0;
font-size:0;
height:2px;
line-height:0;
margin:-8px 0 0 293px;
padding-top:0;
position:relative;
top:16px;
width:0px;
}





/* Twitter feed stuff */
#followme{
	border:none !important;
text-decoration:none;
margin:-10px 0 0 400px;
z-index:1001;
height:60px;
position:absolute;
}
#followme a:link, #followme a:hover, #followme a:visited{
	border:none;
	text-decoration:none;
}

.twtr-doc{
	width:300px !important;
	line-height:1.4em;
}
.twtr-hd{
	display:none;
}
.twtr-ft{
	display:none;
}
.twtr-widget {
	font-family:Geneva,Helvetica,Arial,sans-serif;
}
.twtr-widget h3, .twtr-widget h4, .twtr-widget p {
line-height:1.33 !important;
margin:0 !important;
padding:0 !important;
width:auto !important;
}

#twtr-widget-2 .twtr-tweet-text {
margin-left:0 !important;
}
.twtr-avatar {
display:none !important;
}

.navfoot{
	background:url('images/nav-footer.png') no-repeat;
	height:30px;
	width:170px;
	display:block;
	margin:12px 0 0 150px;
}

/*---- PANEL BG IMAGES ---*/
#a{background:url(slices/pic_01.jpg) no-repeat;}
#b{background:url(slices/pic_02.jpg) no-repeat;}
#c{background:url(slices/pic_03.jpg) no-repeat;}
#d{background:url(slices/pic_04.jpg) no-repeat;}
#e{background:url(slices/pic_05.jpg) no-repeat;}
#g{background:url(slices/pic_06.jpg) no-repeat;}
#h{background:url(slices/pic_07.jpg) no-repeat;}
#i{background:url(slices/pic_08.jpg) no-repeat;}



.microwavebox{
	width:569px;
	height:379px;
	position:absolute;
	margin:108px 0 0 480px;
	z-index:2200;
}
.microwavebox a:hover{
	border:none 0 !important;
	text-decoration:none !important;
}
.microwavebox a:link{
	border:none 0 !important;
	text-decoration:none !important;
}
#loadedcontent{
	position:absolute;
	margin: 155px 0 0 57px;
}

/*--- Case study description copy settings ---*/
#worka{
	/*display:none;*/
	margin-top:-5px;
	padding-top:0px;
	padding-bottom:25px;
}
#workb{
	/*display:none;*/
	margin-top:-5px;
	padding-top:0px;
	padding-bottom:25px;
}
#workc{
	/*display:none;*/
	margin-top:-5px;
	padding-top:0px;
	padding-bottom:25px;
}
#workd{
	/*display:none;*/
	margin-top:-5px;
	padding-top:0px;
	padding-bottom:25px;
}
#worke{
	/*display:none;*/
	margin-top:-5px;
	padding-top:0px;
	padding-bottom:25px;
}
#workf{
	/*display:none;*/
	margin-top:-5px;
	padding-top:0px;
	padding-bottom:25px;
}
#workg{
	/*display:none;*/
	margin-top:-5px;
	padding-top:0px;
	padding-bottom:25px;
}
#workh{
	/*display:none;*/
	margin-top:-5px;
	padding-top:0px;
	padding-bottom:25px;
}

body
 {
 	font-size:95%;
 	padding:0;
 	margin:0;
 	color:#fff;
	background: url(images/leftcolumn_bg.jpg) repeat-y #fff;

 }

h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	font-size:110%;
	font-weight:bold;
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	padding-top:15px;
}
.h4{
font-size:90%;
font-weight: normal;
margin-bottom:0;
padding-bottom:0;
padding-top:0;
margin-top:0;
font-family:Georgia, "Times New Roman", Times, serif;
}
 
 
#menu li
 {
	display:block;
	width:308px;
	border-bottom:#fff dotted 1px;
	margin:0 0 0px 33px;
	padding-top:0px;
	font-size:133%;
	font-weight:bold;
 }
 
 .indent{
	padding-left:0px;
	margin-left:8px;
}


 #menu  .current a:visited , .current a:link {
	/*width:306px;
	background:#A4A02E;/*#958D70; /**/
	/*padding:2px 0 2px 3px;
	color:#ffffff; */
 }


.arch a:link , .arch a:hover , .arch a:visited {
		width:306px;
	display: block;
	padding:2px 0 2px 3px;
	padding-top:2px;
}
	
.arch a:hover{
	background-color:#fff;
	color:#5a4c32;
}
 .arch{
	width:306px;
	background:none;/*#958D70; /**/
	/*padding:2px 0 2px 3px;*/
	color:#ffffff;
	display:block;
	width:308px;
	border-bottom:#fff dotted 1px;
	margin:0 0 0px 28px;
	
	font-size:133%;
	font-weight:bold;
 }
 .opensec{
	width:306px;
	background:#A4A02E;/*#958D70; /**/
	/*padding:2px 0 2px 3px;*/
	color:#ffffff;
	display:block;
	width:308px;
	border-bottom:#fff dotted 1px;
	margin:0 0 0px 28px;
	
	font-size:133%;
	font-weight:bold;
 }

 #logo
 {
	padding:14px 0 0 73px;
 }
 .tagline{
	 display:block;
	 margin:-5px 0 12px 5px;
 }
#leftcolumn 
 {
	font-size:0.8em;
	width:453px;
	float:left;
	clear:both;
 }
.leftcontent
  {
	line-height:1.75em;
	padding:0px 0 0px 78px;
	width:308px;
	font-family:Geneva,  Helvetica, Arial, sans-serif;
	color:#fff;
    text-shadow:1px 1px 0 #3A2F1B;
 }

#rightcolumn
 {
	width:1203px;
	min-height:808px;
	margin-left:453px;
	position:fixed;
	z-index:-10;
 }
 
 #slider {
  width: 453px;
  margin: 0 auto;
  position: relative;
}

.scroll {
  height: 808px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: #FFFFFF;
  z-index:-10;
 
}

 #scrollcontainer div.panel
 {
	width:1203px;
	min-height:808px;
	margin-left:453px;
	position:fixed;
	z-index:-10;
	overflow:hidden;
	background:#000;
 }

 .coffee{
 background: url(images/coffee.jpg) no-repeat #fff;
 }
 
 .kitchen{
 background: url(images/kitchen.jpg) no-repeat #fff;
 }
 
 
.dropshadow_y{
width:20px;
min-height:inherit;
height:100%;
clear:both;
margin-left:453px;
z-index:1000;
vertical-align:bottom;
bottom:0px;
position:fixed;
background:url(images/shadow_y.png) repeat-y;
}
.dropshadow-x1{
position:fixed;
height:10px;
background:url(images/shadow_x1.png) repeat-x;
width:inherit;
z-index:1000;
}
.dropshadow-x2{
position:fixed;
height:808px;
background:url(images/shadow_x2.png) repeat-x;
width:100%;
z-index:1000;
}

#footer
 {
padding:2px 5px 1px 4px;
 	color:#000;
	background:#fff;
	margin-left:465px;
	margin-bottom:20px;
	position:fixed;
	font-size:0.75em;
	vertical-align:bottom;
	bottom:0px;
	
 }
 
 #footer a:link{padding:2px 2px 2px 3px; width:inherit; color:#333; text-decoration:none;}
#footer a:visited{padding:2px 2px 2px 3px; width:inherit; color:#333; text-decoration:none; }
#footer a:hover{padding:2px 2px 2px 3px; width:inherit; text-decoration:none; }
 
 #soup
 {
 position:fixed;
 margin-left:1608px;
 width:542px;
 height:950px;
 background:url(images/bookend.png) no-repeat;
 padding-left:52px;
 }
 #aftersoup{
 position:fixed;
 margin-left:2185px;
 width:1542px;
 height:950px;
 background:#fff;
 }
 #rollingpin
 {
	width:1203px;
	height:53px;
	overflow:visible;
	margin-left:457px;
	margin-top:749px;
	background:url(images/pin.png) no-repeat;
	position:fixed;
	overflow:visible;
	
 }
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#slider {
  width: 453px;
  margin: 0;
  position: relative;
}

.scroll {
  height: 808px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: #FFFFFF;
}

.scrollContainer div.panel {
  padding: 0px;
  height: 808px;
  width: 1058px; /* change to 560px if not using JS to remove rh.scroll */
 
  overflow:hidden;
  vertical-align:top;
  float:right;
  background:#000;
  
}

.scrollButtons {
  position: absolute;
  top: 150px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -20px;
}

.scrollButtons.right {
  right: -20px;
}

ul{
	list-style:none;
	padding-top:0;
	padding-bottom:0;
	margin-bottom:0;
	margin-top:0;
}

.black{
	background:#F00;
}