/* global */
body {font: normal 100% arial, sans-serif; margin: 0; padding: 0; text-align: center; color: #fff; background-color: #464646;}
a img {border: 0;}

a {color: white;}
a:link {text-decoration: none;}
a:hover {text-decoration: underline;}
a:visited {text-decoration: none;}
a:active {}

/* skeletal */
div#mozillacolorcorrect {width: 774px; margin-left: auto; margin-right: auto;  padding: 0; text-align: center;}
div#container {width: 774px; height: 600px; margin-left: auto; margin-right: auto; margin-top: 20px; padding: 0; text-align: left; position: relative;}
div#title {width: 774px; height: 35px;}
div#uppergrey {width: 774px; height: 45px; background-color: #9EA6A9;}
div#footer {width: 774px; height: 50px;}

/* skeletal, homepage specific */
div#mainphoto {width: 774px; height: 340px;}
div#text {width: 774px; height: 130px; background-color: #9EA6A9;}

/* skeletal, inner page specific */
div#main {width: 774px; height: 450px; background-color: #fff; color: #000; padding-top: 40px;}
div#lowerstrip {width: 774px; height: 20px; background-color: #9EA6A9;}

/* main title */
div#title h1 {font: normal 200% times, serif; height: 20px; text-align: right; margin: 0; padding: 0;}

/* homepage text */
div#text p {margin: 0; padding: 50px 60px 20px 60px; text-align: center; color: black; font-size: 90%;}

/* inner page text */
div#main div#overflow {overflow: auto; height: 420px;}
div#main div#overflow p {margin: 0; padding: 0 60px 20px 30px; text-align: left; font-size: 90%;}
div#main div#overflow a {color: black;}
div#main div#overflow a:hover {text-decoration: underline;}

/* footer content */
div#footer h2 {font: normal 75% arial, sans-serif; text-align: center; margin: 5px 0 10px 0; padding: 0;}
div#footer a.footerlink {font: normal 90% times, serif;}


/* homepage link boxes */
img.linkboxhome {position: absolute; top: 385px; border: solid 1px black;}
img#abouthome {position: absolute; left: 10px;}
img#videoarthome {position: absolute; left: 92px;}
img#clientarthome {position: absolute; left: 174px;}
img#snapshome {position: absolute; left: 256px;}
img#friendshome {position: absolute; left: 338px;}

/* inner page link boxes */
img.linkbox {position: absolute; top: 40px; border: solid 1px black;}
img#about {position: absolute; left: 10px;} 
img#videoart {position: absolute; left: 92px;}
img#clientart {position: absolute; left: 174px;}
img#snaps {position: absolute; left: 256px;}
img#friends {position: absolute; left: 338px;}


/* client art listings */
div#main div#overflow div.listingcontainer {clear: both; border: solid 0px black; padding: 10px;}
div#main div#overflow div.listingcontainer img {float: left; margin-right: 10px; border: solid 1px #ccc;}
div#main div#overflow div.listingcontainer h2 {margin: 0 0 0 90px; padding: 0; font-size: 100%;}
div#main div#overflow div.listingcontainer p {margin: 0 0 0 90px; padding: 0;}
div#main div#overflow div.listingcontainer p.size {font-style: italic;}


/* admin area */
ul.adminlist li {padding-bottom: 10px;}
ul.adminlist a:hover {text-decoration: underline;}
p.formexp {margin: 0; padding: 0; font-size: 80%; width: 40%;}
tr.rowsep {background-color: #9EA6A9;}
/*tr.browserow1 {background-color: #595F63;}
tr.browserow2 {background-color: #8B9296;}*/

/*

DIMENSIONS:
top dark grey strip: 35px
top light grey strip: 45px
main photo: 340px
lower light grey strip: 130px
lower dark grey strip: 50 px

COLORS:
light grey: #9EA6A9;
dark grey: #464646;

client art blue box: #0018A0;
about red box #CD0600;
video art green box #20BF02;
friends white box #ffffff;
snaps black box #000000;


*/