body {
  background-image:url('background.jpg');
  background-repeat:repeat-x;
  text-align: left;
  color: #f0e7cc;
}

#container {
  background: #000000;
  width: 800px;
  margin: 0 auto;
}

#banner {
  background: #000000;
}

#message {
  background: #000000;
}

#menu {
  width: 800px;
  height: 82px;
  background-image:url('menu_background.jpg');
  background-repeat:repeat-x;
  float: left;
}

#menu1 {
  float: left;
  width: 420px;
  height: 82px;
}

#menu2 {
  float: left;
  width: 88px;
  height: 82px;
}

#menu3 {
  float: left;
  width: 88px;
  height: 82px;
}

#menu4 {
  float: left;
  width: 88px;
  height: 82px;
}

#menu5 {
  float: left;
  width: 88px;
  height: 82px;
}

#menu6 {
  float: left;
  width: 28px;
  height: 82px;
}

#bodymain {
  background: #000000;
  width: 800px;
  height: 550px;
  text-align: left;
  color: #f0e7cc;
}

#bodymain #left {
  background-image:url('frame.jpg');
  background-repeat:no-repeat;
  background-position:center center;
  float: left;
  width: 52.5%;
}

#imagen1 {
  width: 420px;
  height: 48px;
}

#imagen2 {
  width: 420px;
  height: 350px;
}

#imagen3 {
  width: 420px;
  height: 48px;
}

#bodymain #right {
  background: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 21px;
  text-align: left;
  float: right;
  width: 47.5%;
}


t1 {color: rgb(240, 231, 204);}

t2 {color: rgb(255, 193, 72);}

#footer {
  width: 800px;
  height: 82px;
  background-image:url('menu_background.jpg');
  background-repeat:repeat-x;
  float: left;
}

#footer1 {
  float: left;
  width: 152px;
  height: 60px;
}

#footer2 {
  float: left;
  width: 197px;
  height: 60px;
}

#footer3 {
  float: left;
  width: 240px;
  height: 60px;
}

#footer4 {
  float: left;
  width: 211px;
  height: 60px;
}

.home a {
 outline: none;/* get rid of dotted borders in FireFox */
 text-indent: -5000px ;/* this move the text outside of the screen area */
 display:block;
 width:88px;
 height:82px;
 background: url("home.jpg") 0 0 no-repeat;
 }

 .home a:hover {
 background-position: 0 -82px;
 }

 .home a:active {
 background-position: 0 -164px;
 }

 .services a {
 outline: none;/* get rid of dotted borders in FireFox */
 text-indent: -5000px ;/* this move the text outside of the screen area */
 display:block;
 width:88px;
 height:82px;
 background: url("services.jpg") 0 0 no-repeat;
 }

 .services a:hover {
 background-position: 0 -82px;
 }

 .services a:active {
 background-position: 0 -164px;
 }
 
 .portfolio a {
 outline: none;/* get rid of dotted borders in FireFox */
 text-indent: -5000px ;/* this move the text outside of the screen area */
 display:block;
 width:88px;
 height:82px;
 background: url("portfolio.jpg") 0 0 no-repeat;
 }

 .portfolio a:hover {
 background-position: 0 -82px;
 }

 .portfolio a:active {
 background-position: 0 -164px;
 }
 
 .contact a {
 outline: none;/* get rid of dotted borders in FireFox */
 text-indent: -5000px ;/* this move the text outside of the screen area */
 display:block;
 width:88px;
 height:82px;
 background: url("contact.jpg") 0 0 no-repeat;
 }

 .contact a:hover {
 background-position: 0 -82px;
 }

 .contact a:active {
 background-position: 0 -164px;
 }
 
.homefooter a {
 outline: none;/* get rid of dotted borders in FireFox */
 text-indent: -5000px ;/* this move the text outside of the screen area */
 display:block;
 width:152px;
 height:60px;
 background: url("home_down.jpg") 0 0 no-repeat;
 }

 .homefooter a:hover {
 background-position: 0 -60px;
 }

 .homefooter a:active {
 background-position: 0 -120px;
 }

 .servicesfooter a {
 outline: none;/* get rid of dotted borders in FireFox */
 text-indent: -5000px ;/* this move the text outside of the screen area */
 display:block;
 width:197px;
 height:60px;
 background: url("services_down.jpg") 0 0 no-repeat;
 }

 .servicesfooter a:hover {
 background-position: 0 -60px;
 }

 .servicesfooter a:active {
 background-position: 0 -120px;
 }
 
 .portfoliofooter a {
 outline: none;/* get rid of dotted borders in FireFox */
 text-indent: -5000px ;/* this move the text outside of the screen area */
 display:block;
 width:240px;
 height:60px;
 background: url("portfolio_down.jpg") 0 0 no-repeat;
 }

 .portfoliofooter a:hover {
 background-position: 0 -60px;
 }

 .portfoliofooter a:active {
 background-position: 0 -120px;
 }
 
 .contactfooter a {
 outline: none;/* get rid of dotted borders in FireFox */
 text-indent: -5000px ;/* this move the text outside of the screen area */
 display:block;
 width:211px;
 height:60px;
 background: url("contact_down.jpg") 0 0 no-repeat;
 }

 .contactfooter a:hover {
 background-position: 0 -60px;
 }

 .contactfooter a:active {
 background-position: 0 -120px;
 }

 #services1 {
  background: #000000;
  width: 800px;
  height: 36px;
  float: left;
}

