/*Reset*/
* {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
html, body {width:100%; height:100%; overflow:hidden;}
body{ line-height:1; font-family: Avenir, Arial; font-weight:normal; }
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
a{ text-decoration:none; }

/*Vertically Centered Div*/
#frame { position:absolute; top: 50%; left: 50%; width:985px; height:626px;	background-image:url(bg_wrap_frame.gif);	
margin-top: -313px; /*set to a negative number 1/2 of your height*/
margin-left: -492px; /*set to a negative number 1/2 of your width*/}

/*Main Structure*/
#background{position:absolute; z-index:-1; width:100%; height:100%;}
#content { padding: 40px 40px 0px; position: relative; }

/*Regions*/
#display { float: left; height: 519px; width: 625px; position: relative; top: -30px; margin-bottom:-20px;/*Change to margin-bottom:-60 in treesound-ie.css*/ background: url(display_area.png); }
#display #inside{ height: 444px; width: 580px; margin-top: 20px; margin-left: 22px; }
#quote { width: 580px; margin-top: 6px; }
#footer { width: 900px; float: left; }
#photo { float: left; width: 130px; }
iframe { float: left; width: 420px; background-image:url(form_area.gif) }
#before { text-align: right; float: left; width: 172px; margin-right: 240px; margin-top: 12px; }
#before2 { text-align: right; float: left; width: 152px; margin-right: 264px; margin-top: 22px; }
#after { margin-top: 12px; }
#after2 { margin-top: 22px; }
#after3 { margin-top: 46px; float:right; width:200px; }

/*Main Navigation*/
#nav-main { float: left; width: 277px; margin-top: 96px; position: relative; }
#nav-main li { display:none}
#home	{ width:549px; height:71px; position: relative; top: -70px; left: -28px; float: left;
	/*margin-bottom:-40px; This is uncommented in treesound-ie.css*/ }
#websites { height: 79px; width: 277px; }
.websites #websites { background-image:url(uline_websites.gif)}
#publications { height: 75px; width: 277px; }
.publications #publications { background-image:url(uline_publications.gif)}
#other { height: 84px; width: 277px; }
.other #other { background: url(uline_other.gif); }
#resume { height: 69px; width: 277px; }

/*Secondary Navigation*/
#display #nav { width: 580px; text-align: right; margin-top: 18px; }
#display #nav ul li { display: inline; }
#display #nav a, #display #nav a:visited {font: 0.75em "Arial Black", Gadget, sans-serif; color: #1F5917;}
#display #nav a:hover { color:#4A2652;}
.inlined { line-height: normal; display: inline; padding: 0,5px,0,5px; }
.inlined.next { border-left: 2px solid #1F5917; padding-left:18px; margin-right:18px; }
.inlined.previous {padding-left:200px; padding-right:18px;}

/*Utility*/
.float_left { float: left; }
.clear { clear: both; }
.align_right { text-align: right; }

/*Typography*/
h1	{font-size:1.5em;}
h2	{ font-size:1.25em; }
h3	{ font-size:1em; }
h4	{ font-size:1.1em; color:#4a2652; line-height: 1em; margin-bottom:4px; }
h5	{ font-size:0.8em; line-height: 1em; color:#4a2652; }
h6	{font-size:.8em; line-height: 1.4em; color:#4a2652; font-style:italic;}
p	{font-size:.9em;}

/*Portfolio Samples*/
#inside.template	{background-image:url(img_samp.png)}
.nya	{ background:url(img/oth_nya.png)}
.lcfa	{background-image:url(img/web_lcfa.png)}
.polston	{background-image:url(img/web_polston.png)}
.westendpress	{background-image:url(img/web_westendpress.png)}
.eastwood	{background-image:url(img/web_eastwood.png)}
.ksfr	{background-image:url(img/oth_ksfr.png)}
.veggie 	{background-image:url(img/pub_veggie.png)}
.chambernews	{background-image:url(img/pub_chamber.png)}
.gwagen	{background-image:url(img/pub_gwagen.png)}
.apples	{ background-image:url(img/pub_apples.png)}
.noticias	{background-image:url(img/pub_noticias.png)}
.brochure	{background-image:url(img/oth_brochure.png)}
.flinchdvd	{background-image:url(img/oth_flinchdvd.png)}
.iamyouare	{ background-image:url(img/oth_iamyouarecd.png)}
.flinchart	{background-image:url(img/web_flinch.png)}
.ludescher {background-image:url(img/web_gottahaveharp.png)}
.ganm	{background-image:url(img/oth_ganm.png)}
.sjo {background-image:url(img/oth_posters.png)}
#contactform { float: left; width: 440px; padding: 18px; }

.formtext { font-size: 0.8em; }