/* 
   default text styles - background and colors overriden by
   album 'bgcolor', 'background', and 'textcolor' properties.
*/
BODY  
	{ 
	  font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	  font-size: 10pt;
	  color:#aaaaaa;
	  font-weight:bold;
	  background-color: #000000;
	  margin-top: 25px;
	  margin-left: 0px;
	  margin-right: 0px;
	}
TD, P 
	{ 
	  font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	  font-size: 10pt; 
	}
/* 
   link colors - overridden by the album 'linkcolor' property.
*/
A   	{ color: #aaaaaa; text-decoration: none; }
A:link	{ color: #aaaaaa; text-decoration: none; }
A:visited { color: #aaaaaa; text-decoration: none; }
A:active { color: #aaaaaa; }
A:hover	{ color: #ffffff; }
/* 
   text styles 
*/
.summary  /* this was added in order to control thestyle for album summaries  */
	{
	padding-left: 30px;
	padding-right: 30px;
}

.title                          /* album titles on main page */
	{ 
	  line-height:140%;
	  padding:2px;
	  margin-top:2px;
	  width: 100%;
	  text-align:left;
	}
.title a,
.title a:link,
.title a:visited,
.title a:active {
	  font-family:Trebuchet, verdana, arial, sans-serif;
	  color:#aaaaaa;
	  font-size:x-small;
	  font-weight:bold;
	  letter-spacing: .2em;  
	  text-decoration: none;
	}
.title a:hover {
	  color: #ffffff;
	  text-decoration: none;
	} 
.mod_title	/* album title  Text is controled by .title */ 
	{ 
          width: 100%;
          height: 28px;
	}
.mod_title_bg	/* album title hightlight Text is controled by .title */ 
	{ 
	}
.mod_title_right  /* album title hightlight  Text is controled by .title*/ 
	{ 
	}
.mod_title_left  /* album title hightlight  Text is controled by .title */ 
	{ 
	}
.albumdesc  /*album description includes all text and background*/
	{
	  font-family:Trebuchet, verdana, arial, sans-serif;
	  color:#afafaf;
	  font-size:x-small;
	  font-weight:bold;
	  line-height:140%;
	  padding:2px;
	  margin-top:2px;		
	}
.desc  /* album descriptions on main page just description and author*/
	{ 
	  font-family:Trebuchet, verdana, arial, sans-serif;
	  color:#afafaf;
	  font-size:x-small;
	  font-weight:bold;
	  line-height:140%;
	  padding:2px;
	  margin-top:2px;		
	  letter-spacing: .2em; 
	}
.caption  /* photo captions on all pages */
	{ 
	  font-size: 10px; 	
	}
.modcaption  /* modifies background for caption text to reside */
	{
	  font-family:Trebuchet, verdana, arial, sans-serif;
	  color: #afafaf;
	  font-size: 10px;
	  font-weight:bold;
	  line-height:140%;
	  padding:2px;
	  margin-top:2px;	
	}
.error  /* all error text */
	{ 
	  color: red; 
	  font-size: 12px; 
	}
.attention /* voting instructions */
	{
	}
.headbox  /* box around the page headers */
	{
	}
.head  /* page headers behind the Gallery title*/
	{ 
	  font-family:Trebuchet, verdana, arial, sans-serif;
	  color:#555555;
	  padding-bottom: 1.5em;
	  font-size: 16px;
	  font-weight:bold;
	  line-height:140%;
	  letter-spacing: .2em;
	  height: 28px; 
	  text-align: right; 
	}
.head a,
.head a:link,
.head a:visited,
.head a:active 
	{
	  font-weight: normal;
	  color:#aaaaaa;
	  text-decoration: none;
	}
.head a:hover
	{
	  font-weight: normal;
	  color: #ffffff;
	  text-decoration: underline;
	}
.mod_headliner  /* Gallery & Album titles. Text is controled by .head */ 
	{ 
          width: 100%;
          height: 28px;
	}
.mod_toplight_bg  /* Gallery & Album titles. Text is controled by .head */ 
	{ 
	}
.mod_toplight_right  /* Gallery & Album titles. Text is controled by .head*/ 
	{ 
	}
.mod_toplight_left  /* Gallery & Album titles. Text is controled by .head */ 
	{ 
	}
.bread  /* used in breadcrumb bars */
	{ 
	  font-size: 10px; 
	}
.bordertop
	{
	}
.borderright
	{
	}
.borderleft
	{
	}
.fineprint  /* used for fine print */
	{ 
	  font-size: 10px; 
	}
.popuphead
	{
	  font-size: 16px;
	  font-weight: bold;
	  color: #ffffff;
	}
.popup
	{
	  font-size: 12px;
	  font-weight: bold;
	  color: #ffffff;
	}
.editlink,  /* Used for the [edit] tags */
.editlink a,
.editlink a:link,
.editlink a:visited,
.editlink a:active
	{
	  font-size: 10px;
	  font-weight: bold;
	  color: #ffffff;	  
	}
.modnavbox  /* main navigation bar next and previous */ 
	{ 
	  font-family:Trebuchet,verdana, arial, sans-serif;	
	  color:#aaaaaa;
	  font-size: 12px; 
	  font-weight:bold;
	  line-height:140%;
	  letter-spacing: .2em;
	  width: 100%;
	  height: 14px;
	}
.modnavbox a,
.modnavbox a:link,
.modnavbox a:visited,
.modnavbox a:active {
	  font-weight: normal;
	  color:#aaaaaa;
	  text-decoration: none;
	}
.modnavbox a:hover {
	  font-weight: normal;
	  color: #ffffff;
	  text-decoration: underline;
	}
.admin  /* used in admin bars - the serch text*/
	{ 
	  font-size: 10px;
	  color: #aaaaaa; 
	  font-weight: bold;
	}

.adminform {
          font-size: 10px;
          font-weight: bold;
          color: #000000 ;
        }
.search  /* used in admin bars - the serch text*/
	{ 
	  font-size: 10px;
	  color: #ffffff; 
	  font-weight: bold;
	}
.leftspacer /* amount of space to the left of the header and titles */
	{
	  width: 85%;
	}
.modnavboxtop  /*navagation bar top of screen where admin buttons show*/
	{ 
	  font-family:Trebuchet,verdana, arial, sans-serif;
	  color: #ffffff;
	  font-size: 10px;
	  font-weight:bold;
	  background-color: #000000;
	  line-height:140%;
	  letter-spacing: .1em;
	  width: 100%  
	}
.modnavboxtop a,
.modnavboxtop a:link,
.modnavboxtop a:visited,
.modnavboxtop a:active {
	  font-weight: normal;
	  color: #aaaaaa;
	  text-decoration: none;
	}
.modnavboxtop a:hover {
	  font-weight: normal;
	  color: #ffffff;
	  text-decoration: none;
	}
.modnavboxmid  /*navagation bar middle where the link for the albums show*/
	{ 
	  font-family:Trebuchet, verdana, arial, sans-serif;
	  color: #aaaaaa;
	  font-size: 10px;
	  font-weight:bold;
	  background-color: #000000;
	  line-height:140%;
	  width: 100%  
	}
.modnavboxmid a,
.modnavboxmid a:link,
.modnavboxmid a:visited,
.modnavboxmid a:active {
	  font-weight: normal;
	  color:#aaaaaa;
	  text-decoration: none;
	}
.modnavboxmid a:hover {
	  font-weight: normal;
	  color: #ffffff;
	  text-decoration: underline;
	}
.modfooter  /*footer where the Gallery version is located*/
	{ 
	  font-family:Trebuchet, verdana, arial, sans-serif;
	  color:#555555;
	  font-size: 8px;
	  font-weight:normal;
	  background-color: #000000;
	  line-height:140%;
	  padding:2px;
	  width:100%   
	}
.modfooter a,
.modfooter a:link,
.modfooter a:visited,
.modfooter a:active {
	  text-decoration: none;
	  color:#777777;
	}
.modfooter a:hover {
	  color: #aaaaaa;
	  text-decoration: none;
	}
	
/* CSS Document for Greg Pease and Associates    */
/* prepared by Stephan Lieske at thelonetree.com */         
/* These directives control the navigation       */
/* links.  The following html generates the      */
/* navigation in conjunction with this CSS file  */
/* 
</div>
<div class="clearfix"><span>&nbsp;</span></div>
<div id="navlist2">
<ul>
<li><a href="http://gregpeasephoto.com/index.html" style="letter-spacing:3px;">home</a></li>
<li><a href="http://gregpeasephoto.com/Bio.html">about us</a></li>
<li><a href="http://gregpeasephoto.com/links.html">links</a></li>
<li><a href="http://gregpeasephoto.com/Contact.html">contact</a></li>
</ul><br></div>
<div class="clearfix"><span>&nbsp;</span></div>
<div id="navlist">
<ul>
<li><a href="http://gregpeasephoto.com/Industry.html">workplace</a></li>
<li><a href="http://gregpeasephoto.com/Business.html">business</a></li>
<li><a href="http://gregpeasephoto.com/People/Lex.html">people</a></li>
<li><a href="http://gregpeasephoto.com/gallery/slideshow-hometown.php?mode=high&set_albumName=baltimore">hometown</a></li>
<li><a href="http://gregpeasephoto.com/sports.html">sports</a></li>
<li><a href="http://gregpeasephoto.com/gallery/slideshow-recent.php?mode=high&set_albumName=recent">recent</a></li>
<li><a href="http://gregpeasephoto.com/circus.html">circus</a></li>
<li class="swoosh"><a href="http://gregpeasephoto.com/aerial.html">aerial</a></li>
<li><a href="http://gregpeasephoto.com/lab/index.html">technology</a></li>
<li><a href="http://gregpeasephoto.com/gallery/">gallery</a></li>
<li><a href="http://gregpeasephoto.com/Pride.html">pride</a></li>
</ul></div>
*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


 
body { text-align:center; }

#navlist {
font-family: Arial, arial, sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing:1px;
margin: 0px auto 6px auto;
padding-bottom:25px;
width: 670px;
}

#navlist li {
text-align:left;
float: left;
list-style-type: none;
margin: 0 0 1em 0;
padding: 0;
white-space: nowrap;
}
#navlist ul {
position: relative; 
margin: 0;
padding: 0;
}
#navlist a {
padding: 15px 5px 3px 5px; 
border: none; 
text-decoration: none;
background-position: 0% 0%;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
* html #navlist a {display:block;}
#navlist a {display:block;}
/* End IE5-Mac Hack */

#navlist a:hover, #navlist a:active,
#navlist .swoosh a:link, #navlist .swoosh a:visited,
#navlist .swoosh a:hover, #navlist .swoosh a:active {
background-position: -78px 0px;
}

#navlist2 {
font-family: Arial, arial, sans-serif;
font-size: 11px;
font-weight: normal;
letter-spacing:1px;
margin: 15px auto 20px auto;
width: 210px;
padding-bottom: 15px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
html #navlist2 {margin: 15px auto 0px auto;}
#navlist2 {margin: 15px auto 0px auto;}
/* End IE5 Mac hack */

#navlist2 li {
text-align:left;
float: left;
list-style-type: none;
margin: 0 0 1em 0;
padding: 0;
white-space: nowrap;
}
#navlist2 ul {
position: relative;
margin: 0;
padding: 0;
}
#navlist2 a {
padding: 15px 6px 3px 6px;
border: none;
text-decoration: none;
background-position: 0% 0%;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
* html #navlist2 a {display:block;}
#navlist2 a {display:block;}
/* End IE5-Mac Hack */

#navlist2 a:hover, #navlist2 a:active,
#navlist2 .swoosh a:link, #navlist2 .swoosh a:visited,
#navlist2 .swoosh a:hover, #navlist2 .swoosh a:active {
background-position: -78px 0px;
}

/* Using body tag ids we can control the different colors */
/* for the link text on the different pages               */

body#aerials #navlist a {
background-image: url(http://gregpeasephoto.com/images/swoosh-rollover-aerials2.gif);
background-repeat: no-repeat;
}
body#aerials #navlist a:link, body#aerials #navlist a:visited {
color: #EEEEEE;
}
body#aerials #navlist2 a {
background-image: url(http://gregpeasephoto.com/images/swoosh-rollover-aerials2.gif);
background-repeat: no-repeat;
}
body#aerials #navlist2 a:link, body#aerials #navlist2 a:visited {
color: #EEEEEE;
}

