/* yahoo reset css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* end reset */
* {
   margin:0;
   padding:0;
}
html{
   /*overflow:hidden;*/
}
body{
   font-family: Georgia, "Lucida Sans Unicode", verdana, times, helvetica, sans-serif;
   font-size:1em;
   background: #fff url(../i/bg.png) repeat top center;
   height:auto;
   min-width:886px;
   text-align: center;
}
p {
   color: #83572B;
   font-size:75%;
}
p.blogcontent {
   font-family: Georgia, "Lucida Sans Unicode", verdana, times, helvetica, sans-serif;
   font-size: 75%;
   color: #83572B;
}
p.blogcontent:first-letter {
   font-family: Georgia, "Lucida Sans Unicode", verdana, times, helvetica, sans-serif;
   font-size: 18px;
   color: #83572B;
}
img {
   border: 1px;
   margin: 0;
}
img.noborder {
   border-style: none;
   margin: 0;
}
dashes {
   border-top: 3px dashed #000000;
   border-bottom: 0;
   margin-top: 5px;
}

/* HEADINGS */
h1,h2,h3,h4,h5,h6 {

}
h2 {
   color: #83572B;
   font-weight:bold;
   font-size:100%;
   text-transform:uppercase;
   letter-spacing:0.1em;
   margin-bottom:8px;
}
h2.blogtitle {
   color: #83572B;
   font-weight:bold;
   font-size:100%;
   text-transform:uppercase;
   letter-spacing:0.1em;
   margin-bottom:1px;
}
h2.sectiontitle {
   color: #83572B;
   font-weight:bold;
   font-size:100%;
   text-transform:uppercase;
   letter-spacing:0.1em;
   margin-bottom:1px;
   border-bottom-color: #83572B;
   border-bottom-style: dotted;
   margin-left: auto;
   margin-right: auto;
   border-width: 1px;
}
h3 {
   color: #83572B;
   font-weight:normal;
   font-size:90%;
   text-transform:uppercase;
   letter-spacing:0.1em;
   margin-bottom:5px;
}
h3.installation_title{
   clear:both;
}
h4 {
   font-style:italic;
   font-size:90%;
}
p {
   margin-bottom:5px;
}
p.error {
   margin:15px 10px 15px 10px;
   text-align:center;
   font-weight:bold;
}
.float_left {
   float:left;
   margin: 5px 10px 15px 0; 
}
.float_right {
   float:right;
   margin: -30px 0px 0px 0; 
}
#fp_container {
   width:100%;
   height:100%;
}
#content_container {
   width:886px;
   margin-left:auto;
   margin-right:auto;
   margin-top:20px;
   text-align:left;
}
#top {
   position:relative;
   top:00px;
   left:0px;
   height:79px;
   width:886px;
}
#top #top_left {
   float:left;
   width: 84px;
   height: 79px;
   background: url("../i/top_left_bg.png") no-repeat top left;
}
#top #j_nav {
   position: relative;
   background: url(../i/j_nav_bg.png) no-repeat top left;
   overflow: hidden;
   height: 79px;
   width: 440px;
   float:left;
}
#top #v_nav {
   position: relative;
   background: url(../i/v_nav_bg.gif) no-repeat top left;
   overflow: hidden;
   height: 79px;
   width: 281px;
   float:left;
}
#top #top_right {
   float:left;
   width: 81px;
   height: 79px;
   background: url("../i/top_right_bg.png") no-repeat top left;
}
#j_nav_title {
   position:absolute;
   top:21px;
   left:46px;
}
a#j_nav_pastwork, a#j_nav_pastwork_on {
   position:absolute;
   top:46px;
   left:52px;
   overflow:hidden;
   width:109px;
   height:17px;
   background: transparent url(../i/nav_pastwork.gif) no-repeat top left;
   text-indent: -200px; 
}
a#j_nav_pastwork_on {
   background-position: -300px 0;
} 
a#j_nav_pastwork:hover {
   background-position: -150px 0;
}
a#j_nav_newwork, a#j_nav_newwork_on {
   display: block;	    
   position:absolute;
   top:46px;
   left:167px;
   overflow:hidden;
   width:109px;
   height:17px; 
   background: transparent url(../i/nav_newwork.gif) no-repeat top left;
   text-indent:-99999px;
}
a#j_nav_newwork_on {
   background-position: -300px 0;
} 
a#j_nav_newwork:hover {
   background-position: -150px 0;
} 
a#nav_blog, a#nav_blog_on, a#nav_blog_on_on {
   display: block;	    
   position:absolute;
   top:46px;
   left:330px;
   overflow:hidden;
   width:61px;
   height:17px; 
   background: transparent url(../i/nav_blog.gif) no-repeat top left;
   text-indent:-99999px;
}
a#nav_blog_on, a#nav_blog_on_on {
   background-position: -300px 0;
} 
a#nav_blog:hover {
   background-position: -150px 0;
} 
#nav_contact {
position:absolute;
top:46px;
left:179px;
}
#nav_shop {
position:absolute;
top:46px;
left:306px;
}
#v_nav_title {
position:absolute;
top:21px;
left:0;
}
a#v_nav_pastwork, a#v_nav_pastwork_on {
position:absolute;
top:46px;
left:6px;
overflow:hidden;
width:109px;
height:17px;
background: transparent url(../i/nav_pastwork.gif) no-repeat top left;
	    text-indent: -200px; 
}
a#v_nav_pastwork_on {
   background-position: -300px 0;
} 
a#v_nav_pastwork:hover {
   background-position: -150px 0;
}
a#v_nav_newwork, a#v_nav_newwork_on {
display: block;	    
position:absolute;
top:46px;
left:121px;
overflow:hidden;
width:109px;
height:17px; 
background: transparent url(../i/nav_newwork.gif) no-repeat top left;
	    text-indent:-99999px;
}
a#v_nav_newwork_on {
   background-position: -300px 0;
} 
a#v_nav_newwork:hover {
   background-position: -150px 0;
}
/* MIDDLE SECTION */
#middle {
   margin-top:00px;
