@charset "utf-8";

body,td,th {

   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #FFFFFF;

}

body {
   background-image: url(http://www.jamesjayjordan.com/images/bg.jpg);
   background-repeat: repeat-x;
   padding: 0;
   margin: 0;
}
#thanks {
   display: none;
   padding-top: 5px;
   padding-left: 65px;
   font-size: 11px;
}

#content {
   background-image: url(http://www.jamesjayjordan.com/images/brand_interface_asset.jpg);
   height: 641px;
   padding: 0;
   width: 433px;
}

#shadow  {
   width: 433px;
}

#container {
   margin: 0px auto;
   width: 433px;
   padding: 0;

}

#menu  {
   width: 100%;
   padding-top: 240px;
}

#menu  img  {
   margin: 0px;
   padding: 0px;
   float: left;
}

#footer  {
   height: 15px;
   padding-top: 5px;
   clear: both;
   padding-right: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   width: 365px;
   margin: 0 auto;
   text-align: center;
}

#body  {
   width: 433px;
   height: 354px;
   clear: left;
}

#you {
   display: none;
   height: 100%;
}

#us {
   padding-left: 67px;
   display: none;
}

.dotted_line {
   margin: 5px 0;
   padding: 0;
   display: block;
}

#me {
   padding-top: 7px;
   padding-right: 40px;
   padding-bottom: 12px;
   padding-left: 65px;
   display: block;
}

fieldset {
   border: none;
   padding: 0;
   margin: 0;
}

#chris_link {
   color: #FFFFFF;
   text-decoration: none;
   margin: 0;
   padding: 0;
}

#chris_link:hover {
   text-decoration: underline;
}

#contact_form {
   width: 327px;
   padding: 0px 0 0 67px;
   margin: 0;
}

#two_k_9 {
   letter-spacing: 0.175em;
}

#jamyz {
   border: 1px solid #997998;
}

h1 {
   font-size: 11px;
   padding-left: 2px;
   margin-top: 0px;
   padding-top: 7px;
   margin-bottom: 0px;
   line-height: 1em;
   padding-bottom: 0px;
}

#thanks {
   padding-top: 7px;
}

#body  p, #contact_form p {
   font-size: 10px;
   margin: 0;
   padding: 0 0 10px 0;
   width: 300px;
}

.label {
   float: left;
   width: 78px;
   text-align: right;
   line-height: 2em;
}

input, textarea {
   float: left;
   width: 198px;
   margin-left: 14px;
   margin-bottom: 18px;
   border: 1px solid #2bd2eb;
   background-color: #178699;
   overflow: hidden;
   color: #FFFFFF;
   padding-left: 1px;
   font-size: 10px;
   font-family: Arial, Helvetica, sans-serif;
   padding-top: 3px;
}

input {
   height: 18px;
   width: 199px;
}

#form {
   height: 230px;
   margin-bottom: 0px;
   padding-bottom: 9px;

}

#copy {
   height: 114px;
   margin-top: 0px;
   padding-top: 0px;
}

.button {
   height: 24px;
   width: 68px;
   float: right;
   margin: 0 72px 0 0;
   padding-left: 0px;
   padding-right: 0px;
   border: none;
}

#submit_button {
   display: block;
}

#send_button {
   display: none;
}

* {
   margin: 0;
   padding: 0;
}

#comments     {
   height: 114px;
   width: 199px;
   margin-bottom: 5px;
}

#dotted_line    {
   padding-left: 2px;
   padding-bottom: 1px;
}

#page_content {
   width: 433px;
   margin: 0;
   height: 354px;
}

#nav_buttons {
   width: 200px;
   padding-left: 86px;
   display: block;
   height: 18px;
   float: left;
   padding-top: 14px;
   padding-right: 12px;
}

.clear {
   clear: both;
}

#website_list {
   width: 6062px;
   height: 313px;
   margin-top: 5px;
   margin-left: 0px;
}

#websites {
   width: 433px;
   overflow: hidden;
   clear: left;
}

#website_list li {
   float: left;
   list-style: none;
   width: 433px;
   height: 313px;
}

#website_list  li  a {
   border: 0;
}

#websites img {
   border: 0;
}

#nav_buttons li {
   list-style: none;
   float: left;
   padding: 0;
   margin: 0;
   padding-top: 0px;
   width: 14px;
   height: 8px;
}

#left_right_buttons {
   float: left;
   width: 42px;
   padding-top: 11px;
   padding-bottom: 10px;

}

#left_right_buttons li {
   list-style: none;
   float: left;
   width: 21px;
   height: 18px;
}
.preload {
   display: none;
}