#services11 {
  float: left;
  width: 274px;
  height: 36px;
}

#services12 {
  float: left;
  width: 256px;
  height: 36px;
}

#services13 {
  float: left;
  width: 270px;
  height: 36px;
}

 #services2 {
  background: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: left;
  width: 800px;
  height: 129px;
  float: left;
}

#services0 {
  float: left;
  width: 34px;
    height: 36px;
}

#services00 {
  float: left;
  width: 19px;
    height: 36px;
}

#services21 {
  float: left;
  width: 240px;
  height: 36px;
}

#services22 {
  float: left;
  width: 237px;
  height: 36px;
}

#services23 {
  float: left;
  width: 251px;
  height: 36px;
}
 
 #services3 {
  background: #000000;
  width: 800px;
  height: 40px;
  float: left;
}

#services31 {
  float: left;
  width: 274px;
  height: 40px;
}

#services32 {
  float: left;
  width: 256px;
  height: 40px;
}

#services33 {
  float: left;
  width: 270px;
  height: 40px;
}

 #services4 {
  background: #000000;
  width: 800px;
  height: 60px;
  float: left;
}

#services41 {
  float: left;
  width: 274px;
  height: 60px;
}

#services42 {
  float: left;
  width: 256px;
  height: 60px;
}

#services43 {
  float: left;
  width: 270px;
  height: 60px;
}

 #services5 {
  background: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: left;
  width: 800px;
  height: 138px;
  float: left;
}

#services50 {
  float: left;
  width: 34px;
    height: 36px;
}

#services500 {
  float: left;
  width: 19px;
    height: 36px;
}

#services51 {
  float: left;
  width: 240px;
  height: 36px;
}

#services52 {
  float: left;
  width: 237px;
  height: 36px;
}

#services53 {
  float: left;
  width: 251px;
  height: 36px;
}

#websites1 {
  background: #000000;
  float: left;
  width: 800px;
  height: 34px;
}

#websites21 {
  float: left;
  width: 23px;
  height: 215px;
}

#websites22 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: left;
  float: left;
  width: 362px;
  height: 215px;
}

#websites23 {
  float: left;
  width: 21px;
  height: 215px;
}

#websites24 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: left;
  float: left;
  width: 394px;
  height: 215px;
}

#websites31 {
  float: left;
  width: 271px;
  height: 217px;
}

#websites32 {
  float: left;
  width: 263px;
  height: 217px;
}

#websites33 {
  float: left;
  width: 266px;
  height: 217px;
}

#website4 {
  width: 800px;
  height: 70px;
}

 #menudown {
   background: #000000;
  width: 800px;
  height: 21px;
  float: left;
}

#menudown1 {
  float: left;
  width: 126px;
  height: 21px;
}

#menudown2 {
  float: left;
  width: 84px;
  height: 21px;
}

#menudown3 {
  float: left;
  width: 167px;
  height: 21px;
}

#menudown4 {
  float: left;
  width: 129px;
  height: 21px;
}

#menudown5 {
  float: left;
  width: 204px;
  height: 21px;
}

#menudown6 {
  float: left;
  width: 90px;
  height: 21px;
}

