body {
color: #00ff89;
font-family: "Helvetica Neue", Sans-Serif;
overflow-y: scroll;
background: #000;
}

img {
border: none;
}

a {
color: #ff990f;
text-decoration: none;
}

a:visited {
color: #ff990f;
}

a:hover {
text-decoration: underline;
}

.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}

#container {
width: 980px;
overflow: hidden;
margin: 30px auto 30px auto;
}


/* work header */

#header {
height: 110px;
}

h1 {
float: left;
display: inline;
font-weight: normal;
font-size: 24px;
}

h1 a {
display: block;
color: #ff990f;
background: url(../images/logo.png) no-repeat 0 40%;
padding: 20px 0 20px 72px;
}

h2.underlined { text-decoration: underline; }

.underlined { text-decoration: underline; }

.centered { text-align: center; }

.orange { color: #ff990f; }

.orangeItalic {
	color: #ff990f;
	font-style: italic;
}

p.orange {
color: #ff990f;
margin: 0;
}

.purple { color: #b500fd; }

.purpleItalic {
	color: #b500fd;
	font-style: italic;
}

#main_header {
width: 940px;
height: 110px;
margin: 255px auto 20px auto;
padding-left: 10px;
text-align: center;
}	

#centeredLogo {
	width: 33px;
	margin: 0 auto 13px auto;
}

#centeredLogo img {
	width: 44px;
	margin: 0 auto;
}

#logoSubtitleCentered {
text-align: center;
font-size: 10pt;
margin-bottom: 6px;
padding-bottom: 0;
}

#johnMcLeanArchitect {
text-align: center;
font-size: 11pt;
margin-bottom: 0;
padding-bottom: 0;
}

#johnMcLeanArchitect a { color: #00ff89; }

#main_nav {
width: 100%;
text-align: center;
margin: 4px auto 0 auto;
}

#main_nav ul {
margin: 0;
padding: 0;
color: #b500fd;
list-style: none;
list-style-image: none;
}

#main_nav li {
float: left;
display: inline;
text-align: center;
font-size: 11pt;
margin-left: 50px;
padding: 10px 30px 8px 30px;
color: #b500fd;
}

#main_nav li.about {
margin-left: 119px;
}

#main_nav li.work {
margin-left: 51px;
}

#main_nav li.advice {
margin-left: 47px;
}

#main_nav li.publication {
margin-left: 27px;
}

#main_nav li.contact {
margin-left: 27px;
}

#main_nav li.about a, #main_nav li.work a, #main_nav li.advice a, #main_nav li.publication a, #main_nav li.contact a {
color: #b500fd;
}

#main_nav li a.active {
color: #00ff89;
}

#main_nav a {
color: #b500fd;
line-height: 150%;
}

#workNav {
float: left;
display: inline;
margin: 0 0 0 27px;
}

#workNav li {
display: block;
margin: 4px 0;
}

#workNav li a {
font-size: 12px;
color: #00ff89;
padding: 14px 0 8px 0;
line-height: 150%;
}

#workNav li a.active {
color: #00ff89;
}

#nav {
float: right;
display: inline;
margin-top: 22px;
}

#nav li {
display: inline;
}

#nav li a {
font-size: 16px;
color: #b500fd;
margin-left: 30px;
line-height: 150%;
}

#nav li a.active {
color: #00ff89;
}

#homeImage, #contactImage, #aboutImage {
text-align: center;
}

#homeImage img {
margin: 140px 0 10px 0;
}

#contactImage img {
margin: 20px 0 10px 0;
}

#contactImage a { 
color: #00ff89;
}

#contactImage p, #aboutImage p, #publication p, #contactImage p { font-size: 14px; margin-bottom: 2px; }

/*
#aboutImage_left, #publicationImage_left {
float: left;
display: inline;
font-size: 11pt;
width: 312px;
overflow: hidden;
margin: 15px 0 0 0;
padding: 0;
}

#aboutImage img, #publicationImage img {
margin: 58px 0 0 0;
}

#aboutImage img { width: 150px; }

#aboutImage_right, #publicationImage_right {
float: right;
display: inline;
font-size: 11pt;
width: 312px;
overflow: hidden;
margin: 15px 0 0 0;
padding: 0;
}
*/

.boxOne {
float: left;
display: inline;
width: 340px;
text-align: center;
font-size: 11pt;
margin-top: 15px;
}

.boxTwo {
float: left;
display: inline;
width: 270px;
text-align: center;
font-size: 14px;
margin-top: 15px;
}
.boxThree {
float: left;
display: inline;
width: 338px;
text-align: center;
font-size: 11pt;
margin: 40px 0 0 32px;
}

.boxTwo img {
margin: 58px 0 0 34px;
}


.publicationBoxOne {
float: left;
display: inline;
width: 320px;
overflow: hidden;
text-align: center;
font-size: 11pt;
margin-top: 15px;
}

