body { margin: 0; padding: 0; background: #474747; font-family: "Trebuchet MS", Verdana;}

.head {padding-top: 50px; background: url(../img/body-bg.png) bottom left repeat-x; margin-bottom: 20px;}
.welcome-page { padding-top: 190px; }
.logo { text-align: center; }

.section { width: 600px; margin: 0 auto; }
.one-button { width: 50%; float: left; }

.site, .blog { display: block; text-indent: -300em; overflow: hidden; width: 256px; height: 113px; margin: 0 auto; }
.site:hover, .blog:hover { background-position: top left; }
.site { background: url(../img/site-btn.png) bottom left no-repeat; }
.blog { background: url(../img/blog-btn.png) bottom left no-repeat; }

.menu-m { background: url(../img/whole-menu-mid.png) top left repeat-x; }
.menu-l { background: url(../img/whole-menu-left.png) top left no-repeat; }
.menu-r { background: url(../img/whole-menu-right.png) top right no-repeat;  width: 530px; padding: 0 35px;}

.menu-m ul { list-style: none; margin: 0; padding: 0; text-align: center; padding-bottom: 13px; padding-top: 10px;}
.menu-m li { display: inline; margin: 0 5px;}

.menu-m li a { text-decoration: none; font-weight: bold; color: #fff; font-size: 18px; padding: 10px 0 13px 10px; background: url(../img/menu-left.png) -300em -300em no-repeat;}
.menu-m li a span { background: url(../img/menu-right.png) -300em -300em no-repeat; padding: 10px 10px 13px 0; }

.menu-m li a:hover { background-position: bottom left;}
.menu-m li a:hover span { background-position: bottom right; }

.menu-m li a.active, li a.active:hover { background-position: top left; color: #343434;}
.menu-m li a.active span, li a.active:hover span { background-position: top right; }

.under { width: 500px; margin: 0 auto; padding: 25px;}
.under p { margin: 0; text-align: center; color: #fff;}
.under a { color: #fff; text-decoration: none;}
.under a:hover { color: #666; text-decoration: none;}

.content { width: 500px; margin: 0 auto; padding: 25px;background-color: #fff;}
.content p { margin: 0; text-align: justify; text-indent: 20px;}

.content a { color: #343434; text-decoration: none; font-weight:bold;}
.content a:hover { color: #666; text-decoration: none; font-weight: bold; border-bottom: thin dotted;}

.content ul { text-align: left; list-style: none;}
.content  li.arrow { display: block; background: url(../img/arrowbullet.png) no-repeat center left; padding-left: 19px;}
.content  li.fix { display: inline; }
.content  li { display: block;}
.content  li  a { font-size: 14px;}

img { border: 0px; }
.bigImg { height: 400px; }
#projectInfo { height: 300px; }

.footer { width: 540px; margin: 0 auto; background: url(../img/bottom.png) top left no-repeat; height: 23px; padding-top: 10px; font-size: 12px; padding-left: 10px;  margin-bottom: 30px;}
.footer a { text-decoration: none; color: #666; }