body#blackbg #navlist a {
background-image: url(http://gregpeasephoto.com/images/swoosh-rollover_blackbg2.gif);
background-repeat: no-repeat;
}
body#blackbg #navlist a:link, body#blackbg #navlist a:visited {
color: #ffffff;
}
body#blackbg #navlist2 a {
background-image: url(http://gregpeasephoto.com/images/swoosh-rollover_blackbg2.gif);
background-repeat: no-repeat;
}
body#blackbg #navlist2 a:link, body#blackbg #navlist2 a:visited {
color: #ffffff;
}

body#dkgry #navlist a {
background-image: url(images/swoosh-rollover-dkgry2.gif);
background-repeat: no-repeat;
}
body#dkgry #navlist a:link, body#dkgry #navlist a:visited {
color: #EEEEEE;
}
body#dkgry #navlist2 a {
background-image: url(http://gregpeasephoto.com/images/swoosh-rollover-dkgry2.gif);
background-repeat: no-repeat;
}
body#dkgry #navlist2 a:link, body#dkgry #navlist2 a:visited {
color: #EEEEEE;
}

body#industry #navlist a {
background-image: url(http://gregpeasephoto.com/images/swoosh-rollover-industry2.gif);
background-repeat: no-repeat;
}
body#industry #navlist a:link, body#industry #navlist a:visited {
color: #EEEEEE;
}
body#industry #navlist2 a {
background-image: url(http://gregpeasephoto.com/images/swoosh-rollover-industry2.gif);
background-repeat: no-repeat;
}
body#industry #navlist2 a:link, body#industry #navlist2 a:visited {
color: #EEEEEE;
}