.websitesfooter a {
 outline: none;/* get rid of dotted borders in FireFox */
 text-indent: -5000px ;/* this move the text outside of the screen area */
 display:block;
 width:126px;
 height:21px;
 background: url("websites_down.jpg") 0 0 no-repeat;
 }

 .websitesfooter a:hover {
 background-position: 0 -21px;
 }

 .websitefooter a:active {
 background-position: 0 -42px;
 }
 
 .logosfooter a {
 outline: none;/* get rid of dotted borders in FireFox */
 text-indent: -5000px ;/* this move the text outside of the screen area */
 display:block;
 width:84px;
 height:21px;
 background: url("logos_down.jpg") 0 0 no-repeat;
 }

 .logosfooter a:hover {
 background-position: 0 -21px;
 }

 .logosfooter a:active {
 background-position: 0 -42px;
 }
 
 .businesscardsfooter a {
 outline: none;/* get rid of dotted borders in FireFox */
 text-indent: -5000px ;/* this move the text outside of the screen area */
 display:block;
 width:167px;
 height:21px;
 background: url("business_cards_down.jpg") 0 0 no-repeat;
 }

 .businesscardsfooter a:hover {
 background-position: 0 -21px;
 }

 .businesscardsfooter a:active {
 background-position: 0 -42px;
 }
 
 .slideshowsfooter a {
 outline: none;/* get rid of dotted borders in FireFox */
 text-indent: -5000px ;/* this move the text outside of the screen area */
 display:block;
 width:129px;
 height:21px;
 background: url("slideshows_down.jpg") 0 0 no-repeat;
 }

 .slideshowsfooter a:hover {
 background-position: 0 -21px;
 }

 .slideshowsfooter a:active {
 background-position: 0 -42px;
 }
 
 .flyersfooter a {
 outline: none;/* get rid of dotted borders in FireFox */
 text-indent: -5000px ;/* this move the text outside of the screen area */
 display:block;
 width:204px;
 height:21px;
 background: url("flyers&brochures_down.jpg") 0 0 no-repeat;
 }

 .flyersfooter a:hover {
 background-position: 0 -21px;
 }

 .flyersfooter a:active {
 background-position: 0 -42px;
 }
 
 .morefooter a {
 outline: none;/* get rid of dotted borders in FireFox */
 text-indent: -5000px ;/* this move the text outside of the screen area */
 display:block;
 width:90px;
 height:21px;
 background: url("more_down.jpg") 0 0 no-repeat;
 }

 .morefooter a:hover {
 background-position: 0 -21px;
 }

 .morefooter a:active {
 background-position: 0 -42px;
 }
 
 # end {
}

#logos1 {
  background: #000000;
  float: left;
  width: 800px;
  height: 34px;
}

#logos21 {
  background: #000000;
  float: left;
  width: 353px;
  height: 305px;
}

#logos211 {
  float: left;
  width: 123px;
  height: 94px;
}

#logos212 {
  float: left;
  width: 116px;
  height: 94px;
}

#logos213 {
  float: left;
  width: 114px;
  height: 94px;
}

#logos22 {
  background: #000000;
  float: left;
  width: 39px;
  height: 305px;
}

#logos221 {
  float: left;
  width: 123px;
  height: 102px;
}

#logos222 {
  float: left;
  width: 116px;
  height: 102px;
}

#logos223 {
  float: left;
  width: 114px;
  height: 102px;
}

#logos23 {
  background: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: left;
  float: left;
  width: 408px;
  height: 305px;
}

#logos231 {
  float: left;
  width: 123px;
  height: 109px;
}

#logos232 {
  float: left;
  width: 116px;
  height: 109px;
}

#logos233 {
  float: left;
  width: 114px;
  height: 109px;
}

#logos31 {
  background: #000000;
  float: left;
  width: 24px;
  height: 164px;
}

#logos32 {
  background: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: left;
  float: left;
  width: 584px;
  height: 164px;
}

#logos33 {
  float: left;
  width: 192px;
  height: 164px;
}

#logos4 {
  background: #000000;
  float: left;
  width: 800px;
  height: 20px;
}

#business0 {
  background: #000000;
  float: left;
  width: 800px;
  height: 34px;
}

#business1 {
  background: #000000;
  float: left;
  width: 800px;
  height: 399px;
}

#business11 {
  float: left;
  width: 383px;
  height: 399px;
}

#business111 {
  float: left;
  width: 187px;
  height: 126px;
}

#business112 {
  float: left;
  width: 196px;
  height: 126px;
}

#business113 {
  float: left;
  width: 187px;
  height: 140px;
}

#business114 {
  float: left;
  width: 196px;
  height: 140px;
}

#business115 {
  float: left;
  width: 187px;
  height: 133px;
}

#business116 {
  float: left;
  width: 196px;
  height: 133px;
}

#business12 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: left;
  float: left;
  width: 417px;
  height: 399px;
}

#business2 {
  background: #000000;
  float: left;
  width: 800px;
  height: 74px;
}

#slideshows1 {
  background: #000000;
  float: left;
  width: 800px;
  height: 34px;
}

#slideshows2 {
  background: #000000;
  float: left;
  width: 800px;
  height: 271px;
}

#slideshows21 {
  background-image:url('slideshows_background.jpg');
  background-repeat:no-repeat;
  background-position:center center;
  float: left;
  width: 299px;
  height: 271px;
}
  
