/* Copyright Courtney Albright 2008 */
html, body{
	color:#666;
	background:#fff;
	font-size:14px;
	font-family:"Futura Book", "Futura Medium", "Futura", "Helvetica Neue", arial, helvetica, sans-serif;
	background:#fff url(./img/bg_arrows.gif) 110px 148px no-repeat;
	margin:0;
	padding:0;
}
.extra{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:transparent url(./img/bg_arrows.gif) 110px 148px no-repeat;
}
#cja, #co, #ab, #cja body, #co body, #ab body, #cja .extra, #co .extra, #ab .extra{
	background-image:none;
}
#cja, #co, #ab, #cja body, #co body, #ab body{
	background:#fff url(./img/sketch/main.gif) 50% 0 fixed no-repeat;
}
a:link, a:visited {
	color:#000;
	text-decoration:none;
	outline:none;
}
a:hover {
	text-decoration:underline;
}
a:focus{
	outline:dotted 1px #ccc;
}
a:active{
	outline:none;
}
*{
	font-size:1em;
	margin:0;
	padding:0;
	font-weight:normal;
}
h1{
	position:relative;
	z-index:3;
	top:0;
	left:0;
	width:321px;
	height:111px;
	text-indent:-9999px;
	background:transparent url(./img/bg_cja.gif) 38px 48px no-repeat;
}
h1 a:link, h1 a:visited{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
p {
	line-height:1.6em;
}
.main p {
	margin:0.5em 0 1em;
}
/* START main nav */
ul.nav{
	position:relative;
	z-index:2;
	top:-45px;
	right:40px;
	list-style:none;
	text-align:right;
	height:2.7em;
	margin:0 auto;
	min-width:654px;
	text-transform:lowercase;
	font-size:1.3em;
}
.nav li{
	display:inline;
	list-style:none;
}
.nav ul{
	font-size:0.93em;
	position:absolute;
	top:2.7em;
	right:0;
	display:block;
	list-style:none;
	text-align:right;
}
.nav a:link, .nav a:visited{
	padding:0.2em 0.4em 0.3em;
	margin:0 0.2em;
	text-decoration:none;
	color:#888;
	outline:0;
}
.nav a:hover, .nav a:active, .nav a:focus{
	text-decoration:underline;
}
.nav .selected a:link, .nav .selected a:visited{
	color:#000;
}
.nav .selected ul a:link, .nav .selected ul a:visited{
	margin:0 0.1em;
	color:#888;
}
.nav ul .selected a:link, .nav ul .selected a:visited{
	color:#000;
}
/* END main nav */
/* START sub nav */
.subnav{
	display:block;
	position:absolute;
	top:190px;
	left:70px;
	z-index:2;
}
.subnav li{
	display:block;
	list-style:none;
}
.subnav li a:link, .subnav li a:visited{
	display:block;
	margin-bottom:10px;
	width:100px;
	height:75px;
	background-color:transparent;
	background-image:none;
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#sn1 a { background-position:-100px 0; }      #sn1 a:hover, #sn1.selected a { background-position:0 0; }
#sn2 a { background-position:-100px -75px; }  #sn2 a:hover, #sn2.selected a { background-position:0 -75px; }
#sn3 a { background-position:-100px -150px; } #sn3 a:hover, #sn3.selected a { background-position:0 -150px; }
#sn4 a { background-position:-100px -225px; } #sn4 a:hover, #sn4.selected a { background-position:0 -225px; }
#sn5 a { background-position:-100px -300px; } #sn5 a:hover, #sn5.selected a { background-position:0 -300px; }
#sn6 a { background-position:-100px -375px; } #sn6 a:hover, #sn6.selected a { background-position:0 -375px; }

#at .subnav a:link, #at .subnav a:visited { background-image:url(./img/subnav/at.gif); }
#bc .subnav a:link, #bc .subnav a:visited { background-image:url(./img/subnav/bc.gif); }
#cc .subnav a:link, #cc .subnav a:visited { background-image:url(./img/subnav/cc.gif); }
#in .subnav a:link, #in .subnav a:visited { background-image:url(./img/subnav/in.gif); }
#li .subnav a:link, #li .subnav a:visited { background-image:url(./img/subnav/li.gif); }
#wf .subnav a:link, #wf .subnav a:visited { background-image:url(./img/subnav/wf.gif); }
/* END sub nav */
/* START background sketches */
.start, .end, .start span, .end span{
	position:absolute;
	width:100%;
	height:400px;
	left:0;
	top:0;
	background-color:transparent;
	background-image:none;
	background-position:left top;
	background-repeat:no-repeat;
	min-width:654px;
}
.end{
	position:fixed;
	top:auto;
	bottom:0;
	background-position:left bottom;
}
.end span{
	background-image:inherit;
	background-position:right bottom;
}
* html .end {
	/* hide these from ie sub 7, since it butchers fixed positioning */
	display:none;
}
#at .start, #at .end, #at .end span { background-image:url(./img/sketch/at.gif); }
#bc .start, #bc .end, #bc .end span { background-image:url(./img/sketch/bc.gif); }
#cc .start, #cc .end, #cc .end span { background-image:url(./img/sketch/cc.gif); }
#in .start, #in .end, #in .end span { background-image:url(./img/sketch/in.gif); }
#li .start, #li .end, #li .end span { background-image:url(./img/sketch/li.gif); }
#wf .start, #wf .end, #wf .end span { background-image:url(./img/sketch/wf.gif); }
/* END background sketches */
/* START main pages */
.main {
	width:654px;
	margin:0 auto;
	position:relative;
	z-index:2;
	padding-top:11px;
	background:#fff url(./img/main/top.gif) 0 0 no-repeat;
}
#cja .main{
	padding-top:271px;
	background-image:url(./img/main/home.gif);
}
#ab .main{
	padding-top:104px;
	background-image:url(./img/main/about.gif);
}
#co .main{
	padding-top:104px;
	background-image:url(./img/main/contact.gif);
}
.endmain{
	height:11px;
	background:transparent url(./img/main/bottom.gif) 0 100% no-repeat;
}
.contentsmain {
	background:transparent url(./img/main/right.gif) 100% 0 repeat-y;
}
.contentsmain div {
	padding:0.4em 35px 1em;
	background:transparent url(./img/main/left.gif) 0 0 repeat-y;
}
#ab .contentsmain div, #co .contentsmain div {
	min-height:315px;
}
/* END main pages */
/* START portfolio */
.content{
	width:800px;
	position:relative;
	top:60px;
	left:275px;
	z-index:2;
}
.feature{
	float:left;
	margin-right:25px;
}
.imagegrid{
	float:left;
	width:338px;
	margin-right:25px;
	text-align:center;
}
.imagegrid .feature{
	float:none;
	margin-right:0;
}
.grid2{
	clear:both;
	margin-top:20px;
}
.grid3{
	margin-top:20px;
}
.supplement{
	float:left;
	width:400px;
	position:relative;
	top:60px;
	padding-bottom:20px;
}
#wf .supplement { top:60px; }
#at .supplement { top:20px; }
#bc .supplement { top:30px; }
.alt{
	clear:left;
	top:10px !important;
	left:12px;
}
.script{
	width:400px;
	height:45px;
	background-color:transparent;
	background-image:none;
	background-repeat:no-repeat;
	background-position:0 80%;
	text-indent:-9999px;
	overflow:hidden;
}
h4.script{
	height:30px;
	background-position:0 50%;
	margin-bottom:-5px;
}
.alt .script{
	width:500px;
}
h2{
	position:relative;
	left:-6px;
}
h4{
	position:relative;
	left:-4px;
}