body#people #navlist a {
background-image: url(http://gregpeasephoto.com/images/swoosh-rollover-people2.gif);
background-repeat: no-repeat;
}
body#people #navlist a:link, body#people #navlist a:visited {
color: #444444;
}
body#people #navlist2 a {
background-image: url(http://gregpeasephoto.com/images/swoosh-rollover-people2.gif);
background-repeat: no-repeat;
}
body#people #navlist2 a:link, body#people #navlist2 a:visited {
color: #444444;
}

body#pride #navlist a {
background-image: url(http://gregpeasephoto.com/images/swoosh-rollover-pride2.gif);
background-repeat: no-repeat;
}
body#pride #navlist a:link, body#pride #navlist a:visited {
color: #EEEEEE;
}
body#pride #navlist2 a {
background-image: url(http://gregpeasephoto.com/images/swoosh-rollover-pride2.gif);
background-repeat: no-repeat;
}
body#pride #navlist2 a:link, body#pride #navlist2 a:visited {
color: #EEEEEE;
}

body#sports #navlist a {
background-image: url(http://gregpeasephoto.com/images/swoosh-rollover-sports2.gif);
background-repeat: no-repeat;
}
body#sports #navlist a:link, body#sports #navlist a:visited {
color: #EEEEEE;
}
body#sports #navlist2 a {
background-image: url(http://gregpeasephoto.com/images/swoosh-rollover-sports2.gif);
background-repeat: no-repeat;
}
body#sports #navlist2 a:link, body#sports #navlist2 a:visited {
color: #EEEEEE;
}

body#tech #navlist a {
background-image: url(http://gregpeasephoto.com/images/swoosh-rollover-tech2.gif);
background-repeat: no-repeat;
}
body#tech #navlist a:link, body#tech #navlist a:visited {
color: #ffffff;
}
body#tech #navlist2 a {
background-image: url(http://gregpeasephoto.com/images/swoosh-rollover-tech2.gif);
background-repeat: no-repeat;
}
body#tech #navlist2 a:link, body#tech #navlist2 a:visited {
color: #ffffff;
}

img {
	border: 0px;
	padding: 0px;
	margin: 0px;
}