position:relative;
height:287px;
width:886px;
}
#j_outside {
width:84px;
height:287px;
float:left;
background: url(../i/j_outside.png) no-repeat top right;
}
#j_main {
background: url(../i/j_inside_bg_light.png) no-repeat top left;
width:328px;
height:285px;
border:1px solid #603913;
float:left;
}
#inside {
float:left;
height:287px;
width:61px;
background: url(../i/middle_inside_bg.png) no-repeat top left;
}
#v_main {
background: url(../i/v_inside_bg_light.png) no-repeat top left;
width:328px;
max-width:328px;
height:285px;
border:1px solid #603913;
float:left;
}
#v_outside {
width:81px;
height:287px;
float:left;
background: url(../i/v_outside.png) no-repeat top right;
}
/* BOTTOM SECTION */
#bottom_nav {
width:886px;
height:50px;
}
#bottom_nav_left {
float:left;
width:84px;
height: 50px;
background: url(../i/bottom_nav_left_bg.png);
}
#bottom_nav_inside{
position: relative;
float:left;
top: 0;
background: url(../i/bottom_nav_bg.png) no-repeat top left;
overflow: hidden;
height: 50px;
width:721px;
float: left;
}
a#nav_about, a#nav_about_on, a#nav_about_on_on {
display: block;	    
position:absolute;
top:17px;
left:46px;
overflow:hidden;
width:57px;
height:16px; 
background: transparent url(../i/nav_about.gif) no-repeat top left;
	    text-indent:-99999px;
}
a#nav_about_on, a#nav_about_on_on{
   background-position: -300px 0;
} 
a#nav_about:hover {
   background-position: -150px 0;
}
a#nav_contact, a#nav_contact_on, a#nav_contact_on_on {
display: block;	    
position:absolute;
top:17px;
left:109px;
overflow:hidden;
width:110px;
height:16px; 
background: transparent url(../i/nav_contact.gif) no-repeat top left;
	    text-indent:-99999px;
}
a#nav_contact_on, a#nav_contact_on_on{
   background-position: -300px 0;
} 
a#nav_contact:hover {
   background-position: -150px 0;
}
a#nav_shop, a#nav_shop_on, a#nav_shop_on_on {
display: block;	    
position:absolute;
top:17px;
left:225px;
overflow:hidden;
width:51px;
height:16px; 
background: transparent url(../i/nav_shop.gif) no-repeat top left;
	    text-indent:-99999px;
}
a#nav_shop_on, a#nav_shop_on_on {
   background-position: -300px 0;
} 
a#nav_shop:hover {
   background-position: -150px 0;
}
a#nav_sound, a#nav_sound_on, a#nav_sound_on_on {
display: block;	    
position:absolute;
top:17px;
left:440px;
overflow:hidden;
width:57px;
height:16px; 
background: transparent url(../i/nav_sound.gif) no-repeat top left;
	    text-indent:-99999px;
}
a#nav_sound_on, a#nav_sound_on_on{
   background-position: -300px 0;
} 
a#nav_sound:hover {
   background-position: -150px 0;
}
a#nav_comics, a#nav_comics_on, a#nav_comics_on_on {
display: block;	    
position:absolute;
top:17px;
left:503px;
overflow:hidden;
width:110px;
height:16px; 
background: transparent url(../i/nav_comics.gif) no-repeat top left;
	    text-indent:-99999px;
}
a#nav_comics_on, a#nav_comics_on_on {
   background-position: -300px 0;
} 
a#nav_comics:hover {
   background-position: -150px 0;
}
a#nav_links, a#nav_links_on, a#nav_links_on_on {
display: block;	    
position:absolute;
top:17px;
left:619px;
overflow:hidden;
width:57px;
height:16px; 
background: transparent url(../i/nav_links.gif) no-repeat top left;
	    text-indent:-99999px;
}
a#nav_links_on, a#nav_links_on_on {
   background-position: -300px 0;
} 
a#nav_links:hover {
   background-position: -150px 0;
}
#bottom_nav_right {
float:left;
width:70px;
height: 50px;
background: url(../i/bottom_nav_right_bg.png);
}
#v_nav_dots {
position:absolute;
top:43px;
left:320px;
}
#preview {
   width:886px;
   height:71px;
}
#preview_left {
   float:left;
   width:85px;
   height:71px;
   background: url("../i/preview_left_bg.png") no-repeat top left;
}    
#preview_inside {
   float: left;
   width: 718px;
   height: 69px;
   border: 1px solid #603913;
   background: url("../i/preview_inside_bg.png") no-repeat top left;
   font-size: 80%;
   overflow: hidden;
}    
#preview_right {
   float:left;
   width:81px;
   height:71px;
   background: url("../i/preview_right_bg.png") no-repeat top left;
}
#bottom {
width:886px;
height:61px;
background: url("../i/bottom_bg.png") no-repeat top left;
}
/* GENERAL CONTENT WINDOW STUFF */
.scroll-pane img {
   border:1px solid #999999;
}
.scroll-pane a:hover img {
   border:1px solid #83572B;
}
.scroll-pane a:hover img.no-border, .scroll-pane img.no-border {
   border: none;
}
/* BLOG/UPDATES */
.post {
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
   width: 290px;
}
.post_info {
   font-style: italic;
   font-size: 90%;
   margin-bottom: 6px;
}
.storycontent {
   font-size: 100%;
   color: #83572B;
   display: block;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 20px;
   padding-bottom: 10px;
   width: 280px;
}
img.blogimage {
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
   width: 280px;
}
.blogrule {
   border-bottom-color: #83572B;
   border-bottom-style: dotted;
   margin-left: auto;
   margin-right: auto;
   border-width: 1px;
}
.titlerule {
   border-bottom-color: #83572B;
   border-bottom-style: dotted;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 1px;
   margin-top: 0px;
   padding-top: 0px;
   border-bottom-width: 1px;
}
.update_centering_snazzer {
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
   width: 290px;
}
/* ANCHORS */
a:link {
     color: #00CC00;

  }
