/***** Global ************************************************************************************/

html                        { height:100%; margin-bottom:1px;}

body	  		    { background:#111212; font:11px verdana, sans-serif; color:#222;}

#uberwrap		    { width:900px; margin:0px auto; margin-top:50px; }

#content		    { float:left; display:inline; width:900px; background:#000 url(skin/main.jpg) no-repeat; border:1px solid #444; }

.clearer                    { clear:both; }

*                           { margin:0; padding:0; }

p                           { color:#111; font-size:11px; line-height:22px; }



#mast                       { width:800px; height:180px; text-indent:-4000px; }

#mast ul		    { list-style:none; }

#mast li a                  { float:left; display:block; width:300px; height:100px; }


/***** Menu ***********************************************************************************/


#menu   		    { float:left; width:150px; }

#menu ul		    { list-style:none; }

#menu li		    { text-align:right; margin-top:20px; }

#menu li a	            { display:block; color:#CCC; font-weight:bold; text-decoration:none; padding-right:25px;

                              background:url(skin/button.gif) top right no-repeat; }

#menu li a:hover	    { background:url(skin/buttonover.gif) top right no-repeat; }


/***** Index **********************************************************************************/


#indexwrap                  { float:left; display:inline; width:490px; height:720px; margin-left:60px; text-align:justify; }

#indexwrap h2               { font-size:11px; color:#888; margin:12px 0 14px 0; line-height:26px; font-weight:normal; }

#indexwrap p                { color:#888; margin-bottom:15px; line-height:26px; }

#indexwrap p.french         { font-style:italic; }

#indexwrap a                { text-decoration:none; color:#888; padding-bottom:1px; border-bottom:1px solid #555; }

#indexwrap a:hover          { color:#8dc4dd; }


/***** Works *********************************************************************************/

#works                      { float:left; display:inline; margin-left:60px; width:660px; padding-bottom:80px; }

.thumbs                     { float:left; display:inline; margin:20px 30px 20px 20px; width:160px; height:200px; border:1px solid #222; background:#010101; }

.thumbwrap                  { width:160px; height:175px; margin:0px auto; text-align:center; }

.thumbs img                 { margin-top:10px; border:1px solid #888; }

.thumbs p                   { margin-left:10px; color:#888; }

#enlarged                   { margin-top:20px; }

#enlarged .wrap             { height:405px; }

#enlarged img               { border:2px solid #CCC; margin-bottom:10px; }

#enlarged p                 { color:#888; width:240px; border-bottom:1px solid #333; line-height:28px; }

#enlarged h2                { font-size:11px; color:#CCC; width:240px; border-bottom:1px solid #333; line-height:28px; }

#enlarged em                { font-size:10px; color:#555; }

#enlarged p.price           { width:220px; padding-left:20px; background:url(skin/mail.gif) no-repeat; }

#enlarged p.prevnext        { border:0; }

#enlarged a                 { text-decoration:none; color:#999; }

#enlarged a.left            { float:left; display:inline; text-decoration:none; color:#718091; }

#enlarged a.right           { float:right; display:inline; text-decoration:none; color:#718091; text-align:right; }

#enlarged span              { float:left; display:inline; text-align:left; border:0; color:#222; }

#enlarged span.right        { float:right; display:inline; text-align:right; border:0; color:#222; }


/***** About **********************************************************************************/


#aboutwrap                  { float:left; display:inline; width:660px; height:1000px; margin-left:60px; }

#aboutwrap h2               { font-size:11px; color:#888; margin:20px 0 14px 0; }

#aboutwrap h3               { font-size:11px; color:#888; margin:30px 0 14px 0; }

#aboutwrap p                { color:#888; margin-bottom:10px; }

#aboutwrap p.year           { font-style:italic; color:#DDD; margin:0; }

#aboutwrap a                { text-decoration:none; color:#888; height:20px; padding-bottom:1px; border-bottom:1px solid #555; }

#aboutwrap a:hover          { color:#8dc4dd; }

#aboutwrap a.pdf            { border:0; }

#aboutwrap a.zip            { padding:5px 0 5px 26px; border-bottom:0; background:url(skin/zip.gif) no-repeat; }

/***** Footer **********************************************************************************/


#footer                     { float:left; clear:both; height:80px; width:800px; margin:5px 0 30px 0; }

#footer p                   { color:#333; line-height:20px; margin:0; text-align:left; font-size:10px; }


/***** Navigation **********************************************************************************/


#home .home, #works .works, #about .about, #rust .rust, #rail .rail, #press .press,

#meters .meters, #blade .blade { background:url(skin/buttonover.gif) top right no-repeat; }