#about                             { background-image:url(./img/script/about.gif); }
#bakery_department                 { background-image:url(./img/script/bakery_department.gif); }
#blog                              { background-image:url(./img/script/blog.gif); }
#coyote_creek_farm                 { background-image:url(./img/script/coyote_creek_farm.gif); }
#email                             { background-image:url(./img/script/email2.gif); }
#interior                          { background-image:url(./img/script/interior.gif); }
#james_tootle_and_abbey_leachman   { background-image:url(./img/script/james_tootle_and_abbey_leachman.gif); }
#membership_department             { background-image:url(./img/script/membership_department.gif); }
#michael_lloyd_and_catherine_craig { background-image:url(./img/script/michael_lloyd_and_catherine_craig.gif); }
#mind_map                          { background-image:url(./img/script/mind_map.gif); }
#opening_spread_of_the_article     { background-image:url(./img/script/opening_spread_of_the_article.gif); }
#other_colors_in_the_series        { background-image:url(./img/script/other_colors_in_the_series.gif); }
#publications                      { background-image:url(./img/script/publications.gif); }
#resume                            { background-image:url(./img/script/resume.gif); }
#ryan_and_mari_collins             { background-image:url(./img/script/ryan_and_mari_collins.gif); }
#thanks                            { background-image:url(./img/script/thanks.gif); }
#the_book                          { background-image:url(./img/script/the_book.gif); }
#the_lilith_fund                   { background-image:url(./img/script/the_lilith_fund.gif); }
#welcome                           { background-image:url(./img/script/welcome.gif); }
#yu_and_kimberly_kuwabara          { background-image:url(./img/script/yu_and_kimberly_kuwabara.gif); }

.colors, .colors li{
	list-style:none;
	display:inline;
}
.colors a:link, .colors a:visited {
	display:block;
	float:left;
	width:45px;
	height:45px;
	text-indent:-9999px;
	margin:5px 15px 0 0;
	overflow:hidden;
}
.color_d5d110 { background-color:#d5d110; } /* wf rollcake green */
.color_82cfca { background-color:#82cfca; } /* wf rollcake blue */
.color_d48cbd { background-color:#d48cbd; } /* wf rollcake pink */
.color_bddeb1 { background-color:#bddeb1; } /* wf rollcake light green */
.color_f15c22 { background-color:#f15c22; } /* wf rollcake orange */
.color_00a48a { background-color:#00a48a; } /* wf dessert pizza green */
.color_fdb813 { background-color:#fdb813; } /* wf dessert pizza yellow */
.color_f27579 { background-color:#f27579; } /* wf dessert pizza pink */
.color_85D5EE { background-color:#85D5EE; } /* wf cookies blue*/
.color_E7E987 { background-color:#E7E987; } /* wf cookies green */
.color_F8A288 { background-color:#F8A288; } /* wf cookies pink */
.color_C9B6D9 { background-color:#C9B6D9; } /* wf cookies purple */


.featurelink {
	display:block;
	position:absolute;
	top:10px;
	right:10px;
	width:310px;
	height:250px;
	/*background-color:#f5c653;*/
	text-align:center;
}
#link1{
	left:10px;
}
.featurelink img {
	position:relative;
	top:24px;
	border:0;
}