a:visited {
     text-decoration:underline;
     color:#99CCCC;

  }
a:active {
     text-decoration:underline;
     color:#00CC00;

  }
a:hover {
     text-decoration:none;
     color:#66FF33;
  }
/* INSTALLATIONS */
.vitals {
   font-style:italic;
}
.description {

}
.icons, .index {
   clear:both;
   padding:5px 0 5px 0;
}
.icons img {
   float:left;
   margin:0 7px 7px 0;
   /*border:1px solid #83572B;*/
}
.icons a:hover img {
   /*border:1px solid #EF3A41;*/
}
.index img {
   margin:0 5px 5px 0;
   /*border:1px solid #83572B;*/
}
.index a:hover img {
   /*border:1px solid #EF3A41;*/
}
/* SCROLLING STUFF */
.left .jScrollPaneTrack {
   background: none;
}
   .left .jScrollPaneDrag {
   background: #E6E6E6;
}
   .right .jScrollPaneTrack {
   background: none;
}
.right .jScrollPaneDrag {
   background: #E6E6E6;
}

a.jScrollArrowUp {
   background: url(../i/scroll_arrow_up.gif) no-repeat 0 0;
   height: 11px;
}
a.jScrollArrowDown {
   background: url(../i/scroll_arrow_down.gif) no-repeat 0 0;
   height: 11px;
}
/* SCROLLING STUFF */
.scroll-pane {/*
   width: 200px;*/
   overflow: auto;
   float: left;
   width:312px;
}
#pane1 {
   width:312px;
   height: 269px;
   padding:8px;
}
#pane2 {
   width:312px;
   height: 269px;
   padding:8px;
}
a.jScrollArrowUp:hover {
   background-position: 0 -15px;
}
a.jScrollArrowDown:hover {
   background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
   background-position: 0 -30px;
}