/**
 * sn1prmods
 *
 * Author: MeyeZor <http://www.nvsfx.com>
 * Copyright: 2010
 **/


 /**
       **/
* {
  margin: 0px;
  padding: 0px;
  border: none;
}
body {
  background-image: url(../images/background.png);
  background-repeat: repeat-x;
  background-color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #c8c8c8;
}
<hr size="2" width="500" />

/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
  color: #BBDBED;
}

/* Adds special style to an unvisited link. */
a:link
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
  color: #BBDBED;
}

/* Adds special style to a visited link. */
a:visited, a.visited
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
  color: #AAC0CA;
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
  color: #92C6E2;
}

/* Finish Content link style */

a.foot: link {
    FONT-WEIGHT:bold;
    FONT-SIZE:11px;
    COLOR: #6C6C6C;
    FONT-FAMILY:Arial;
    TEXT-DECORATION:none
}
a.foot:visited {
    FONT-WEIGHT:bold;
    FONT-SIZE:11px;
    COLOR:#6C6C6C;
    FONT-FAMILY:Arial;
    TEXT-DECORATION:none
    }

a.foot:active {
    FONT-WEIGHT:bold;
    FONT-SIZE: 11px;
    COLOR: #6C6C6C;
    FONT-FAMILY:Arial;
    TEXT-DECORATION:none
}
 a.foot:hover {
    FONT-WEIGHT:bold;
    FONT-SIZE:11px;
    COLOR: #239CF0;
    FONT-FAMILY:Arial;
    TEXT-DECORATION:none
}
#container {
  margin: auto;
  width: 960px;
}
#top {
  float: left;
  width: 960px;
  height: 119px;
}
#title {
  float: left;
  width: 265px;
  height: 84px;
  padding-top: 18px;
}
#title h1 {
  display: block;
  float: left;
  width: 265px;
  height: 84px;
  text-indent: -9999px;
}
#title h1 a {
  display: block;
  width: 265;
  height: 84;
  background-image: url(../images/logo.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#navigation { float: right; }
.nav-links li {
  display: block;
  float: left;
  list-style-type: none;
}
.nav-links li a {
  float: left;
  width: 98px;
  height: 68px;
  text-decoration: none;
  text-transform: capitalize;
  color: #FFFFFF;
  font-size: 16px;
  text-align: center;
  padding-top: 51px;
  border-left-width: 3px;
  border-left-style: dotted;
  border-left-color: #0c9bdd;
}
.nav-links li a:hover {
  color: #0c9bdd;
  background-image: url(../images/nav_hover.png);
  background-repeat: no-repeat;
  background-position: center bottom;
}

li.borderx2 {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #cecece;
}

#banner {
  float: left;
  width: 960px;
  height: 340px;
  background-image: url(../images/bannerbg.jpg);
  background-repeat: no-repeat;
  margin-top: 18px;
}

#welcome {
  float: left;
  padding-top: 10px;
  width: 960px;
  border-color: #99FF33;
  background-image: url(../images/separator.png);
}
h2 {
  text-transform: uppercase;
  color: #0c9bdd;
  font-size: 18px;
  margin-bottom: 15px;
}
#mainhead {
  text-transform: uppercase;
  color: #FEDC54;
  font-size: 18px;
  margin-bottom: 15px;
}
.heading-color2 { color: #9a9a9a; }


#welcome-text {
  width: 204px;
  height: 100%;
  float: left;
  background-image: url(../images/welcomebg.png);
  background-position: 0 0;
  background-repeat: repeat;
  background-color: #323432;
  line-height: 19px;
  text-align: left;
  padding-top: 2px;
  position: relative;
  text-transform: none;
  font-size: 13px;
  color: #656565;
  margin-bottom: 15px;
  font-family: Verdana, Arial, Helvetica, sans-serif
}
#leftcopy {

  padding-bottom: 20;
  padding-top: 20;
}


.list li {
  float: left;
  text-decoration: none;
  background-image: url(../images/bullet.png);
  background-repeat: no-repeat;
  list-style-type: none;
  width: 73px;
  padding-left: 2px;
  margin-top: 2px;
  background-position: left center;
}
.list li a {
  float: left;
  width: 98px;
  height: 68px;
  text-decoration: none;
  text-transform: capitalize;
  color: #FFFFFF;
  font-size: 16px;
  text-align: center;
  padding-top: 51px;
  border-left-width: 3px;
  border-left-style: dotted;
  border-left-color: #0c9bdd;
}
#welcome-image {
  width: 650px;
  height 100%;
  float: left;
  text-decoration: none;
  list-style-type: none;
  background-position: left center;
  background-image: url(../images/welcomerightbg.png);
  background-color: #171618;
  background-repeat: repeat;
  line-height: 19px;
  text-align: left;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  position: static;
  font-size: 13px;
  color: #b4b4b4;
  margin-bottom: 15px;
  font-family: Verdana, Arial, Helvetica, sans-serif  ;

}
#samples {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-top: 20px;
  float: left;
  width: 155px;
  border: 1px;
  border-color: #99FF33 ;
  position: relative;

}
#info {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-top: 20px;
  float: left;
  background-color: #444444;
  width: 500px;
  position: relative;
  border: 10px solid #2e3137;

}
#info a, #info a hover  {
    FONT-WEIGHT:bold;
    FONT-SIZE:12px;
    COLOR: #239CF0;
    FONT-FAMILY:Arial;
    TEXT-DECORATION:none


}
.separator {
  background-image: url(../images/divider.png);
  background-repeat: no-repeat;
  float: left;
  height: 29px;
  width: 511px;

}
#sidebar {
  float: left;
  height: 209px;
  width: 219px;
  background-image: url(../images/contentbox.png);
  background-repeat: no-repeat;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 30px;
  padding-left: 20px;
}
h3 {
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  margin-bottom: 20px;
  font-size: 12px;
}
.sidebar-list li {
  list-style-type: none;
  margin-top: 10px;
  padding-bottom: 10px;
  background-image: url(../images/divider.png);
  background-repeat: repeat-x;
  background-position: bottom;
}
.leftsidebar-list li {
  list-style-type: none;
  margin-top: 10px;
  padding-bottom: 10px;
  background-image: url(../images/divider.png);
  background-repeat: repeat-x;
  background-position: bottom;
}
#content {
  float: right;
  width: 550px;
  text-align: justify;
}
#content p { margin-bottom: 10px; }
#footer {
  float: left;
  width: 960px;
  height: 50px;
  background-image: url(../images/footer.png);
  background-repeat: no-repeat;
  margin-top: 40px;
  padding-top: 25px;
  text-align: center;

}

    #gallery {

        padding: 10px;
        width: 500px;
    }
    #gallery ul { list-style: none; }
    #gallery ul li { display: inline; }
    #gallery ul img {
        border: 2px solid #000000;
        border-width: 5px 5px 20px;
    }
    #gallery ul a:hover img {
        border: 5px solid #2e3137;
        border-width: 5px 5px 20px;
        color: #fff;
    }
    #gallery ul a:hover { color: #000000; }