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


body {
background-image: url(/images/background.jpg);
background-position: center top;
background-repeat: repeat;
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
-webkit-background-size: 2200px 1200px; 
}
		 
a:link {color: #808cff;}
a:active {color: #808cff;}
a:visited {color: #808cff;}
a:hover {color: #839f5f; text-decoration: underline;}
	
div#main {
background-image: url(/images/background_burst.jpg);
background-repeat: repeat-y;
 -webkit-background-size: 1008px 2432px; 
background-color: #FFFFFF;	
width: 980px;
min-height: 100%;
margin: 0px auto;
position: relative;
display: block;
padding: 18px 0px;
}
	
div#header {
display: block;
}

/* logo */
div#header h1 {
width: 189px;
height: 152px;
background-image: url(/images/logo.png);
background-repeat: no-repeat;
margin: 0px 18px;
float: left;
}

div#header h1 span {display: none;}

/* green greeting block */
div#header div#introduction {
height: 116px;
background-color: #b1bda2;
margin: 0px 18px 0px 225px;
padding: 18px;
background-image: url(/images/headerbg.png);
background-position: center center;
position: relative;
}

div#header div#introduction img.photo {position: absolute; right: -9px; top: -13px;}

div#header div#introduction h2 {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; 
color: #000000; 
font-weight: normal; 
font-size: 22px; 
letter-spacing: -1px; 
margin-bottom: 18px;
}

div#header div#introduction p {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; 
color: #000000; 
font-weight: normal; 
font-size: 12px; 
letter-spacing: 0px; 
line-height: 18px;
}
	

div#mainbody {display: block;}

/* main navigation */	
div#mainbody div#nav {width: 169px; float: left; margin: 0px 0px;  padding: 0px 8px 18px 18px; text-align: right;}
div#mainbody div#nav a.mainnav {display: block;font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #000000; font-weight: normal; font-size: 22px; text-decoration: none; line-height: 32px; padding: 2px 10px; margin: 0px 0px 3px 0px; width: 169px;}
div#mainbody div#nav a.mainnav:link {color: #000000; background-color: #cdd7bf;}
div#mainbody div#nav a.mainnav:active {color: #000000; background-color: #cdd7bf;}
div#mainbody div#nav a.mainnav:visited {color: #000000; background-color: #cdd7bf;}
div#mainbody div#nav a.mainnav:hover {color: #FFFFFF; background-color: #a6b594;}

/* information underneath the navigation */	
div#mainbody div#nav div {text-align: left; padding: 0px; font-size: 10px; line-height: 18px;  background-image: url(/images/70.png); background-repeat:repeat;border: 1px #e8e8da solid; width: 169px; padding: 10px;}
div#mainbody div#nav div h4 {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #BBBBBB; font-weight: normal; font-size: 18px; letter-spacing: -1px; margin-bottom: 3px;}
div#mainbody div#nav div a {font-size: 12px; text-decoration: none; line-height: 14px;}
div#mainbody div#nav div a:link {}
div#mainbody div#nav div a:active {}
div#mainbody div#nav div a:visited {}
div#mainbody div#nav div a:hover {}

/* body content */	
div#mainbody div#content {border: 1px #e8e8da solid;margin: 18px 18px 0px 225px;padding: 18px; min-height: 500px; background-image: url(/images/70.png); background-repeat:repeat;}
div#mainbody div#content h2 {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #6a814c; font-weight: normal; font-size: 32px; letter-spacing: -1px; margin-bottom: 18px; }
div#mainbody div#content h2 span {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #3e4582; font-weight: normal; font-size: 28px; letter-spacing: -1px; margin-bottom: 18px;  display: block;}
div#mainbody div#content p {font-size: 12px; margin: 5px 0px 12px 0px; line-height: 16px;}
	
/* footer */
div#footer {margin: 0px 18px 0px 225px; color: #999; font-size: 10px; padding: 18px;}


/* art page */
.thumb {
border: 3px #a3a9e7 double;
margin: 0px 10px 10px 0px;
}


/* portfolio page */
div.designexample {
display: block;
text-align: center;
background-color: #FFFFFF;
width: 160px;
height: 150px;
margin: 5px;
float: left;
}

div.designexample img {
display: block;
margin: 3px 3px 0px 3px;
border: 1px #CCCCCC solid;
}

div.designexample a:link {font-size: 10px; text-decoration: none; font-family: arial, sans-serif;}
div.designexample a:active {font-size: 10px; text-decoration: none; font-family: arial, sans-serif;}
div.designexample a:visited {font-size: 10px; text-decoration: none; font-family: arial, sans-serif;}
div.designexample a:hover {font-size: 10px; text-decoration: none; font-family: arial, sans-serif;}


/* resources pages */
div.rightcol {width: 200px; float: right; padding: 12px; background-color: #EEEEEE; margin: 0px 10px 10px 10px; font-size: 11px; line-height: 16px;}

h3 {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #333333; font-weight: normal; font-size: 22px; letter-spacing: -1px; margin-bottom: 18px;}

code, pre {
background-color: #EEEEEE;
display: block;
font-family: "Lucida Console", Monaco, monospace;
font-size: 11px;
padding: 10px;
margin: 10px 0px;
}

/* form highlighting */
.focused {
background: #ddeff6 !important; 
border: 1px solid #0099d4 !important;
padding: 2px !important;
} 

select.focused {
padding: 0px !important;
}


/* sliding panel */
#block { 
position: absolute;
top: 0px;
right: 0px;
background-color:#000000;
color:#FFFFFF; 
display: none;
width: 300px;
height: auto;
font-size: 14px;
padding: 0px;
overflow: hidden;
}


/* classes for sliding panels */

/* styles the first sliding panel */
#panel {
	padding: 20px;
	background: #c4dce8;
	width: 200px;
	height: auto;
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	color: #001c2a;
	z-index: 50;
	margin: 0px;
}

/* styles the second sliding panel */
#panel2 {
	padding: 20px;
	background: #ebd6ac;
	color: #000000;
	height: 200px;
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 50;
	margin: 0px;
}
.btn-slide {} /* first panel link */
.btn-slide1 {} /* 2nd panel link */