diff --git a/data/css/gray-style.css b/data/css/gray-style.css
new file mode 100644
index 0000000..aad527d
--- /dev/null
+++ b/data/css/gray-style.css
@@ -0,0 +1,215 @@
+html {
+    background-color: #fff;
+    font-family: Arial, Helvetica, sans-serif;
+}
+
+h1 {
+    font-family: 'Alice', Arial, Helvetica, sans-serif;
+    font-size: x-large;
+    font-weight: bold;
+    color: #5D5D5D;
+}
+
+#sub ul {
+    list-style-type: none;
+    padding: 1em 0;
+    margin-top: -9px;
+    background-color: #9C9C9C;
+    border-top: 3px double #fff;
+	margin-bottom: -9px;
+}
+
+#sub ul li {
+    margin: 0;
+    padding: 0 1em 0 1em;
+    display: inline;
+    border-right: 1px solid #fff;
+}
+
+#sub ul li.last {
+    border: 0;
+}
+
+a img {
+    border: 0;
+}
+
+#sub ul li a:visited,
+#sub ul li a {
+    color: #F5F5F5;
+    font-family: 'Alice', sans-serif;
+    font-variant: small-caps;
+}
+
+#sub-info {
+    font-size: small;
+    padding: 1em;
+    margin-top: -9px;
+    background-color: #7C7C7C;
+    color: #D7D7D7;
+    border-top: 3px double #fff;
+	margin-bottom: -0px;
+	    font-weight: bold;
+}
+
+#sub-info p {
+    border: 0px;
+    margin: 0px;
+}
+
+#sub-info span {
+    font-family: 'Alice', sans-serif;
+	    font-weight: bold;
+}
+
+#menu ul {
+    list-style-type: none;
+    padding: 1em 0;
+    margin-top: -19px;
+    background-color: #9C9C9C;
+    border-top: 3px double #fff;
+}
+
+#menu ul li {
+    margin: 0;
+    padding: 0 1em 0 1em;
+    display: inline;
+    border-right: 1px solid #fff;
+}
+
+#menu ul li.last {
+    border: 0;
+}
+
+a img {
+    border: 0;
+}
+
+#menu ul li a:visited,
+#menu ul li a {
+    color: #F5F5F5;
+    font-family: 'Alice', sans-serif;
+    font-variant: small-caps;
+}
+
+#source-info {
+    font-size: small;
+    padding: 1em;
+    margin-top: -19px;
+    background-color: #7C7C7C;
+    color: #D7D7D7;
+    border-top: 3px double #fff;
+}
+
+#source-info p {
+    border: 0px;
+    margin: 0px;
+}
+
+#source-info span {
+    font-family: 'Alice', sans-serif;
+}
+
+#content ul {
+    list-style-type: none;
+    padding: 0;
+}
+
+#content ul li a {
+    text-decoration: none;
+}
+
+#content ul li.package {
+    min-height: 72px;
+    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));
+    background: -moz-linear-gradient(top,  #eee,  #fff);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff');
+
+    border-radius: 7px; 
+    -moz-border-radius: 7px; 
+    -webkit-border-radius: 7px; 
+    border: 1px solid #ddd;
+
+    width: 500px;
+    padding: 7px;
+    margin-bottom: 10px;
+    margin-left:auto;
+    margin-right:auto;
+
+    color: #555;
+}
+
+#content ul li.syno-model {
+    float: left;
+    display: block;
+    width: 200px;
+    margin-bottom: 1em;
+    padding-left: 1em;
+}
+
+#content ul li.pat {
+    float: left;
+    display: block;
+    width: 200px;
+    margin-bottom: 1em;
+    padding-left: 1em;
+}
+
+.spk-icon {
+    float: left;
+    margin-right: 13px;
+    display: block;
+}
+
+.spk-icon a {
+    display: inline-block;
+    position: relative;
+    line-height: 0;
+}
+
+.spk-icon a ins {
+    background: url('/data/images/beta_badge.png') no-repeat 0 0;
+    position: absolute;
+    left: 42px;
+    top: -7px;
+    width: 40px;
+    height: 40px;
+}
+
+.spk-desc {
+    text-align:justify;
+    display: block;
+    font-size:12px;
+}
+
+.spk-title {
+    font-family: 'Alice', sans-serif;
+    font-size:large;
+    font-weight: bold;
+    color:#3F5E8A;
+}
+
+.dsm-version {
+    font-size: x-small;
+    color: #888;
+    margin-top: 0;
+}
+
+hr {
+    border: 0;
+    border-bottom: 1px solid #3F5E8A;
+    clear: both;
+}
+
+#footer {
+    font-size: smaller;
+	color: #5D5D5D;
+}
+
+@font-face {
+  font-family: 'Alice';
+  font-style: normal;
+  font-weight: normal;
+  src: url('/data/css/alice-webfont.eot');
+  src: url('/data/css/alice.woff') format('woff');
+}