#slideshows211 {
  float: left;
  width: 299px;
  height: 20px;
}

#slideshows212 {
  float: left;
  width: 301px;
  height: 271px;
}

#slideshows213 {
  float: left;
  width: 299px;
  height: 21px;
}

#slideshows22 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: left;
  float: left;
  width: 501px;
  height: 271px;
}

#slideshows3 {
  background: #000000;
  float: left;
  width: 800px;
  height: 130px;
}

#slideshows31 {
  float: left;
  width: 26px;
  height: 116px;
}

#slideshows32 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: left;
  float: left;
  width: 774px;
  height: 116px;
}

#slideshows4 {
  background: #000000;
  float: left;
  width: 800px;
  height: 20px;
}

#flyers {
  background: #000000;
  float: left;
  width: 800px;
  height: 460px;
}

#flyers1 {
  background: #000000;
  float: left;
  width: 800px;
  height: 34px;
}

#flyers2 {
  background-image:url('brochure_background.jpg');
  background-repeat:no-repeat;
  background-position:center center;
  float: left;
  width: 800px;
  height: 394px;
}

#flyers21 {
  float: left;
  width: 23px;
  height: 394px;
}

#flyers22 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: left;
  float: left;
  width: 777px;
  height: 394px;
}

#flyers3 {
  background: #000000;
  float: left;
  width: 800px;
  height: 100px;
}

#flyers31 {
  float: left;
  width: 172px;
  height: 100px;
}

#flyers32 {
  float: left;
  width: 115px;
  height: 100px;
}

#flyers33 {
  float: left;
  width: 116px;
  height: 100px;
}

#flyers34 {
  float: left;
  width: 114px;
  height: 100px;
}

#flyers35 {
  float: left;
  width: 113px;
  height: 100px;
}

#flyers36 {
  float: left;
  width: 170px;
  height: 100px;
}

#flyers4 {
  background: #000000;
  float: left;
  width: 800px;
  height: 20px;
}

#other {
  background: #000000;
  float: left;
  width: 800px;
  height: 475px;
}

#other1 {
  background: #000000;
  float: left;
  width: 800px;
  height: 43px;
}

#other2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: left;
  float: left;
  width: 775px;
  height: 105px;
}

#other21 {
  float: left;
  width: 25px;
  height: 72px;
}

#other3 {
  background: #000000;
  float: left;
  width: 800px;
  height: 43px;
}

#other4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: left;
  float: left;
  width: 775px;
  height: 73px;
}

#other5 {
  background: #000000;
  float: left;
  width: 800px;
  height: 43px;
}

#other6 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: left;
  float: left;
  width: 775px;
  height: 75px;
}

#other7 {
  background: #000000;
  float: left;
  width: 800px;
  height: 43px;
}

#other8 {
  background: #000000;
  float: left;
  width: 800px;
  height: 44px;
}

#other9 {
  background: #000000;
  float: left;
  width: 800px;
  height: 20px;
}

#corporate {
  background-image:url('corporate_background.jpg');
  background-repeat:no-repeat;
  background-position:center center;
  float: left;
  width: 800px;
  height: 364px;
}

#corporate1 {
  float: left;
  width: 66px;
  height: 364px;
}

#corporate2 {
  float: left;
  width: 504px;
  height: 364px;
}

#corporate21 {
  float: left;
  width: 504px;
  height: 75px;
}

#corporate21a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: left;
  margin-top: -10px;
  float: left;
  width: 504px;
  height: 105px;
}

#corporate21b {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: left;
    margin-top: -10px;
  float: left;
  width: 504px;
  height: 117px;
}

#corporate22 {
  float: left;
  width: 504px;
  height: 29px;
}

#corporate23 {
  float: left;
  width: 18px;
  height: 95px;
}

#corporate24 {
  float: left;
  width: 486px;
  height: 95px;
}

#corporate25 {
  float: left;
  width: 18px;
  height: 107px;
}

#corporate26 {
  float: left;
  width: 486px;
  height: 107px;
}

#corporate3 {
  float: left;
  width: 230px;
  height: 364px;
}

