html{overflow-y:scroll;}
body{margin:0px 0px 0px 0px;background-color:#333;font-size:11px;color:#b3b3b3;font-family:Verdana,arial,Times New Roman;}
a{text-decoration:none;color:#fff;}
a:hover{text-decoration:underline; }
img{border:1px solid #fff;}
th{padding: 25px 2px 2px 2px;}
.clr{clear:both;}
.l{float:left;}
.r{float:right;}
.content{margin:0 auto;background-color:#000;width:750px;border:1px solid #fff;padding-bottom:20px;}
.heighthack{width:0px;height:379px;}
.icontent{width:100%;}
.nav{text-align:right;margin:0 auto;width:740px;padding:15px 10px;}
.nav a:hover{color:#333; background-color:#fff;text-decoration:none;}
.copyright{color:#717171;margin:0 auto;width:730px;padding:15px 0px 50px 20px;}

.left{padding: 0px 20px;}
.right{padding: 0px 20px 0px 0px;}
.masthead{margin:30px 0px;height:66px;}
.masthead .left, .masthead .right{height:66px;}
.masthead .left{background:transparent url(JonSouthwell_Logo.gif) no-repeat top left;}
.masthead .right{background:transparent none no-repeat top left;}
.icontent .left{width:188px;}
.icontent .right{width:502px;}
span.subtitle{font-weight:bold;}

div.index{background-image: url(JonSouthwell_4.jpg);background-repeat:no-repeat;}
.index .logo{background:transparent url(JonSouthwell_Logo.gif) no-repeat top left;height:66px;width:228px;margin-top:152px;}
.biography .masthead .right{background-image:url(JS_Masthead_Biography.gif);}
.contact .masthead .right{background-image:url(JS_Masthead_Contact.gif);}
.headshots .masthead .right{background-image:url(JS_Masthead_Headshots.gif);}
.projects .masthead .right{background-image:url(JS_Masthead_Projects.gif);}
.resume .masthead .right{background-image:url(JS_Masthead_Resume.gif);}
.reel .masthead .right{background-image:url(JS_Masthead_Reel.gif);}

.biocontent{padding:0px 40px 0px 20px;}

.headshots .hsrow a{text-decoration:none;float:left;display:block;border:1px solid #fff;height:150px;width:150px;margin-right:21px;}
.headshots .hsrow a.last{margin-right:0px;}
.headshots .hsrow a:hover{text-decoration:none;}
.hsrowsep{height:21px;clear:both;}
#hsOne{background-image:url(JS_Headshot_3a_SML.jpg);}
#hsTwo{background-image:url(JS_Headshot_4a_SML.jpg);}
#hsThree{background-image:url(JS_Headshot_10a_SML.jpg);}
#hsFour{background-image:url(JS_Headshot_9a_SML.jpg);}
#hsFive{background-image:url(JS_Headshot_8a_SML.jpg);}
#hsSix{background-image:url(JS_Headshot_7a_SML.jpg);}
#hsSeven{background-image:url(JS_Headshot_6a_SML.jpg);}
#hsEight{background-image:url(JS_Headshot_11a_SML.jpg);}
#hsNine{background-image:url(JS_Headshot_5a_SML.jpg);}

#imgviewer{background-color:#000;width:500px;text-align:center;}
#imgviewer img{margin-top:0px;}
.close{position:absolute;top:auto;left:auto;text-align:right;width:490px;padding:10px 10px 0px 0px}
.visible{display:block;}
.invisible{display:none;}