html, body { width: auto; height: auto; margin: 0; padding: 0; }
body { font-size: 12px; color: #666666; font-family: Georgia, "Times New Roman", Times, serif; background: #ffffff url(../images/wood_loop.jpg) center 0; text-align: center; }
#page-container { background-image: url(../images/bg_main.jpg); background-repeat: repeat-y; vertical-align: top; height: auto; width: 1024px; text-align: left; min-height: 1024px; margin: 0 auto; border-right: 3px none white; border-left: 3px none white; }
#headerLogo { background-image: url(../images/logo.png); background-repeat: no-repeat; position: relative; top: 19px; left: 20px; width: 520px; height: 120px; z-index: 0; }
#work { color: black; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #f7f6f4; background-image: none; filter: alpha(opacity=97); -moz-opacity:0.97; -khtml-opacity: 0.97; opacity: 0.97; background-repeat: repeat-y; background-position: 0 bottom; vertical-align: middle; position: relative; top: -30px; left: 50px; width: 420px; height: auto; z-index: 0; visibility: visible; float: left; min-height: 680px; padding-right: 35px; padding-bottom: 25px; padding-left: 35px; border: solid 1px #a89a92; }
#workOld { background-color: transparent; background-repeat: no-repeat; background-position: 0 bottom; visibility: visible; position: relative; z-index: 0; top: -30px; left: 50px; width: 500px; height: auto; min-height: 680px; float: left; vertical-align: top; border-style: none; outline: solid 1pt aqua; }
#workHead { color: black !important; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-image: url(../images/work_test_head.png); background-repeat: no-repeat; background-position: 0 bottom; position: relative; visibility: visible; padding-top: 30px; padding-left: 35px; z-index: 0; width: 480px; height: 98px; min-height: 680px; margin-top: -620px; margin-bottom: 0; }
#workTile { color: black !important; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 5px; background-image: url(../images/work_test_tile.png); background-repeat: repeat-y; background-position: 0 top; visibility: visible; position: relative; z-index: 0; width: 460px; height: auto; min-height: 600px; max-width: 460px; margin-bottom: 0; padding: 30px 0 40px 35px; border-style: none; outline: solid 1px fuchsia; }
#workFoot { color: black !important; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-image: url(../images/work_test_footer.png); background-repeat: no-repeat; background-position: 0 top; visibility: visible; position: relative; z-index: 0; width: 480px; height: 78px; margin-top: 0; border-style: none; outline: solid 1pt olive; }
#work p { line-height: 15px; }
#right { width: 450px; float: right; }
#flickrold { background-image: url(../images/flickr_logo.png); background-repeat: no-repeat; background-position: left top; position: relative; top: -50px; left: 5px; width: 280px; height: 230px; float: right; margin: 20px 150px 0 0; padding-top: 15px; }
#flickr { background-image: url(../images/flickr_logo.png); background-repeat: no-repeat; background-position: left top; position: relative; top: 60px; left: 20px; width: 390px; height: 200px; min-width: 377px; min-height: 167px; max-width: 377px; max-height: 167px; margin-bottom: 30px; margin-left: 10px; padding-top: 40px; padding-left: -20px; }
.flickrItem { width: 60px; height: 60px; float: right; margin: 5px; }
.flickr { width: 60px; height: 60px; min-width: 60px; min-height: 60px; max-width: 60px; max-height: 60px; margin: 2px; border: solid 2px white; }
#about { color: #f9f6f6; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: black; filter: alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9; position: relative; width: 342px; height: auto; margin: 20px; padding: 20px; }
#services { color: #f9f6f6; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #f05a0d; margin: 20px; padding: 20px; position: relative; width: 342px; height: auto; filter: alpha(opacity=95); -moz-opacity: 0.95; -khtml-opacity: 0.95; opacity: 0.95; }
#footer { background-image: url(../images/footer.jpg); background-repeat: no-repeat; background-position: center 0; width: 1024px; height: 200px; clear: both; }
p { }
td { }
a:link { color: #ee5c07; text-decoration: none; }
a:visited { color: #ee5c07; text-decoration: none; }
a:hover { color: #ee5c07; text-decoration: underline; }
a:active { color: #ee5c07; text-decoration: none; }
#webButton { position: relative; width: 100px; height: 30px; }
.hide { visibility: hidden; }
#item { position: relative; width: 400px; height: auto; visibility: visible; min-width: 400px; min-height: 250px; margin-top: 0; margin-bottom: 10px; padding: 0; border: solid 6px white; }
#itemSml { visibility: visible; margin-top: 0; margin-bottom: 10px; padding: 0; position: relative; width: 400px; height: 200px; min-width: 400px; min-height: 200px; border: solid 6px white;}
.header { font-size: 25px; margin-bottom: 10px; padding-right: 2px; padding-left: 2px; }
.emphasis { color: #fff; font-size: 16px; line-height: 20px; background-repeat: repeat; }
#work H1 { color: black; font-size: 25px; font-family: Helvetica, Geneva, "Trebuchet MS", Arial, SunSans-Regular, sans-serif; font-weight: lighter; background-color: white; text-transform: lowercase; letter-spacing: -1px; margin-left: -10px; padding-top: 4px; padding-bottom: 3px; padding-left: 10px; }
#work H2 { color: #404040; font-size: 16px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; background-color: white; letter-spacing: 0; visibility: visible; margin-top: -10px; margin-right: 7px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 2px; padding-left: 10px; }
#work .info { color: black; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; background-color: white; letter-spacing: 0; visibility: visible; margin-top: 0; margin-right: 7px; padding-top: 4px; padding-bottom: 6px; padding-left: 10px; }
.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
	
	
}
 
.tool-title { font-weight: normal; font-size: 12px; margin: 0; color: #a89a92; font-family: Helvetica, Arial, SunSans-Regular, sans-serif, Geneva; background-color: black; background-repeat: repeat; background-attachment: scroll; background-position: left top; text-transform: capitalize; padding: 8px 8px 0; filter: alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85; }
 
.tool-text { font-size: 11px; font-family: Helvetica, Arial, SunSans-Regular, sans-serif, Geneva; padding: 4px 8px 12px; background: black right bottom; filter: alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85; }
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}