/* Reset default browser styles */

*
{
	margin: 0;
	border: 0;
	padding: 0;
	font-weight: normal;
	text-decoration: none;
}

body
{
	background: #bfbfbf url(images/bg-body.png) 50% 0% repeat-y;
	color: #333;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Geneva, Verdana, sans-serif;
	font-size: .75em;
	line-height: 1.75em;
}

/* -------------------------
   DEFAULT LINKS =dlink
   ------------------------- */

a
{
	color: #800;
	font-weight: bold;
}

a:link
{
	border-bottom: 1px solid #888;
}

a:visited
{
	border-bottom: 1px dotted #888;
}

a:hover
{
	border: 0;
	color: #b33;
}

a:active
{
	color: #500;
}

a.graylink:link,
a.graylink:visited
{
	color: #333;
	text-decoration: none;
	font-weight: normal;
}

a.graylink:hover
{
	text-decoration: underline;
}

/* -------------------------
   HEADINGS =heds
   ------------------------- */

h2,
h3,
h4,
h5,
h6
{
	margin: 1.5em 0 .25em;
	color: #555;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}

h2
{
	margin: 0 0 .5em;
	border-bottom: 1px solid #ddd;
	padding-bottom: .5em;
	font-size: 2em;
}

h3
{
	font-size: 1.6em;
}

h4
{
	font-size: 1.4em;
}

/* -------------------------
   INLINE ELEMENTS =intext
   ------------------------- */

del
{
	color: #bbb;
	text-decoration: line-through;
}

em
{
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 1.1em;
}

ins
{
	color: #000;
	text-decoration: underline;
}

strong
{
	font-weight: bold;
}

/* -------------------------
   BLOCK ELEMENTS =block
   ------------------------- */

blockquote
{
	margin: 0 0 1em;
	border-left: 1px solid #ddd;
	padding: 0 1em;
	color: #666;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-style: italic;
}

.attribution
{
	font-style: normal;
	font-weight: bold;	
}

ol,
ul
{
	margin: 0 3em 1em;
}

ol li,
ul li
{
	margin-bottom: .5em;
	line-height: 1.5em;
}

/* -------------------------
   IMAGES =image
   ------------------------- */

img
{
	padding: 4px;
	border: 1px solid #ccc;
	background-color: #eee;
}

img.noborder
{
	padding: 0px;
	border: 0px;
	background-color: #eee;
}

img.float-left
{
	float: left;
	margin: .25em 1em 1em 0;
}

img.float-right
{
	float: right;
	margin: .25em 0 1em 1em;
}

img.float-center
{
	float: center;
	margin: .25em 0 1em 1em;
}

img.float-mugctr
{
	float: center;
	margin: 0;
}

/* -------------------------
   TABLES =tabs
   ------------------------- */

table.base
{
	width: 99%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

table caption.base
{
	margin-bottom: .5em;
	font-size: .9em;
	font-weight: bold;
	text-align: left;
}

td.base,
th.base
{
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 0 .5em;
	text-align: left;
}

th.base
{
	background-color: #ddd;
	font-weight: bold;
}

table.basic
{
	width: 99%;
}

td.basic
{
	valign: 100%;
	vertical-align: top;
}

td.smallspace
{
	vertical-align: top;
	padding: 0 0 10px 10px;
	font-size: 85%;
	line-height: 1.4em;
}

td.logo
{
	vertical-align: top;
	padding: 0 0 50px 0;
	text-align: center;
}

table.mug
{
	vertical-align: top;
	width: 100%;
}

td.mug
{
	vertical-align: top;
	text-align: center;
	font-size: 95%;
	color: #333333;
	font-weight: normal;
	line-height: 1.2em;
}

/* -------------------------
   FORMS =forms
   ------------------------- */

input,
textarea
{
	border: 1px solid #ccc;
}

/* -----------------------------------
   LAYOUT: DIVS AND SUCH
   =flat
   ----------------------------------- */

div#page
{
	width: 780px;
	margin: 0 auto;
}

div#head
{
	width: 780px;
	border-top: 10px solid #800;
}

body.home div#head
{
	height: 262px;
	background: transparent url(images/bg-head.jpg) 50% 50% no-repeat;
}

body.about div#head,
body.team div#head,
body.board div#head,
body.portfolio div#head,
body.approach div#head,
body.contact div#head,
body.print div#head,
body.none div#head
{
	height: 80px;
	background: transparent url(images/bg-head-inside.jpg) 50% 50% no-repeat;
}

div#head h1,
div#head h2
{
	display: none;
}

ul#site-nav
{
	float: left;
	width: 244px;
	margin: 0;
	padding-top: 2em;
	list-style: none;
	background: transparent url(images/bg-site-nav.png) 50% 100% no-repeat;
}

ul#site-nav li
{
	margin: 0 36px 0 40px;
}

ul#site-nav li a
{
	display: block;
	height: 30px;
	border: 0;
	padding: 0 10px;
	background-color: transparent;
	color: #333;
	font-size: .9em;
	font-weight: normal;
	line-height: 30px;
}

ul#site-nav li a:hover
{
	background-color: #e5ebeb;
}

ul#site-nav li a:active,
body.home ul#site-nav li.home a,
body.about ul#site-nav li.about a,
body.team ul#site-nav li.team a,
body.board ul#site-nav li.board a,
body.portfolio ul#site-nav li.portfolio a,
body.approach ul#site-nav li.approach a,
body.contact ul#site-nav li.contact a,
body.print ul#site-nav li.print a
body.none ul#site-nav li.none a
{
	background-color: #d4dada;
}

ul#site-nav li.sub
{
	padding: 0 0 0 10px;
}

ul#site-nav li.subactive
{
	padding: 0 0 0 10px;
	background-color: #e5ebeb;
}

div#content
{
	margin: 0 25px 50px 244px;
	padding-top: 25px;
}

body.home div#content
{
	padding-top: 50px;
	background: transparent url(images/bg-content.jpg) 0% 0% no-repeat;
}

div#content p
{
	margin-bottom: 1em;
}

div#footer
{
	clear: both;
	width: 95%;
	margin: 0 auto;
	border-top: 1px solid #ddd;
	padding: 1em 0;
	font-size: .9em;
	text-align: center;
} 

div#pulldownrow
{
	width: 95%;
	margin: 20px 5px 5px 5px;
	border-top: 1px solid #ddd;
	padding: 5px 10px 5px 10px;
	font-size: .9em;
	text-align: left;
	background-color: #e5ebeb;
}

/* ----- CLASSES --------------------------------- */

.mainhead {
	font-family: Georgia, "Times New Roman", serif;
	font-size:200%;
	margin: 15px 0 10px 0;
}

.subhead
{
	font-family: Georgia, "Times New Roman", serif;
	font-size: 115%;
	font-weight: bold;
	margin: 10px 0 10px 0;
}

.readout
{
	font-size: 110%;
	font-weight:normal;
	margin: 10px 0px;
}

.byline
{
	color:#333;
	font: 100% "Trebuchet MS", Verdana, Arial, Sans-serif;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.dateline
{
	color:#333;
	font-style: italic;
	text-transform: none;
}

.pullquote
{
	width: 160px;
	float: right;
	margin: 0 0 10px 20px;
	color: #8896a5;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.25em;
}

.entrypoint
{
	clear: both;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Helvetica, Verdana, sans-serif;
	font-size: 100%;
	text-transform: uppercase;
	background-color: #ccc;
	margin: 20px 0 10px;
	border-top: 1px solid #8896a5;
	padding: 5px;
}

.captions {
	font-size: 95%;
	color: #333333;
	line-height: 110%;
	margin-bottom: 10px;
}

.caps
{
	text-transform: uppercase;
	font-size: 90%;
	line-height: 140%;
}

.smallnote {
	font-size: 95%;
	color: #333333;
	font-weight: normal;	
}

.redtype {
	color: #801601;
	font-weight: bold;	
}