@charset "UTF-8";
/* CSS Document */


body {
	margin:0px; padding:0px;
	font-family: courier new, georgia; /*'courier new'; Georgia, "Times New Roman", Times, serif; */font-size:13px; 
	background:#f2f2f2;
	color:#222;
	line-height:24px;
	/*background:url(/img/bg_ruler.gif)*/
	/*text-align:justify;*/
}

a {text-decoration:none;}
a:hover {text-decoration:underline;}

h1,h2,h3,h4,h5,h6 {font-size:13px; text-transform:uppercase; margin:0px;}


h5,h6 {font-weight:normal; margin:0px; padding:8px 0px 8px 0px; clear:both;}

body.archetypes, body.archetypes #emptybox, body.archetypes #nextprev {background:#666666;color:#ffffff;}
body.archetypes a {color:#dddddd;}
body.archetypes #emptybox {border:1px solid #999;}

body.exercises, body.activities, body.exercises #emptybox, body.exercises #nextprev  {color:#ffffff; background:#222222; }
body.exercises a, body.activities a {color:#ccc;}
body.exercises #emptybox {border:1px solid #444;}



body.theory, body.theory #emptybox, body.theory #nextprev  {background:#fff; color:#222;}
body.theory a {color:#222;}
body.theory #emptybox {border:1px solid #efefef;}

body.casestudies, body.casestudies #emptybox, body.casestudies #nextprev  {color:#222222;background:#cccccc;}
body.casestudies a {color:#666;}


body.theory, body.theory #emptybox, body.theory #nextprev  {
	background:#fff;
	color:#222222;
}



div.bighead {width:280px;}
div.bighead img {border: none}
#archetype1 {float:left;width:280px;}
#archetype2 {float:right;width:280px;}
#archetype3 {margin:0px auto; width:280px; clear:none;}


div.toc {padding-top:24px;}
div.toc h4 {clear:both; width:100%; float:none; display:block;}
div.toc ul {list-style:none; margin:0px; padding:0px; clear:both;}
div.toc li {margin:0px; padding:0px; text-indent:none; min-height:24px;}
div.toc li img {border:none;}
div.toc li span {width:16px; margin-right:8px; display:block; float:left;padding-top:4px}
div.toc a {float:left; width:280px;}



#header {background:#fff; height:126px; margin:0px;}
#container {width:970px; margin:0px auto;}
ul.nav {list-style:none; margin:0px; padding:0px; width:970px; margin:0px auto;}
ul.nav li {display:block; float:left; line-height:24px;  margin-right:16px; text-align:center}
ul.nav li a {color:#ccc;}
ul.nav li a img {border:0px;}



h1 {margin:0px; height:25px; background:url(/img/header_title.gif) no-repeat; width:970px; margin:0px auto 0px auto; }
h1 a {display:block; text-indent:-2000px;}

h2 {margin:0px; width:970px; margin:60px auto 0px auto; }


h3 {text-transform:uppercase}


div.imagelist img  {border:none}




div.asset {clear:both; padding-top:24px; margin-bottom:12px; }


div.asset div.text {width:400px; float:left; margin-right:48px; display:block; clear:right;}
div.asset div.text br {height:48px; display:block; background:#ccc;}




div.blurb {width:320px; float:left; margin-right:96px; margin-top:8px;}
div.exercises div.blurb {min-height:400px;}



div.images {width:348px; float:left; min-height:150px;}

body.reference div.asset {padding:24px 0px 0px 0px;}
body.reference a {color:#333;}
body.reference div.asset div.text {width:550px;margin-right:98px;}
body.reference div.images {display:none;}
body.reference h3{float:left; width:132px; margin-right:24px;}
div.asset div.images a, div.imagelist a {display:block; float:left; margin:0px 14px 14px 0px; width:65px; height:80px; text-align:center;}

div.images img{border:none;}


div.casestudies {margin-top:24px;}
div.casestudies a {display:block; float:left; margin:0px 14px 14px 0px; width:146px; height:174px; text-align:center;}
div.casestudies a img {border:none;}




div.exercise_detail div.images { min-height:300px; width:320px; float:left;}

div.imagelist, div.archetypes {margin-top:24px;}



div.associations {
	display:block; float:right; 
	padding:0px;
	width:170px;
}



a.next {float:right; background:#dedede; color:#666; padding:1px 4px; margin-top:16px;}
a.prev {float:left; background:#dedede; color:#666; padding:1px 4px; margin-top:16px;}



body.archetypes a.next, body.archetypes a.prev {background:#797979;}
body.archetypes a.next span, body.archetypes a.prev span {color:#555;}

body.exercises a.next, body.exercises a.prev {background:#444444;}
body.exercises a.next span, body.exercises a.prev span {color:#222222;}



a.closelink {float:right; margin:0px 0px 12px 12px;}
#assets {}
span.direction {display:inline; color:#999;}

div#emptybox {width:512px; display:none;position:absolute; padding:12px; border:1px solid #dedede;}
/*div#emptybg {-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; position:fixed; top:0px; left:0px; }*/

a.bigimage img {border:none;}





div.archleft {width:280px; float:left; }
div.archmid {width:280px; margin:0px auto; clear:none; }
div.archright {width:280px; float:right; }



div.homeleft {width:480px; background:url(/img/bg_home.gif) no-repeat; padding:112px 0px; float:left;}
div.homeleft img {border:1px solid #fff;}