.leftcorporation a {
 outline: none;/* get rid of dotted borders in FireFox */
 text-indent: -5000px ;/* this move the text outside of the screen area */
 display:block;
 width:66px;
 height:91px;
 background: url("menuleft_corporate1.jpg") 0 0 no-repeat;
 }

 .leftcorporation a:hover {
 background-position: -66px 0;
 }

 .leftcorporation a:active {
 background-position: -132px 0;
 }
 
 .lefttshirt a {
 outline: none;/* get rid of dotted borders in FireFox */
 text-indent: -5000px ;/* this move the text outside of the screen area */
 display:block;
 width:66px;
 height:91px;
 background: url("menuleft_tshirts1.jpg") 0 0 no-repeat;
 }

 .lefttshirt a:hover {
 background-position: -66px 0;
 }

 .lefttshirt a:active {
 background-position: -132px 0;
 }
 
 .leftmenu a {
 outline: none;/* get rid of dotted borders in FireFox */
 text-indent: -5000px ;/* this move the text outside of the screen area */
 display:block;
 width:66px;
 height:91px;
 background: url("menuleft_menu1.jpg") 0 0 no-repeat;
 }

 .leftmenu a:hover {
 background-position: -66px 0;
 }

 .leftmenu a:active {
 background-position: -132px 0;
 }
 
  .leftpostcards a {
 outline: none;/* get rid of dotted borders in FireFox */
 text-indent: -5000px ;/* this move the text outside of the screen area */
 display:block;
 width:66px;
 height:91px;
 background: url("menuleft_postcards1.jpg") 0 0 no-repeat;
 }

 .leftpostcards a:hover {
 background-position: -66px 0;
 }

 .leftpostcards a:active {
 background-position: -132px 0;
 }
 
 #tshirt {
  background-image:url('tshirt_background.jpg');
  background-repeat:no-repeat;
  background-position:center center;
  float: left;
  width: 800px;
  height: 377px;
}

 #tshirt2 {
  float: left;
  width: 734px;
  height: 377x;
}

 #tshirt21 {
  float: left;
  width: 734px;
  height: 52x;
}

 #tshirt211 {
  float: left;
  width: 440px;
  height: 52x;
}

 #tshirt212 {
  float: left;
  width: 294px;
  height: 52x;
}

 #tshirt22 {
  float: left;
  width: 734px;
  height: 85x;
}

 #tshirt221 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: center;
  float: left;
  width: 440px;
  height: 85x;
}

 #tshirt222 {
  float: left;
  width: 294px;
  height: 85x;
}

 #tshirt23 {
  float: left;
  width: 734px;
  height: 78x;
}

 #tshirt231 {
  float: left;
  width: 440px;
  height: 78x;
}

 #tshirt232 {
  float: left;
  width: 294px;
  height: 78x;
}

 #tshirt24 {
  float: left;
  width: 734px;
  height: 89x;
}

 #tshirt241 {
  float: left;
  width: 85px;
  height: 89x;
}

 #tshirt242 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin-left: 50px;
  text-align: left;
  float: left;
  width: 355px;
  height: 89px;
}

 #tshirt243 {
  float: left;
  width: 284px;
  height: 89x;
}

 #tshirt25 {
  float: left;
  width: 714px;
  height: 73x;
}

 #tshirt250 {
  float: left;
  width: 400px;
  height: 73x;
}

 #tshirt251 {
    font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin-left: 200px;
  text-align: left;
  float: left;
  width: 349px;
  height: 58x;
}

 #restaurant {
   background: #000000;
  float: left;
  width: 800px;
  height: 364x;
}

 #restaurant2 {
  float: left;
  width: 734px;
  height: 47x;
}

 #restaurant3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: center;
  float: left;
  width: 524px;
  height: 80x;
}

 #restaurant4 {
  float: left;
  width: 734px;
  height: 238x;
}

 #postcards {
  background-image:url('postcard_background.jpg');
  background-repeat:no-repeat;
  background-position:center center;
  float: left;
  width: 734px;
}

 #postcardblack {
  background: #000000;
  width: 800px;
  height: 460px;
}

 #postcards2 {
   background: #000000;
  float: left;
  width: 734px;
}

 #postcards3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: left;
  margin-left: 20px;
  float: left;
  width: 734px;
}

 #contact {
   background: #000000;
  float: left;
  width: 800px;
}

 #contactleft {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  text-align: left;
  margin-left: 40px;
  float: left;
  width: 428px;
}

 #contactleft1 {
  float: left;
  width: 300px;
}

 #contactleft2 {
  float: left;
  width: 178px;
}

 #contactright {
  float: right;
  width: 292px;
}

 #contacterror {
   background: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  text-align: left;
  margin-left: 40px;
  float: left;
  color: #ffc148;
  width: 800px;
}

 #contactend {
   background: #000000;
  float: right;
  width: 800px;
  height: 30px;
}



 #portfolio {
   background: #000000;
  float: right;
  width: 800px;
  height: 416px;
}

 #portfolio1 {
   background: #000000;
  float: right;
  width: 800px;
  height: 104px;
}