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

/* general containers */

body {
margin-top: 0px;
text-align:center; 
min-width: 927px; 
width: 95%;
height: 100%;
}

#wrapper {
width: 927px;
margin: 0 auto;
text-align: left;
position: relative;
}

#head {
width: 927px;
height: 134px;
}

#headleft {
width: 200px;
height: 123px;
float: left;
}

#headright {
width: 676px;
height: 123px;

}

#headright_top {
width: 676px;
height: 102px;
float: right;
}

#headright_bottom {
width: 676px;
height: 31px;
border-top: 1px dotted black;
border-bottom: 1px dotted black;
float: right;
}

#content {
width: 927px;
height: 400px;
margin-top: 40px;
}

#left {
width: 200px;
float: left;
}

#right {
width: 676px;
float: right;
}

#row1 {
width: 676px;
height: 156px;
}

#row2 {
width: 676px;
height: 156px;
margin-top: 28px;
}

.thumb {
width: 200px;
height: 156px;
background-image: url(../images/thumb_bg.png);
background-repeat: no-repeat;
text-align: center;
font-size: 85%;
line-height: .25em;
float: left;
}

#gallery_bottom {
width: 200px;
height: 31px;
margin-top: 36px;
border-top: 1px dotted black;
border-bottom: 1px dotted black;
float: right;
text-align: center;
}

#col1t {
width: 200px;
float: left;
font-size: 90%;
}

#col2t {
width: 437px;
height: 450px;
float: right;
line-height: 1.75em; 
font-size: 90%;
}

#links {
width: 437px;
float: right;
}

#col2l {
width: 200px;
float: left;
line-height: .25em;
font-size: 90%;
}

#col3l {
width: 200px;
float: right;
line-height: .25em;
font-size: 90%;
}


/* TYPOGRAPHY */

body {
font-family: verdana, trebuchet, sans-serif;
font-size: small;
color: #666666;
}

.thumb h4 {
margin-top: 1.25em;
}

a:link, a:visited {
text-decoration: none;
color: #666666;
}

a:hover {
color: black;
border: 0px;
}

.first {
margin-top: 0px;
}

#links h4 {
margin-top: 2.75em;
}

.multi {
line-height: 1.5em;
}

.short {
margin-top: -5px;
}

.bold {
font-weight: bold;
}


.italics {
font-style: italic;
}


/* navigation */
 
a.nav {
 border: 10px;
 text-decoration: none;
 }
 
#photo {
width: 101px;
height: 48px;
display: block;
background-image: url(../images/photo.png);
border: 0px;
text-decoration: none;
}

#photo:hover {
background-image: url(../images/photo_on.png);
}

#design {
width: 99px;
height: 48px;
display: block;
background-image: url(../images/design.png);
border: 0px;
text-decoration: none;
}

#design:hover {
background-image: url(../images/design_on.png);
}

#client {
width: 200px;
height: 32px;
display: block;
background-image: url(../images/client.png);
border: 0px;
text-decoration: none;
}

#client:hover {
background-image: url(../images/client_on.png);
}

#gallery_bottom a{
width: 33%;
line-height: 2em;
margin-left: 10px;
}

.contact {
margin-top: 20px;
}


/* gallery rollovers */


.thumbnail div{ /*CSS for enlarged image*/
position: absolute;
width: 200px;
height: 250px;
left: -2000px;
top: -100px;
visibility: hidden;
text-align: right;
text-decoration: none;
}

.thumbnail:hover div{ /*CSS for enlarged image*/
visibility: visible;
top: 174px;
left: 0px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.longdescrip {
line-height: 1.75em;
color: #666666;
}

.longdescrip h4 {
margin-top: -7px;
}


/* general styles */


#headright_top a {
float: right;
}

#headright_bottom img {
margin: 0;
float: left;
}

.col1 {
margin-right: 37px;
}

.col3 {
margin-left: 37px;
}

img {
border: 0px;
}