/* @import "ext/nifty.css"; */

span#beierle, span#janof
{
/*	font-family: Garamond, serif; */
	font-family: "Arial Black", sans-serif;
	font-weight: bolder;
	font-size: 48pt;
	color: #666;
}
span#janof
{
	font-family: "Arial", sans-serif;
	font-weight: lighter;
}
div#architectureandgardens
{
	font-family: verdana, arial, Sans-Serif;
	font-size: 10pt;
	letter-spacing: 7pt;
	border: 0px solid red;
}

/* ------------------------------------------------------------------------- */
/* main
/* ------------------------------------------------------------------------- */

/* --- The CSS that's required to position the footer */

	html
	{
		height: 100%;
	}
	body
	{
		height: 100%;
	}
	#content
	{
		position: relative;
		min-height: 100%;
	}
	* html #content
	{
		height: 100%;
	}
	#footer
	{
		position: relative;
		height: 50px;
		margin: -50px auto 0 auto;
/*		padding: 0 6% 0 6%; */
		border: 0px solid blue;
		margin-left: 6%;
		margin-right: 6%;
	}
	/* hack that only applies to IE specifies a different offset for footer */
	/*
	* html #footer
	{
		margin-top: -7.4em;
	}
	*/

	#footer table
	{
		border-top: 1px solid #335566;
	}
	
	#footer table#photocopyright
	{
		border-top: 0px solid #ffffff;	
	}

/* --- */

body
{
/*	background: url("pic/background.gif"); */
/*	line-height: 1.5; */
/*	color: #335566; */
	color: #555555;
	background-color: white;
	padding: 0;
	margin: 0px;
/*	border: 0px solid red; */
}
p, h1, h2, h3, h4, h5, blockquote, nobr
{
	font-family: "TW Cen MT", Arial, Verdana, Sans-Serif;
	font-size: 12pt;
	margin-top: 0px;
}
nobr
{
	font-size: 14px;
}
p, blockquote
{
	text-align: justify;
}
h1 {font-size: 16pt; font-weight: normal;}
h2 {font-size: 14pt;}
h3 {font-size: 11pt; font-family: "Arial", Sans-Serif;}
h4 {font-weight: normal;}
h5 {font-size: 12pt;}

h1
{
	color: #999;
/* 	font-variant: small-caps; */
	border-bottom: 1px solid #999;
	margin-top: 2em;
	margin-right: 60%;
}

/* ------------------------------------------------------------------------- */
/* content
/* ------------------------------------------------------------------------- */

#content
{
	margin: 0;
	padding: 0 3% 0 3%;
	border: 0px solid red;

	margin-left: 6%;
	margin-right: 6%;
}
#content {\margin-bottom: -19px; mar\gin-bottom: 0;}

/* ------------------------------------------------------------------------- */
/* header/banner
/* ------------------------------------------------------------------------- */

#header
{
	margin-bottom: 40px;
/*	border-top: 1px solid #335566; */
	border-bottom: 1px solid #335566;
/*	background-color: #eee; */
}
#banner
{
/*	margin-bottom: 10px; */
	padding-top: 10px;
	text-align: left;
/*	width: 50%; */
/*	border: 1px solid red; */
}

/* ------------------------------------------------------------------------- */
/* menu
/* ------------------------------------------------------------------------- */

#menu
{
	margin-top: 0;
	margin-bottom: 10px;
	/*
	border: 1px solid blue;
	width: 50%;
	height: 120px;
	vertical-align: text-bottom;
	float: right;
	*/
}

#menu ul
{
	margin: 0px;
/*	margin-top: 20px; */
/*	margin-bottom: 20px; */
/*	padding: 1ex; */
	line-height: 20px;
	list-style: none;
/*	border: 1px solid pink; */
	text-align: right;
}
#menu li
{
	display: inline;
	padding: 1ex 0.4ex;
}
	
#menu li a
{
/*	border: 1px solid #bbbb88; */
/*	padding: 1px 9px; */
	text-decoration: none;
	color: #444444;
	font-size: 12pt;
	font-family: "TW Cen MT", Arial, Verdana, Sans-Serif;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: white;
}

