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

* {margin: 0;}
html, body {height: 100%; margin:0px; padding:0px; color:#666; background-color:#ffffff;}

#sub {text-align:center; font-size:10px; color:#999; position:absolute; bottom:1%; width:99%;}
#sub a {color:#CC99FF; outline:none; text-decoration:none; font-weight:normal;}
#sub a:hover {color:#FFCC99; text-decoration:underline;}
#sub a:active {color:#FFCC99; text-decoration:line-through;}
#sub a:visited {color:#CC99FF; outline:none; text-decoration:none;}

.sub {font-size:10px; color:#999}

img {border:none;}

#icontainer {
	text-align:center; margin:10%; margin-bottom:5%; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;}

#homemain,#container {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto 0px;width:100%;}

/* home img map */
  #ajd {
    width:688px; height: 600px;
    background:url(images/home-ajb.jpg);
    margin: 0px auto; padding: 0;
    position: relative;}
  #ajd li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;}
  #ajd li, #ajd a {
    height: 120px; display: block;}
	
  #ajd #btn1 {width: 120px; left:96px; top: 34px;}
  #ajd #btn2 {width: 120px;left:566px;top: 258px;}
  #ajd #btn3 {width: 120px;left:465px;top: 29px;}
  #ajd #btn5 {width: 120px;left:-20px;top: 257px;}
  #ajd #btn7 {width: 120px;	left:54px; top: 475px;}
  #ajd #btn8 {width: 120px;	left:521px;	top: 475px;}
  #ajd #btn1 a:hover {background: transparent url(images/home-ajb.jpg) 3px -601px no-repeat;}
  #ajd #btn2 a:hover {background: transparent url(images/home-ajb.jpg) -373px -722px no-repeat;}
  #ajd #btn3 a:hover {background: transparent url(images/home-ajb.jpg) -238px -600px no-repeat;}
  #ajd #btn5 a:hover {background: transparent url(images/home-ajb.jpg) -473px -600px no-repeat;}
  #ajd #btn7 a:hover {background: transparent url(images/home-ajb.jpg) -120px -726px no-repeat;}
  #ajd #btn8 a:hover {background: transparent url(images/home-ajb.jpg) -241px -725px no-repeat;}
/* end home img map */
 
/* portfolio img map */
  #portweb {
    width:410px; height:533px;
    background:url(images/portfolio-web.gif);
    padding: 0; position: relative; left:300px; top:0px;}
  #portweb li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;}
  #portweb li, #portweb a {
    height: 125px; display: block;}
	
  #portweb #btn1 {width: 125px;left:32px;top: -1px;}
  #portweb #btn2 {width: 125px;left:165px;top: 17px;}
  #portweb #btn3 {width: 125px;left:286px;top: 37px;}
  #portweb #btn4 {width: 125px;left:158px;top: 142px;}
  #portweb #btn9 {width: 125px;left:90px;top:418px;}
  #portweb #btn6 {width: 125px;left:-2px;top: 305px;}
  #portweb #btn7 {width: 125px;left:123px;top: 275px;}
  #portweb #btn8 {width: 125px;left:255px;top: 261px;}
  #portweb #btn5 {width: 125px;left:270px;top: 156px;}
  #portweb #btn10 {width: 125px;left:227px;top: 397px;}
  #portweb #btn1 a:hover {background: transparent url(images/portfolio-web.gif) 18px -532px no-repeat;}
  #portweb #btn2 a:hover {background: transparent url(images/portfolio-web.gif) -124px -533px no-repeat;}
  #portweb #btn3 a:hover {background: transparent url(images/portfolio-web.gif) -259px -533px no-repeat;}
  #portweb #btn4 a:hover {background: transparent url(images/portfolio-web.gif) 0px -786px no-repeat;}
  #portweb #btn5 a:hover {background: transparent url(images/portfolio-web.gif) 10px -660px no-repeat;}
  #portweb #btn6 a:hover {background: transparent url(images/portfolio-web.gif) -248px -660px no-repeat;}
  #portweb #btn7 a:hover {background: transparent url(images/portfolio-web.gif) -2px -911px no-repeat;}
  #portweb #btn8 a:hover {background: transparent url(images/portfolio-web.gif) -129px -781px no-repeat;}
  #portweb #btn9 a:hover {background: transparent url(images/portfolio-web.gif) -250px -789px no-repeat;}
  #portweb #btn10 a:hover {background: transparent url(images/portfolio-web.gif) -1px -912px no-repeat;}
/* end portfolio */

/* left div */
#leftmenu {background:url(images/side-back.gif) bottom left repeat-y; margin-right:20px; margin-bottom:20px;min-height: 100%;min-height: 100%; height:100%; float:left;}

h2.imgreplace{width: 303px; height: 319px; position: relative; margin:0px; margin-bottom:10px;}
h2.imgreplace a span {background:url(images/main-over.jpg); position:absolute; width:100%; height:100%;}
h2.imgreplace a:hover span {background:url(images/main-over.gif); position:absolute; width:100%; height:100%;}

#back {margin:0px 10px;}

a {color:#069; text-decoration:underline;}
a:visited {color:#069;}
a:hover {color:#666;}

.subcategory {margin:0px 0px 0px 70px; line-height:28px;}
.subcategory a {color:#369; text-decoration:none;}
.subcategory a:hover {color:#999;}
.weblist {list-style:url(images/l-web.gif);}
.printlist {list-style:url(images/i-printed.gif);}
.complist {list-style:url(images/i-comp.gif);}
/* end left div */

/* main div */
#main {width:90%; height:100%; text-align:center;padding-top:60px;  font-family:Arial, Helvetica, sans-serif}

/* gallery */
  #view-one,#view-all {position:absolute; right:10%; top:20px;}
  #view-prev {position:absolute; right:150px;top:20px; margin-right:230px}
  #view-next {position:absolute; right:150px;top:20px; margin-right:205px}
  #main .gallery, #main .gallerys {margin-left:20px;}
  .gallery {background:url(images/shadow.gif) left bottom no-repeat; padding-bottom:40px;}
  .gallerys {background:url(images/shadow-s.gif) left bottom no-repeat; padding-bottom:40px;}
/* end gallery */

/* end main div */