@charset "utf-8";
/* CSS Document */

* {
  margin:0%;
  padding:0%;
}

#firstlayer{
width:auto;
height:auto;
background: url(img/1.png);

}

 #container{
  height:auto;
  width:1024px;
  margin-left:auto;
  margin-right:auto;
  vertical-align:top;
  background:#ccc url(images/body-bg.png) repeat-x 0 0; 
}

 /*****************************/
#head {
  width:1001px;
  height:110px;
  padding-bottom:1em;
}

#head h1 {  
  margin-top:0%;
  display:block;
  width:356px;
  height:115px;
  float:left;
  text-indent:-9999px;
}

#head h1 a {
  display:block;
  float:left;
  width:100%;
  height:100%;
  background:url(images/logo.png) no-repeat 0 0;
  outline:none;
}


/*********MENU*******************/

#head ul {
  margin-top:0%;
  display:block;
  float:left;
  height:115px;
  list-style:none;
  background:url(images/nav-sprite.png) no-repeat 0 0;
}

#head ul li {
  display:block;
  height:115px;
  float:left;
  padding-bottom:50px;
}

#home {
  width:128px;
}
#portfolio {
  width:190px;
}
#services {
  width:165px;
}
#contact {
  width:162px;
}

#head ul li a {
float:left;
  display:block;
  width:100%;
  height:100%;
  text-indent:-9999px;
  outline: none;
}

li#home a:hover {
  background:url(images/nav-sprite.png) no-repeat 0px -115px;
}
li#portfolio a:hover {
  background:url(images/nav-sprite.png) no-repeat -127px -115px;
}
li#services a:hover {
  background:url(images/nav-sprite.png) no-repeat -317px -115px;
}
li#contact a:hover {
  background:url(images/nav-sprite.png) no-repeat -482px -115px;
}




/************CONTAINER**************************/

#content{
  width:1000px;
  height:auto;
  margin-left: auto;
  margin-right: auto;
}


#main-content {
  height:auto;
  width:1000px;
  background-color:#999999;
  border:3px black;
}


#main-content   span{
 display:block;
 color:#00f;
 background-color:#999;
}

#main-content span:hover{
 color:#fff;
 background-color:#55f;
}

#main-content a{
 text-decoration:none;
 font-family:mono;
 font-weight:bold;
}
        
        
#cv {
 display:table-cell;
 margin-left:auto;
 margin-right:auto; 
 width:10em; 
 display:block;
}
        








/***FOOTER***/

#footer {
  width:1024px;
  margin:auto;
/*  background-color:#333; */
  text-align:center;
  background: url(images/footer.png) repeat-x 0 0;
}

#footer p {
  clear:both;
  width:auto;
  color:#ccc;
  height:50px;
  line-height:50px;
}