body{
	margin:0 auto 0 auto;
	padding:0;
	font-family:  arial, verdana, serif;
	font-size:95%;
	background-color:#fff;	
	color:#666;	
	width:760px;
}


/*****************Header + Navigation****************/

#header{
	margin:1em 0 0 0;	
	padding:0;			
	background:#fff url(media/bg-head.jpg) top right no-repeat;			
	height:160px;	
}

.logo{		
	margin:0;
	padding:0;
}

.logo a img{
	text-decoration:none;
	border:0;	
}
.tagline{
	width:450px;
	margin:0;
	padding:2.8em 0 0 7em;
	text-align:left;	
	font-family:'Papyrus','Georgia', verdana, arial, serif;
	letter-spacing:0;
	font-size:135%;
	color:#0D9F49;	
	position:absolute;	
	top:0;
}

.navigation{
	clear:both;	
	margin:-3em 0 0 0;
	padding:0;	
	border-top:0;
	height:2em;	
	position:relative;	
	font-family:verdana, arial, serif;
}
.navigation ul{
	list-style-type:none;
	font-size:small;
	margin:0;	
	padding:0;	
	color:#555;	
	text-align:center;	
}
.navigation ul li{
	float:left;
	margin: .4em 1.8em 0 0;
	padding:0;
}
.navigation a{
	text-decoration:none;
}
.navigation a:link, .navigation a:active, .navigation a:visited{
	color:#555;
}
.current-page{
	border-bottom:1px solid #009900;	
}
.navigation a:hover{	
	color:#009900;
}


/************** Content *****************/

#content{
	border:1px solid #99CC99;
	margin:0 atuo 0 auto;
	padding:1.5em 1em 2em 1.5em;
}

	/***********Special for home page*************/
	
	.home{	
		margin:auto;
		padding:0;
		width:720px;		
		background:url(media/home-bag.jpg) no-repeat top left;
	}	
	.contact{	
		margin:auto;
		padding:0;
		width:720px;		
		background:url(media/bg-contact.jpg) no-repeat top right;
	}	
	.about{
		width:450px;
		margin:0 0 0 17em;
		padding:0 0 1em 0;						
	}
	
	.about p{
		margin:0;
		padding:.5em 0;
	}
	
	/***************End home style***************/

.behind-the-scenes{
	width:600px;	
}

.behind-the-scenes img, .customer-testimonial img{
	border:1px solid #ccc;
	padding:.7em;
	margin:0 0 .5em 1em;	
	float:right;
}

.credit{
	font-size:small;
	color:#bbb;
}

.align-right{
	float:right;
	margin:0;
	padding:0 0 1em 1.5em;		
}
.align-left{
	float:left;
	margin:0 1.5em 1em 0;
	
}
.behind-the-scenes h3{
	margin:0;
	padding:0;
}
.staff{
	clear:both;
	margin:1em 0;
	padding:0 0 1em 0;		
}
.customer-testimonial{
	clear:both;
	margin:0 0 1.5em 0;	
	padding:0 0 1em 0;
	border-bottom:1px dashed #ccc;
}
.press{
	margin:1em 0 0 0;
	padding:0 0 0 1em;	
	width:280px;	
	height:285px;	
	float:left;
}
.press img{
	border:1px solid #ccc;
	background-color:#fff;
	margin:0 1.2em 1em 0;	
	padding:.5em;
	float:left;
	clear:left;
}

.questions{
	margin:0 auo;
	padding:1.5em 0 1.5em 1em;
	width:675px;		
	background-color:#eee;
	color:#666;
	border:10px solid #888;
}


/**typography in content*/
#content a{
	text-decoration:none;
}
#content a:link, #content a:active{
	color:#517F4D;
	text-decoration:underline;
}

#content a:visited{
	color:#669933;
}

#content a:hover{
	text-decoration:underline;
}

p.question{
	text-decoration:underline;
}


/************ The bags **************/

.the-bags{	
	width:170px;
	height:210px;	
	margin:20px 0 0 8px;
	padding:0;
	/*height:250px;	*/
	float:left;	
}

.item{
	margin:0; 
	padding:0;
	text-align:center;
}
.image{
	width:140px;
	height:155px;					
}

.item h2{
	font-size:95%;
	font-family:verdana, arial, serif;
	margin:15px 0 5px 0;
	padding:0;
	color:#669933;
	
}
p.price{
	margin:0;
	padding:5px 0;
	font-size:90%;
	color:#555;
}

.image a img{			
	border:1px solid #aaa;
	padding:7px 10px;	
	margin:0;
	background-color:#fff;	
}
.image a:hover img{	
	background-color:#eee;
	border:1px solid #ccc;
}


/*************************************/

#footer{
	clear:both;	
	margin:0;
	padding:.5em 0 2em 0;	
	font-size:small;
	color:#aaa;
	height:1.2em;
}

.copy-right{
	width:350px;
	float:left;		
	margin: 0;
	padding: 0 0 0 1em;
}
.bottom-nav{
	width:250px;
	float:right;	
	font-size:90%;
	text-align:right;
	margin: 0;
	padding: 0 2em 0 0;
}
.bottom-nav a{
	text-decoration:none;
	color:#336633;
}
.bottom-nav a:hover, .bt-nav_current-page{
	text-decoration:underline;
	color:#669933;
}

/**************** Highslide Style Sheet ******************/

.highslide {
	cursor: url(media/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 1em solid #333;
}
.highslide:hover img {
	border: 1em solid #555;
}
.highslide-wrapper {
	background: white;
}
.highslide-image {
	border: 1.2em solid #555;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(media/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

a.highslide-full-expand {
	background: url(media/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.manifesto ol li{
	padding:.3em 0;
}