body {
    margin: 0;
    background-color: #000000;
    color: #eeeeee;
    font-family: verdana;
}

a {
  outline: none;
}

ul {
  margin: 0;
  padding: 0;
}

h1 {
  margin: 0;
  padding: 0;
  font-size: 26px;
}

h2 {
  font-size: 24px;
}

td {
  padding: 0;
}

hr {
  background: #000000 url('../images/hr.jpg') top left no-repeat;
  display: block;
  border: 0;
  width: 100%;
  height: 5px;
}


#container {
  width: 100%;
  height: 274px;
  background: #000000 url('../images/hbg.jpg') top left repeat-x;
}

#header {
  margin: 0 auto;
  width: 999px;
  height: 274px;
  background: #000000 url('../images/header.jpg') top left no-repeat;
}

#nav-top {
  height: 1px;
  background: #000000 url('../images/navtop.jpg') top left repeat;
}

#nav {
  margin: 0 auto;
  width: 733px;
  height: 37px;
  background-color: #000000;
}

#navul {
  list-style-type: none;
  height: 37px;
}

#navul li {
  display: inline;
  float: left;
  margin-left: 104px;
}

#home {
  margin-left: 0 !important;
}


#nav a {
  display: block;
}

#nav a:hover {
  background-position: 0 -37px;
}

#home a {
  width: 140px;
  height: 37px;
  background: #000000 url('../images/home.jpg') top left no-repeat;
}

#gallery a {
  width: 169px;
  height: 37px;
  background: #000000 url('../images/gallery.jpg') top left no-repeat;
}

#tutorials a {
  width: 189px;
  height: 37px;
  background: #000000 url('../images/tutorials.jpg') top left no-repeat;
}

#nav-bottom {
  height: 1px;
  background: #000000 url('../images/navbottom.jpg') top left repeat;
}

#main-container{
  background: #000000 url('../images/bg.jpg') top left repeat;
  width: 100%;
  height: auto;
  float: left;
}

#main {
  margin: 0 auto;
  width: 976px;
  height: auto;
  padding: 16px;
  min-height: 702px;
  padding-bottom: 50px;
  background-color: #000000;
  font-size: 22px;
}

.latest-image-holder {
  width: 405px;
  height: 310px;
  float: left;
}

#main span.h1size {
  font-size: 40px;
}

#main p {
  font-size: 22px;
  margin: 0;
  margin-bottom: 25px;
}

#main p.big {
  font-size: 28px;
}

#main div.right {
  width: 530px;
  float: right;
}

#main p.clear {
  margin-top: 50px;
  padding-top: 25px;
  clear: both;
}

#main a {
  color: #3f4c6c;
  text-decoration: none;
}

#main a:visited {
  color: #b02c2b;
}


#main a:hover {
  color: #4095ef;
}

#fof-top {
  width: 915px;
  height: 7px;
  background: #36393e url('../images/404-top.jpg') top left no-repeat;
  float: left;
}

#fof {
  width: 915px;
  margin: 0 auto;
  height: auto;
  background: #36393e url('../images/404-tile.jpg') top left repeat-y;
  float: left;
}

#fof-left {
  width: 228px;
  padding: 5px 0 5px 20px;
  float: left;
}

#fof-left ul {
  list-style-type: none;
}

#fof-mid {
  width: 412px;
  padding: 5px 0 5px 20px;
  float: left;
}

#fof-img {
  width: auto;
  height: auto;
  margin-left: 5px;
  margin-right: 38px;
  padding: 5px;
  border: 2px solid #3f4c6c;
  background-color: #a8a8a8;
}

#fof-img-home {
  width: auto;
  height: auto;
  margin-left: 5px;
  padding: 5px;
  border: 2px solid #3f4c6c;
  background-color: #a8a8a8;
  text-align: center;
  color: #000;
}

#fof-img img, #fof-img-home img {
  display: block;
  margin-left: auto;
  margin-right: auto !important;
  border: 1px solid #000000 !important;
  padding: 0 !important;
}

#fof-right {
  width: 215px;
  padding: 5px 0 5px 20px;
  float: left;
}

#fof-right ul {
  list-style-type: none;
}

#fof-bottom {
  width: 915px;
  height: 7px;
  background: #36393e url('../images/404-bottom.jpg') top left no-repeat;
  float: left;
}


#footer {
  font-variant: small-caps;
  font-size: 10px;
  color: #fff;
  text-align: center;
  background: #000000 url('../images/footer-bg.jpg') bottom left repeat-x;
}

