@charset "utf-8";
body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; background:#993333}

#container {margin-left:auto; margin-right:auto;}
#body {width:1002px; margin-left:auto; margin-right:auto;}
#header {background:url(../images/gui/logo.png) no-repeat left; height:129px; background-position:20px;} 
#body_left {background:url(../images/gui/box_a.png) no-repeat left;}
#body_right {background:url(../images/gui/box_c.png) no-repeat right; }
#body_mid {background:url(../images/gui/box_b.png) repeat-x; height:470px; width:700px; margin:0 275px 0 27px;}

h1 {color:#FFFFFF; font-size:18px; margin:0; margin-bottom:5px;}
h2 {color:#FF6600; font-size:16px; margin:0; margin-top:10px;}
#title {color:#FFFF99; height:41px; padding:15px 0;}
#content {height:302px; padding:10px 0; overflow:auto;}

/* Navigation */
#navi {height:77px;}
.button {width:105px; height:77px; float:left; margin-right:1px;}
#home {background:url(../images/gui/home_a.png) no-repeat;}
#design {background:url(../images/gui/design_a.png) no-repeat;}
#talk {background:url(../images/gui/talk_a.png) no-repeat;}
#contact {background:url(../images/gui/contact_a.png) no-repeat;}
#pricing {background:url(../images/gui/pricing_a.png) no-repeat;}

#home:hover {background:url(../images/gui/home_b.jpg) no-repeat;}
#design:hover {background:url(../images/gui/design_b.jpg) no-repeat;}
#talk:hover {background:url(../images/gui/talk_b.jpg) no-repeat;}
#contact:hover {background:url(../images/gui/contact_b.jpg) no-repeat;}
#pricing:hover {background:url(../images/gui/pricing_b.jpg) no-repeat;}