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


/* HTML Tag Styles*/

/* Resetting Styles */

html, body, h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}

/*Styles cleared*/

body {
	
}

body,td,th {
	color: #646B3B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 140%;
}

a:link {
	color: #994433;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #884433;
}
a:hover {
	text-decoration: underline;
	color: #CC0000;
}
a:active {
	text-decoration: none;
	color: #666666;
}


embed {
	margin-top: 0;
	margin-bottom: 0;
	background-color: inherit;
	padding:0px;
	width:100%;
	
}


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:6%;
	left:10%;
	
}*/

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

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

h4 {
	font-size: 1.1em;
	line-height: .9em;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:600;
	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;
	
}



object { 
background-color:inherit;
outline: 10px red; 
border:none;
width:90%;
}

object:active, div:active
{
outline: none;
}

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







/*ID Styles*/

#intro {
	font-size: 1.9em;
	float:left;
	margin:2% 0 0 4%;
	width:70%;
	clear:left;
}

#intro h1 {
	font-size: .6em;
	margin:.4em 0 .8em 6.2em;
	font-weight:100;
	color:#c0c090;
	text-align:left;
	float:left;
	width:100%;
	
	
	
}

#nextlink {
	position:absolute;
	right:0em;
	top:7em;
	padding:.8em .1em .8em .1em;
	font-size:3em;
	visibility:visible;
	z-index:1000;
	background-color:inherit;
	opacity:.3;
}

#nextlink a {
	text-decoration:none;
	opacity:1;
	color: #774433;
}

#nextlink a:hover {
	text-decoration:none;
	opacity:1;
	color: #992211;
}

#prevlink {
	position:absolute;
	left:0em;
	top:7em;
	padding:.8em .1em .8em .1em;
	text-align:center;
	font-size:3em;
	visibility:visible;
	z-index:1000;
	opacity:.2;
	background-color:inherit;
}

#prevlink a {
	text-decoration:none;
	opacity:1;
}

#prevlink a:hover {
	text-decoration:none;
	opacity:1;
	color: #992211;
}



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

#sharebox {
	width:20em;
	height:10em;
	visibility:hidden;
	position:relative;
	display:inline;
	left:6em;
	top:1em;
	z-index:100;
	
	padding:3em;
}

#sharebox .fb-like {
	display:inherit;
}


#subnav {
	font-size: 1em;
	text-align: left;
	margin:0 0 1em 20%;
	border: 1px silver;
	float:left;
	width: 79%;
	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: #a3918b;
	text-decoration: none;
}

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



#topnav {
	font-size: 1em;
	text-align: left;
	margin:0 0 1em 16%;
	border: 1px silver;
	float:left;
	width:83%;
	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;
}



/*Class Styles*/

/*Home Page Section Blocks*/
.north {
	top: 17%;
	height: 25%;
	width: 25%;
	position: absolute;
	left: 27%;
	display: block;
	visibility: visible;
	padding: 3px;	
	z-index: 80;
	background-image: url(../stockimages/2040609-022.jpg);
	background-position: center;
}

.northtext {
	top: 43%;
	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%;
	z-index: 70;
	padding: 3px;
	background-image: url(../stockimages/2020730-059.jpg);
	background-position:center;
}


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


.south {
	width: 16%;
	height: 25%;
	position: absolute;
	left: 12%;
	top: 35%;
	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: 60%;
	padding:1%;
	z-index: 60;
	
}

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

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

.seast {
	position: absolute;
	width: 18%;
	height: 15%;
	left: 72%;
	top: 60%;
	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: 72%;
	top: 75%;
	text-align: left;
	padding:1%;
	z-index: 40;
	
}


/*Main Section colors*/
.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(246, 248, 242);
}
.folio {
	background-color: rgb(0, 0, 0);
}

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

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

/*Other Class Styles*/
.base {
	visibility:visible;
}

.blackbook {
	background-color:#000;
}

.board {
	background-color: inherit;
	z-index: 0;
	float:left;
	margin:0 6% 4% 6%;
	
	padding: 2% 3% 3% 3%;
	height: 94%;
	text-align: left;
	display: block;
	overflow: auto;
}

.board p {
	text-align: left;
	margin-top: 3px;
	max-width:76em;
}

.board a {
	font-weight:600;
}

.board img {
	opacity: 1;
	margin: 4px;
	border:0px;
}

.caption {
	margin:0 0 .6em .6em;
	font-weight:500;
	font-variant:small-caps;
}

.conversation {
	line-height:1.8em;
}

.day {
	float: left;
	margin-right: 30px;
	display: inline;
}

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



.fl {
	float:left;
	margin-right:1em;
}


.fr {
	float:right;
	margin-left:1em;
}

.fr div {
	padding-bottom:1em;
}

.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: 1;
	margin-bottom: 8px;
	height: 100%;
	
}

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

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


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

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

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

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

.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;
}

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


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


.kda {
	background-color:#fcfaf8;
}

.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: 1;
	margin: 0px;
	border:0px;
	
}

.mobile {
	visibility:hidden;
}


.movieitem {
	z-index: 80;
	display: block;
	height: 7em;
	width:90%;
	text-align:left;
	vertical-align:top;
	padding-left: 30px;
	float:left;
	clear:left;
	margin:0 1em 1em 0;
}

.movieitem p {
	padding-top:0;
	
}


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

.moviewrap {
	float:left;
	text-align:left;
	width:100%;
	
}



.note {
	clear:both;
	text-align:left;
	margin-bottom:2em;
	padding:1em 0 0 0;
	max-width:80em;
}



.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;
}


.prop {
	background-color:#fafbfb;
}

.slider {
	display:block;
	height:auto;
	width:30em;
	overflow:auto;
	float:left;	
	clear:left;
	margin:1em 1em 0em 0;
}

.sliderwrapleft {
	float:left;
	clear:left;
	margin:0 1em 0 0;
}

.sliderwrapright {
	float:right;
	clear:right;
	margin:0 0 0 1em;
}




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


.textpockets {
	margin-left:0em;
	width:90%;
	height:8em;
	overflow:auto;
}
	
.textpocketl {
	margin-left:0em;
	width:90%;
	height:auto;
	overflow:auto;
}



/* 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 */

.fb-like {
	display:inherit;
}