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

#container {width: 950px;
height: 100%; 
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	}

body {
	background: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
	color: #666666;
	text-align: center;
	z-index: 1;
	position: relative;
	top: 20px;
	list-style-type: none}
	
	
#body {
	position: relative;
	left: -20px;
	top: 30px;
	width: 800px;
	text-align: left;
	line-height: 50px;
	height: 205px;
	float: left;
	margin-top: 50px;
	margin-left: 20px;
	z-index: 2;
}

	

#logo {position: relative;
top: 0px;
left:0px;
float: left;
z-index: 10}

#horizontalbar {
position: relative;
left: 10px;
float: left}

#navigator {
	left: 60px;
	top: 50px;
	position:relative;
	width: 775px;
	vertical-align: bottom;
	text-align: right;
	z-index: 10;
	border-top: #555 double;
	margin-left: 60px;
	}
	
#navigator a{color:#fff}
#navigator a:hover{color:#fff}

/*left hand gallery nagivation possibility*/
#gallerynav {float: left;
			width: 130px;
			margin-top: 108px;
			margin-right: 10px;
			text-align: left;
			margin-left: 10px;
			/*margin-right: -30px;*/
			border-top: #444 double;
			}
			
			
			
/*bottom projects pages navigation, also will work for gallery. uses inline lists in combo with border hover*/			
#projects_menu {width: 90%;
				clear: both;
				margin-left: 80px;
				position: relative;
				top: -100px;
				z-index: 24}

.inline  {	list-style: none;
			display: inline}
			
#gallerynav_horiz {
			width: 775px;}
			

