body { margin: 0px; background-color: #4E4C4C; }
td, th, div, input,pre { font-family: tahoma,arial, Helvetica, sans-serif; font-size: 9pt; } 
img {border:none;}
a, a:visited, a:link { text-decoration: none; color: black; }

.test { border: solid 1px #000000; }
.matrix { width: 1000px; background-color: #ffffff; background: url(../images/btop.png) repeat-y;}
.info { padding: 10px 20px 10px 10px; text-align: justify; font-size: 10pt; font-family: tahoma; }
.info h2 { margin: 0px 0px 5px 0px; font-size: 12pt; font-weight: bold; }
.info a, .info a:visited, .info a:link { text-decoration: underline; }
.info ul { padding: 5px; color: #000000; list-style-type: none; margin-left: 0px; background-color: #F4F4F4; border-left-style: solid; border-left-width: 3px; border-left-color: #CCCCCC; }
.info li {} 
#autorize { background-color: #CCCCCC;  position:absolute; left:200px; top:200px;}

/* TOP */
.top { height: 208px;   }
.top .banner { background: url(../images/name.png) no-repeat center center; width: 420px; height: 208px; float: left; }
.top .art { margin: 3px 0px 3px 3px; height: 202px; display: inline-block; float: right; }
.top .im1 { background: url(../images/top1.png) no-repeat; width: 132px; }
.top .im2 { background: url(../images/top2.png) no-repeat; width: 153px; }
.top .im3 { background: url(../images/top3.png) no-repeat; width: 127px; }
.top .im4 { background: url(../images/top4.png) no-repeat; width: 147px; }

/* MIDDLE */
.middle {min-height: 400px; background-color: #ffffff; text-align:left;}
.menu {width: 150px; padding:20px; vertical-align:top;}
.menu a, .menu a:visited,.menu a:link { padding: 10px; height: 20px; display: block; font-family: arial; font-size: 14pt; font-weight: normal; }
.menu .current { background-color: #FCF66A; }
.content { padding: 20px; }

/* BOTTOM */
.bottom { padding: 10px 10px 10px 15px; background: url(../images/cars.png) no-repeat 200px center; text-align: left; font-weight: bold; color: #CCCCCC; font-size: 8pt; }

/* EDIT: ALBUMS */
a.btn { font-family: arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold;  border-bottom: solid 1px #000000; }
a.btn:hover { border-bottom: solid 1px #000000; border-bottom-color: #FF0000; }

.albumslist { background-color: #999999; margin-top: 5px; }
.albumslist .tumb { background-color: #FFFFFF; padding: 10px;}
.albumslist div {  margin: 4px; font-family: arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; }
.albumslist .name { color: #333333; height: 30px; overflow: hidden; font-family: arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; }
.albumslist .cmd { padding: 3px; background-color: #E9E9E9; }
.albumslist .cmd, .albumslist .cmd :a, .albumslist .cmd a:visited { font-family: arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #666666; }

.album { background-color: #CCCCCC; }
.album td, th { color: #666666; }
.album input,  textarea { font-family: tahoma; font-size: 8pt; color: #333333;  width:300px;}

.gallery { background-color: #999999;  padding:20px;}
.gallery img{ border: 10px solid #FFFFFF; }
.gallery .cover { padding: 2px; background-color: #FF3300; font-family: arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; position: absolute; color: #FFFFFF;   width:167px;}

/* GALLERY */
#gallery { background-color: #999999;  width:750px;}
#gallery .tumb {border: 5px solid #ffffff; border-width:5px 5px 5px 5px;} 
#gallery .tumb:hover { border-style: solid; border-color: #CCCCCC; border-width: 5px 5px 5px 5px; } 

#gallery img {  }
#gallery .info { padding: 10px 10px 10px 0px; background-color: #ffffff; color: #808080; }
#gallery .info h2 { margin: 0px 0px 5px 0px; font-family: arial, Helvetica, sans-serif; font-size: 14pt; font-weight: normal; color: #000000; }

/* ALBUMS */
.item { margin: 5px; background-color: #F5F5F5;  width:750px;  }
.item th {width:150px;}

.item:hover { background-color: #999999; }
.item:hover .comment { color: #ffffff; }

.item td { text-align:left; vertical-align:top;}
.item img {  border: solid 10px #ffffff; }
.item .name { margin: 10px 0px 5px 0px; font-family: arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; }
.item .comment {   text-align:justify;} 

/* SERVICES */
.services div { margin: 5px 5px 5px 0px; width: 150px; height: 200px; float: left; }
.services .s1{ background: url(../images/s1.jpg) no-repeat;}
.services .s2{ background: url(../images/s2.jpg) no-repeat;}
.services .s3{ background: url(../images/s3.jpg) no-repeat;}
.services .s4{ background: url(../images/s1.jpg) no-repeat;}