@charset "utf-8";
/* COLORS */
/* #2e3042 dark (page BG) ****** #94d045 green (links) ****** #c7a22e oange (accent) ******  #eaf6da subtle shaded white (headers) */

/* --------------------------------------RESET--------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body 					{ line-height: 1; }
ol, ul 					{ list-style: none; }
blockquote, q 			{ quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus 					{ outline: 0; } /* remember to define focus styles! */
ins 					{ text-decoration: none; } /* remember to highlight inserts somehow! */
del 					{ text-decoration: line-through; }
table 					{ border-collapse: collapse; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */


/* ----------------------------------MAIN LAYOUT-------------------------------------------- */

*						{ margin: 0;}
html 					{ background:#2e3042; height:100%; overflow-y:scroll; }
body 					{ position:relative; background:url(../images/BG_tree.png) no-repeat fixed 50% 100%; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; }


/* main wrapper */
.wrapper 				{ background:url(../images/BG_header2.png) repeat-x; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -120px; font-size:1.2em; }

/* header wrapper */
#header 				{ width: 960px; margin:0 auto; position:relative; }
#header img 			{ position:absolute; top:15px; left:0; } /* logo */

/* ---------------------------------------UNIVERSAL STYLES--------------------------------------- */
p 						{ font-size:16px; margin:0 0 1.8em 0; font-family:Arial, Helvetica, sans-serif; color:#f3eff7; line-height:1.8; letter-spacing:.05em; text-shadow:1px 1px 5px #000; text-align:justify;}
h1 						{ font-size:42px; font-weight:bold; line-height:1; font-style:italic; color:#f3d67f; font-family:"Times New Roman", Times, serif; text-shadow:1px 1px 8px #000; margin-bottom:.5em; }
/* links */
a:link, a:visited 		{ color:#94d045; text-decoration:none; font-style:italic; }
#contentMain a:hover 	{ background: #5c8b1f; color:#fff; text-decoration:none; -moz-border-radius:3px; padding:0 3px; margin:0 -3px; text-shadow:0 0 5px #fff; }
a:active 				{ color:#fff; text-decoration:none }
/* selected text */
::selection 			{ background: #c7a22e; color: #ffffff; } /* Safari */
::-moz-selection 		{ background: #c7a22e; color: #ffffff; }/* Firefox */

/* --------------------------------------ADDITIONAL CLASSES-------------------------------------- */
.clear 					{ clear:both; }
.indent 				{ text-indent:2em; }
.tiny 					{ font-size:10px; }
.larger					{ font-size:larger; }
.accent1				{ color:#c7a22e; }
.author 				{ color:#bb9113; }
.decimal				{ list-style:decimal; margin-left:1.5em; }
#portfolio a.plain:hover{  padding:0; margin:0; background:none;}
/* large curly quotes */
.quote 					{ position:absolute; font-size:45px; line-height:50px; color:#fff; }
.leftQuote 				{ left:-35px; top:-10px; }
.rightQuote 			{ right:-20px; bottom:-30px; }

/* --------------------------------------NAVIGATION--------------------------------------------- */
#nav 					{ height:95px; margin: 0; padding: 15px 0 20px 400px; width:700px; margin:0 auto; background: url(../images/dropShadow.png) bottom no-repeat; }
#nav li 				{ float:left; display:block; width:140px; height:100px; position:relative; overflow:hidden; }
#nav li a 				{ display:block; width:120px; height:40px; text-indent:-9999px; background:url(../images/nav_sprite.png) no-repeat; }
#nav .home a 			{ background-position:-143px -41px; }
#nav .home a:hover		{ background-position:0 -41px; }
#nav .portfolio a 		{ background-position:-143px -160px; }
#nav .portfolio a:hover { background-position:-0px -160px; }
#nav .info a 			{ background-position:-143px -1px; }
#nav .info a:hover 		{ background-position:0 0; }
#nav .contact a 		{ background-position:-143px -80px; }
#nav .contact a:hover 	{ background-position:0 -80px; }
#nav .drivel a 			{ background-position:-143px -120px; }
#nav .drivel a:hover 	{ background-position:0 -120px; }

/* content */
#contentMain 			{ width:660px; margin:0 auto; padding-right:300px; position:relative; }
#contentMain.full 		{ width:960px; padding-right:0;}
/* sidebar  */
#sidebar 				{ position:absolute; right:0; top:0; width:230px; padding-top:63px; }
#sidebar blockquote 	{ margin:0; font-family:Arial, Helvetica, sans-serif; color:#eaf6da; line-height:1.8; letter-spacing:.05em; font-family:"Times New Roman", Times, serif; font-size:16px; font-style:italic; font-weight:bold; position: relative; }
#sidebar ul 			{ list-style-type:none; margin:20px 0; padding:0; }
#sidebar ul li 			{ padding:0; }
/* (sticky) footer  */
.footer, .push 			{ height: 120px; /* .push must be the same height as .footer */ position:relative; }
.footer 				{ width:960px; margin:0 auto; }
img.footerLogo 			{ position:absolute; left:0; bottom:0; } /* logo */
/* footer links */
.footer ul 				{ margin:0; position:absolute; left:180px; bottom:30px; }
.footer ul li 			{ list-style-type:none; display:inline; margin:0 5px; padding:0 10px; }
.footer ul li img 		{ vertical-align:-15px; }
.footer a 				{ font-size:12px; text-decoration:none; color:#eaf6da; }
.footer a:hover 		{ background:none; color:#c7a22e; text-shadow:0 0 5px #000; }

ul.credits 				{ line-height:1.6; }
ul.credits li 			{ display:inline; padding: 0 10px 0 15px; background:url(../images/check.png) top left no-repeat; }
#imageBox				{ height:180px; }
#portfolio 				{ background:none; }
ul.portfolio li 		{ float:left; background:#3a3c4d; border:1px dashed #555; width:400px; padding:10px; margin:0 40px 40px 0; }
ul.portfolio p 			{ width:190px; float:left; margin-right:20px; text-align:left; font-size:12px; }
ul.portfolio img 		{ border:2px solid #9597a8; padding:1px; }
#contentMain ol			{ line-height:1.6; color:#F3EFF7; }
#contentMain li			{ margin-bottom:1em; }