/* ======================================================================

DOCUMENTATION

COLORS
------
#33333c;	28mm dk grey
#6DB5AC;	tiffany green (darker)
#82D8CD;	tiffany green
#B3D974;	herman miller green
#8F2C2C;	redbarn red
#F0F0F0;	white
#EFE8BE;	le gray
#B37B3E;
#706855;	le gray
#E3D9B6;	too yellow
#E3CA94;	more tea-like
#FFFFFF;	white


(IE4/Windows)
Monitor Resolution  	Minimum Live Space  	Maximum Live Space
640 x 480			 	623 x 278			 	635 x 380
800 x 600			 	783 x 398				795 x 500
1024 x 768				1007 x 566			 	1019 x 668
1152 x 870			 	1135 x 668			 	1147 x 770

small images max dimensions are 380 width x 370 height

========================================================================= */


/* ============================= HTML elements ========================== */

body {
	color: #000;
	padding: 0;
	margin: 0;
	font: 11px/1.5 Verdana, sans-serif;
	}

/* p, td, li, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6 {
	background: transparent;
	color: #000;
	font: 11px/1.5em Verdana, sans-serif;
	}
*/

.hide {
	display: none;
	}

img {
	display: block;
	border: 0;
	}


/* =========================== rB site elements ========================= */

/***************************************************************
* the #page element controls the container properties of pages *
* bounded by a table                                           *
****************************************************************/
#page, #splash {
	background: #fff;
	margin: 20px auto 0 auto;
	width: 750px;
	height: 500px;
	border: 1px solid #bbb;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #000;
	}

#splashpage {
	margin: 40px auto 0 auto;
	border: 1px solid #fff;
	}

#splashimage {
	padding: 20px 20px 75px 20px;
	border: 1px solid #bbb;
	}

#splashlogo {
	margin-top: 20px;
	}

/***************************************************************
* watermarks can be controlled on a page-by-page by selecting  *
* the watermark or nowatermark element                         *
****************************************************************/
#watermark {
	background-color: transparent;
	background-image: url(img/watermark.gif);
	background-repeat: no-repeat;
	background-position: 50px 0px;
	}
#nowatermark {
	background: transparent;
	}

#leftbar {
	width: 35px;
	height: 330px;
	padding: 2px 0 0 2px;
	}

#header {						/* topmost section containing logo & nav */
	height: 28px;
	}

#header2 {						/* topmost section containing logo & nav */
	height: 20px;
	}

#nav1 {							/* container for main menu */
	padding: 5px 15px 0 0;
	float: right;
	font-family: Trebuchet MS;
	font-size: 14px;
	line-height: 1.5em;
	color: #F4A358;
	text-decoration: none;
	}

#nav1 a {
	color: #F4A358;
	text-decoration: none;
	}

#nav1 a:hover {
	text-decoration: underline;
	}

#nav1 .on {
	color: #999;
	}

#nav1 .sep {
	color: #aaa;
	padding: 0 7px;
	}

#nav2 {							/* container for nav of folio names */
	padding: 0px 15px 0 0;
	float: right;
	font-family: Trebuchet MS;
	font-size: 12px;
	line-height: 1.5em;
	color: #F4A358;
	text-decoration: none;
	}

#nav2 a {
	color: #F4A358;
	text-decoration: none;
	}

#nav2 a:hover {
	text-decoration: underline;
	}

#nav2 .on {
	color: #999;
	}

#nav2 .sep {
	color: #aaa;
	padding: 0 7px;
	}

#logo {
	float: left;
	}

#footer {						/* bottomost section containing copyright */
	padding: 15px 20px 10px 10px;
	}

#copyright {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #999;
	float: left;
	}

#siteby {
	padding-top: 5px;
	float: right;
	}

#content {
	height: 440px;
	height: 420px;
	background: #fff;
	background: transparent;
	font-family: Trebuchet MS;
	font-size: 14px;
	line-height: 1.5em;
	color: #999;
	padding: 0;
	text-align: left;
	}

#content #text {
	padding: 30px 60px 0 30px;
	line-height: 1.7em;
	}

#content #text a {
	color: #F4A358;
	text-decoration: none;
	}

#content #text a:hover {
	color: #F4A358;
	text-decoration: underline;
	}

#content h1 {
	font-family: Helvetica, sans-serif;
	font-size: 1.5em;
	margin: 0;
	font-weight: normal;
	display: inline;
}

#content h2 {
	font-family: Helvetica, sans-serif;
	font-size: 1.2em;
	margin: 0;
	font-weight: Bold;
	display: inline;
}

/* ============================================*/

.navSecondLevelText {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #888;
	text-decoration: none;
	line-height: 20px;
	}

.navSecondLevelText a {
	color: #888;
	text-decoration: none;
	padding-left: 5px;
	border-left: solid white 1px;
	}

.navSecondLevelText a:hover {
	text-decoration: none;
	}

.navSecondLevelTextSeparator {
	color: #aaa;
	}

.navSecondLevelTextOn {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: black;
	text-decoration: none;
	line-height: 20px;
	padding-left: 5px;
	border-left: solid black 1px;
	}

.navSecondLevelTextOn a {
	color: #666;
	text-decoration: none;
	}

.navSecondLevelTextOn a:hover {
	text-decoration: overline;
	}

/***************************************************************
* #folio elements control layout of portfolio images           *
****************************************************************/
#folio {
	height: 410px;
	width: 700px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 22px;
	color: #999;
	margin: 0 auto;
	}

#folio #image {
	height: 410px;
	width: 440px;
	padding: 0;
	margin: 0;
Xtext-align: center; /* hmmm - this is screwing up td align="center" in FireFox */
	}

#folio2 {
	height: 340px;
	height: 370px;
	width: 260px;
	margin: 0 auto;
	border-right: 1px solid #999;
	}

#folio2 #text {
	height: 300px;
	height: 330px;
	padding: 0 14px 0 0;
	}

#folio2 #nav {
	height: 40px;
	padding: 0 14px 2px 0;
	}

#folio2 #nav a {
	color: #999;
	text-decoration: none;
	}

#folio2 #nav a:hover {
	text-decoration: none;
	}

#folio2 #nav img {
	display: inline;
	}

a.email {
	color: #F4A358;
	text-decoration: none;
	}

a.email:hover {
	text-decoration: none;
	}

.note {
	font-size: 24px;
	color: blue;
	}

input, textarea {
	font-family: Verdana, sans-serif;
	font-size : 11px;
	color: #333;
	background: #fff;
	border: 1px solid #bbb;
	margin: 1px;
	padding-left: 3px;
	}

input.submit {
	color: #333;
	background: #bbb;
	border: 1px solid #333;
	}