#footer a {
  font-size: 10px;
  color: #fff;
  text-decoration: none;
}

#footer a:hover {
  color: #3f4c6c;
}

.tutli {
  list-style-type: none;
  display: block;
  background: #000000 url('../images/tbbg.jpg') top left no-repeat;
  width: 757px;
  height: 91px;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-left: 20px;
}

.h2size {
  font-size: 26px;
}

#tut-cats {
  border-collapse: collapse;
  margin-top: 25px;
  margin-left: auto;
  margin-right: auto;
}

td a:active, td a:visited {
  color: #3f4c6c !important;
}

#tut-cats tr {
  display: block;
  margin-bottom: 25px;
}

#tut-cats td {
  text-align: center;
}

td.cat-left {
  width: 288px;
  height: 111px;
  background: #000000 url('../images/left-side.jpg') top left no-repeat;
}

td.cat-right {
  width: 490px;
  height: 111px;
  background: #000000 url('../images/right-side.jpg') top left no-repeat;
}

.h2size {
  font-size: 24px;
}

.galleryh2 {
  font-size: 24px;
  margin-bottom: 0 !important;
}

#mainimg {
  width: auto;
  height: auto;
  padding: 5px;
  border: 2px solid #3f4c6c;
  background-color: #a8a8a8;
}

#mainimg img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #000000;
}

#extra-info p {
  font-size: 16px !important;
  color: #a8a8a8;
}

#nav-links {
  width: 100%;
  height: 30px;
  text-align: center;
}

#img-nav {
  list-style-type: none;
  margin-top: 15px;
}

#img-nav li {
  display: block;
  width: auto;
  width: 48%;
  background-color: #000000;
  border: 1px solid #3f4c6c;
  float: left;
  margin-left: 1.5%;
}

.links-right {
  display: block;
  width: 100%;
  text-align: right;
}

.links-right a {
  font-size: 14px;
}

.links-right ul {
  list-style-type: none;
}

.links-right li {
  display: inline;
  font-size: 14px;
}

.links-right li.second {
  margin-left: 10px;
}

#search {
  width: 300px;
  height: 30px;
  position: absolute;
  top: 245px;
  left: 918px;
}

select.category {
  display: block;
  font-size: 14px;
  background-color: #000000;
  color: #3f4c6c;
  border: 1px solid #3f4c6c;
  float: left;
}

#search-submit {
  width: 32px;
  height: 25px;
  border: 0;
  background: url('../images/search-submit.jpg') top left no-repeat;
  cursor: pointer;
}

#extra-search {
  width: 100%;
  height: 300px;
  float: left;
}

#extra-search fieldset {
  display: block;
  width: 45%;
  height: 84px;
  padding-left: 1.5%;
  padding-top: 24px;
  border: 1px solid #3f4c6c;
  float: left;
  font-size: 16px;
}

#extra-search legend {
  font-size: 22px;
  color: #eeeeee;
}

#search-type, #search-text, #search-now {
  height: 72px !important;
  padding-top: 36px !important;
}

select.sp-category {
  background-color: #eeeeee;
  color: #000000;
  border: 1px solid #3f4c6c;
}

#extra-submit {
  display: block;
  width: 150px;
  height: 30px;
  font-size: 22px;
  padding-bottom: 3px;
  background-color: #3f4c6c;
  color: #000000;
  border: 1px solid #eeeeee;
}

#extra-submit:hover {
  background-color: #000000;
  color: #eeeeee;
  border: 1px solid #3f4c6c;
}

#search-type input.two {
  margin-left: 30%;
}

#search-text input {
  margin-left: 5px;
}

#cat-search {
  list-style-type: none;
}

#cat-search li{
  display: block;
  float: left;
  text-align: justify;
}

#icategory {
  margin-left: 21px;
  margin-bottom: 5px;
}

#tcategory {
  margin-left: 10px;
}

#search-results img {
  border: 1px solid #000000;
  margin-right: 5px;
  padding: 5px;
  background-color: #a8a8a8; 
}

.page-links {
  font-size: 10px !important;
  color: #ffffff !important;
  float: left;
}

.page-links a {
  font-size: 10px !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

.page-links a:hover {
  text-decoration: underline !important;
}

ul.tut-search-list {
  list-style-type: none;
  margin-left: 25px;
}

span.small {
  font-variant: small-caps;
  font-size: 12px;
}