html, body { margin: 0px; padding: 0px; }
body { text-align: center; background-color: #7a726f; font-family: Myriad Pro, Arial; font-size: 11px; }
#container { width: 960px; margin: 50px auto 0px; text-align: left; }
#header { width: 100%; background: url(src/ht.png) no-repeat #cfdad4; float: left; height: 160px; text-align: left; padding: 0px; }
img { border: none; }
#nav { clear: left; float: left; list-style: none; margin: 35px 0px 0px 56px; padding: 0px; display: inline; }
#nav li { float: left; list-style: none; display: block; width: 100px; height: 26px; text-align: center; padding-top: 7px; background: url(src/n.jpg) no-repeat; }
#nav li a { color: #858987; width: 100px; display: block; cursor: pointer; }
#nav li.active { background: url(src/na.jpg) no-repeat; }
#nav li.active a { color: #f1f2f1; }
#mood { clear: both; float: left; background: url(src/vbg.png) repeat-y top left; height: 250px; width: 960px;}
#content { clear: both; float: left; margin: 0px; padding: 0px; line-height: 0px; background: url(src/vbg.png) repeat-y #e7f3ea; }
#subnav { width: 163px; border-top: 1px solid #c5cec9; float: left; margin: 25px 0px 0px 27px; list-style: none; padding: 0px; line-height: 11px; 
    display: inline; }
#subnav li { float: left; display: block; list-style: none; border-bottom: 1px solid #c5cec9; height: 22px; margin: 1px 0px 0px 0px; padding: 1px 0px 1px 0px; }
#subnav li a { display: block; width: 160px; color: #858987; margin: 0px; padding: 6px 0px 5px 3px; cursor: pointer; }
#subnav li.active a { background-color: #d9e3dc; }
#subnav ul { padding: 2px 0px 0px 20px; margin: 1px 0px 0px 0px; }
#subnav ul li a { width: 140px; }
#subnav li.active ul li a { background-color: transparent; }
#subnav li.active ul li.active a { background-color: #d9e3dc; }
#text { width: 450px; float: left; margin: 25px 0px 0px 8px; padding: 0px 0px 60px 25px; border-left: 1px solid #c5cec9; }
h1 { color: #4a4a4c; font-size: 16px; line-height: 1em; text-transform: uppercase; 
    margin: 0px 0px 10px 0px; padding: 0px; font: Century Gothic, Arial; }
h2 { font-size: 14px; color: #7e1b1e; margin-bottom: 50px; }
p { margin: 10px 0px; padding: 0px; font-size: 12px; line-height: 1.5em; color: #58585a; width: 380px; }
span#address { font-family: Arial; margin: 20px 0px 0px 60px; font-size: 9px; color: #9c9d9f; line-height: 1.3em; clear: both; float: left; width: 700px; }
#text ul { list-style-image: url(src/bullet.png); background: url(src/ulbg.png) no-repeat; margin: 0px; padding: 15px 15px 0px 30px; 
    line-height: 0px; width: 400px; }
#text ul li { padding-bottom: 7px; color: #58585a; line-height: 1.2em; }
#text .ulbg { line-height: 0px; margin: 0px; padding: 0px; background: url(src/ulbgc.png) repeat-y; }
#text .bl { border-left: 1px solid #c5cec9; padding-left: 8px; margin: 3px 0px 0px 3px; float: left; display: block; }
#text .fl { float: left; }
#text .cb { clear: both; }
#text a { color: #92171d; }
#text img { float: left; line-height: 0px; margin: 0px; padding: 0px; }
#text h3 { margin-top: 25px; color: #7e1b1e; font-size: 13px; }
#text h3 { margin-top: 25px; color: #7e1b1e; font-size: 13px; }
#box { background: url(src/box.jpg) no-repeat; float: left; width: 200px; height: 356px; 
    display: block; margin: 25px 0px 0px -20px; padding: 18px 0px 0px 12px; line-height: 1.3em; color: #58585a; }
#box .name { font-weight: bold; margin: 0px 0px 0px 35px; float: left; color: #fff; }
#box .email { margin: 0px 0px 0px 24px; clear: both; float: left; }
#box .mailto { padding-left: 20px; clear: both; float: left; margin: 1px 0px 0px 6px; text-decoration: none; color: #58585a; }
#box img { margin-top: 14px; }
#sound { float: left; margin: 55px 0px 0px 57px; color: #98a19c; font-size: 10px; width: 163px; display: block; display: inline; 
    border-top: 1px solid #b2bcb5; border-bottom: 1px solid #b2bcb5; padding: 7px 0px; background-repeat: no-repeat; background-position: 70px 5px; }
.on { background-image: url(src/on.png); }
.off { background-image: url(src/off.png); }
#dynamic { float: left; display: inline; width: 897px; margin-left: 30px; background: url(src/cbg.png) repeat-x #E7F3EA; }
#box2 { background: url(src/box2.png) no-repeat; float: left; width: 250px; height: 356px; 
    display: block; margin: 25px 0px 0px -50px; padding: 14px 0px 0px 16px; line-height: 1.3em; color: #58585a; }
#box2 h3 { margin: 33px 0px 0px 0px; float: left; border-bottom: 1px solid #c5cec9; width: 220px; padding-bottom: 5px; font-size: 13px; }
#box2 p { clear: both; float: left; width: 225px; line-height: 1.1em; margin: 15px 0px 0px 0px; }
#box2 p.mail { background: url(src/bg_mail.jpg) no-repeat; width: 220px; height: 34px; margin: 10px 0px 0px 0px; }
#box2 span { margin: 3px 0px 0px 5px; float: left; font-weight: bold; }
#box2 span.head { color: #fff; margin-left: 10px; width: 215px; float: left; display: block; font-weight: normal; }   
#box2 a { margin: 2px 0px 0px 5px; float: left; padding-left: 20px; background: url(src/letter.jpg) no-repeat left; text-decoration: none; color: #58585a; }