body
 {
	margin: 0; /* it's good practice to zero the margin 
	and padding of the body element to account for 	
	differing browser defaults */	
	padding: 0;	
	text-align: center; /* this centers the container in 
	IE 5* browsers. The text is then set to the left aligned
	default in the #container selector */
	color: #483C20;
	/*font-family:"Lucida Grande","Lucida Sans
        Unicode",geneva,verdana,sans- serif;*/
        overflow:scroll;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: .75em;
	background-image: url(../images/2.jpg);
	background-repeat: repeat-x;
	/*overflow: scroll;*/        
}

/*this centers the page but I'm a little freaked*/

#container {
	width: 843px; 
	text-align: left; /* this overrides the 
	text-align: center on the body element. */
	margin-left: -422px;
	position: absolute;
	left: 50%;
} 
#header {
        background-image: url(../images/22.jpg);
	background-repeat: no-repeat;
	height: 118px;
	top: 0px;

}

/* navigation */

body#home a#homenav,
body#about a#aboutnav,
body#contact a#contactnav {
	/* this highlights the link to the page 
	you're on*/
	color:#FFF;
	background-image: url(../images/7.gif);
	background-repeat: no-repeat;
	background-position: 0px -2px;
	text-decoration: none;
       
}

a {
	text-decoration: none;
}
a img { border-style:none;}

a:active {
        outline: none;
}

a:focus {
        -moz-outline-style: none;
}

a:link, a:visited {
	color: #669900;
}
a:hover {
	color: #FF9999;
}

.rightside {
	left: 656px;
	position: absolute;
}

#topnav {
	top: 118px;
	background-image: url(../images/23.gif);
	height: 341px;
	padding-top: 225px;
	padding-bottom: 50px;
	padding-left: 25px;
	padding-right: 70px;
	background-repeat: no-repeat;
	width: 156px;
	text-transform: uppercase; /* force text to uppercase */
}

#topnav  ul  {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#topnav a  {
	font-family: Gill Sans, arial, sans-serif;
	letter-spacing: 0.1em;
	font-size: 1.2em;
	padding-left: 25px;
	line-height: 2em;
	background-image: url(../images/8.gif);
	background-repeat: no-repeat;
}

#topnav a:link, #topnav a:visited {
	color: #FFCC00;
	background-image: url(../images/8.gif);
	background-repeat: no-repeat;
	background-position: 0px -2px;
         font-size: 1.3em;
}

#topnav a:hover {	
	background-image: url(../images/7.gif);
	background-repeat: no-repeat;
	background-position: 0px -2px;
         color: #FF9999;
}

#topnav p {
	color: #FFFFFF
}

#bottomnav {
	top: 472px;
	background-image: url(../images/24.gif);
	height: 191px;
	background-repeat: no-repeat;
	width: 186px;
}

/*Main content box*/

#mainContent {
	background-image: url(../images/5.gif);
	background-repeat: no-repeat;
	position: absolute;
         height: 500px;
	width: 600px;     
	top: 118px;
	left: 0px;
	margin: 0px;
        padding-top: 40px;
	padding-left: 40px;
	padding-right: 20px;
}

ul {
        /*display: block;
        margin-left: 1em;
        padding-left: 1em;*/
        margin: 0;
        padding:0 0 0 2em; 
        width: 400px; 
        
}

li {
       margin: 0 0 5px 0;
       padding: 0;
      }

.title {
        font-family:Gill Sans, Verdana, Lucida Sans,arial, 
        sans-serif;
        letter-spacing: .03em;
        text-transform: uppercase;
        font-size: 1.4em;
        color: #669900;
}

.title2{
        /* this styles the portfolio title */
        letter-spacing: .1em;
        margin-bottom: 10px;
        color: #669900;
        font-family: Gill Sans, arial, sans-serif;
        font-size: .9em;
        padding-left: 10px;

 
}

#container #mainContent p {
   	margin: 10px 0 10px 0;
	color: #483C20;
	width: 430px;
}


#portfoliobox_web {
        width: 130px;
	height: 350px;
 	position: absolute;
	left: 507px;
	top: 320px;

}
#portfoliobox_print {
        width: 130px;
	height: 350px;
 	position: absolute;
	left: 507px;
	top: 40px;

}
.thumbox {
	float: left;
	margin: 10px;
}

.thumbox a>img{
	 border: 1px solid #D6D6D6;
}

.thumbox a:hover img {
 	border: 1px solid;
	}

#contactbox {
	position:absolute;
	left:208px;
	top:515px;
	width:226px;
	text-align: center;
        line-height: 1.5em;
        color: #C2B6AD;

}
#RSSbox {
	position:absolute;
	left:0px;
	top:390px;
	width:160px;	
}

#RSSbox img {
        padding-right: 5px;
}

.small {
        font-size: .8em;
        line-height: 1.5em;
        text-indent: 10px;
}

#padten {
        
         padding-left: 10px;
         padding-right: 10px;
         top: 350px;
         /*on portfolio pages, puts captions at top:350px*/
}

/*li {
         padding-top: 5px;
                
}
*/