body {background-color:#888; background:url(../images/bkgd.jpg) repeat-x; font-family:verdana, arial, sans-serif}
img {border:0}
img#menu {position:absolute; top:66px; left:19px; z-index:10}
img#logo {position:absolute; top:0px; left:19px; z-index:10}
img#left {position:absolute; top:0px; left:-1px; z-index:10;}
div#line {position:absolute; top:67px; left:764px; z-index:100; width:1px; height:498px; background:#CFCFD1}
div#top-line {position:absolute; top:66px; left:156px; z-index:100; width:608px; height:1px; border-top:1px solid #CFCFD1}
div#bot-line {position:absolute; top:564px; left:156px; z-index:100; width:608px; height:1px; border-top:1px solid #CFCFD1}
h3 {color:#fff}

div#nav {position:absolute; top:66px; left:19px; z-index:11; border:1px solid #fff; border-top:0; border-left:0;
  height:498px; background-color:#9b9da1; background:url(../images/menu-bkgd.jpg) no-repeat; width:137px}
div#nav a {display:block; font-size:11px; font-weight:medium; font-family:verdana}
a#home {position:absolute; top:14px; left:18px; z-index:20}
a#bio {position:absolute; top:49px; left:18px; z-index:20}
a#press {position:absolute; top:84px; left:18px; z-index:20}
a#exhibits {position:absolute; top:119px; left:18px; z-index:20}
a#portfolio {position:absolute; top:159px; left:18px; z-index:20}
a#notes {position:absolute; top:199px; left:18px; z-index:20}
a#essays {position:absolute; top:234px; left:18px; z-index:20}
a#order-form {position:absolute; top:270px; left:18px; z-index:20}
a#contact {position:absolute; top:304px; left:18px; z-index:20}

div#nav div {font-size:11px; font-weight:bold; font-family:verdana}
div#home-shadow {position:absolute; top:16px; left:20px; z-index:19; visibility:hidden}
div#bio-shadow {position:absolute; top:51px; left:20px; z-index:19; visibility:hidden}
div#press-shadow {position:absolute; top:86px; left:20px; z-index:19; visibility:hidden}
div#exhibits-shadow {position:absolute; top:121px; left:20px; z-index:19; visibility:hidden}
div#portfolio-shadow {position:absolute; top:161px; left:20px; z-index:19; visibility:hidden}
div#notes-shadow {position:absolute; top:201px; left:20px; z-index:19; visibility:hidden}
div#essays-shadow {position:absolute; top:236px; left:20px; z-index:19; visibility:hidden}
div#order-shadow {position:absolute; top:272px; left:20px; z-index:19; visibility:hidden}
div#contact-shadow {position:absolute; top:306px; left:20px; z-index:19; visibility:hidden}

/*TEXT*/
p {font-size:10px; color:#fff}
a:link, a:visited {font-weight:bold; text-decoration:none; color:#fff; background:transparent}
div#content a:hover {color:#d2a2f4; border:0}

/*CLASSES*/
.subHead {font-size:16px; color:#fff}
.exhibition-home {font-size:13px}
 
/*CONTENT*/
#container  			{position:relative; margin-left:auto; margin-right:auto; width:780px; height:580px; 
   background-color:#9c9da1; border:10px solid #262324}
#copyright  			{position:absolute; top:596px; right:-10px;width:800px; height:36px; text-align:right}
#copyright a      {color:#fff; font-weight:normal}
#copyright a:hover {text-decoration:underline}
	 
/* Home */
#exhibit-img_ 		{position:absolute; top:66px;  left:156px; width:608px; height:226px}
#exhibitCopy  		{position:absolute; top:80px;  left:10px;  width:213px; height:112px}
#natureNotes-img_ {position:absolute; top:292px; left:155px; width:206px; height:273px}
#notesCopy   			{position:absolute; top:150px; left:10px;  width:125px; height:66px}
#portfolio-img_ 	{position:absolute; top:292px; left:361px; width:201px; height:273px}
#news-img_ 				{position:absolute; top:292px; left:562px; width:201px; height:273px}
#newsCopy  				{position:absolute; top:30px;  left:11px;  width:180px; height:116px}

/* Bio */
div#media {position:absolute; top:66px; left:156px; width:396px; height:266px;
   border:1px solid #fff; padding:2px}
div#sp-heading {position:absolute; top:336px; left:156px; width:402px; height:46px;
   background:#7B885D; border:1px solid #fff}
div#sp-heading img {margin:10px 0 0 5px}
div#sponsors {position:absolute; top:382px; left:156px; width:402px; height:181px;
   background:#262324; border:1px solid #fff}
div#sponsors ul {margin:10px; padding:0; list-style:none}
div#sponsors li {font-size:10px; color:#fff; padding:0; margin:0; line-height:12px}
a.list-links {margin:0; padding:0; width:300px}
div#about {position:absolute; top:66px;  left:557px; width:206px; height:270px; 
   background:#5C6748; border:1px solid #fff; color:#fff}
div#about-text {margin:75px 10px 0 10px}
img#about-img {position:absolute; top:75px; left:565px; width:161px; height:44px}
p.press-link {margin-top:50px}
div#video {position:absolute; top:336px;  left:557px; width:201px; height:41px; 
   background:#BDC3AE; border:1px solid #fff; color:#58585A; font-size:11px; padding:5px 0 0 5px}
div#video p {margin-top:10px}
div#video p, div#video a {color:#262324}
div#video a:hover {color:#fff}
img#flower {position:absolute; top:382px;  left:556px; width:206px; height:183px}

/* exhibits */
div#main  {position:absolute; top:66px;  left:156px; width:370px; height:497px;}
div#info   {position:absolute; top:295px;  left:10px; width:360px}
div#info h2 {font-size:13px; color:#fff; font-weight:bold; margin:10px 0 5px 0}
div#info h2.islip-head {font-size:13px; color:#fff; font-weight:bold; margin:5px 0 2px 0}
div#info p {font-size:12px; color:#fff; margin:5px 0}
div#info p.islip {font-size:12px; color:#fff; margin:2px 0}
div#info p.hac {font-size:12px; color:#fff; margin:2px 0}
div#sales {position:absolute; top:66px;  left:525px; width:238px; height:497px;
   background:#9C9DA1; border:1px solid #fff}
div#sales ul {margin:5px 5px 0 10px; padding:0; list-style:none}
div#sales li {font-size:11px; color:#fff; margin:2px 0 0 0; padding:0}

/* portfolio */
img#cen {position:absolute; top:193px; left:308px; z-index:5; width:303px; height:248px}
img#lon {position:absolute; top:66px; left:156px; z-index:5; width:152px; height:128px}
img#but {position:absolute; top:66px; left:308px; z-index:5; width:153px; height:127px}
img#gal {position:absolute; top:66px; left:461px; z-index:5; width:150px; height:127px}
img#col {position:absolute; top:66px; left:611px; z-index:5; width:153px; height:127px}
img#ant {position:absolute; top:194px; left:156px; z-index:5; width:152px; height:123px}
img#pen {position:absolute; top:193px; left:611px; z-index:5; width:153px; height:125px}
img#chn {position:absolute; top:317px; left:156px; z-index:5; width:152px; height:123px}
img#ire {position:absolute; top:317px; left:611px; z-index:5; width:153px; height:123px}
img#mon {position:absolute; top:440px; left:157px; z-index:5; width:151px; height:124px}
img#nov {position:absolute; top:440px; left:308px; z-index:5; width:153px; height:124px}
img#eas {position:absolute; top:440px; left:461px; z-index:5; width:150px; height:124px}
img#flo {position:absolute; top:440px; left:611px; z-index:5; width:153px; height:124px}
img#wam {position:absolute; top:440px; left:611px; z-index:5; width:153px; height:124px}

/* nature notes */
img#card {position:absolute; top:66px; left:156px; z-index:5; width:436px; height:323px}
img#menu-galapagos {position:absolute; top:389px; left:156px; z-index:5; width:122px; height:176px}
img#menu-butterflies {position:absolute; top:389px; left:278px; z-index:5; width:123px; height:176px}
img#menu-penguins {position:absolute; top:389px; left:401px; z-index:5; width:121px; height:176px}
img#menu-reflections {position:absolute; top:389px; left:522px; z-index:5; width:121px; height:176px}
img#menu-sea-shells {position:absolute; top:389px; left:522px; z-index:5; width:121px; height:176px}
img#menu-sedona {position:absolute; top:389px; left:643px; z-index:5; width:121px; height:176px}
img#menu-animal-babies {position:absolute; top:389px; left:643px; z-index:5; width:121px; height:176px}
div#links {position:absolute; top:66px; left:592px; z-index:5; width:172px; height:318px; 
   background:#262324; border-bottom:1px solid #fff}
img#links-title {position:absolute; top:15px; left:3px; z-index:10; width:165px; height:27px}
div#links h1 {font-size:18px; color:#d2a2f4; margin:60px 0 15px 3px}
div#links ul {list-style:none; margin:0 0 0 5px; padding:0; _height:0.1%}
div#links li {color:#fff; font-size:11px; margin:0; padding:0; _height:0.1%}
div#links li a {font-weight:normal; margin:0; padding:0}
p#order {position:absolute; bottom:10px; left:3px; z-index:10; font-size:12px}
p#order a {color:#d2a2f4}
p#order a:hover {text-decoration:underline}
div#filler {position:absolute; top:385px; left:592px; z-index:5; width:172px; height:4px; background:#262324}

/* order form */
div#order-text {position:absolute; top:65px; left:156px; width:264px; height:497px; padding:5px 20px}
div#order-text p.of-heading {margin:5px 0 0 0; font-weight:bold}
div#order-text p.of-subheading {margin-bottom:2px} 
div#order-text p {margin-top:0; margin-bottom:3px}
div#order-text ul {color:#fff; font-size:10px; margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0}
div#order-text li {margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; height:1%; vertical-align:top}
div#order-form {position:absolute; top:65px;  left:450px; width:314px; height:497px;
		background-color:#262324; color:#fff; font-size:12px; border-top:2px solid #AFB0B0; 
		border-bottom:1px solid #fff; border-left:1px solid #fff;}
div#order-form form {padding:5px 20px; font-size:11px}	
div#order-form table {width:274px}
div#order-form td {padding-bottom:4px}	
div#order-form input.order-input {width:110px; height:15px; font-size:13px}
div#order-form input.qty-input {width:20px; height:13px; font-size:11px}
div#order-form textarea {width:250px}
div#order-form select {font-size:14px}
div#order-form td#order-button {text-align:right; padding:0 10px 0 0}
div#order-form input#order-submit {width:75px; height:22px; font-size:14px}
table#order-confirm {font-size:10px; color:#fff; border-top:1px solid #fff; margin-top:15px; 
   padding-top:10px}
table#order-confirm td {vetical-align:top}

/* Contact */
img#photo					{position:absolute; top:66px;  left:440px; width:323px; height:499px}
div#contact-form  {position:absolute; top:66px;  left:156px; width:284px; height:496px;
											background-color:#262324; color:#fff; font-size:12px; 
											border-top:2px solid #AFB0B0; border-bottom:1px solid #fff}
div#contact-form table {margin:25px 0 0 6px}
div#contact-form input.contact-input {height:14px; width:260px}
div#contact-form input#send {width:50px; height:25px; font-size:14px}
div#contact-form textarea {width:260px}
td.radio {text-align:center; font-size:11px; padding-bottom:5px}
td#submit {text-align:right; padding:35px 5px 0 0}
img#butterfly			{position:absolute; top:510px;  left:300px; width:62px; height:42px}
img#thank-you			{position:absolute; top:510px;  left:156px; width:269px; height:42px}