/*Gallery Navigation double border hover change*/
#gallerynav  a, .green a, .pink a, .orange a {text-decoration: none;}
.green img:hover {border-top: #9BD037 double}
.green img {border-top: #555 double;
			float: left;
			margin-right: 10px;
			margin-top:20px;}

.pink img:hover {border-top: #FD6F72 double;
							}
.pink img {border-top: #555 double;
			float: left;
			margin-right: 10px;
			margin-top:20px;}
			
.orange img:hover {border-top: #EEAF1E double}
.orange img {border-top: #555 double;
			float: left;
			margin-right: 10px;
			margin-top:20px;}

.none img {border-top: #fff double;
			float: left;
			margin-right: 10px;
			margin-top:20px;}
			
/*Top Navigation Background Hover applies to images*/	
.red img {background:#555; padding-bottom: 3px;}
.red img:hover {background:#F33;}

.orangebg img {background:#555; padding-bottom: 3px;}
.orangebg img:hover {background: #F5A732;}

.pinkbg img {background: #555; padding-bottom: 3px;}
.pinkbg img:hover {background: #EC3587;}

.bluebg img {background:#555; padding-bottom: 3px;}
.bluebg img:hover {background: #399D91;}

.greenbg img {background:#555; padding-bottom: 3px;}
.greenbg img:hover {background: #9BD037;}

/*Index Page Images Padding*/
.padding img {padding:10px;}

.linkheader {background: #555;
			color: #fff;
			border: #444;
			margin-top: 0;
			width: 60%;
			text-align:center}

#newsletter {word-spacing: 0em;
	color: #666666;
	font-size: 12px;
	font-family: "Times New Roman", Times, serif;
	text-align: left;
	width: 250px;
	z-index:1000;
	text-indent: 5px;
	right: 0px;
	position: relative;
	margin-left: 660px;
	margin-bottom: -30px}
	
#newsletter p{margin:0}


	
.smalltext {word-spacing: 0em;
	color: #666666;
	line-height: 14.5px;
	font-size: 12px;
	font-family: "Times New Roman", Times, serif;}

.button {background: #444;
		border: #FD6F72 1px solid ;
		color: #fff;
		font-family: "Times New Roman", Times, serif;
		margin-top: 2px;}
		
.button:hover {background-color: #C06}

#verticalbar {
	float: left;
	left: 52px;
	top: 121px;
}


#mailer {
	float: left;
	left: 52px;
	top: 121px;
	text-align: center;
	word-spacing: 30px;
	line-height: 50px;
	height: 205px;
	float: left;
	margin-top: 50px;
	margin-left: 20px;
	z-index: 1;
	background:url(images/felt_portland_02.gif) no-repeat;
}

#bodytext {
	position: relative;
	left: 158px;
	top: -1px;
	width: 515px;
	height: 216px;
	vertical-align: top;
	text-align: left;
	margin-top: 0px;
	word-spacing: 0em;
	color: #666666;
	line-height: 14.5px;
	font-size: 12px;
	z-index: 2;
}

.bodytext {
	position: relative;
	vertical-align: top;
	text-align: left;
	margin-top: 0px;
	word-spacing: 0em;
	color: #666666;
	line-height: 14.5px;
	font-size: 12px;
	z-index: 2;
	}
	
.bodytextleft {
	position: relative;
	left: -3px;
	top: 0px;
	height: 185px;
	width: 680px;
	vertical-align: top;
	text-align: left;
	margin-top: 0px;
	word-spacing: 0em;
	color: #666666;
	line-height: 14.5px;
	font-size: 12px;
	margin-right: 10px;
	list-style-type: circle;
	list-style-position: inside;
}

.bodytextforceleft {margin-left: 161px;
					margin-top: 0px;
					position: relative;
	left: -3px;
	top: 0px;
	height: 185px;
	width: 550px;
	vertical-align: top;
	text-align: left;
	margin-top: 0px;
	word-spacing: 0em;
	color: #666666;
	line-height: 14.5px;
	font-size: 12px;
	margin-right: 10px;
	list-style-type: circle;
	list-style-position: inside;}

#titlebar {
	position:relative;
	top: 0px;
	left: 0px;
	z-index: 2;
	border-top: #555 double;
	width: 700px;
	margin:0;
}

#titlebarclasses {
	position:relative;
	left: 0px;
	background:#FFFFFF;
	z-index: 2;
	border-bottom: #555 double;
	width: 800px;
	margin:0;
}


.border {padding: 6px;
		border: 1px #DDD solid;}

#titlebarpurchasing {
	position:relative;
	top:-85px;
	left: 0px;f
	z-index:1	}

#productnav {
	position: relative;
	left: 0px;
	top: 250px;
	width: 800px;
}

#productnav2 {
	position: relative;
	left: 0px;
	top: 100px;
	margin-top: 10px;
	width: 800px;
}

#stockists {
	width: 200px;
	float: left;
	margin:6px;
	top: -55px;
	position: relative;
	background:#FFFFFF;
	z-index: 2;
}

a {color: #999999}
a:link {color: #999999}
a:hover {color: #3399FF;}
a img {border: none}


h3 {font-size:13px;
color: #3399CC;
margin: 0;
padding: 0;}

h4 {margin: 0;
padding: 0;}

#imageleft {
	margin:3px;
	float: left;
	margin-right: 10px;
	z-index: 100000;
}

.imageleft {
	float: left;
	margin-right: 10px;
	}


#body_gallery {
	position: relative;
	left: -20px;
	top:  0px;
	text-align: left;
	margin-top: 70px;
	margin-left: 10px;
	z-index: 3;
	color: #999999;
	font-size: 11px;
}

#gallerytext {
	color: #666666;
	font-size: 9pt;
	float: right;
	z-index: 100;
	position: relative;
	top: 10px;
	left: 0px;
	width: 250px;
}

#press {
	margin-top:0;
	margin-bottom: 3px;
	text-align: left;
	margin-right: 10px;
}

#press img {border-bottom: #555 double;
margin-bottom: -2px;
}
#press a {text-decoration: underline;
			color: #555;}
#press a:hover {color:#43B6B3;}

#photocredit {
	position: relative;
	left: 5px;
	top: 20px;
	width: 200px;
	vertical-align: top;
	text-align: left;
	margin-top: 0px;
	color: #FFFFFF;
	font-size: 9pt;
	z-index: 3;
}

#photocredit a {
	color: #CCCCCC;
	text-decoration: none;
}
#photocredit a:hover {color: #3399FF;}
#photocredit a:visited{
	color: #CCCCCC;text-decoration: none;
}
#photocredit a:active {color: #3399FF; text-decoration: none;}

hr {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: double;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 1px;
}

.left {float: left}
.right {float: right}
.clear {clear: both}

.store {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #EA750B;
	font-size: 10pt;
	text-align: center;
	margin: 0;
	line-height: 1.05em;
	word-spacing: .5em;
}