@charset "utf-8";
/* CSS Document */
<!--[if IE 6]>
<![endif]-->

body {margin:0px;}

#bg_image {
width: 100%;
height: 100%;
left: 0px;
top: 0px;
position: absolute;
z-index: 1;
}

#contents {
	left: 80px;
	top: 26px;
	position: absolute;
	z-index: 5;
	width: 614px;
	height: 462px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000;
}
#content_bg {
background-image:url(images/content_bg.png);
width:650px;
height:469px;
}

#gallery {
	position: center;
	padding:10px;
	}
#menu_bg {
	right: 20px;
	top: 26px;
	position: absolute;
	z-index: 6;
	height: 227px;
}
#logo {
height:300px;
width:300px;
right: 0px;
bottom: 0px;
position: absolute;
z-index: 5;
}
#paintb {
left: 0px;
bottom: 0px;
position: absolute;
z-index: 8;
}
#painttube {
left: 0px;
top: 0px;
position: absolute;
z-index: 4;
}
div.scroll {
	padding-left: 10px;
	height: 420px;
	width: 600px;
	overflow: auto;
	position:absolute;
	left: 22px;
	top: 13px;
}
/* menu */
a.home {
          display: block;
          width: 63px;
          height: 20px;
          background: url("images/home.png") 0 0 no-repeat;
          text-decoration: none;
      }      
a:hover.home {
          background-position: -63px 0;
      }

a.profile {
          display: block;
          width: 158px;
          height: 20px;
          background: url("images/profile.png") 0 0 no-repeat;
          text-decoration: none;
      }      
a:hover.profile {
          background-position: -158px 0;
      }
	  
a.whysuzpaints {
          display: block;
          width: 189px;
          height: 26px;
          background: url("images/whysuzpaints.png") 0 0 no-repeat;
          text-decoration: none;
      }      
a:hover.whysuzpaints {
          background-position: -189px 0;
      }
a.gallery {
          display: block;
          width: 80px;
          height: 26px;
          background: url("images/gallery.png") 0 0 no-repeat;
          text-decoration: none;
      }      
a:hover.gallery {
          background-position: -80px 0;
      }
a.contact {
          display: block;
          width: 86px;
          height: 24px;
          background: url("images/contact.png") 0 0 no-repeat;
          text-decoration: none;
      }      
a:hover.contact {
          background-position: -86px 0;
      }

.menu {
	left: -10px;
	top: 10px;
	position: absolute;
	width:150px;
	height:300px;
	z-index: 10;
}
ul {
	list-style-type: none;
	}
li {
	padding:10px;
	}


/* contact form */
.contactForm  {margin:10px 0;  padding:5px; border:none;}
.contactForm fieldset {border:none; }
.contactForm legend { padding:0 10px; margin-left:20px;color:#D3D3D3;}
.contactForm ul { margin:0;  list-style:none;}
.contactForm ul li {clear:both; background:none; }
.contactForm ul label { display:block; float:left; width:160px; padding:3px 0;}
.contactForm .txtField  {display:block; float:left; padding:3px; width:260px; margin:5px 0 7px 0;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;color:#707070;border:2px solid #D3D3D3;outline:none;}
.contactForm .txtField:hover, .txtField:focus, .txtField:active { border-color:#7F0000; background:#E2E2E2;}
em {font-size:0.9em; color:#7F0000; font-style:normal;}
.contactForm .send { width:174px; height:35px; background:url(images/send.png) no-repeat; padding-bottom:10px; text-align:center; border:none; margin:15px 0 0px 0; border:none;color: #000000;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-left:210px; color:#fff;   }
.contactForm .send:hover {cursor:pointer; color:#e1e1e1;}
.contactForm.request fieldset {border:1px #5b8a10 solid; padding:5px;}
.contactForm fieldset.extra {margin-top:15px;}
.contactForm .file {display:block; float:left; padding:3px; width:260px; margin:5px 0 7px 0;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}