@charset "UTF-8";
/* CSS Document */


body {
	margin-left: 60px;
	margin-top: 60px;
	margin-right: 60px;
	margin-bottom: 60px;
}
body,td,th {
	color: #646B3B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 140%;
}
a:link {
	color: #99776f;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #884444;
}
a:hover {
	text-decoration: underline;
	color: #CC0000;
}
a:active {
	text-decoration: none;
	color: #666666;
}

embed {
	margin-top: 16px;
	margin-bottom: 16px;
	background-color: inherit;
}

object {
	background-color:inherit;
}
.day {
	float: left;
	margin-right: 30px;
	display: inline;
}

.day img {
	
	margin-left: 40px;
	margin-bottom: 40px;
	
}

.item { height: auto; margin-bottom: 20px;
	width: auto;
	margin-right: 20px;
	margin-left: 20px;
	padding-bottom: 20px;
}


.mobile {
	visibility:hidden;
}

.base {
	visibility:visible;
}


object { 
outline: 1px red; 
border:none;
}
object:active, div:active
{
outline: none;
}

object:focus, div:focus
{
-moz-outline-style: none;
}

li {
	text-align:left;
}


h1 {
	font-size: .9em;
	line-height: .9em;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:100;
	color:#b4b990;
	text-align:left;
	padding:1px;
	background-color:inherit;
	position:absolute;
	top:9%;
	left:11%;
	
}


h2 {
	font-size: 1.0em;
	line-height: .9em;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:570;
	text-align:left;
	padding:1px;
	background-color:inherit;
	
}

h3 {
	font-size: 1.0em;
	line-height: 1.0em;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:-4px;
	font-weight:200;
	text-align:left;
	
}

h4 {
	font-size: 1.1em;
	line-height: .9em;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:570;
	text-align:left;
	padding:1px;
	background-color:inherit;
	
}

h5 {
	position:absolute;
	top:140px;
	left:156px;
	font-size: 1.1em;
	line-height: .9em;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:500;
	text-align:left;
	padding:1px;
	background-color:inherit;
	
}

h6 {
	font-size:.9em;
	font-weight:700;
	margin:0 0 0 0;
	
	
	
	
}



#intro {
	font-size: 1.9em;
	position: absolute;
	left: 10%;
	top: 6%;
}

#topnav
{
	font-size: 0.9em;
	text-align: left;
	margin-bottom: 10px;
	margin-left: 0%;
	border: 1px silver;
	position: absolute;
	left: 10%;
	top: 12%;
	width: auto;
	overflow: visible;
}

#topnav ul { display: inline;
	border: 1px none #e2ffd4;
}
#topnav ul li:first-child {
	border-style: none;
}

#topnav ul li
{
	display: inline;
	margin: 8px;
	border: 1px red;
}

#topnav a
{
	color: #93a19b;
	text-decoration: none;
}

#topnav a:hover
{
	color: #93a19b;
	background-color: #eee;
}

#subnav
{
	font-size: 0.9em;
	text-align: left;
	margin-bottom: 10px;
	margin-left: 0%;
	border: 1px silver;
	position: absolute;
	padding-left: 220px;
	left: 6%;
	top: 15%;
	width: auto;
	overflow: visible;
}

#subnav ul { display: inline;
	border: 1px none #e2ffd4;
}
#subnav ul li:first-child {
	border-style: none;
}

#subnav ul li
{
	display: inline;
	margin: 6px;
	border: 1px red;
}

#subnav a
{
	color: #93a19b;
	text-decoration: none;
}

#subnav a:hover
{
	color: #93a19b;
	background-color: #eee;
}



#noteslayer {
	visibility:hidden;
	position:absolute;
	top:23%;
	left:15%;
	right:40%;
	z-index:100;
	background-color:#fafaf8;
	padding:40px;
	opacity: 0.93;
	
}

.note {
	clear:both;
	text-align:left;
	margin-bottom:2em;
}

.blackbook {
	background-color:#000;
}

.north {
	top: 27%;
	height: 25%;
	width: 25%;
	position: absolute;
	left: 27%;
	display: block;
	visibility: visible;
	padding: 3px;
	opacity: 0.95;
	z-index: 50;
	background-image: url(../stockimages/2040609-022.jpg);
	background-position: center;
}

.northtext {
	top: 53%;
	height: auto;
	width: 20%;
	position: absolute;
	left: 29%;
	display: block;
	visibility: visible;
	padding:1%;
	z-index: 150;
	
	
}


.east {
	background-color: #cfd7b6;
	width: 19%;
	height: 14%;
	top: 15%;
	position: absolute;
	left: 49%;
	opacity: 0.95;
	z-index: 80;
	padding: 3px;
	background-image: url(../stockimages/2020730-059.jpg);
	background-position:center;
}


.easttext {
	width: 14%;
	height: autox;
	top: 30%;
	position: absolute;
	left: 53%;
	z-index: 80;
	padding:1%;
	
}


.south {
	width: 16%;
	height: 25%;
	position: absolute;
	left: 12%;
	top: 42%;
	opacity: 0.95;
	padding: 3px;
	z-index: 60;
	background-image: url(../stockimages/2070525-022.jpg);
	background-position: center;
}

.southtext {
	width: 15%;
	height: auto%;
	position: absolute;
	left: 12%;
	top: 68%;
	padding:1%;
	z-index: 60;
	
}

.west {
	position: absolute;
	width: 24%;
	height: 22%;
	left: 51%;
	top: 46%;
	background-color: #c5d9dc;
	opacity: 0.95;
	text-align: right;
	padding: 3px;
	z-index: 40;
	background-image: url(../media/2070904-020.jpg);
	background-position: center;
}

