body {
background-image:url(../img/bg.gif);
margin: 0px;
padding: 0px;
}

h1 {
background-image: url(../img/bar.gif);
background-repeat: no-repeat;
background-position: 370px 75px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
color: #a7a47f;
margin: 0px;
padding: 60px 0px 0px 30px;
}

h1 span {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
color: #efeecb;
margin: 0px;
padding: 60px 0px 0px 0px;
}

h2 {
background-image: url(../img/bar1.gif);
background-repeat: no-repeat;
background-position: 180px 30px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #a7a47f;
margin: 0px;
padding: 20px 0px 0px 30px;
}

h2 span {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #efeecb;
margin: 0px;
padding: 20px 0px 0px 0px;
}

#container {
background-image:url(../img/bg1.gif);
background-repeat: repeat-x;
margin: 0px;
padding: 0px;
}

#wrapper {
margin:0px auto 0px auto;
padding: 0px;
width: 800px;
}

#menu {
background-image: url(../img/header.gif);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
height: 100px;
background-position: 0px 23px;
}

#blank {
float: left;
width: 400px;
margin:0px;
padding: 0px;
height: 100px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
}

#menu li {
list-style:none;
display: inline;
padding: 0px;
margin: 0px;
}

#menu a{
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#menu a.home {
margin: 0px;
padding: 47px 10px 0px 15px;
float: left;
color: #a7a37e;
}

#menu a.home:hover {
color:#efeecb;
}

#menu a.projects {
margin: 0px;
padding: 47px 6px 0px 30px;
float: left;
color: #a7a37e;
}

#menu a.projects:hover {
color:#efeecb;
}

#menu a.about {
margin: 0px;
padding: 47px 7px 0px 28px;
float: left;
color: #a7a37e;
}

#menu a.about:hover {
color:#efeecb;
}

#menu a.contact {
margin: 0px;
padding: 47px 0px 0px 28px;
float: left;
color: #a7a37e;
}

#menu a.contact:hover {
color:#efeecb;
}


#content {
margin: 0px;
padding: 0px;
height: 450px;
}

#content ul {
list-style: none;
margin: 0px;
padding: 9px 0px 0px 30px;
float: left;
}

#content li {
list-style:none;
display: inline;
padding: 0px;
margin: 0px;
}

#content p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
margin: 0px;
padding: 20px 0px 0px 30px;
width: 700px;
}

#content a {
/*background-image: url(../img/pic.gif);*/
background-repeat: no-repeat;
width: 196px;
height: 192px;
margin: 0px;
padding: 0px 50px 0px 0px;
text-decoration: none;
float: left;
}

#content a img {
border: 1px solid #555555; /* Set image border color */
}

#content a:hover img {
border: 1px solid #efeecb; /* Set image border hover color */
}

#footer {
height: 200px;
margin: 0px;
padding: 0px;
}

#footer p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #6f6f6e;
padding: 20px 150px 0px 30px;
float: left;
margin: 0px;
}

#footer span {
color: #a7a37e;
}

#footer a {
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #6f6f6e;
margin: 0px;
padding: 20px 0px 0px 60px;
float: left;
}

#footer a:hover {
color:#efeecb;
}

/* PROJECTS PAGE */

#submenu {
background-image: url(../img/div.gif);
background-repeat: no-repeat;
background-position: 30px 79px;
width: 800px;
margin: 0px;
padding: 0px;
height: 80px;
}

#submenu ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
}

#submenu li {
list-style:none;
display: inline;
padding: 0px;
margin: 0px;
}

#submenu a{
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
height: 50px;
}

#submenu a.lastpro {
background-image: url(../img/last-unact.gif);
background-repeat: no-repeat;
width: 80px;
height: 80px;
background-position: 30px 50px;
margin: 0px;
padding: 0px;
float: left;
}

#submenu a.lastpro:hover {
color:#efeecb;
}

#submenu a.first {
background-image: url(../img/underbar.gif);
background-repeat: no-repeat;
background-position: 20px 79px;
margin: 0px;
padding: 50px 0px 0px 0px;
width: 152px;
text-align: center;
float: left;
color: #a7a37e;
}

#submenu a.first:hover {
color:#efeecb;
}

#submenu a.second {
margin: 0px;
padding: 50px 0px 0px 0px;
float: left;
text-align: center;
width: 152px;
color: #a7a37e;
}

#submenu a.second:hover {
color:#efeecb;
}

#submenu a.third {
margin: 0px;
padding: 50px 00px 0px 0px;
text-align: center;
float: left;
width: 152px;
color: #a7a37e;
}

#submenu a.third:hover {
color:#efeecb;
}

#submenu a.forth {
text-align: center;
margin: 0px;
padding: 50px 0px 0px 0px;
width: 152px;
float: left;
color: #a7a37e;
}

#submenu a.forth:hover {
color:#efeecb;
}

#submenu a.nextpro {
background-image: url(../img/next-act.gif);
background-repeat: no-repeat;
width: 60px;
height: 80px;
background-position: 30px 50px;
margin: 0px;
padding: 0px;
float: left;
}

#submenu a.nextpro:hover {
background-image: url(../img/next-unact.gif);
background-repeat: no-repeat;
}

#description {
margin: 0px;
padding: 0px;
height: 170px;
}

#description p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
margin: 0px;
padding: 20px 0px 0px 30px;
width: 700px;
}

#gallery {
margin: 0px;
padding: 0px;
height: 200px;
}

#gallery ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
}

#gallery li {
list-style:none;
display: inline;
padding: 0px;
margin: 0px;
}

#gallery a.last {
background-position: 30px 80px;
background-image: url(../img/back-nonact.gif);
background-repeat: no-repeat;
height: 240px;
width: 100px;
margin: 0px;
padding: 0px;
float: left;
}

#gallery a.last:hover {
background-image: url(../img/back-act.gif);
background-repeat: no-repeat;
}

#gallerys img {
text-decoration: none;
border: none;
height: 218px;
width: 409px;
margin: 0px;
padding: 10px 80px 0px 80px;
float: left;
}

#gallery a.next {
background-position: 0px 80px;
background-image: url(../img/forw-act.gif);
background-repeat: no-repeat;
height: 240px;
width: 100px;
margin: 0px;
padding: 0px;
float: left;
}

#gallery a.next:hover {
background-image: url(../img/forw-act.gif);
background-repeat: no-repeat;
}

#framerow {
width: 780px;
float: left;
display: inline;
margin: 0px;
padding: 30px 0px 0px 100px;
}

#framerows {
width: 780px;
float: left;
display: inline;
margin: 0px;
padding: 10px 0px 0px 100px;
}

#framerowss {
width: 780px;
float: left;
display: inline;
margin: 0px;
padding: 10px 0px 0px 100px;
}

.newslabel {
width: 120px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
float: left;
color:#ffffff;
margin: 0px;
padding: 5px 5px 0px 30px;
}

.newsbox {
width: 290px;
float: left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color:#000000;
color:#FFFFFF;
border: 1px #545454 solid;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.newsbutton {
cursor: pointer;
background-color: #a7a47f;
border: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#000000;
margin: 30px 250px 0px 0px;
padding: 0px 0px 0px 0px;
float: right;
}

.newsbutton:hover {
color:#ffffff;
}