/*

 * GLOBALS */



* {

      padding: 0; margin: 0; }

img {

      border: 0px;}

   

body{ background: #1d0802 url('../gfx/bg_main.png') no-repeat 0 0;

      color: #ccbeb6; font-size: 11px; font-family: arial; }

      

a {

      outline: none;

      text-decoration: none; color: #ccbeb6; }

a:hover {

      color: #ffffff; }



p {

      line-height: 140%; }



h3 {

      font-size: 10px; }



h1 {

      text-indent: -9999px; font-size: 10px; }

      

.logo {

      float: left;

      width: 169px; height: 55px;

      margin-top: -10px;}

   

      

/*

 * MAIN DIVS */



#top {

      width: auto; height: 5px;

      background: url('../gfx/bg_top.png') repeat-x }



#wrap {

      /*width: 960px; lines fix*/ height: 100px;

      margin-top: 35px; }



#menu {

      width: 932px; height: 93px;

      padding-left: 65px; }

      

#mainElement {

      padding-left: 65px; padding-top: 26px;

      width: 948px; }



#footer {

      width: 932px;

      padding-left: 65px; padding-top: 26px; padding-bottom: 30px; }

    



/*

 * CLASSES */



#wrap .border {

   height: 2px; margin-left: 38px; white-space: nowrap;

      background: url('../gfx/bg_border.png') no-repeat; clear:both; }

#borderb{

	margin-bottom:19px;

	}



#wrap .hello {

      margin-left: 65px; margin-top: 62px; margin-bottom: 57px;

      width: 670px; height: 37px; text-indent: -999999px;

      background: url('../gfx/txt/hello.png') no-repeat; }



.home { margin-top: 17px; padding-bottom: 37px; }

      



/*

 * THE MENU */



#menu li {

      display: block; float: left; 

      margin-left: 23px; margin-top: 3px; }

      

#menu ul {

      margin-top: 10px;

      height: 11px;

      overflow: hidden;

      float: right; }

      

#menu ul img {

      height: 8px; }

      

#menu ul a {

      height: 8px; }

      

#menu .home img, #menu .homeS img {

      width: 27px; }

#menu .home {

      background: url('../gfx/menu/home.png') no-repeat 0 0; }

#menu .home:hover {

      background: url('../gfx/menu/home.png') no-repeat 0 -8px; }

#menu .homeS {

      background: url('../gfx/menu/home.png') no-repeat 0 -16px; }

      

#menu .portfolio img, #menu .portfolioS img {

      width: 49px;}

#menu .portfolio {

      background: url('../gfx/menu/portfolio.png') no-repeat 0 0; }

#menu .portfolio:hover {

      background: url('../gfx/menu/portfolio.png') no-repeat 0 -8px; }

#menu .portfolioS {

      background: url('../gfx/menu/portfolio.png') no-repeat 0 -16px; }

      

#menu .contact img, #menu .contactS img {

      width: 41px;}

#menu .contact {

      background: url('../gfx/menu/contact.png') no-repeat 0 0; }

#menu .contact:hover {

      background: url('../gfx/menu/contact.png') no-repeat 0 -8px; }

    

      

/*

 * PORTOFOLIO ELEMENTS */



