* {
margin: 0;
padding: 0;
}
body {
font-family: arial, sans-serif;
background: #2D3840;
}
#banner {
margin: 0 auto;
text-align: center;
background: #596F80;
width: 770px;
height: 108px;
}
#banner h1 {
display: none;
}
#banner p {
display: none;
}
#banner .noshow {
display: none;
}
#banner img {
margin: 0 auto;
text-align: center;
border: 0;
}
#topbar {
margin: 2.5px auto;
width: 765px;
text-align: center;
background: #596F80;
padding-right: 5px;
}
#topbar li {
display: inline;
font-weight: bold;
margin-left: 20px;
}
#topbar li a {
text-decoration: none;
color: #CCBA8F;
}
#topbar li a:hover {
color: #E6DFCF;
text-decoration: none;
}
#content {
background: #CFDCE6;
margin: 2.5px auto;
width: 766px;
padding: 2px;
font-size: 90%;
}
#content a {
color: #0066B3;
text-decoration: none;
}
#content a:hover {
color: #003D6B;
text-decoration: none;
}
#content h1 {
font-size: 110%;
}
#content h2 {
font-size: 100%;
clear: both;
}
#content h3 {
display: none;
}
#content ul {
list-style-type: none;
margin-bottom: 10px;
}
#content li {
padding-left: 10px;
}
#content p {
margin-bottom: 10px;
}
#content hr {
width: 100%;
}
.client {
border: 5px solid white;
margin: 5px auto;
text-align: center;
display: block;
}
.thumb {
margin: 10px 0 10px 10px;
border: 5px solid white;
}
input {
margin-left: 5px;
}
textarea {
margin-left: 5px;
}
/* Follows is for the about page: */
.aboutlist {
list-style-type: square;
padding: 8px;
margin: 3px;
}
.centeredtable {
width: 95%;
margin: 0 auto;
text-align: center;
}
.centeredabout{
font-weight: bold;
text-align: center;
}
.centeredabouttable {
width: 95%;
margin: 0 auto;
text-align: justify;
}
.centeredabouttable td {
padding-right: 15px;
}
.imgalignleft {
text-align: left;
font-size: x-small;
}
.imgalignright {
text-align: right;
font-size: x-small;
}
.centered {
text-align: center;
}
/* And then the end.. */
.centeredimg {
margin: 5px 0 5px 125px;
border: 5px solid white;
}
.footer {
text-align: center;
margin-top: 5px;
clear: both;
font-size: 90%;
width: 100%;
}
.boxen {
width: 160px;
float: left;
margin: 5px;
text-align: center;
height: 250px;
}
.boxen img {
border: 5px solid #fff;
}
label span {
float: left;
width: 8em;
font-weight: bold;
}
.news_box {
width: 90%;
padding: 5px;
margin: 0 auto;
border-top: 1px dashed #333;
}
.news_box h2 {
font-size: 1.2em;
}
.news_box img {
border: 0;
}
.news_box .img_box {
float: left;
margin: 5px 5px 5px 0;
}
.news_box p.news_date {
font-size: 0.9em;
font-style: italic;
clear: both;
}
/* FRONT PAGE GALLERY */
.a, .a:visited {color:#000;}
#container {position:relative; width:600px; height:550px; background: #596F80; border:1px solid #000; margin:10px auto;}
#container b {font-weight:normal; width:600px; text-align:center; position:absolute; bottom:250px; left:0; color:#eee; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; line-height:1.7em; z-index:1;}
#container .default {position: relative; top: 16px; left: 44px;border: 5px solid #fff}
a.gallery, a.gallery:visited {display:inline; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:75px; float:left; margin:7px 21px; position:relative; cursor:pointer;}
a.slidea {background:url(./img/index/ind10.jpg);}
a.slideb {background:url(./img/index/ind2.jpg);}
a.slidec {background:url(./img/index/ind1.jpg);}
a.slided {background:url(./img/index/ind4.jpg);}
a.slidee {background:url(./img/index/ind5.jpg);}
a.slidef {background:url(./img/index/ind6.jpg);}
a.slideg {background:url(./img/index/ind7.jpg);}
a.slideh {background:url(./img/index/ind8.jpg);}
a.slidei {background:url(./img/index/ind9.jpg);}
a.slidej {background:url(./img/index/ind3.jpg);}
a.gallery span {visibility:hidden; display:block; position:absolute; width:580px; background: #596F80; height:300x; top:189px; left:9px; color:#000; text-align:center; cursor:default;}
a.slidea span {left:-13px; top:180px;}
a.slideb span {left:-132px; top:180px;}
a.slidec span {left:-251px; top:180px;}
a.slided span {left:-370px; top:180px;}
a.slidee span {left:-489px; top:180px;}
a.slidef span {left:-13px; top:89px;}
a.slideg span {left:-132px; top:89px;}
a.slideh span {left:-251px; top:89px;}
a.slidei span {left:-370px; top:89px;}
a.slidej span {left:-489px; top:89px;}
a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}
a.gallery:hover span {visibility:visible; z-index:100;}
a.gallery:hover span img {margin:10px; border:5px solid #fff; position:relative; z-index:100;}