@font-face{font-family:Tex;font-style:normal;font-weight:normal;src:url(http://www.josephraffael.com/fonts/tex/tex.otf);src:local(" Tex"), url(http://www.josephraffael.com/fonts/tex/tex.otf) format("truetype");}
html, body{height:100%;width:100%;overflow:auto;background-image:url(http://josephraffael.com/images/background/background_site.jpg);background-repeat:repeat-x;background-attachment:fixed;background-color:#FFFFFF;font-family:"Lucida Grande",Verdana, Arial, Helvetica, sans-serif;font-size:0.8em;margin:0;padding:0;}
ul{list-style-image:none;list-style:none;list-style-type:none;}
#bio{width:398px;height:200px;z-index:3;overflow:auto;}
#center{z-index:1;width:960px;height:500px;margin-left:auto;margin-right:auto;position:relative;top:9%;margin-top:66px;padding-left:8px;background-color:#9999cc;padding-right:5px;padding-bottom:6px;padding-top:6px;border:1px solid #FFFFFF;
 background: -moz-linear-gradient(top, #c7c7ec, #7a7aae);
	background-image: -webkit-gradient(linear, left top, left bottom,
                   	 	  color-stop(0.00, #c7c7ec),   
                  		  color-stop(1.00, #7a7aae));

   	/* IE code - note GradientType=1 means horizontal */
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',
                startColorstr=#c7c7ec, 
                endColorstr=#7a7aae, 
               GradientType=1);
}  
#center_white{z-index:1;width:960px;height:500px;margin-left:auto;margin-right:auto;position:relative;top:9%;margin-top:66px;background-color:#FFFFFF;padding-left:8px;padding-right:5px;padding-bottom:6px;padding-top:6px;border:1px solid #FFFFFF;
background: -moz-linear-gradient(top, #FFFFFF, #e0e0e0);
	background-image: -webkit-gradient(linear, left top, left bottom,
                   	 	  color-stop(0.00, #FFFFFF),   
                  		  color-stop(1.00, #e0e0e0));
						  	/* IE code - note GradientType=1 means horizontal */
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',
                startColorstr=#FFFFFF, 
                endColorstr=#e0e0e0, 
               GradientType=1);
						  }
#center_black{z-index:1;width:960px;height:500px;margin-left:auto;margin-right:auto;position:relative;top:9%;margin-top:66px;background-color:#000000;padding-left:8px;padding-right:5px;padding-bottom:6px;padding-top:6px;border:1px solid #FFFFFF;
background: -moz-linear-gradient(top, #1e1e1e, #000000);
	background-image: -webkit-gradient(linear, left top, left bottom,
                   	 	  color-stop(0.00, #1e1e1e),   
                  		  color-stop(1.00, #000000));
						  	/* IE code - note GradientType=1 means horizontal */
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',
                startColorstr=#1e1e1e, 
                endColorstr=#000000, 
               GradientType=1);}
#center_scroll{position:absolute;width:960px;z-index:1;margin-left:-450px;left:50%;top:80px;border:1px solid #FFFFFF;background: -moz-linear-gradient(top, #c7c7ec, #7a7aae);
	background-image: -webkit-gradient(linear, left top, left bottom,
                   	 	  color-stop(0.00, #c7c7ec),   
                  		  color-stop(1.00, #7a7aae));

   	/* IE code - note GradientType=1 means horizontal */
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',
                startColorstr=#c7c7ec, 
                endColorstr=#7a7aae, 
               GradientType=1);overflow:auto;}
#center_scroll_white{position:absolute;width:960px;z-index:1;margin-left:-450px;left:50%;top:80px;border:1px solid #333333;background-color:#FFFFFF;overflow:auto;}
#choice{width:600px;height:150px;z-index:+1;margin-left:-300px;margin-top:-105px;visibility:hidden;top:53%;left:50%;position:absolute;background-image:url(http://www.josephraffael.com/images/background/choice_background.png);}
#slideshow_home{position:absolute;width:500px;height:280px;z-index:+1;}
#center A:link{text-decoration:underline;line-height:normal;color:#FFFFFF;}
#center A:visited{text-decoration:none;line-height:normal;color:#FFFFFF;}
#center A:active{text-decoration:none;line-height:normal;color:#333366;}
#center A:hover{text-decoration:none;line-height:normal;color:#000b52;}
#center_white A:link{text-decoration:underline;line-height:normal;color:#000000;}
#center_white A:visited{text-decoration:none;line-height:normal;color:#000000;}
#center_white A:active{text-decoration:none;line-height:normal;color:#333366;}
#center_white A:hover{text-decoration:none;line-height:normal;color:#333366;}
#center_scroll_white A:link{text-decoration:underline;line-height:normal;color:#000000;}
#center_scroll_white A:visited{text-decoration:underline;line-height:normal;color:#CCCCCC;}
#center_scroll_white A:active{text-decoration:none;line-height:normal;color:#333366;}
#center_scroll_white A:hover{text-decoration:none;line-height:normal;color:#333366;}
#center_black A:link{text-decoration:underline;line-height:normal;color:#999999}
#center_black A:visited{text-decoration:underline;line-height:normal;color:#CCCCCC}
#center_black A:active{text-decoration:none;line-height:normal;color:#333366}
#center_black A:hover{text-decoration:none;line-height:normal;color:#333366}
#center_scroll_black A:link{text-decoration:underline;line-height:normal;color:#999999}
#center_scroll_black A:visited{text-decoration:underline;line-height:normal;color:#CCCCCC}
#center_scroll_black A:active{text-decoration:none;line-height:normal;color:#333366}
#center_scroll_black A:hover{text-decoration:none;line-height:normal;color:#333366}
A:link{text-decoration:underline;line-height:normal;color:#FFFFFF}
A:visited{text-decoration:underline;line-height:normal;color:#CCCCCC}
A:active{text-decoration:none;line-height:normal;color:#333366}
A:hover{text-decoration:none;line-height:normal;color:#333366}
.title{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:16px;background-color:transparent;border:0px;color:#FFFFFF;line-height:normal;}
h1{font-family:Tex, Verdana, Arial, Helvetica, sans-serif;font-size:2.1em;font-style:normal;font-stretch:normal;font-weight:normal;color:#FFFFFF;line-height:2.2em;display:inline;
text-align:center;
letter-spacing:2px;}
h3{font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;font-size:1.3em;font-weight:normal;color:#000000;line-height:1.3em;display:inline;}
h4{font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;font-size:1.1em;font-weight:normal;color:#272727;line-height:1.1em;display:inline;}
.subtitle{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#CCCCCC;line-height:normal;}
.text{font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:rgb(51, 51, 51);line-height:normal;background-color:transparent;border:0px;}
.text_white{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#FFFFFF;line-height:normal;background-color:transparent;border:0px;}
.recent{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-variant:normal;color:rgb(51 ,51, 51);background-color:White;line-height:normal;}
.comment{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;color:#666666;line-height:normal;}
.toptext{font-family:"Lucida Grande",Verdana, Arial, Helvetica, sans-serif;font-size:1.1em;color:#666666;}
.top_comment{font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;font-size:0.8em;color:#666666;}
.majuscule{text-transform:uppercase;}
#lightbox{position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#lightbox img{width:auto;height:auto;}
#lightbox a img{border:none;}
#outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#imageContainer{padding:10px;}
#loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}
#prevLink, #nextLink{width:49%;height:100%;background-image:url(data:image/gif );display:block;}
#prevLink{left:0;float:left;}
#nextLink{right:0;float:right;}
#prevLink:hover, #prevLink:visited:hover{background:url(http://www.josephraffael.com/lightbox/images/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover{background:url(http://www.josephraffael.com/lightbox/images/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;}
#imageData{padding:0 10px;color:#666;}
#imageData #imageDetails{width:70%;float:left;text-align:left;}
#imageData #caption{font-weight:bold;}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1.0em;}
#imageData #bottomNavClose{width:66px;float:right;padding-bottom:0.7em;outline:none;}
#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000;}
#header{position:fixed;width:100%;height:66px;z-index:2;}
#jr_header_top{background-image:url(http://www.josephraffael.com/images/background/background_top.png);background-repeat:repeat-x;width:100%;height:66px;}
#info_site{width:100%;height:66px;visibility:hidden;display:none;}
#sharebox {
	width: 68px;
	height: 25px;
margin-top:0px;
padding-top:5px;
right:0%;
position:absolute;
background-image: url(http://www.josephraffael.com/images/background/share_background.png);
background-repeat:none;
}#navigator{background-image:url(http://www.josephraffael.com/images/background/background_top.png);width:100%;height:90px;}
#jr_header_top A:link{text-decoration:underline;line-height:normal;color:#FFFFFF;border:0px;}
#jr_header_top A:visited{text-decoration:underline;line-height:normal;color:#CCCCCC;}
#jr_header_top A:active{text-decoration:none;line-height:normal;color:#333366;}
#jr_header_top A:hover{text-decoration:none;line-height:normal;color:#9999cc;}