/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}

html{height:100%;}
body{
    font-family: arial;
    font-size:16px;
    background:#fff url('images/bg_body.gif') left top repeat-x;
    height:100%;
}

h3{
    font-weight:normal;
    text-decoration:underline;
}

ul{list-style-position: inside;}

#container{
    margin:0 auto;
    width:925px;
    height:100%;
    background:transparent url('images/bg_content.gif') left top no-repeat;
}

#header{
    width:925px;
    height:101px;
    background:#fff url('images/h1_ejs_creations.gif') left top no-repeat;
}

#content{
    background:rgba(255,255,255,0.7);
    color:#3ebcb3;
    float:left;
    width:762px;
    height:571px;
    -moz-box-shadow: 0 5px 15px #666;
    -webkit-box-shadow: 0 5px 15px #666;
    box-shadow: 0 5px 15px #666;
}
#content p{
    margin-bottom:1em;
    text-indent:2.5em;
    font-size:15px;
}

#menu{
    margin:0 5px 0 0;
    width:155px;
    float:left;
}

#menu h2 a{
    font-size:20px;
    text-decoration:none;
}

#menu ul{
    margin:.1em .5em 1em 1em;
    list-style-position:inside;
}

#menu li{
    font-size:16px;
    color:#70c9dc;
}

#menu li a{
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    color:#70c9dc;
}
#menu ul.home li{color:#d95862;}
#menu ul.gallery li{color:#67c6da;}
#menu ul.about li{color:#e1b736;}
#menu ul.home li a{color:#70c9dc;}
#menu ul.gallery li a{color:#e1b736;}
#menu ul.about li a{color:#3ebcb3;}

#menu h2.current{
    -webkit-text-stroke:3px #bfd6e4;
    text-stroke:3px #bfd6e4;
}