body {
  font-family: Verdana, Helvetica;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Script MT Bold", "Monotype Corsiva", "Brush Script 35", Verdana, Helvetica;
}

hr {
  text-align: center;
  width: 600;
}

A:link, A:visited, A:active, A:hover {
  color: #555555;
  font-weight: bold;
  text-decoration: none;
}
A:hover {
  color: #999999;
}

/* This file skins resizables */

.ui-resizable { position: relative; }

/* Global handle styles */
.ui-resizable-handle { position: absolute; display: none; font-size: 0.1px; }
.ui-resizable .ui-resizable-handle { display: block; }
body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */

.ui-resizable-n { cursor: n-resize; height: 6px; width: 100%; top: 0px; left: 0px; background: transparent url(i/resizable-n.gif) repeat scroll center top; }
.ui-resizable-s { cursor: s-resize; height: 6px; width: 100%; bottom: 0px; left: 0px; background: transparent url(i/resizable-s.gif) repeat scroll center top; }

.ui-resizable-e { cursor: e-resize; width: 6px; right: 0px; top: 0px; height: 100%; background: transparent url(i/resizable-e.gif) repeat scroll right center; }
.ui-resizable-w { cursor: w-resize; width: 6px; left: 0px; top: 0px; height: 100%; background: transparent url(i/resizable-w.gif) repeat scroll right center; }

.ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: transparent url(i/resizable-se.gif); }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: transparent url(i/resizable-sw.gif); }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: 0px; top: 0px; background: transparent url(i/resizable-nw.gif); }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: 0px; top: 0px; background: transparent url(i/resizable-ne.gif); }

.ui-slider, .ui-slider-1 {
background-image:url(images/slider-bg-1.png);
}
.ui-slider {
background-position:center center;
background-repeat:no-repeat;
height:23px;
position:relative;
width:200px;
}

.ui-slider-handle {
background-image:url(images/slider-handle.png);
height:23px;
left:0;
position:absolute;
top:0;
width:12px;
z-index:1;
}

#frame {
	background-color: black;
	padding: 15px 15px 15px 15px;
	border: outset 1px lightgrey;
}
#outermat, #innermat, #photo {
	text-align: center;
	vertical-align: middle;
	border: inset 2px lightgrey;
	background-color: white;
}


//#outermat, #innermat, #frame {
//position:absolute;
//}
//
//#outermat {
//z-index:101;
//}
//
//#innermat {
//z-index:102;
//}
//
//#frame {
//z-index:103;
//}