/* Margins */
body{margin:50px auto}
#pageheader, #content, #blurb, #linkcontainer, #pagefooter, #oldIE, #validators{margin:0 auto 50px auto}
#navbuttons{margin:0 auto}
span.links{margin-left:10px;margin-right:10px}

/*div{border:1px solid white}*/
body{font-size:1em;background-color:#000;width:800px;text-align:center;color:#777}
h2, h3, h4{font-family:Georgia, Utopia, Palatino, 'Palatino Linotype', serif;color:#CCC}

/* pageheader */
#pageheader img#logo{width:509px;height:145px}

/* homeButton */
#homeButton{width:100px;height:100px;position:absolute;left:25px;top:25px}
#homeButton a{background-image:url("images/home.jpg");display:block;padding:100px 0 0 0;overflow:hidden;background-repeat:no-repeat;
              height:0px !important;height /**/:100px}
#homeButton a:hover{ background-position:-100px 0px}


/* links */
a img{border:none}
a{color:#EEE;text-decoration:none}
a:hover{color:#FFF;text-decoration:underline}
a:visited{color:#FFF}

/* navbuttons */
div#navbuttons{width:600px;height:100px}
span.artworks{color:#008000}
span.softworks{color:#F00}
span.webworks{color:#00F}
h1.worksheader{float:left;width:200px;height:100px;text-align:center}
a.worksButton{display:block;margin-top:-20px;padding:100px 0 0 0;overflow:hidden;background-repeat:no-repeat;
              height:0px !important;height /**/:100px}
a.worksButton:hover{ background-position:-200px 0px}
a#webworksButton{background-image:url("images/webworks.png")}
a#softworksButton{background-image:url("images/softworks.png")}
a#artworksButton{background-image:url("images/artworks.png")}

/* Content */
/*#content{}*/

/* blurb */
#blurb{text-align:left;width:600px;height:200px;font-family:Candara,'Arial Narrow Bold','Trebuchet MS',sans-serif}

/* Links */
div#linkcontainer{text-align:center;width:800px;font-size:1.2em;
                  font-family:'Times New Roman', Times, serif}
span.link-title{font-weight:bold}
span.links{line-height:1em}

/* Footer */
div#pagefooter{clear:left;font-size:0.85em;font-style:italic;width:700px;margin-left:50px;padding-bottom:50px;font-family:'Times New Roman', Times, serif}
div#footerCell1{float:left;text-align:left;width:175px}
div#footerCell2{float:left;text-align:center;width:175px}
div#footerCell3{float:left;text-align:center;width:175px}
div#footerCell4{float:left;text-align:right;width:175px}

/* padding */
*{padding:0}

/* content */
#content{text-align:left;width:600px;margin-left:100px}
#content p{margin-left:20px}
div.pg{margin-left:20px;display:block;border:1px solid white}

/* swTimeline */
#swTimeline{clear:left;color:#CCC}
#swTimeline ul{margin-left:20px}
#swTimeline li{list-style:none;}
#swTimeline ul.submenu{color:#777}
#swTimeline ul.submenu li{list-style:square;}

/* swLinks */
#swLinks p{display:inline;float:left}
#swLinks p img{width:32px;height:32px}


/* siteSample */
.siteSample{width:600px;min-height:225px;clear:left;margin-bottom:50px}
.siteSample img{width:350px;height:225px;display:inline;float:right;margin-left:20px}
.siteSample p{margin:0}
.siteSample p.webtech{font-style:italic}
.siteSample p.desc{margin-top:1em}
.siteSample h4{margin-left:20px}


/* CONTACT FORM */
#contactContainer{
	width:600px;margin-left:100px;background-color:#0F0F0F;
	font-family:Candara,'Arial Narrow Bold','Trebuchet MS',sans-serif;
	border-top:1px solid #36f;border-left:1px solid #36f;
	border-bottom:1px solid #006;border-right:1px solid #006;
	margin-bottom:50px;padding:0}
#contactContainer h2{text-align:left;margin-left:1em;color:#36f}
#contactForm{text-align:left}
#contactForm label{display:block;float:left;text-align:right;font-weight:bold;width:150px;height:2em;margin-top:2px}
#contactForm .labelSub{
	display:block;font-size:0.75em;font-weight:normal;text-align:right;width:150px;color:#36F}
#contactForm input.textField{
	float:left;padding:0.25em 0.5ex;border:solid 1px #aacfe4;width:250px;height:1.5em;margin:4px 0 12px 10px;
	background-color:#AAA}
#contactForm textarea{
	float:left;padding:0.25em 0.5ex;width:390px;height:20em;margin:4px 0 12px 10px;border:solid 1px #aacfe4;
	background-color:#AAA}
#contactForm p{clear:both}
#contactForm #contactButtons{clear:both;width:250px;margin:0 0 10px 175px}
#contactStatus{ text-align:center }



.empPeriod{float:left;font-weight:bold;font-family:Georgia, Utopia, Palatino, 'Palatino Linotype', serif;color:#CCC;
           margin-bottom:0;margin-left:20px}
.empName{float:right;margin-bottom:0;}
ul.empDesc{margin-left:20px;clear:both;margin-top:0;list-style-type:none}
ul.empDesc li{padding-left:2ex}
ul.empDesc ul{list-style-type:circle;margin-left:20px}



table#gallery{width:100%;text-align:center;margin:auto}
table#gallery td{width:150px;height:200px;}

div.picinfo{padding-top:10px;height:90px}
div.picnum{color:#FFF}

.note{font-style:italic;color:#CCC}