body       { background: #c9c8c8; margin: 0; padding: 0; font-family: trebuchet, "trebuchet ms", sans-serif; }
td         { font-family: trebuchet, "trebuchet ms", sans-serif; font-size: 14px; text-align: left; text-align: left; }
p          { padding: 0; margin: 12px 0; line-height: 130%; }
h1         { color: #8160a0; text-align: left; padding: 0; margin: 12px 0 0 0; font-size: 16px; }  
td.index   { font-family: sans-serif; font-size: 15px; color: #fff; padding: 30px; background-image: url("images/index_right_no_text.png"); background-position: top left; background-repeat: no-repeat; text-align: left; }
td.index p { padding:0; margin: 0 0 25px; line-height: 130%; }
.img       { float: left; display: inline; }
.nav_bar   { background: #bdcbb9; }
.content   { padding: 0; margin:0; background: #fff url("images/bg.png") no-repeat scroll bottom left; }
.border    { border: 2px solid #050708; border-top: 0px; }
.thumb     { padding: 0; margin: 0 5px 5px 0; }
.big       { font-size: 16px; }
.center    { text-align: center; }
.portfolio { padding: 8px 8px 0 8px; font-size: 12px }
.portfolio b { color: #8160a0; }

a:link, a:active, a:visited { color: #000000; font-weight: normal; text-decoration: none; }
a:hover                     { color: #000000; font-weight: normal; text-decoration: underline; }

div.footer                                                      { font-size: 11px; color: #666; margin-top: 3px; }
a.footer_link:link, a.footer_link:active, a.footer_link:visited { font-size: 11px; color: #666; font-weight: normal; text-decoration: none; }
a.footer_link:hover                                             { font-size: 11px; color: #666; font-weight: normal; text-decoration: underline; }

div.thumb_off                                                                { display: block; float: left; border: 1px solid #ffffff; margin: 0 7px 7px 0; }
a.thumb:link, a.thumb:active, a.thumb:visited                                { display: block; float: left; border: 1px solid #ffffff; margin: 0 7px 7px 0; }
a.thumb:hover                                                                { display: block; float: left; border: 1px solid #444444; margin: 0 7px 7px 0; }
a.thumb_sel:link, a.thumb_sel:active, a.thumb_sel:visited, a.thumb_sel:hover { display: block; float: left; border: 1px solid #000000; margin: 0 7px 7px 0; }


/* everything below is Son of a Suckerfish menus */
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	float: left; 
	display: inline;
	clear: none;
	font-family: arial, sans-serif;
}

#nav a {
	display: block;
	width: 134px;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;

}

#nav li { /* all list items */
	float: left;
	width: 130px; /* width needed or else Opera goes nuts */
	border-top: 1px solid #fff;
	padding: 3px 0 3px 3px;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #a08cbb;
	width: 134px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	line-height: 150%;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -22px 0 0 130px;
	background: #a08cbb;
	border-left: 1px solid #fff;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
