diff --git a/top-nav-drill/index.html b/top-nav-drill/html/index.html
similarity index 100%
rename from top-nav-drill/index.html
rename to top-nav-drill/html/index.html
diff --git a/top-nav-drill/html/main.css b/top-nav-drill/html/main.css
new file mode 100644
index 0000000..2835a25
--- /dev/null
+++ b/top-nav-drill/html/main.css
@@ -0,0 +1,55 @@
+.container {
+  margin: 0 auto;
+}
+header {
+  background: black;
+}
+footer{
+  border-top-style:solid;
+}
+
+h1{
+  border-bottom-style:solid;
+}
+
+nav{
+  float:right;
+  margin-top:13px;
+  margin-right:25px;
+}
+ul {
+  list-style-type: none;
+  margin:0;
+  width: 60px;
+  text-align: center;
+  vertical-align: right;
+  display: inline;
+}
+
+li {
+  display: inline;
+  vertical-align: right;
+  padding:10px;
+}
+
+span{
+  font-family: verdana;
+  font-style: bold;
+  font-size: 40px;
+  display: inline;
+  a{
+    text-decoration: none;
+  }
+}
+
+a{
+  color:white;
+}
+
+section{
+  vertical-align: middle
+  text-align: left;
+  margin-left: auto;
+  margin-right: auto;
+  width: 760px;
+}
diff --git a/top-nav-drill/main.css b/top-nav-drill/main.css
index 9d37c16..b0a5cd2 100644
--- a/top-nav-drill/main.css
+++ b/top-nav-drill/main.css
@@ -1,5 +1,56 @@
 .container {
   margin: 0 auto;
 }
+header {
+  background: black;
+}
+footer{
+  border-top-style:solid;
+}
+
+h1{
+  border-bottom-style:solid;
+}
+
+nav{
+  float:right;
+  margin-top:13px;
+  margin-right:25px;
+}
+ul {
+  list-style-type: none;
+  margin:0;
+  width: 60px;
+  text-align: center;
+  vertical-align: right;
+  display: inline;
+}
+
+li {
+  display: inline;
+  vertical-align: right;
+  padding:10px;
+}
+
+span {
+  font-family: verdana;
+  font-style: bold;
+  font-size: 40px;
+  display: inline;
+}
+
+span a{
+  text-decoration: none;
+}
+
+a{
+  color:white;
+}
 
-/*Put your code here*/
+section{
+  vertical-align: middle
+  text-align: left;
+  margin-left: auto;
+  margin-right: auto;
+  width: 760px;
+}