* {
margin:0;
padding:0
}

#print-logo {display:block;
height:117px;
left:50%;
margin:0 0 0 -113px;
padding:0;
position:absolute;
width:226px}


body {
background:#FFF;
color:#666;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
line-height:normal;
margin:0 auto;
padding:20px;
width:900px
}

#content-wrap {
border-top:5px solid #fff;
display:inline;
margin:20px 0;
padding-top:20px;
width:900px
}

.column-left {
float:left;
padding-right:10px;
width:440px
}

.column-right {
float:right;
padding-left:10px;
padding-right:10px;
width:430px
}

a {
color:#666;
outline:none;
text-decoration:none
}

p {
font-size:11px;
line-height:22px
}

h1 {
font-size:15px;
font-weight:400
}

h2 {
color:#555;
font-size:12px;
font-weight:400;
line-height:20px
}

#wrap {
margin:0 auto;
position:relative;
text-align:left
}

#header {
clear:both;
height:117px;
margin:0 auto;
position:relative
}

#header h1#logo a {
background-image:url(../images/header-logo.jpg);
border:none;
height:117px;
left:50%;
margin:0 0 0 -113px;
padding:0;
position:absolute;
text-decoration:none;
text-indent:-9999px;
text-transform:none;
width:226px
}

#nav {
clear:both;
margin-bottom:20px;
padding:0;
text-align:center
}

#nav ul {
display:inline;
list-style:none;
margin:0;
padding:0;
text-transform:uppercase;
width:850px
}

#nav ul li {
display:inline;
margin:0;
padding:0
}

#nav ul li a {
border-bottom:none;
border-left:1px solid #fafafa;
border-right:1px solid #dadada;
color:#666;
font:11px/45px Georgia, "Times New Roman", Times, serif;
letter-spacing:1px;
margin:0;
padding:0 15px;
text-decoration:none;
text-transform:lowercase;
width:auto
}

#nav ul li a:hover {
color:#222
}

#nav ul li#current a {
color:#333;
font-weight:700
}

#footer-wrap {
clear:both;
font-size:95%;
margin-top:0;
padding:20px 0 0;
text-align:left
}

#footer-wrap a {
color:#666;
font-weight:700;
text-decoration:none
}

#footer-wrap p {
padding:0
}

#footer {
clear:both;
color:#666;
margin:0;
padding:5px 0 0;
text-align:center
}

.float-right {
float:right
}

.align-left {
text-align:left
}

.align-right {
text-align:right
}

.next-arrow {
border:none;
margin-top:1px
}

.homepage-mainimage img {
background:#FAFAFA;
border:#DCDCDC 1px solid;
padding:5px
}

.project-thumbnail {
float:left;
margin:0 15px 15px 0;
text-align:center
}

.project-thumbnail a {
border:none;
font-family:Georgia, "Times New Roman", Times, serif
}

.project-thumbnail img {
background:#FAFAFA;
border:1px solid #DCDCDC;
padding:5px
}

.project-thumbnail a:hover img {
background:#FFF;
border:1px solid #666
}

.thumb-title {
color:#333;
font-size:16px
}

.clearboth {
clear:both
}

.clearleft {
clear:left
}

.press-thumbnails img {
border:#DCDCDC 1px solid;
margin:0 10px 10px 0;
padding:5px
}

/**

CODE FOR PAMPLEMOUSSE DESIGN INC. project image gallery provided by:

 * Galleria (http://monc.se/kitchen)
 *
 * Galleria is a javascript image gallery written in jQuery. 
 * It loads the images one by one from an unordered list and displays thumbnails when each image is loaded. 
 * It will create thumbnails for you if you choose so, scaled or unscaled, 
 * centered and cropped inside a fixed thumbnail box defined by CSS.
 * 
 * The core of Galleria lies in it's smart preloading behaviour, snappiness and the fresh absence 
 * of obtrusive design elements. Use it as a foundation for your custom styled image gallery.
 *
 * MAJOR CHANGES v.FROM 0.9
 * Galleria now features a useful history extension, enabling back button and bookmarking for each image.
 * The main image is no longer stored inside each list item, instead it is placed inside a container
 * onImage and onThumb functions lets you customize the behaviours of the images on the site
 *
 * Tested in Safari 3, Firefox 2, MSIE 6, MSIE 7, Opera 9
 * 
 * Version 1.0
 * Februari 21, 2008
 *
 * Copyright (c) 2008 David Hellsing (http://monc.se)
 * Licensed under the GPL licenses.
 * http://www.gnu.org/licenses/gpl.txt
 **/
 
  

.galleria {
list-style:none;
width:200px
}

.galleria li.active div img,.galleria li.active div {
display:block
}

.galleria li img.thumb {
cursor:pointer;
display:block;
height:auto;
left:auto;
top:auto;
width:auto
}

.pample_gallery li {
background:#FAFAFA;
border:1px solid #DCDCDC;
display:block;
float:left;
height:50px;
margin:0 10px 10px 0;
overflow:hidden;
width:50px
}

.pample_gallery li.hover {
background:#FAFAFA;
border:1px solid #666;
border-color:#888
}

.gallery_wrap img {
border:#DCDCDC 1px solid;
padding:5px
}

.pample_gallery li.active {
border-color:#333
}

.thumb_nav a {
border-bottom:1px dotted #888;
font-size:10px;
position:relative
}

.thumb_nav a:hover {
border-bottom:1px dotted #fff
}

.info {
border-top:1px dotted #221;
clear:both;
margin:30px 0;
padding-top:30px;
text-align:left
}

.info p {
margin-top:1.6em
}

.caption {
clear:both;
margin-top:15px
}

.pample_gallery li img {
border:none;
padding:0
}

.float-left,.pample_gallery li div {
float:left
}

.gallery_wrap {
position:relative;
display:block;
margin-top:20px;
text-align:center;
width:100%;
/** PRINT HACK FOR IE6*/
_width: 900px;
}