/* peregrine heathcote stylesheet */
body { text-align:center; background-color: #333;}
img, a{
	outline:none;
}
#container { 
    width:890px; 
    margin:0px auto; 
    text-align:center; 
    margin-top: 0px; 
}
#container .logo {
    width: 486px !important; 
    height: 23px !important;
}
#footer_container { 
    width:874px; 
    margin:0px auto; 
    text-align:center; 
    margin-top:0px; 
	clear:both;
}
#menu { 
    width: 890px; 
    margin:0px auto; 
    height: 30px; 
    margin-top: 20px; 
}

#gallery_thumbs { 
    margin-top: 0;
    width: 340px;
    float: left; 
}
#gallery_thumbs img.thumbs {
    width: 100px;
    height: 100px;
}
#gallery_main { 
    width: 370px; 
    float: left; 
    background-color: #484848; 
    height: 535px; 
}
#gallery_main a img {
    width: 370px;
    height: 480px;
}
#gallery_detail { 
    width: 180px; 
    display: inline;
}
#gallery_detail .detail_large {
    width: 160px;
    height: 295px;
}
#gallery_detail .detail_small {
    width: 160px;
    height: 231px;
}
#footer { 
    text-align: right;
    font-size: 11px; 
}
#footer a { 
    color: #999; 
}
#footer a:hover { 
    text-decoration: none;
}
#menu a {
    width: 118px;
    height: auto;
}
.menu { 
    margin-right: 18px; 
    margin-left: 20px; 
}
.thumbs { 
    margin-right: 5px; 
    margin-bottom:5px; 
}
.detail { 
    margin: 0 0 5px 5px;
}

/* fonts */
body { 
    font: 13px Arial, Helvetica, Verdana, "Lucida Grande", Geneva, sans-serif; 
    color:#999; 
    line-height: 16px; 
}
h1 { 
    font: 22px Copperplate, Helvetica Neue, Helvetica, Arial, "Lucida Grande", Geneva, Verdana, sans-serif; 
    color:#999; 
    line-height: 26px; 
    display:inline; 
    font-weight: 400; 
}
h1 span{ 
    font: 30px Copperplate, Helvetica Neue, Helvetica, Arial, "Lucida Grande", Geneva, Verdana, sans-serif; 
    color:#999; 
    line-height: 26px; 
    display:inline; 
    font-weight: 400; 
}
h2 { 
    font: 20px Helvetica Neue, Helvetica, Arial, "Lucida Grande", Geneva, Verdana, sans-serif; 
    color:#999; 
    line-height: 26px;
    font-weight: 800;
}
h3 {
    font-size: 11px; 
    font-weight:800; 
    margin: 0 0 0 0;
}

/* links */
a.home {
    font: 13px Arial, Helvetica, Verdana, "Lucida Grande", Geneva, sans-serif; 
    color: #999; 
    text-decoration: none;
}
a.profile, a.opportunities {
    font: 13px Arial, Helvetica, Verdana, "Lucida Grande", Geneva, sans-serif; 
    color: #999; 
    text-decoration: none;
}
a.services {
    font: 13px Arial, Helvetica, Verdana, "Lucida Grande", Geneva, sans-serif; 
    color: #999; 
    text-decoration: none;
}

/* hover states */
a.home:hover, a.profile:hover, a.opportunities:hover, a.services:hover, a.work:hover, a.contact:hover, a.sendcomments:hover, a.footer_home:hover, a.footer_work:hover, a.footer_contact:hover, a.footer_sendcomments:hover, a.footer_services:hover, a.footer_profile:hover, a.footer_opportunities:hover {
    text-decoration: underline;
}

/* images */  
img { 
    border: 0px; 
    height: auto;
    width: auto;
}
img.photo { 
    margin-bottom: 10px; 
}
img.floatright { 
    float:right; 
}
img.photo_leftmargin { 
    margin-bottom: 10px; 
    margin-left: 30px; 
}
img.photo_services { 
    margin-bottom: 20px; 
    margin-top: 20px; 
    float: right; 
}

/* gallery */
.galleria {
    list-style:none;
    width:410px;
}
.galleria li {
    display:block;
    width:95px;
    height:65px;
    overflow:hidden;
    float:left;
    margin:0 0px 10px 5px;
}
.galleria li a {
    display:none;
}
.galleria li div { 
    position:absolute;
    display:none;
    top:0;
    left:180px;
}
.galleria li div img { 
    cursor:pointer;
}
.galleria li.active div img,.galleria li.active div {
    display:block;
}
.galleria li img.thumb { 
    cursor:pointer;
    top:auto;
    left:auto;
    display:block;
    width:auto;
    height:auto;
}
.galleria li .caption { 
    display:block;
    padding-top:.5em;
    font-size: 80%;
    font-weight:bold;
}
* html .galleria li div span {
    width:410px;
} /* MSIE bug */

.hidden{display:none;}

#gallery_detail .topright{width:150px; height:345px; background-color:#484848; float:right; padding-left:5px; padding-right:5px; margin-right:8px;}
#gallery_detail .bottomright{width:150px; height:180px; background-color:#484848; float:right; margin-top:10px; padding-left:5px; padding-right:5px; margin-right:8px;}
.dropdown{width:144px; font-size:10px;}
.addtocart{height:20px;}
.topright p a{color:#CCC; text-decoration:none; font-weight:bold;}
p.small {font-size: 11px;}