.element {

      width: 299px; float: left; 

      padding-top: 1px; padding-bottom: 23px; margin-right: 17px;

      border-top: 2px solid #9b320d; }



.element:hover {

      border-top: 2px solid #09937c; color: #ffffff; }



.element h3 {

      text-indent: -9999px; }



.element .title img {

      width: 299px; height: 28px;}



.element img {

      margin-top: -12px; }

      

.element .title {

      width: 299px; height: 28px; margin-top: 10px; }

      

.element p {

      margin-top: 7px; }



      

.element .porsche {

      background: url('../gfx/txt/porsche.png') no-repeat 0 0; }

.element:hover .porsche {

      background: url('../gfx/txt/porsche.png') no-repeat 0 -28px; }





.element .dcshoes {

      background: url('../gfx/txt/dcshoes.png') no-repeat 0 0; }

.element:hover .dcshoes {

      background: url('../gfx/txt/dcshoes.png') no-repeat 0 -28px; }





.element .digitalhideout {

      background: url('../gfx/txt/digitalhideout.png') no-repeat 0 0; }

.element:hover .digitalhideout {

      background: url('../gfx/txt/digitalhideout.png') no-repeat 0 -28px; }





.element .gamingzone {

      background: url('../gfx/txt/gamingzone.png') no-repeat 0 0; }

.element:hover .gamingzone {

      background: url('../gfx/txt/gamingzone.png') no-repeat 0 -28px; }





.element .nanotel {

      background: url('../gfx/txt/nanotel.png') no-repeat 0 0; }

.element:hover .nanotel {

      background: url('../gfx/txt/nanotel.png') no-repeat 0 -28px; }





.element .peeps {

      background: url('../gfx/txt/peeps.png') no-repeat 0 0; }

.element:hover .peeps {

      background: url('../gfx/txt/peeps.png') no-repeat 0 -28px; }





.element .ozion {

      background: url('../gfx/txt/ozion.png') no-repeat 0 0; }

.element:hover .ozion {

      background: url('../gfx/txt/ozion.png') no-repeat 0 -28px; }





.element .evans {

      background: url('../gfx/txt/evans.png') no-repeat 0 0; }

.element:hover .evans {

      background: url('../gfx/txt/evans.png') no-repeat 0 -28px; }





.element .soundbase {

      background: url('../gfx/txt/soundbase.png') no-repeat 0 0; }

.element:hover .soundbase {

      background: url('../gfx/txt/soundbase.png') no-repeat 0 -28px; }



.element .slick{

      background: url('../gfx/txt/slick.png') no-repeat 0 0; }

.element:hover .slick {

      background: url('../gfx/txt/slick.png') no-repeat 0 -28px; }







/*

 * SHOWCASE WITH ONE ELEMENT */

      

#showcase {

      float: right; 

      width: 632px; }



#showcase img {

      border-top: 2px solid #9b320d;

      padding-top: 1px; margin-bottom: 27px; }

#showcase img:hover {

      border-top: 2px solid #09937c; }

	  #showcase .smallPicture:hover{border-top: 2px solid #9b320d;}



#showcase .smallPicture {

      margin-right: 14px;  }

      

#paddingshit {

      clear: both;

      height: 19px; width: 800px;

}



      

      

/*

 * ABOUT ME-PAGE / SHOWCASE WITH ONE ELEMENT */



#aboutMe p {

      padding-bottom: 1px;

}



#aboutMe .browse img, #aboutMe .browseSelected img {

      width: 7px; height: 7px;

      margin-right: 5px; }



#aboutMe .browse {

      width: 7px; height: 7px;

      background: url('../gfx/icons/browseButton.png') no-repeat; }



#aboutMe .browseSelected, #aboutMe .browse:hover {

      width: 7px; height: 7px;

      background: url('../gfx/icons/browseButtonS.png') no-repeat; }

      



#aboutShowoff {

      float: right; 

      width: 632px; }

      

#aboutMe {

      float: left;

      width: 299px; padding-bottom: 43px; }

      

#mainElement h2 {

      width: 299px; height: 24px;

      text-indent: -9999px; margin-bottom: 14px; }



.browseImg {

      padding-right: 7px; }



.txtBrowse {

      background: url('../gfx/txt/browse.png') no-repeat; }

.txtAbout {

      margin-top: 19px;

      background: url('../gfx/txt/aboutme.png') no-repeat; }

.txtQuote {

      margin-top: 19px;

      background: url('../gfx/txt/quote.png') no-repeat; }

.txtStalk {

      margin-top: 19px;

      background: url('../gfx/txt/stalkme.png') no-repeat; }

.txtDescription {

      margin-top: 19px;

      background: url('../gfx/txt/description.png') no-repeat; }

      





/*

 * THE FOOTER */



#footer .left {

      float: left;

      padding-bottom: 30px; }

      

#footer .right {

      float: right;

      text-align: right; }