#menu li a:hover
{
/*	background-color: #335566; */
/*	color: #cccc99; */
	border-bottom-color: #999;
}

#index .index,
#portfolio .portfolio,
/* #about .about, */
#bios .about,
#testimonials .about,
#contact .contact,
#menu .imactive
{
/*	background-color: #ddddaa; */
	border-bottom-color: rgb(199, 243, 115);
}

#portfoliolist ul
{
	margin: 0px;
	//line-height: 20px;
	list-style: none;
}

#portfoliolist li a
{
	//border-left-width: 4px;
	//border-left-style: solid;
	//border-left-color: white;
}

#portfoliolist li a
{
	color: #555555;
	text-decoration: none;
	font-weight: normal;
}

#portfoliolist li a:hover
{
	text-decoration: underline;
}

/* ------------------------------------------------------------------------- */
/* illustration flash
/* ------------------------------------------------------------------------- */
/*
#illwrap
{
	margin: 0;
	padding: 10px;
	background-color: #333;
	text-align: left;
	border: 1px solid #335566;
	width: 602px;
	height: 464px;
}
#illwrap {\width: 622px; w\idth: 602px;}
#illwrap {\height: 484px; h\eight: 464px;}

div.illustration
{
	padding: 0;
	margin: 0;
	width: 602px;
}
img.illustration
{
	border: 1px solid #000;
	vertical-align: bottom;
}
#tnwrap
{
	padding: 0;
	margin: 5px;
	border: 0px solid orange;
}
#arrow
{
	position: absolute;
	padding: 0;
	margin: 0;
	margin-top: 410px;
	background-color: #666;
	border: 1px solid #000;
	width: 600px;
	height: 54px;
}
div.tnstrip
{
	padding: 0;
	margin: 0;
}
div.tnstrip ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
div.tnstrip li
{
	font-size: 0;
	padding: 0;
	margin: 0;
	line-height: 0;

	border: 0px solid orange;
	padding-right: 6px;
	background-color: blue;
	width: 0;
	height: 0;
}
*/

span.tn
{
	border: 0px solid red;
	margin-right: 22px;
}

a.tn
{
	padding: 0;
	margin: 0;
	border: 0px solid red;
}
a.tn img
{
	vertical-align: text-bottom;
	padding: 6px;
}
a.tn:hover
{
	border: 0px solid yellow;
}
img.tn
{
	background-color: #fff;
	border: 1px solid #333;
}
img.tn:hover
{
	filter: alpha(opacity=60);-moz-opacity:0.6;
	border: 1px solid #000;
}

a.prev, a.next, a.up, a.down
{
	filter: alpha(opacity=60);-moz-opacity:0.6;
}
a.prev img, a.next img, a.up img, a.down img
{
	vertical-align: text-bottom;
	border: 1px solid #000;
}

/* ------------------------------------------------------------------------- */
/* copyright
/* ------------------------------------------------------------------------- */

#copyright, #address
{
/*	line-height: 150%; */
	letter-spacing: 1.4pt;
	clear: both;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 9pt;
	font-family: "TW Cen MT", Verdana, Sans-Serif;
	text-align: left;
	color: #aaa;
	padding-top: 10px;
	border-top: 1px solid #335566;
/*	border-bottom: 1px solid #335566; */
	height: 20px;
}

#address
{
	text-align: right;
}

#address .tel
{
/*	letter-spacing: 2pt; */
}

/* ------------------------------------------------------------------------- */
/* transmen overrides
/* ------------------------------------------------------------------------- */

.transMenu .item
{
	font-family: Verdana;
    font-size: 10pt;
	color: #555;
}
.transMenu .item.hover
{
	background: #999;
	color: white;
}
.transMenu .items
{
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
}

/* --- all this to move the sliding menu down by 7 pixels */

.transMenu {padding-bottom: 7px;}
.transMenu .transmenu_content {padding-top: 7px;}
.transMenu .background {margin-top: 7px;}
.transMenu .shadowRight {margin-top: 7px;}
.transMenu .shadowBottom {margin-top: 7px;}