/*body { font: .75em/1.3 Arial, Helvetica, sans-serif; color: #555; background: #888; }*/


/*-------------------------------------------------
=TEXT/CLASSES
-------------------------------------------------*/
/*a { color: #cbffa2; text-decoration: none; }
a:hover { text-decoration: underline; }

@font-face { font-family: Sovereign; src: url('../fonts/Sovereign.ttf'); }
abbr, acronym { border-bottom: 1px dotted #e4ffce; cursor: help; }

p { margin: .2em 0 1em; }
h1, h2, h3 { font-weight: normal; line-height: 1.1; color: #FFF; }
h1 { font-size: 2em; }
h1#headline { width: 270px; height: 72px; text-indent: -9999px; margin-bottom: .1em; background: url(../img/headline.gif) no-repeat; }
h2 { font-size: 1.75em; }
h3, div#contactInfo dt { font: 1.5em Sovereign, Georgia, serif; color: #e4ffce; margin-bottom: .4em; }
h3#contentTitle { margin-left: 3px; }

.hide { display: none; }
.date { color: #DDD; font-weight: bold; }*/
/*-------------------------------------------------
=CONTENT
-------------------------------------------------*/

/*#container { width: 100%; padding: 40px 0 60px; background: #74b244 url(../img/content-shad-bg.gif) repeat-x 0 100%; }
#contentWrap { width: 900px; margin: 0 auto; color: #FFF; }

#content { width: 592px; float: right; }*/

#picnav{
	display: block;
	width: 200px;
	float:left;
	margin: 0px;
	/*background:#000;*/
}
ul.navigation { width:200px; margin:0px;}
ul.navigation li { float: left; width: 200px; height: 55px; margin: 0 13px 0px 0; background: url(../img/work-thumb-bg.gif) no-repeat top left; list-style-type: none; }
ul.navigation li a { outline: none; }
ul.navigation li:hover, ul.navigation li.selected { background-position: 0 -108px; }
ul.navigation li#last-child { margin-right: 0; }
ul.navigation li img { margin: 12px 0 0 12px; }

#slider { width: 800px; position: relative;}
.scroll { width: 592px; height: 300px; overflow: auto; overflow-x: hidden; position: relative; /*clear: left;*/ background: transparent; float: right; }
.scrollcontainer{
	float: right;
}
div.panel { height: 300px; width: 592px; background: #6aa63b url(../img/panel-bg.gif) no-repeat; overflow: hidden; }

div.workImage { position: absolute; top: 3px; left: 3px; background: transparent; width: 592px; height: 164px; }
div.workImage img { position: absolute; top: 13px; left: 13px; }
div.workInfo { position: absolute; width: 550px; top: 180px; left: 20px; .line-height: 10px;}
div.workInfo a { color: #FFF; text-decoration: underline; }
div.workInfo p { margin-bottom: .7em; _margin-bottom: 5px;}
div.workInfo h2 { font: 1.6em Georgia, serif; }
div.workInfo h3 { font: normal 1em Arial, Helvetica, sans-serif; color: #e4ffce; margin: 0 0 .3em; }

p.tools a { color: #cbffa2; padding: 2px 0 2px 20px; _padding: -5px 0 1px 20px; background-repeat: no-repeat; background-position: 0 50%; margin-right: 15px; font-size: .95em; }
p.tools a:hover { color: #FFF; }
p.tools a.zoom { background-image: url(../img/icon-zoom.gif); }
p.tools a.visit { background-image: url(../img/icon-external.gif); padding-left: 17px; }