/* 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 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 0px auto;
width: 210px;
}
#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;
}