body { 
    background: #FFFFFF;
    margin: 40px;
    text-align: center;
}
body, div {
    font-family: Verdana, Arial, Helvetica;
    font-size: 14px;
    line-height: 1.3em;
    color: #555555;
}

/* structural styles */
#photo {
    margin: 0 auto;
    width: 800px;
    text-align: left;
}
#outer {
    padding: 30px 50px 50px 50px;
}
#inner {
    border: 1px solid #CCCCCC;
    padding: 2px;
}
#inner2 {
    padding: 0px 14px 30px 14px;
    background: #FFFFFF;
}
#header {
    height: 56px;
    border-bottom: 3px double #CCCCCC;
}
#headerpad {
    padding-top: 20px;
}
#content {
    margin-left: 105px;
    padding: 15px 15px 40px 5px;
    font-family: Georgia, "Times New Roman", serif;
}
#homecontent {
    margin-left: 350px;
    border-left: 1px solid #CCCCCC;
    padding: 5px 15px 40px 5px;
    background: #FFFFFF;
}
#breadcrumb {
    float: left;
    padding: 13px 0px 0px 10px;
    font-size: 10px;
    color: #999999;
}
#footer {
    margin: 5px 0px 0px 0px;
    font-size: 0.8em;
    color: #CCCCCC;
}

/* text/content styles */
a { 
	color: #CC0000;
}
h1 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
    font-weight: bold;
    font-style: italic;
    letter-spacing: 4;
	color: #999999;
    padding: 0px;
    margin: 0px;
    float: left;
}
a.homelink {
    text-decoration: none;
    cursor: pointer;
}
a:link h1, a:visited h1 {
    color: #999999;
}
a:hover h1, a:active h1 {
    color: #FF0000;
}
h2 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 4;
	color: #999999;
    padding: 0px;
    margin: 15px 0px 15px 0px;
}
h3 {
	font-family: Verdana, Arial, Helvetica;
    font-size: .9em;
    color:  #555555;
    margin: 0px 0px 10px 0px;
    padding: 15px 0px 5px 0px;
    border-bottom: 1px solid #CCCCCC;
}
h3 a {
    text-decoration: none;
    color: #CC0000;
}
hr {
    color: #CCCCCC;
    height: 1px;
}
.description {
	color: #000000;
	font-size: 12px;
	font-style: italic;
}
.errortext {
	font-weight: bold;
	color: #CC0000;
}
.navbar {
	color: #000000;
	font-size: 10px;
}
.navbar a {
	color: #000000;
}
.navbar a.sectionnavbar {
	color: #99CC00;
	font-weight: bold;
}
.redtext {
	color: #CC0000;
}
.row0 {
	background: #EEEEEE;
}
.row1 {
	background: #F6F6F6;
}

/* nav */
.sidenav {
	font-size: 12px;
    float: left;
}
.sidenav ul {
    margin: 34px 0px 0px 17px;
    padding: 0px;
    list-style-type: none;
    position: absolute;
}
.sidenav ul li {
    padding-bottom: 11px;
}
.sidenav a:link, .sidenav a:visited {
    text-decoration: none;
}
.sidenav a:hover, .sidenav a:active {
    color: #FF0000;
    text-decoration: underline;
}
a.navon {
    color: #CC0000;
}
a.navoff {
    color: #999999;
}

/* home slideshow */
#slideshows {
    height: 240px;
    margin: 40px 0px 0px 0px;
}

ul#slideshow1, ul#slideshow2 {
    float: left;
    width: 200px;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
ul#teaserslideshow {
    padding: 0px;
    margin: 0px;
    margin-top: 20px;
    list-style-type: none;
}
div.portfolioteaser {
    margin-left: 80px;
}
div.portfolioteaserimg {
    float: left;
}

/* portfolio page */
div.portfolioitem {
    float: left;
    width: 60px;
    padding: 0px;
    height: 75px;
    margin: 15px; 
}
div.portfolioitem.on {
    float: none;
    clear: both;
    padding: 10px 0px 5px 0px;
    width: 500px;
    height: inherit;
}
div.portfolioitem.on div.portfolioteaserimg {
    padding-top: 5px;
}
div.portfolioitem div.portfolioteaser {
    display:none;
}
div.portfolioitem.on div.portfolioteaser { 
    display:block;
}
div.portfolioitem.on div.portfolioteaser  h3 {
    padding: 0px;
}
div#taglinks {
    margin-bottom: 15px;
}
span.taglink {
    color: #999999;
    cursor: pointer;
    text-decoration: none;
}
span.taglink.on  {
    color: #CC0000;
}
span.taglink.hi  {
    color: #FF0000;
    text-decoration: underline;
}
span.count1 {
    font-size: 0.9em;
}
span.count2, span.count3, span.count4 {
    font-size: 1.1em;
}
span.count5, span.count6, span.count7, span.count8, span.count9 {
    font-size: 1.4em;
}


/* to clear floated elements - all browsers */
.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 */