/* CSS header */

body {
background: #FFD;
color: #222;
padding: 0;
margin: 0;
font: 11pt verdana,arial,sans-serif;
}

#content {
position: relative;
}


/* Header styles */

#header {
width: 640px;
height: 248px;

background-repeat: no-repeat;
background-image: url(images/businesscard.jpg);
background-position: top center;
}

#header-tx {
position: absolute;
top: 50px;
left: 170px;

color: #E44;
font-size: 32px;
z-index: 3;
}

#header-txbgb {
position: absolute;
top: 51px;
left: 171px;

color: #000;
font-size: 32px;
z-index: 2;
}

#header-txbgw {
position: absolute;
top: 52px;
left: 172px;

color: #FFF;
font-size: 32px;
z-index: 1;
}


/* Main content */

a:link {color: #63D}
a:visited {color: #30A}
a:hover {color: #66F}
a:active {color: #66F}

h2 {
position: relative;
left: +1%;

font-size: 16px;

margin-top: 2px;
margin-bottom: 12px;
}

hr {
border-top: thin solid #BA4;
border-left: none;
border-bottom: thin solid #BA4;
border-right: none;
height: 3px;
width: 100%;
}

img.display {
margin-top: 16px;
margin-bottom: 16px;
}

p {
padding: 0;
margin: 0;
}

p.text {
text-indent: 4%;
margin-top: 8px;
margin-bottom: 8px;
}

ul {
padding: 2px;
margin: 0 0 0 8px;

list-style: none inside url(bullet.png);
}

.center { text-align: center; }

.tdbox {
border-top: medium double #BA4;
border-bottom: medium double #BA4;

padding: 4px;
margin: 5px;
}

#left {
position: absolute;
left: 0;
width: 20%;
}

#right {
position: absolute;
left: 24%;
width: 70%;
}

#info {
padding-top: 8px;
padding-bottom: 8px;
}

#footer {
position: relative;
left: 30%;
width: 40%;

margin-top: 32px;
margin-bottom: 16px;

text-align: center;
}


/* Gallery content */

.gitem {
margin: 2px;
border: 1px solid #444;
}

.gitem:hover {
border: 1px solid #00F;
}