/*  
METATEMPUS VR PROJECT: JONAHH || PHOTOGRAPHY & ART [http://www.jonahhphotography.com/]
Version X2.1 / January 2010 - PROJECT ID: MTMPVR_00005.JPA_X2#1.10MMX
DESIGN & LAYOUT by Jonahh Oestreich [http://www.metatempus.com/] [http://www.jonahh.com/] [http://www/jonahhphotography.com]
*/

html,body{width:100%;height:100%;margin:0;padding:0;background:#222;font:1em "Trebuchet MS";color:#fff;font-weight:normal;overflow:hidden}
a{color:#fff;text-decoration:none;outline:none;border-bottom:1px dotted #ccc;font-style:italic}
a:focus,a:visited{color:#fff;text-decoration:none;outline:none;border-bottom:1px dotted #999;font-style:italic}
a:hover,a:active{color:#fff;text-decoration:none;outline:none;border-bottom:1px dotted #fff;font-style:italic}
img{padding:0;border:none;margin:0}

h1{font-size:1.5em}
h2{}
h3{}
h4{}
h5{}
h6{}

/*main*/
#bck_img{z-index:1;position:absolute;top:0;left:0;width:100%;border:0}
#outer_wrap{z-index:2;position:absolute;width:100%;height:100%;top:0;left:0;clear:both}
#content_wrap{z-index:3;width:950px;padding:0;margin:0 auto;clear:both;overflow:auto}
#content_left{width:445px;float:left;padding:0;margin:0}
#content_right{width:470px;float:right;padding:0;margin:0}
#a_content_left{width:600px;float:left;padding:0;margin:0}
#a_content_right{width:340px;min-height:600px;float:right;padding:0;margin:0}
#nojava{width:100%;position:absolute;top:0;background:#800;color:#fff;font:0.7em Verdana, sans-serif;font-weight:bold;text-align:center;border-bottom:3px ridge #800;padding:2px}

#mainav{margin:40px 0 0 45px;font-size:0.8em}
#mainav a, .mainav a:visited, .mainav a:focus{color:#ccc;text-decoration:none;outline:none;outline:none;border-bottom:1px dotted #ccc}
#mainav a:hover{color:#fff;text-decoration:none;outline:none;border-bottom:1px dotted #fff}
.mainav_current{border-bottom:1px solid #fff;font-style:italic}

#title{width:445px;height:180px;background:url('../img_bg/jpatitle.png') center center no-repeat;padding:0;margin:50px 0 20px 0}

#jpalogo{width:70px;height:70px;float:right;background:url('../img_bg/jpa_logo.png') center center no-repeat;padding:0;margin:20px 0 0 0}

#photostrip{height:550px;width:170px;float:left;position:absolute;top:50%;margin-top:-270px;margin-left:250px;overflow:auto}
#a_photostrip{height:550px;width:170px;float:left;position:absolute;top:50%;margin-top:-270px;margin-left:90px;overflow:auto}
#photostrip img{border:1px solid #800;margin:2px}
#a_photostrip img{border:1px solid #000;margin:2px}
#photostrip a,#photostrip a:hover,#photostrip a:visited,#photostrip a:focus{text-decoration:none;border:none}
#a_photostrip a,#a_photostrip a:hover,#a_photostrip a:visited,#a_photostrip a:focus{text-decoration:none;border:none}

#foot{width:950px;position:absolute;bottom:0px;clear:both;font-size:0.7em;text-align:center;color:#ccc;margin:4px auto}
*#foot a, #foot a:visited, #foot a:focus{color:#ccc;font-weight:bold;text-decoration:none;outline:none}
#foot a:hover{font-weight:bold;color:#fff;text-decoration:none}

#largeimg{z-index:10;width:600px;height:400px;position:absolute;top:50%;left:50%;margin-top:-154px;margin-left:-420px;border:1px solid #000;background:#333 url('../img_bg/loader.gif') center center no-repeat;padding:5px;color:#ccc;text-align:center;display:none}
#largeimgv{z-index:10;width:360px;height:540px;position:absolute;top:50%;left:50%;margin-top:-280px;margin-left:-240px;border:1px solid #000;background:#333 url('../img_bg/loader.gif') center center no-repeat;padding:5px;color:#ccc;text-align:center;display:none}

/*stuff*/
.txtbox{height:1000px;padding:0 5px 0 5px;margin-left:70px;background:url('../img_bg/horzbar.png') top right repeat-y}
.txtbox_about{height:1000px;padding:1px 5px 0 5px;font-size:0.8em;font-style:italic;margin-left:70px;background:url('../img_bg/horzbar.png') top right repeat-y}
.txtbox_service{height:1000px;padding:1px 5px 0 5px;font-size:0.8em;margin-left:70px;background:url('../img_bg/horzbar.png') top right repeat-y}
.albox{height:240px;padding:0;margin-left:100px;line-height:2em;background:url('../img_bg/horzbar.png') top right repeat-y}
.albox_left{width:240px;float:left}
.albox_right{width:240px;float:right}
.txtbox_right{width:420px;height:1000px;display:block;clear:both;padding:1px 5px;margin-top:155px;font-size:0.8em;background:url('../img_bg/horzbar_r.png') top left repeat-y;}

/*textBox+scroll*/
#scrollbox{width:530px;padding:5px 10px 5px 70px;margin-top:50px;background:url('../img_bg/horzbar.png') top right repeat-y;font-size:0.9em;text-align:justify}
.slider-bar .jScrollPaneTrack{background:#000}
.slider-bar .jScrollPaneDrag{background:#800}
.holder{float:left}
.scroll-pane{width:530px;height:240px;overflow:auto;float:left}
.jScrollPaneContainer{position:relative;overflow:hidden;z-index:4}
.jScrollPaneTrack{position:absolute;cursor:pointer;right:0;top:0;height:100%}
.jScrollPaneDrag{position:absolute;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:4;top:0;right:0;text-indent:-2000px;overflow:hidden;height:9px}
a.jScrollArrowDown{display:block;position:absolute;z-index:1;bottom:0;right:0;text-indent:-2000px;overflow:hidden;height:9px}

/*accordion*/
.haccordion{padding:0}
.haccordion ul{margin:0;padding:0;list-style:none;overflow:hidden}
.haccordion li{margin:0;padding:0;display:block;width:170px;height:550px;overflow:hidden;float:left}
.haccordion li .hpanel{width:170px;height:550px}

/*form*/
#contact_solo{width:495px;height:1000px;display:block;clear:both;margin-top:142px;background:url('../img_bg/horzbar_r.png') top left repeat-y;}
form{margin-top:50px;font-size:0.8em;padding:10px 10px 50px 10px}
input{background:#777;padding:1px 5px;border:1px solid #000;margin-top:2px;margin-right:5px;margin-bottom:5px;font-family:"Trebuchet MS";font-size:0.9em;color:#fff}
textarea{background:#777;padding:2px 5px;border:1px solid #000;margin-top:2px;font-family:"Trebuchet MS";font-size:0.9em;color:#fff}
label{clear:both;width:100px;float:left;display:block;/*padding-top:7px*/}
label.error{width:400px;display:block;margin-left:100px;font-size:0.8em;color:#f00;font-weight:bold}
#submit{float:left;display:inline;margin:5px 0 0 100px}
.loader{margin:0 0 0 95px}
.loader img{border:none !important}
.needed_block{font-size:0.8em;color:red;padding-left:5px;}
.needed_inline{color:red}
#thanks{padding:5px;margin:250px 0 0 0}
.smallprint{font-size:0.8em;color:#aaa;margin:5px 0 5px 0}