* { margin:0; padding:0; }
img { border:0; }
html, body {height:100%;}
body {text-align:center; /* horizontal centering for IE Win quirks */}
ul { font-size:14px; }
#distance {width:1px; height:50%; margin-bottom:-340px; /* half of container's height */ float:left;}
#container {margin:0 auto; 	position:relative; /* puts container in front of distance */text-align:left;height:680px; width:640px;clear:left; }

#bottom { position:absolute; bottom:0; left:0; width:100%; height:165px; }

#zack { position:absolute; bottom:16px; left:0; }

#zackphoto { padding-top:156px; }
#zackphoto p { font-size:7px; margin-top:3px; }
#bioul { font-size:11px; width:420px; position:absolute; right:0px; bottom:388px; list-style-type:none; color:black; }
#bioul li { margin-bottom:10px; }

#contactul { position:absolute; left:3px; bottom:266px; list-style-type:none; color:black; font-size:12px; }
#contactul .cli { margin-bottom:13px; }
#contactul .clid { margin-bottom:26px; }
#contactul .clit { margin-bottom:29px; font-size:14px; }
#contactul .clid a { text-decoration:none; color:black; }

#gallerysublinks { list-style-type:none; position:absolute; left:0; top:40px; }
#gallerysublinks li { float:left; display:inline; }
#gallerysublinks li a,
#gallerysublinks li .noa { display:block; cursor:normal; text-decoration:none; font-size:14px; padding:2px 10px 0; }
#gallerysublinks li a { color:black; }
#gallerysublinks li .noa { color:gray; }


#gallerysublinks li a.current { color:gray; }

#gallerylinks { list-style-type:none; position:relative; }
#gallerylinks li { float:left; display:block; height:22px; margin-right:33px; }
#gallerylinks li a { display:block; height:22px; background:url(../images/gallery-links-strip.png); text-indent:-3000px; cursor:pointer; }
#gallerylinks #gl_stripland { width:180px; }
#gallerylinks #gl_stripland a { background-position:0px 0px; }
#gallerylinks #gl_stripland a:hover { background-position:0px -22px; }
#gallerylinks #gl_portfolio2 { width:236px; }
#gallerylinks #gl_portfolio2 a { background-position:-208px 0px; }
#gallerylinks #gl_portfolio2 a:hover { background-position:-208px -22px; }
#gallerylinks #gl_portfolio3 { width:150px; margin-right:0; }
#gallerylinks #gl_portfolio3 a { background-position:-490px 0px; }
#gallerylinks #gl_portfolio3 a:hover { background-position:-490px -22px; }

#textlinks { list-style-type:none; position:absolute; bottom:0; left:0; width:210px; }
#textlinks li { float:left; display:block; width:210px; height:16px; }
#textlinks li a { display:block; height:16px; background:url(../images/text-links-strip.png); text-indent:-3000px; cursor:pointer; }
#textlinks #tl_works { width:45px; margin-left:20px; }
#textlinks #tl_works a { background-position:0px 0px; }
#textlinks #tl_works a:hover { background-position:0px -16px; }
#textlinks #tl_bio { width:43px; }
#textlinks #tl_bio a { background-position:-40px 0px; }
#textlinks #tl_bio a:hover { background-position:-40px -16px; }
#textlinks #tl_contact { width:71px; margin-left:4px; }
#textlinks #tl_contact a { background-position:-135px 0px; }
#textlinks #tl_contact a:hover { background-position:-135px -16px; }

#credit { position:absolute; bottom:0; right:0; font-size:10px; color:#cdcdcd; font-family:arial, sans-serif; }
#credit a { color:#cdcdcd; text-decoration:none; }
#credit img { vertical-align:middle; }

.admprevlink { width:100px; height:78px; float:left; margin:10px 10px 0 0; position:relative; }
.admprevlink a { display:block; width:100px; height:78px; }
.possel { position:absolute; bottom:0; right:0; }
#pageimgdiv .loading { background:url('../images/loader.gif') no-repeat center; }

#pageimgdiv { width:640px; height:500px; overflow:hidden; position:relative; }
#pageimg { position:absolute; width:640px; height:500px; top:0; left:0; top:0; left:0; z-index:2; }
#pageimghover { background:url(../images/trans.gif) repeat; position:absolute; width:640px; height:500px; top:0; left:0; z-index:4; }
#pageimgtext { background:url(../images/greytrans.png) repeat; position:absolute; bottom:-72px; left:0; width:640px; height:72px; z-index:3; }
#imgtitle { position:absolute; bottom:12px; left:14px; }
#imgdesc { display:none; }

h1, h2 { color:#e5e5e5; font-size:18px; font-weight:bold; }