.publicationBoxTwo {
float: left;
display: inline;
width: 270px;
overflow: hidden;
text-align: center;
font-size: 14px;
margin-top: 15px;
}
.publicationBoxThree {
float: left;
display: inline;
width: 297px;
text-align: center;
font-size: 11pt;
margin: 15px 0 0 89px;
}

.publicationBoxTwo img { margin: 58px 0 0 77px; }


/* "work" layout blocks */

#first-row {
height: 285px;
}

#first-one {
position: relative;
width: 380px;
height: 285px;
}

#first-one img {
position: absolute;
bottom: 0;
right: 0;
}

#first-two {
width: 285px;
height: 285px;
}

#first-threeTL, #first-threeTR, #first-threeBL, #first-threeBR {
position: relative;
width: 285px;
height: 285px;
}

#first-threeBL img {
position: absolute;
bottom: 0;
left: 0;
}

#first-threeBR img {
position: absolute;
bottom: 0;
right: 0;
}
#first-threeTL img {
position: absolute;
top: 0;
left: 0;
}
#first-threeTR img {
position: absolute;
top: 0;
right: 0;
}

#second-row {
position: relative;
height: 430px;
}

#second-one, #second-oneTL, #second-oneTR, #second-oneBL, #second-oneBR {
	position: relative;
	width: 190px;
	height: 430px;
}

#second-oneTL img {
	position: absolute;
	top: 0;
	left: 0;
}

#second-oneTR img {
	position: absolute;
	top: 0;
	right: 0;
}

#second-oneBL img {
	position: absolute;
	bottom: 145px;
	left: 0;
}

#second-oneBR img {
	position: absolute;
	bottom: 145px;
	right: 0;
}

#second-two {
position: absolute;
width: 190px;
height: 145px;
bottom: 0;
left: 0;
}

#second-three {
width: 190px;
height: 430px;
}

#second-four {
width: 570px;
height: 430px;
}

.cell {
float: left;
display: inline;
}

.text {
font-size: 12px;
}

h2 {
font-weight: normal;
color: #00ff89;
margin-bottom: 5px;
}

p {
line-height: 16px;
margin-bottom: 15px;
}

#first-two h2 {
display: block;
color: #00ff89;
margin: 20px 0 4px 15px;
padding: 0 23px 0 14px;
line-height: 1.18em;
}

#first-two p {
	color: #ff990f;
	margin: 11px 0 0 15px;
	padding: 0 23px 0 14px;
	line-height: 1.18em;
}

#second-two p {
margin-top: 15px;
}

#second-three h2, #workMenuList h2 {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	margin-top: 23px;
}

#logoName {
display: block;
font-size: 120%;
color: #00ff89;
margin: 0 0 5px 27px;
}

#logoName img {
vertical-align: middle;
margin-right: 10px;
}

#logoName a {
color: #00ff89;
}

#subnav {
text-align: center;
margin: 15px;
line-height: 16px;
}

#subnav li {
margin-bottom: 2px;
}

#subnav a {
color: #ff990f;
}

#subnav li a.active {
color: #00ff89;
}

#subnav li.breakafter {
margin-bottom: 15px;
color: #ff990f;
}


/* new for the advice layout */

.col1 {
width: 380px;
}

.col2 {
width: 570px;
}

.thoughtTitle {
margin-top: 90px;
}

.thoughtTitle h1 {
font-size: 15px;
color: #ff990f; 
}

#scrollinglist {
margin-top: 27px;
height: 285px;
overflow-y: scroll;
}

#scrollinglist ol {
list-style: none;
margin-left: 0;
color: #ff990f;
}

#scrollinglist li {
margin-bottom: 6px;
}

#scrollinglist a {
color: #ff990f;
}

#scrollinglist li a.active {
color: #00ff89;
}

#scrollinglist li.breakafter {
margin-bottom: 15px;
}

.thoughtInfo {
width: 534px;
margin: 27px;
}

.thoughtInfo h2 {
font-size: 16px;
}

.thoughtInfoPhotoBox {
width: 380px;
overflow: hidden;
margin-top: 40px;
}

.thoughtHeader {
	float: left;
	display: inline;
	width: 70px;
	margin: 0 6px 0 0;
	padding: 1px;
clear: both;

}

.thoughtParagraphIndent {
	float: right;
	display: inline;
	width: 450px;
	padding: 1px;
}

.indentedListItem {
float: left;
display: inline;
width: 430px;
padding-left: 30px;
clear: right;
}
   
.indentedCommChart {
padding-left: 40px;
padding-right: 60px;
}

.indentedCommBullet {
line-height: 16px;
padding-left: 20px;
}

.longList { line-height: 16px; }

ul.indented {
list-style: disc;
list-style-position: outside;
line-height: 16px;
margin: -15px 0 15px 35px;
padding: 0;
}

ul.indented li {
padding: 0 0 0 6px;
}


/* footer */

#footer {
font-size: 11px;
color: #b500fd;
}

#footer a {
color: #b500fd;
}