/* --- GLOBAL ERASE --- */

* { margin: 0; padding: 0; }

/* --- COMMON --- */

/*--body { font:11px verdana, helvetica, arial, geneva, sans-serif; background-color: #fff; background-image: url(../img/tile1.gif); background-repeat: repeat; text-decoration: none; }--*/
body { font:11px verdana, helvetica, arial, geneva, sans-serif; background-color: #fff; background-image: url(../cssimg/tile2.gif); background-repeat: repeat; text-decoration: none; }

a:link	   { color: #000; text-decoration: none; }
a:visited  { color: #000; text-decoration: none; }
a:active   { color: #000; text-decoration: none; }
a:hover	   { color: #fff; background-color: #000; text-decoration: none; }

a .highlight { background: orange; }


ul li { display: inline; list-style:none; margin:0; padding:0; }
img { border: none; }
h1 { font: bold 15px georgia, serif; color: #fff; background-color: #000; letter-spacing: 0px; margin-bottom:4px; padding:  0 0 2px 4px; }
p { margin: 0 10px 0 4px; }

.h1 { font: bold 15px georgia, serif; color: #fff; background: #30301A; letter-spacing: 0px; margin-bottom:4px; padding:  0 0 2px 4px; }

#container { width: 860px; height: 600px; margin: 20px 0 0 30px; background: transparent; }



/* --- HEADER & MAIN MENU --- */

#header	{ height: 140px; background: transparent; }

#mainMenu { float: left; width: 100%; padding: 4px; background: white; border: 1px solid #bbb;}
#mainMenu ul li a { display: block; text-decoration: none; padding: 0 0 1px 4px;}
/*
.yellow a:hover  { background: #ff3; }
.lime a:hover  { background: #cf3; }
.green a:hover { background: #9f3; }
*/

.dark  { background: #30301A; }
.medium  { background: #787746; }
.light  { background: #B4AF91; }

/* --- HOME --- */

#construction { text-shadow: 0px 0px; width: 450px; padding: 4px; margin: 0 0 50px 0; background: yellow; border: 0px solid #bbb; display: none; }


#hContainer1 { position: relative; float: left; width: 240px; padding: 4px 4px 0px 4px; background: white; margin: 0 10px 0 0; border: 1px solid #bbb;}
#hContainer1:hover { position: relative; float: left; width: 240px; padding: 4px 4px 0px 4px; background: white; margin: 0 10px 0 0; border: 1px solid #FF7D00;}


#hRecent { float: left; width: 240px; background: none; }
/*#hRecent h1 { position: relative; width: 240px; }*/
/*#hRecent h1 { position: absolute; top: 4px; width: 230px; z-index: 1;}*/
#hRecent img { width: 240px; height: 200px; background: transparent; padding: 0; margin: -2px 0 0 -2px; }
#hRecent a img { border: 2px solid transparent; background: transparent}
/*#hRecent a:hover img { border: 2px solid #FF7D00; background: transparent}*/
#hRecent a { background: transparent}
#hRecent a:hover { background: transparent}
/*#hRecent p { position: relative; width: 240px; margin: 6px 0 0 0;; background: transparent; }*/

#hContainer2 { position: relative; float: left; width: 240px; padding: 4px 4px 0px 4px; background: white; margin: 0 10px 0 0; border: 1px solid #bbb;}
#hContainer2:hover { position: relative; float: left; width: 240px; padding: 4px 4px 0px 4px; background: white; margin: 0 10px 0 0; border: 1px solid #FF7D00;}

#hWork1 { float: left; width: 240px; background: none; }
/*#hWork1 h1 { position: absolute; top: 4px; width: 236px; }*/
#hWork1 img { width: 240px; height: 200px; background: transparent; padding: 0; margin: -2px 0 0 -2px; }
#hWork1 a img { border: 2px solid transparent; background: transparent; }
/*#hWork1 a:hover img { border: 2px solid #FF7D00; background: transparent; }*/
#hWork1 a { background: transparent}
#hWork1 a:hover { background: transparent}
/*#hWork1 p { position: relative; width: 240px; margin: 6px 0 0 0;; background: transparent; }*/

#hContainer3 { position: relative; float: left; width: 240px; padding: 4px 4px 0px 4px; background: white; margin: 0 10px 0 0; border: 1px solid #bbb;}
#hContainer3:hover { position: relative; float: left; width: 240px; padding: 4px 4px 0px 4px; background: white; margin: 0 10px 0 0; border: 1px solid #FF7D00;}


#hWork2 { float: left; width: 240px; background: none; }
/*#hWork2 h1 { position: absolute; top: 4px; width: 236px; }*/
#hWork2 img { width: 240px; height: 200px; background: transparent; padding: 0; margin: -2px 0 0 -2px; }
#hWork2 a img { border: 2px solid #fff; background: transparent}
/*#hWork2 a:hover img { border: 2px solid #FF7D00; background: transparent}*/
#hWork2 a { background: transparent}
#hWork2 a:hover { background: transparent}
/*#hWork2 p { position: relative; width: 240px; margin: 6px 0 0 0;; background: transparent; }*/

.right { text-align: right; }

/* --- WORK --- */

#wMenu { float: left; padding: 4px; background: white; border: 1px solid #bbb;}
#wMenu ul { float: left; display: block; }
#wMenu ul li a { display: block; width: 130px; text-decoration: none; padding: 0 0 1px 4px; }

.this a { color: #fff; background: #000; }
/*.c1 a:hover { background: #9f3; }
.c2 a:hover { background: #86F345; }
.c3 a:hover { background: #73E758; }
.c4 a:hover { background: #60DB6A; }
.c5 a:hover { background: #4DD07D; }
.c6 a:hover { background: #39C48F; }
.c7 a:hover { background: #26B8A1; }
.c8 a:hover { background: #13ACB4; }
.c9 a:hover { background: #00A0C6; }
.c10 a:hover { background: #20ACAD; }
.c11 a:hover { background: #40B895; }
.c12 a:hover { background: #60C47C; }
.c13 a:hover { background: #80D063; }
.c14 a:hover { background: #9FDB4A; }
.c15 a:hover { background: #BFE732; }
.c16 a:hover { background: #DFF319; }
.c17 a:hover { background: #ff0; }*/

.c1 a:hover { background: #FF7D00; }
.c2 a:hover { background: #FF7D00; }
.c3 a:hover { background: #FF7D00; }
.c4 a:hover { background: #FF7D00; }
.c5 a:hover { background: #FF7D00; }
.c6 a:hover { background: #FF7D00; }
.c7 a:hover { background: #FF7D00; }
.c8 a:hover { background: #FF7D00; }
.c9 a:hover { background: #FF7D00; }
.c10 a:hover { background: #FF7D00; }
.c11 a:hover { background: #FF7D00; }
.c12 a:hover { background: #FF7D00; }
.c13 a:hover { background: #FF7D00; }
.c14 a:hover { background: #FF7D00; }
.c15 a:hover { background: #FF7D00; }
.c16 a:hover { background: #FF7D00; }
.c17 a:hover { background: #FF7D00; }

#wDesc { float: left; width: 260px; margin: 0 0 0 10px; padding: 4px; background: white; border: 1px solid #bbb; }
#wDesc p + h1 { margin: 20px 0 0 4px; }

#wImg { float: left; margin: 0 0 0 10px; padding: 4px; background: white; border: 1px solid #bbb;}
#wImg img { margin-bottom: 2px; }
#wImg ul { width: 100%; }
#wImg ul li { float: left; }
#wImg ul li a { display: block; width: 18px; text-align: center; }


.moreRoom { margin: 30px 0 0 0; }
.link, .medialink { background: #FF7D00; }
/*.medialink { background: #C03000; margin: 0 0 0 3px;}*/

/* --- ABOUT --- */


#aBio { float: left; width: 860px; padding: 0px; background: transparent; }
#aImage { float: left; width: 100px; margin: 0 10px 0 0; padding: 4px; background: white; border: 1px solid #bbb;}
/*#aImage h1 { padding: 0 0 2px 10px;  }*/
#aImage img { margin: 0px; }

#aCurriculum { float: left; margin: 0px ; padding: 4px; background: white; border: 1px solid #bbb;}
#aCurriculum table { margin: 0 0 20px 4px; }
#aCurriculum table tr td { padding-bottom: 1px; }
#aCurriculum p { width: 400px; }

#aContact { float: right; display: block; width: 180px; margin: 0 0 0 10px; padding: 4px; background: white; border: 1px solid #bbb;}
#aContact p { margin: 0 0 2px 4px; }
#aContact input, textarea { margin: 0 10px 15px 4px; display: block; width: 170px}
#aContact ul li { display: block; width: 100px; color: #f00;}