/* STRUCTURE  */

* { margin: 0 0 0 0; padding: 0 0 0 0;}
a {outline: none;}
img { border: none; }
/* body { text-align: center; background-color: #a7b1ba; background: url("../images/main_bg.gif") repeat top; } */
body { text-align: center; background-color: #000000; }
		
#container { margin: 0px auto; background: url("../images/shadow_top.png") repeat-x top; }
#outershell { margin: 0px auto; width: 905px; background: url("../images/bg_wood_fadeout.png") no-repeat top left; overflow: auto; }
#main { float: left; width: 368px; padding: 50px 0 0 0; }
#blog {float: left; width: 440px; padding: 110px 0 0 0; text-align: left; overflow: hidden;}

#top { background: url("../images/top3.png") top no-repeat; width: 358px; height: 170px;}
#top img {position: relative; top:132px; left:-220px;}
#left { background: url("../images/left3.png") no-repeat top; width: 69px; height: 299px; clear: both; float: left; padding: 0px; }
#right { background: url("../images/right3.png") top no-repeat; width: 62px; height: 299px; float: left; padding: 0px; }
#bottom { clear: both; background: url("../images/bottom3.png") top no-repeat; width: 358px; height: 124px; }

#middle { position: relative; float: left; overflow: hidden; height: 299px; width: 227px; margin: 0; padding: 0; text-align: left;}

#innerMiddle { position: relative; overflow: hidden; width: 227px;}
#section { position: relative; width: 1900px;}
#section .sub{ width: 227px; height: 299px; float: left; }


.trigger {}
.popup { position: absolute; z-index: 9999; opacity: 0; display: none; -moz-opacity: 0; filter: alpha(opacity=0); background: url("../images/vcard-label.png") no-repeat top left; min-height: 54px; min-width: 138px; margin: 0 0 0 0;}
.popup a {font-family: Helvetica, Arial; color: #FFF; text-decoration: none; font-variant: small-caps; font-size: 10px; position: absolute; top: 18px; left: 28px;}

#blog {color: #ffffff;}
#blog p { font-family: "wordy-diva-1"; font-weight: 100; font-size: 16px; line-height: 24px; letter-spacing: .06em;}
#blog h2 { font-family: "wordy-diva-1"; font-weight: 100; color: #ffffff; font-size: 2em;}
#blog span {font-family: "wordy-diva-1"; font-weight: 100; font-size: 1.05em;}

#top ul { float: left; font-family: "Trebuchet MS", Arial, sans-serif; list-style: none; padding: 148px 0 0 105px; text-shadow: #000 0 1px 0; font-size: 11px; letter-spacing: .025em; text-decoration: none; }
#top li {
	display: inline; margin-left: 38px;
}
#top a { text-decoration: none; color: #efefef; }

#section2 {background-color: #edebe6;}
#section2 h1 { font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 22px; float: left; padding: 35px 0 0px 2px; font-weight: normal; text-shadow: #bcbcbc 0 1px 0;}

#section2 span {font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; padding: 0 0 0 2px;}
#section2 p {font-size:  12px; font-family: "Trubechet MS", sans-serif; color: #1c1d20; margin: 20px 0 0 0; padding:  40px 10px 45px 16px; letter-spacing: .5px; line-height: 16px; }
#section2 img {float: left; padding: 20px 0 0 10px;}

#section3 {background-color: #edebe6;}
#section3 { font-size: 11px; line-height: 15px; font-family: Arial, Helvetica Neue, Helvetica; letter-spacing: 0px; font-weight: normal;}

#bottom3 {background: #efefef; height: 75px;}
#bottom3 input {margin: 4px; font-size: 14px; font-style: italic;}


/* SCROLLBAR THING FOR SECTION 3 ------ */
.scroll-pane3 { width: 227px; height: 245px; overflow: auto; float: left;}
.scroll-pane { width: 227px; height: 299px; overflow: auto; background: #d2c9b9; float:left;}
.scroll-pane2 { width: 227px; height: 299px; overflow: auto; float:left;}

.scrollbars .jScrollPaneTrack { background: url("../images/windows_track4.gif") repeat-y;}
.scrollbars .jScrollPaneDrag { background: url("../images/windows_drag_middle2.png") repeat-y 0 50%; }
.scrollbars .jScrollPaneDragTop { background: url("../images/windows_drag_top2.gif") no-repeat; height: 4px; }
.scrollbars .jScrollPaneDragBottom { background: url("../images/windows_drag_bottom2.gif") no-repeat; height: 4px; }

.scrollbars2 .jScrollPaneTrack { background: url("../images/scroll-track-about.png") repeat-y;}
.scrollbars2 .jScrollPaneDrag { background: url("../images/windows_drag_middle2.png") repeat-y 0 50%; }
.scrollbars2 .jScrollPaneDragTop { background: url("../images/windows_drag_top2.gif") no-repeat; height: 4px; }
.scrollbars2 .jScrollPaneDragBottom { background: url("../images/windows_drag_bottom2.gif") no-repeat; height: 4px; }

.scrollbars3 .jScrollPaneTrack { background: url("../images/scroll-track-about3.gif") repeat-y;}
.scrollbars3 .jScrollPaneDrag { background: url("../images/scroll_drag_about.gif") repeat-y 0;}
.scrollbars3 .jScrollPaneDragTop { background: url("../images/scroll_about_top.gif") no-repeat; height: 4px; }
.scrollbars3 .jScrollPaneDragBottom { background: url("../images/scroll_about_bottom.gif") no-repeat; height: 4px; }


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 64px; /* change this to move the slider up and down */
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 40px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/* END OF STRUCTURE ----- */

/*#id_top { width: 226px; height: 97px; float: left; background: url("../images/id_top2.png") no-repeat 0px 0px; }*/
#id_top { width: 227px; height: 80px; float: left; background-color: #edebe6; }
#id_top h1 { font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 22px; float: left; padding: 15px 0 0px 10px; font-weight: normal; color: #030303;}
#id_top p {font-size: .63em; font-family: Arial, sans-serif; float: left; padding: 0 0 0 12px;  line-height: 12px; color: #000; width: 160px;}
#id_top img { float: right; padding: 2px 24px 0 0px;}


		
#section1 ul { clear: all; float: left; list-style: none; margin-left: 0;}
#section1 li { height: 35px; /* padding: 12px 0 10px 20px; */ padding: 15px 0 0 0; font-family: Helvetica, Arial, sans-serif; font-size: 18px; line-height: 13px; width: 227px; background: url("../images/list_bg_alt.png") repeat-y 0px 0px; overflow: hidden; }
#innerMiddle li a{ text-decoration: none; color: black; }
#innerMiddle li a:hover{ color: #b13d39;}
#innerMiddle li:hover{ background: url("../images/list_bg_blue.png") repeat-y 0px 0px;}
/*
#innerMiddle li:hover { visibility: none; margin-left:  20px; background: url("../images/list_bg_green.png") repeat-y 0px 0px; }
*/
#innerMiddle li img { float: left; margin: -5px 8px 0 12px; }
#innerMiddle li txt { float: left; }
.url { font-size: 11px; line-height: 15px; font-family: Arial, Helvetica Neue, Helvetica; letter-spacing: 0px; font-weight: normal;}