
body {
	font: 12px Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #7c7c7c;
	}

img,
table,
td {
	border: none;
	padding: 0px;
	margin: 0px;
	}

/* positioning */
a { color: #7C7C7C; }
a:hover { color: #000; }

/* positioning */
#container {
	width: 1000px;
	height: 700px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	}

#containerP {
	width: 1200px;
	height: 700px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	}

#container2 {
	position: absolute;
	top: 0;
	width: 1000px;
	}

#aboutPage #container2 {
	z-index: 250;
	background-color: white;
	}

#hdr {
	width: 225px;
	height: 137px;
	}

/** MENUS **/
#menuColumn {
	vertical-align: top;
	}

#menuColumn #menu {
	padding: 0;
	margin: 0;
	margin-top: 120px;
	margin-left: 20px;
	}
	
#menuColumn ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}

#menuColumn li {
	margin-bottom: 15px;
	padding-right: 15px;
	}
	
#menuColumn #booksSub {
	margin-top: 10px;
	margin-left: 35px;
	margin-bottom: 10px;
	}
	
#menuColumn  #booksSub li{
	padding-right: 0;
	}

#menuColumn .subMenu{
	margin-top: 10px;
	margin-left: 35px;
	margin-bottom: 0px;
	 }

#menuColumn .subMenu li {
	margin-bottom: 6px; 
	}


#menuColumn .top {
	letter-spacing: 3px;
	font-weight: bold;
	}

#menuColumn a {
	text-decoration: none;
	letter-spacing: 1px;
	font-size: 13px;
	}

#menuColumn a:hover { color: black; }

#welcomePage #welcome,
#aboutPage #about,
#aboutPage #history,
#philPage #about,
#philPage #philosophy,
#staffPage #staff,
#pressPage #about,
#pressPage #press,
#contactPage #contact,
#workPage #work,
.workSubPage #work,
.highlight,
.current,
#booksPage #books,
.workSubPage #menuColumn .activeMenu a{ color : #27AAE1; }


/*** CONTENT AREA COMMON STYLES ***/
#mainContent {
	vertical-align:top;
	padding-top: 50px;
	text-align: left;
	}

#mainContent p{
	margin-right: 50px;
	}

#mainContent .smaller {
	font-size: 9pt;
	line-height: 1.5em;
	}

#maintContent .smaller a {
	font-size: 7pt;
	}
.highlight {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	}

#mainContent td {
	padding: 0px 20px;
	line-height: 1.5em;
	}

#mainContent{
	font-size: 15px;
	line-height: 28px;
	letter-spacing: 1.2px;
	}

/****  ABOUT, CONTACT & WORK PAGE SPECIFIC STYLES ****/

#contactPage #mainContent {
	text-align: left;
	padding-left: 85px;
	}
	
#aboutPage #mainContent,
#philPage #mainContent {
	padding-left: 10px;
	margin-left:0px;
	}
	
#aboutPage #menuColumn li {
	padding-right: 0x;
	}

#aboutPage #footer2{
	position: absolute;
	top: 525px;
	}

#workPage #mainContent { padding-left: 35px; }

#contactPage #mainContent td { padding-left: 0; }

#workPage .highlight {
	letter-spacing: 0px;
	line-height: 18px;
	text-transform: uppercase;
	}

div.pressDate {
	font-size: 12px;
	color: #27AAE1;
	margin: 0px;
	}
a.pressAbstract {
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	}
	
/** WELCOME **/
#welcomePage #tagline{
	margin-top: 50px;
	}
	
#welcomePage #splashContent {
	position: absolute;
	width: 800px;
	top: 120px;
	left: 200px;
	}

#welcomePage #footer2{
	position: absolute;
	top: 525px;
	}

#welcomePage #mainContent {
	text-align: left;
	padding-left: 100px;
	}
 
#welcomePage #container2 {
	z-index: 250;
	background-color: white;
	}

/** END WELCOME **/


/** Splash Page Quote **/
#quote {
	color: white;
	font-weight: bold;
	font-size: 36px;
	letter-spacing: 2px;
	line-height: 1.8em;
	margin-bottom: 0;
	padding-bottom: 0;
	}

#author {
	font-weight: bold;
	font-size: 22px;
	line-height: 2em;
	color: #7ED3F7;
	text-align: center;
	margin-top: 0;
	padding-top: 0;
	}


/*****  PORTFOLIO SPECIFIC STYLES   *******/
#portfolioContent { }

#imageContainer {
	width: 700px;
	height: 480px;
	text-align: left;
	padding-top: 35px;
	padding-left: 24px;
	}

#imageContainer img {
	position: relative;
	bottom: 0px;
	}

#imageNav #navNums{
	width: 380px;
	}

#imageNav #descImg{
	width: 380px;
	margin-left: 30px;
	}

#imageNav a {
	font-size: 14px;
	text-decoration: none;
	margin-right: 4px;
	}
	
/*****  TYPOGRAPHY  *******/
