html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; }
:focus { outline:0; }
body { line-height:1; color:black; background:white; }
ol, ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

body { font:normal 62.5%/1.6 "Lucida Grande",Helvetica,Arial,sans-serif; text-align:center; color:#000; background-color:#FFF; }

p { text-align:left; }

#container { position:relative; text-align:left; width:825px; margin:25px auto; }

#navtag { position:absolute; top:-8px; left:-196px; background:#fff url(http://www.armentas.com/family/michael/l/i/nav-tag.jpg) no-repeat; width:196px; height:198px; }
#nav { position:relative; float:left; background:#fff url(http://www.armentas.com/family/michael/l/i/nav-bg.jpg) no-repeat; width:268px; height:190px; }
#nav ul { float:left; margin:45px 10px 0 0;  }
#nav ul+ul { margin-top:42px; }
#nav ul li { font-size:1.2em; font-weight:bold; text-decoration:none; width:70px; padding-right:24px; }
#nav ul li a { display:block; }
#nav ul li a span { visibility:hidden; width:70px; }
#nav ul li#home a { background:transparent url(http://www.armentas.com/family/michael/l/i/home-off.gif) no-repeat left center; }
#nav ul li#home a:hover, body#home #nav ul li#home a { background:transparent url(http://www.armentas.com/family/michael/l/i/home-on.gif) no-repeat left center; }
#nav ul li#work { display:none; }
#nav ul li#work a { background:transparent url(http://www.armentas.com/family/michael/l/i/work-off.gif) no-repeat left center; }
#nav ul li#work a:hover, body#work #nav ul li#work a { background:transparent url(http://www.armentas.com/family/michael/l/i/work-on.gif) no-repeat left center; }
#nav ul li#resume a { background:transparent url(http://www.armentas.com/family/michael/l/i/resume-off.gif) no-repeat left center; }
#nav ul li#resume a:hover, body#resume #nav ul li#resume a { background:transparent url(http://www.armentas.com/family/michael/l/i/resume-on.gif) no-repeat left center; }
#nav ul li#contact a { background:transparent url(http://www.armentas.com/family/michael/l/i/contact-off.gif) no-repeat left center; }
#nav ul li#contact a:hover, body#contact #nav ul li#contact a { background:transparent url(http://www.armentas.com/family/michael/l/i/contact-on.gif) no-repeat left center; }
#nav ul li#links { display:none; }
#nav ul li#links a { background:transparent url(http://www.armentas.com/family/michael/l/i/links-off.gif) no-repeat left center; }
#nav ul li#links a:hover, body#links #nav ul li#links a { background:transparent url(http://www.armentas.com/family/michael/l/i/links-on.gif) no-repeat left center; }
#nav ul li#graphics a { background:transparent url(http://www.armentas.com/family/michael/l/i/graphics-off.gif) no-repeat left center; }
#nav ul li#graphics a:hover, body#graphics #nav ul li#graphics a { background:transparent url(http://www.armentas.com/family/michael/l/i/graphics-on.gif) no-repeat left center; }
#nav ul li#objects a { background:transparent url(http://www.armentas.com/family/michael/l/i/objects-off.gif) no-repeat left center; }
#nav ul li#objects a:hover, body#objects #nav ul li#objects a { background:transparent url(http://www.armentas.com/family/michael/l/i/objects-on.gif) no-repeat left center; }
#nav ul li#paintings a { background:transparent url(http://www.armentas.com/family/michael/l/i/paintings-off.gif) no-repeat left center; }
#nav ul li#paintings a:hover, body#paintings #nav ul li#paintings a { background:transparent url(http://www.armentas.com/family/michael/l/i/paintings-on.gif) no-repeat left center; }
#nav ul li#drawings a { background:transparent url(http://www.armentas.com/family/michael/l/i/drawings-off.gif) no-repeat left center; }
#nav ul li#drawings a:hover, body#drawings #nav ul li#drawings a { background:transparent url(http://www.armentas.com/family/michael/l/i/drawings-on.gif) no-repeat left center; }
#nav ul li#photos a { background:transparent url(http://www.armentas.com/family/michael/l/i/photos-off.gif) no-repeat left center; }
#nav ul li#photos a:hover, body#photos #nav ul li#photos a { background:transparent url(http://www.armentas.com/family/michael/l/i/photos-on.gif) no-repeat left center; }

a { text-decoration:none; }
a:link { color:#696969; }
a:visited { color:#696969; }
a:hover { color:#ff0000; }
a:active { color:#696969; }

#header_desc { position:relative; float:right; text-align:right; width:550px; height:190px; }
#header_desc div { position:absolute; right:0; bottom:0; width:400px; }
#header_desc p { text-align:right; }
#header_desc p strong { font-weight:bold; }
#header_desc img.award { position:absolute; top:40px; left:5px; }

#content { position:relative; clear:both; width:825px; padding-top:10px; }

#masthead { position:relative; clear:both; width:268px; }

#description { position:relative; float:left; border-bottom:16px solid #000; width:270px; min-height:361px; height:auto !important; height:361px; }
#description p { position:absolute; bottom:15px; background-color:#FFF; width:268px; padding:10px 0; }

#imagery { position:relative; float:right; width:540px; min-height:360px; height:auto !important; height:360px; }
#imagery p { font-size:1.5em; font-weight:bold; }

#footer { clear:both; padding:15px 0; }
#footer ul { float:right; }
#footer li { display:inline; padding-left:10px; }

#content p.captionContainer { float:right; font-size:13px; margin:0 20px 0 0; padding:0; text-align:right; width:50%; }

/* slideViewer */
.svw { width:50px; height:20px; background:#fff; }
.svw ul{ position:relative; left:-999em; }

.stripViewer { position:relative; overflow:hidden; margin:0 0 1px 0; }
.stripViewer ul { position: relative; left:0; top:0; width:1%; list-style-type:none; }
.stripViewer ul li { float:left; }
.stripTransmitter { overflow:auto; background-color:#000; width:1%; height:16px; }
.stripTransmitter ul { position:relative; list-style-type:none; }
.stripTransmitter ul li { width:20px; float:left; margin:0 1px 1px 0; }
.stripTransmitter a { display: block; font:normal 14px Arial,Verdana; text-align:center; text-decoration:none; line-height:16px; background-color:#000; color:#fff; }
.stripTransmitter a:hover { background:#c50000; color:#fff; }
.stripTransmitter a.current, .stripTransmitter a.current:hover { color:#ff0000; }

#tooltip { position:absolute; z-index:3000; border:1px solid #111; background-color:#eee; padding:5px; opacity:0.85; }
#tooltip h3, #tooltip div { margin: 0; }

.clear { clear:both; height:1px; font-size:.1em; background:transparent; border:none; margin:0; padding:0; }
.hide { display:none; }
.clearleft { clear:left; }

/* ---------->>> jtip <<<---------------------------------------------------------------*/
#JT_arrow_left { position:absolute; top:-1px; left:-11px; z-index:101; background:url(http://www.armentas.com/family/michael/l/i/arrow_left.gif) no-repeat left top; width:10px; height:23px; }
#JT_arrow_right { position:absolute; top:-1px; z-index:101; background:url(http://www.armentas.com/family/michael/l/i/arrow_right.gif) no-repeat left top; height:23px; width:11px; }
#JT { position:absolute; z-index:100; background-color:#fff; border:1px solid #000; }
#JT_copy { background-color:#eee; color:#000; padding:10px 10px 10px 10px; opacity:0.85; }
.JT_loader { background:url(http://www.armentas.com/family/michael/l/i/loader.gif) no-repeat center center; width:100%; height:12px; }
#JT_close_left { font-weight:bold; background-color:#000; text-align:left; color:#fff; padding-left:8px; padding-bottom:5px; padding-top:2px; }
#JT_close_right { font-weight:bold; text-align:left; background-color:#000; color:#fff; padding-left:8px; padding-bottom:5px; padding-top:2px; }
#JT_copy p { margin:3px 0; }
#JT_copy img { border:1px solid #CCCCCC; padding:1px;  }
.jTip { cursor:help; }