.westtext {
	position: absolute;
	width: 15%;
	height: auto;
	left: 51%;
	top: 69%;
	text-align: left;
	padding:1%;
	margin:0px;
	z-index: 40;
	
}

.seast {
	position: absolute;
	width: 18%;
	height: 15%;
	left: 68%;
	top: 67%;
	opacity: 1.0;
	padding: 3px;
	z-index: 30;
	background-image: url(../stockimages/2061102-026.jpg);
	background-position: center;
}

.seasttext {
	position: absolute;
	width: 18%;
	height: auto;
	left: 68%;
	top: 83%;
	text-align: left;
	padding:1%;
	z-index: 40;
	
}


.movieitem {
	z-index: 80;
	display: block;
	height: 6em;
	text-align:left;
	vertical-align:top;
	padding-left: 30px;
}

.movieitem p {
	padding-top: 8px;
	
}


.movieitem img {
	vertical-align:text-bottom;
	border:0px;
	float:left;
	
}	
	
.moviethumb {
	position:absolute;
	left:10px;
	width:150px;
	text-align:right;
	float:left
	
	}


.board {
	position: absolute;
	background-color:inherit;
	z-index: 0;
	top: 20%;
	left: 16%;
	right: 9%;
	padding:2% 3% 3% 3%;
	height: 64%;
	text-align: center;
	display: block;
	overflow:auto;
}

.board p {
	text-align: left;
	margin-top: 3px;
}

.board img {
	opacity: 100%;
	margin: 8px;
	border:0px;
	
}

.mboard {
	position: absolute;
	background-color:inherit;
	z-index: 0;
	top: 20%;
	left: 14%;
	right: 6%;
	padding: 2%;
	height: 64%;
	text-align: center;
	display: block;
	overflow:scroll;
}

.mboard p {
	text-align: left;
	margin-top: 3px;
}

.mboard img {
	opacity: 100%;
	margin: 0px;
	border:0px;
	
}

.folioboard {
	position: absolute;
	background-color:inherit;
	z-index: 80;
	top: 16%;
	left: 156px;
	right: 8%;
	padding: 0%;
	height: 70%;
	text-align: center;
	display: block;
	overflow: visible;
}

.folioboard img {
	opacity: 100%;
	margin-bottom: 8px;
	height: 100%;
	
}
.service {
	background-color: rgb(226, 223, 228);
}

.teach {
	background-color: rgb(240, 238, 216);
}
.contact {
	background-color: rgb(220, 214, 210);
}
.stockimages {
	background-color: rgb(236, 236, 236);
}
.stuff {
	background-color: rgb(230, 232, 226);
}
.folio {
	background-color: rgb(0, 0, 0);
}

.show {
	background-color: rgb(230, 232, 228);
}

.maps {
	background-color: rgb(233, 229, 220);
}

.ifolio {
	background-color: rgb(233, 233, 231);
}

.inset {
	z-index: 100;
	border-style: none;
	background-color: white;
	padding-left: 20px;
	padding-top: 16px;
}

.picbar  {
	position:absolute;
	left:10%;
	font-weight:600;
	word-spacing:2em;
}


.picbar a
{
	color: #93a19b;
	text-decoration: none;
}

.picbar a:hover
{
	color: #93a19b;
	background-color: #eee;
}

.fl {
	float:left;
	margin-right:10px;
}

.fr {
	float:right;
	margin-left:10px;
}

.image {
	float:right;
	padding:6px;
	clear:right;
}

.image .caption {
	position:relative;
	left:8px;
}

.prop {
	background-color:#fafbfb;
}

.kda {
	background-color:#fcfaf8;
}

.subblock {
	float:left;
	margin-left:10%;
	text-align:left;
}

.folioframe {
	float:left;
	height:auto;
	width:auto;
	background-color:#FFF;
	margin:2px;
	border:1px solid #CCC;
	text-align:left;
	padding:12px;
	
}

.foliocell {
	border:1px solid #CCC;
	margin:6px 6px 0 0;
	float:left;
	height:15em;
	width:20em;
	text-align:left;
	padding:12px;
	background-color:#FFF;
}


.imageframe {
	margin:2em 0 0 0;
	
}

.imagecell {
	float:left;
	height:auto;
	width:auto;
	background-color:#FFF;
	margin:2px;
	border:1px solid #CCC;
	text-align:left;
	padding:12px;
}


	



/* Hacks for IE
   */

/* Styles for IE */
* html 
.north
{
	top: 210px;
	height: 150px;
	width: 216px;
}

/* End Hack */
/* Styles for IE5 Mac */
* html 
.east
{
	top: 154px;
	height: 90px;
	width: 132px;
}
/* End Hack */
/* Styles for IE */
* html 
.northtext
{
	top: 210px;
	height: 150px;
	width: 216px;
}

/* End Hack */
/* Styles for IE5 Mac */
* html 
.east
{
	top: 154px;
	height: 90px;
	width: 132px;
}
/* End Hack */

/* Styles for IE5 Mac */
* html 
.easttext
{
	top: 154px;
	height: 90px;
	width: 132px;
}
/* End Hack */
/* Styles for IE */
* html 
.south
{
	top: 314px;
	height: 90px;
}
/* End Hack */
/* Styles for IE */
* html 
.southtext
{
	top: 314px;
	height: 90px;
}
/* End Hack */

/* Styles for IE */
* html 
.west
{
	top: 326px;
	height: 90px;
}
/* End Hack */
/* Styles for IE */
* html 
.westtext
{
	top: 326px;
	height: 90px;
}
/* End Hack */

/* Styles for IE */
* html 
.seast
{
	top: 400px;
	height: 90px;
	z-index: 200;
}


/* End Hack */
/* Styles for IE */
* html 
.seasttext
{
	top: 400px;
	height: 90px;
	z-index: 200;
}


/* End Hack */