/* CSS Document */

body {margin: 0; padding: 0; background: url(images/backdropbotanicalcontinuous.jpg) top center #E6E5DE; text-align: center; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size: 11px;}

#foot {font: 10px "Myriad Pro", Arial, Helvetica, sans-serif; color: #969696; clear: both; letter-spacing: 1px; text-align: center;}
div#foot a {color: #666666; text-decoration: none;}
div#foot a:hover {color: #3D6B8C; text-decoration: none;}
div#foot a:active {color: #6B97AC; text-decoration: none;}
h2 {font: 11px "Myriad Pro", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: white;}

/* Portfolio */
#portfolio_outer {background-image: url(images/portfolio_back.jpg); background-position: top center; background-repeat: no-repeat; height: 650px; margin-top: 30px;}
#portfolio_main {text-align: left; margin-left: auto; margin-right: auto; width: 620px;}
#topnav {width: 242px; font: 11px "Myriad Pro", Arial, Helvetica, sans-serif; text-align: center; font-weight: bold; margin: 24px 0 20px 0; float: right; clear: both;}
#topnav a {text-decoration: none; color:#a0553a; padding: 0px 4px;}
#topnav a:hover {color: #492214; text-decoration: underline; font-style: italic;}
#thumbs {float: right;}
#content {float: left; padding: 18px 0 25px 14px;}
#cframe {height: 612px; width: 350px; background-color: transparent;}
#right_column {width: 242px; border: none; margin: 0; margin-bottom: 10px; padding: 0; text-align: center; float: right;}
h4 {font: 15px "Times New Roman", Times, serif; text-align: left; font-weight: bold; color: #443532; padding-left: 22px; padding-top: 0; padding-bottom: 5px; margin: 0; font-style: italic; display: block;}
#shim {margin-bottom: 38px;}
#shim2 {margin-bottom: 25px;}

.scroller {height: 142px; width: 128px; overflow: auto; margin-left: auto; margin-right: auto;}
.scroller a {margin: 0 10px 0 2px; display: block; background-image:url(images/thumb-drop.png); background-position: center 0; width: 120px; height: 120px; float: left;}
.scroller img {padding: 7px;}
#web {padding: 0; border: 0; margin: 0; width: 2660px;}
#print {width: 1870px;}
#explore {width: 128px;}

.pointer {cursor:pointer;}
.palette div.scroller table td img {margin: 0 2px;}

/* Portfolio Content Frame */
.contentframe {background: url(portfolio/portfolioimages/portfolioblurbg.jpg); background-position: top left; background-repeat: no-repeat; margin: 0px; text-align: left;}
.contentholder {width: 350px;}
div#medium {width: 280px; height: 280px; margin-top: 90px; margin-left: auto; margin-right: auto; margin-bottom: 2px; overflow: hidden; background-image:url(images/med-drop.png);}
div#medium img {border: 0; display: block; width: 265px; height: 265px; margin-left: auto; margin-right: auto; margin-top: 7px;}
div#mediumscroll {width: 280px; padding: 7px 0; margin-top: 90px; margin-left: auto; margin-right: auto; margin-bottom: 10px; background-image:url(images/med-drop.png); background-repeat: no-repeat; overflow: hidden;}
div#description {width: 265px; overflow: auto; height: 200px; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: black; display: block; clear: both; margin: 0 auto;}
div#description h1 {font: 12px Arial, Helvetica, sans-serif; color: white; font-weight: bold; margin: 0;}

.scrollouter {overflow: auto; width: 266px; height: 268px; margin: 0 auto; padding: 0; background-color: white;}

.scrollholder {margin: 0; padding: 0 5px 0 0; display: block;}
.scrollholder img {float: left; display: block; margin: 5px 0 5px 5px; padding: 0; border: 0;}

#tholder {width: 788px; margin: 0; padding: 0;}
.contentframe a {color: white;}
#pages {clear: both; display: block; width: 2674px; margin-left: 42px;}
#pages ul {margin: 0; padding: 0; width: 265px;}
#pages li {list-style: none; float: left; margin-right: 8px;}
#pages li.list-clear {display: block; height: 8px; line-height: 8px; clear: both; width: 100%;}
#pages li a:link, #pages li a:visited {display: block; padding: 2px 0 0 0; color: black; width: 14px; text-align: center; border: 1px solid black; background-color: white; text-decoration: none;}
#pages li a:hover {color: white; background-color: black; border: 1px solid white;}
		
/* Resume */
#resume_outer {background-image: url(images/resume_back.jpg); background-position: top center; background-repeat: no-repeat; margin-top: 27px; height: 660px; width: 620px; margin-right: auto; margin-left: auto; border: none;}
#resume_outer #topnav {padding-top: 5px;}
#resumebox {width: 550px; height: 442px; overflow: auto; color: white; font-size: 12px; text-align: left; margin-right: auto; margin-left: auto; border: none; clear: both;}
#res_shim {height: 115px; clear: both;}
#resumebox p {padding-right: 10px; text-align:justify;}

/* Contact 
#contact_outer {background-image: url(images/contact_back.jpg); background-position: top center; background-repeat: no-repeat; margin-top: 27px; height: 660px; width: 630px; margin-right: auto; margin-left: auto; border: none;}
#contactbox {padding-top: 120px; padding-left: 45px;  text-align: left; float: left;}

#contact_outer #topnav {margin-top: 30px; padding-right: 4px; width: 242px; w\idth: 244px; \width: 242px;}

#contactbox form {margin: 0; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; padding: 0;}
#contactbox input {border: 1px solid black; color: black; width: 312px; \width: 316px; w\idth: 312px; filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85; margin: 0; padding: 2px;}
#contactbox label {color: white; font-weight: bold; font-size: 11px;}
#contactbox textarea {border: 1px solid black; color: black; width: 312px; \width: 316px; w\idth: 312px; filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85; margin: 0 0 8px 0; height: 285px; clear: right; padding: 2px;}
#contactbox h2, .message h2 {margin: 12px 0 0 0; color: white; background-color: black; padding: 2px 4px; font-size: 12px;}
#contactbox span input {width: 100px; margin-left: 105px; margin-top: 20px; filter:alpha(opacity=100);-moz-opacity:1;opacity:1; display: block; border: none;}

.message {padding: 170px 285px 0 55px; text-align:center;} */