@charset "UTF-8";
/* CSS Document */

* {
margin:0; 
padding:0;
}

img {
border: none;
behavior: url(iepngfix.htc);
}

.imageborder
{
    border-width: 1px;
    border-color: Black;
}

th{
font-weight:normal;
}

html, body {
margin:0; 
padding:0;
background-image: url(../bg/bg3_bw.jpg);

}

a:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #737373; text-decoration: none; }
a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #737373; text-decoration: none; }
a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF9900; text-decoration: none; }
a:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #737373; text-decoration: none; }

a.imgbord:link {color: #000000;}
a.imgbord:active {color: #000000;}
a.imgbord:visited {color: #000000;}
a.imgbord:hover {color: #000000;}

#image{

}

.thumb{
float:left;
margin-right:10px;
margin-top:10px;}


#background{
position:absolute; 
z-index:-10; 
width:100%; 
height:100%;
overflow:scroll;
background-color:#FFFFFF;
}

#top_black {
position:absolute; 
top:0px; 
left:0px; 
width:100%; 
z-index:10;
background-image: url(../images/top_pattern.jpg); 
background-color: #000000;
padding:0px;
}

#nav {
position:absolute; 
top:120px; 
left:0px; 
width:100%; 
z-index:10; 
/*background-color: #FFFFFF; */ 
padding:0px;
}

#wrapper{
position:absolute; 
top:180px; 
width: 100%;
padding: 0px;
z-index: 10;
}

#gallery_wrapper{
position:absolute; 
top:162px; 
width: 100%;
padding: 0px;
z-index: 10;
}

#aboutcontent {
margin:0 auto;
width:780px; 
height:432px;
z-index:20; 
background-image: url(../images/white_bg.png);  
padding:10px;
display:none;
behavior: url(iepngfix.htc);
}

#philcontent {
margin:0 auto;
width:780px; 
height:280px;
z-index:20; 
background-image: url(../images/white_bg.png);  
padding:10px;
display:none;
behavior: url(iepngfix.htc);
}

#aboutpic{
float: left;
width: 280px;
height: 280px;
z-index:20;
padding:0px;

}

#philpic{
float: left;
width: 204px;
height: 280px;
z-index:21;
padding:0px;
border: solid 1px #000000;

}

#abouttext {
float: left;
overflow: scroll;
width: 460px;
height: 235px;
z-index:20;
padding-top: 10px;
padding-left: 20px;
padding-right: 10px;
padding-bottom: 10px;

}

#testtext {
float: left;
overflow: scroll;
width: 700px;
height: 280px;
padding-left: 40px;
z-index:20;

}

#philtext {
float: left;
overflow: scroll;
width: 540px;
height: 260px;
z-index:21;
padding-top: 10px;
padding-left: 20px;
padding-right: 10px;
padding-bottom: 10px;

}

#gallerycontent {
margin:0 auto;
width:780px; 
z-index:20; 
padding:10px;
display:none;

}


#gallerythumbscontainer {
float: left;
width: 120px;
height: 380px;
z-index:20;

}
#gallerythumbs {
float: left;
overflow: scroll;
width: 40px;
height: 380px;
z-index:20;

}

#contactcontent {
margin:0 auto;
width:500px; 
height:280px;
z-index:20; 
background-image: url(../images/white_bg.png);  
padding:10px;
display:none;
behavior: url(iepngfix.htc);
}

#testcontent {
margin:0 auto;
width:780px; 
height:280px;
z-index:20; 
background-image: url(../images/white_bg.png);  
padding:10px;
display:none;
behavior: url(iepngfix.htc);
}

#publishedcontent {
margin:0 auto;
width:780px;
height:475px; 
z-index:20; 
background-image: url(../images/white_bg.png);  
padding:10px;
display:none;
behavior: url(iepngfix.htc);
}

#publishedflip {
float: left;
width:650px; 
z-index:20; 
}

#publishedselect {
float: left;
width:110px; 
z-index:20; 
padding-top: 0px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}


/***************FONT STYLES***************/

h1{
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 29px;
color: #000000;

}


h2{
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 18px;
background-color: #000000;
color: #FFFFFF;
}

h3{
font-family:Arial, Helvetica, sans-serif;
font-size: 18px;
color: #000000;
}

h4{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
}

.pub_head{
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #000000;
}

.pub_subhead{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
}

.allcaps{
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px; 
color: #000000;
}

.body{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
line-height: 18px;
}


.contact{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
line-height: 16px;
}



/***************HOME PAGE BG SLIDESHOW***************/




#content {
margin:0px auto;
height:100px;
width:100%;
bottom:5%;
z-index: 3;
background:#262626 no-repeat 90%;
border-top:1px solid #000;
border-bottom:1px solid #4F4F4F;
position:absolute;
}

#contentframe{
overflow: hidden;
border-top:solid 1px #4F4F4F;
border-bottom:1px solid #000;
height: 100%;
text-align:left;
z-index: -1;
}

#slidecounter{
float:left;
color:#4F4F4F;
font:50px "Helvetica Neue", Arial, sans-serif;
font-weight:bold;
margin:18px 20px;	
}

#slidecaption{
overflow: hidden;
float:left;
color:#FFF;
font:26px "Helvetica Neue", Arial, sans-serif;
font-weight:bold;
margin:33px 0;
}

/*Supersized Stamp*/
.stamp{
float: right;
margin: 25px 20px 0 0;
}

/*Supersize Plugin Styles*/
#navigation{
background: url('images/navbg.gif') no-repeat;
float: right;
margin:22px 20px 0 0;
}

#loading {
position: absolute;
top: 49.5%; 
left: 49.5%;
z-index: -1;
width: 24px; 
height: 24px;
text-indent: -999em;
background-image: url(../images/progress.gif);
}

#supersize{
position:fixed;
}

#supersize img, #supersize a{
height:100%;
width:100%;
position:absolute;
z-index: 0;
}

#supersize .prevslide, #supersize .prevslide img{
z-index: 1;
}

#supersize .activeslide, #supersize .activeslide img{
z-index: 2;
}