html, body {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	font: 13px/1.3em "Lucida Grande", Tahoma, Verdana, sans-serif;
	color: #444;
}
#container {
	position: relative;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
}
html>body #container {
	height: auto;
}
/* Removes dotted edges on links: */
a:active { outline: none; }
:-moz-any-link:focus { outline: none; }
object { outline:none; }
/* end: */
#content {
	margin:0;
	border:0;
	padding-bottom: 28px;
	text-align:center;
}

#padtop {
	padding-top: 0px;
}
#wrapper {
	width: 1010px;
	margin:0 auto; /* center */
}

/*---------------------------------------------------------------------------------
  General
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */


p { margin:9px 0 0 0; padding:0px; } /*sets top margin of p */


img {
	border:0;
}
.clear {
	clear:both;
	height:0;
	overflow:hidden;
	width:100%;
}
ol, ul {
	list-style: none;
}
a{text-decoration:none; color:#6699cc}
a:hover{text-decoration:none; color: #999;}

.red{text-decoration:none; color:#c65193}
.red a:hover{text-decoration:none; color: #999;}

.purp{text-decoration:none; color:#B10BD4}
.purp a:hover{text-decoration:none; color: #999;}

/*---------------------------------------------------------------------------------
  Nav
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */

#site-top {
	width:1010px;
	height:125px;
	margin:0 auto; /* center */	
}	

/*---------------------------------------------------------------------------------
  Homepage
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */

#hp {
	height:525px;
}
#hpflash {
	height:680px;
}

.left-side {
	float:left;
}	

#hp h3 {
	width: 249px;
	height: 524px;
	overflow: hidden;
	margin:0;
	margin-right:4px;
}

#hp h3 a {
	text-indent: -5000px;
	display: block;
	width: 249px;
	height: 524px;
	position:relative;
	background-position: 0 0;
}

#hp h3 a span {
	display: block;
	position: absolute;
	top:0;
	left:0;
	width: 249px;
	height: 524px;
	background-position: -249px 0;
	visibility: hidden;
}
#hp h3 a:focus, #hp h3 a:hover {
	cursor: default;
}

#left, #right, #middle {
	float: left;
}

#left a, #left a span { background-image: url('images/home-left.jpg') }
#middle a,  #middle a span  { background-image: url('images/home-middle.jpg')  }
#right a,   #right a span   { background-image: url('images/home-right.jpg')   }
#top a, #top a span { background-image: url('images/home-top.jpg') }
#vmiddle a, #vmiddle a span { background-image: url('images/home-vmiddle.jpg') }
#vbottom a, #vbottom a span { background-image: url('images/home-bottom.jpg') }

.right-side {
	float:left;
}	

#hp h3.rightside {
	width: 250px;
	height: 172px;
	overflow: hidden;
	display: block;
	margin:0;
	margin-bottom:4px;	
}
#hp h3.rightside a {
	text-indent: -5000px;
	display: block;
	width: 250px;
	height: 172px;
	position:relative;
	background-position: 0 0;
}
#hp h3.rightside a span {
	display: block;
	position: absolute;
	left:0;
	width: 250px;
	height: 172px;
	background-position: -250px 0;
	visibility: hidden;
	filter: alpha(opacity=100);
 	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1.00;
	opacity:1.00;
	border: 0	
}
#hp h3.rightside a:focus, #hp h3.rightside a:hover {
	cursor: pointer;
	filter: alpha(opacity=90);
 	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
	-moz-opacity: .90;
	opacity: .90;
	border: 0
}

/*---------------------------------------------------------------------------------
  Inner Page
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */

#inner {
	margin: 15px 5px 0 60px; /* top right bottom left */
	text-align:left;
}

#inner2 {
	margin: 15px 5px 0 50px; /* top right bottom left */
	text-align:left;
}
#inner3 {
	margin: 5px 5px 0 55px; /* top right bottom left */
	text-align:left;
}
#inner4 {
	margin: 15px 5px 0 120px; /* top right bottom left */
	text-align:left;
}
#inner5 {
	margin: 20px 0 0 0; /* top right bottom left */
	text-align:left;
}
#inner6 {
	margin: 15px 5px 0 240px; /* top right bottom left */
	text-align:left;	
}
#inner7 {
	margin: 15px 0 0 5px; /* top right bottom left */
	text-align:left;
}
#inner8 {
	margin: 15px 0 0 2px; /* top right bottom left */
	text-align:left;
}
.biopic {
	float:left;
}	
.biotext {
	padding: 0 0 0 35px; /* top right bottom left */
	float:left;
	width:600px;
}	

.fabric-pic {
	margin-top:15px;
}	
h5 {
	margin:0;
	padding:0;
	font: bold 12px "Lucida Grande", Tahoma, Verdana, sans-serif;
	color:#555;	
	text-transform:uppercase;
}
h6 {
	margin:0;
	padding:0;
	font: 14px/1.5em "Lucida Grande", Tahoma, Verdana, sans-serif;
	color:#444;		
}
h6.royal {
	margin:0;
	padding:0;
	font: 14px/1.4em "Lucida Grande", Tahoma, Verdana, sans-serif;
	color:#487fb6;		
}
h7 {
	font: 14px/1.6em "Lucida Grande", Tahoma, Verdana, sans-serif;
	width:355px;
	color:#555;
}	

/*---------------------------------------------------------------------------------
  Sub Nav Horzitonal Gallery
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */

#sub-nav-h {
	width:800px;
	margin-left:120px;
	margin-bottom:50px;
	float:left;
}
#sub-nav-h div a {
	display:block;
	font: bold 11px Arial, Helvetica, Sans-Serif;
	color:#444;
	border:1px solid #C3BDAD;
	text-transform:lowercase;
	padding:6px;
	margin-right:50px;
	text-decoration:none;
	float:left;
	width:200px;
	text-align:center;
}
#sub-nav-h div a:hover {
	background:#F0EFEB;
	text-decoration:none;

}
#sub-nav-h div a.active {
	background:#c4dfec;
	border:1px solid #c4dfec;	
	text-decoration:none;
}

/*---------------------------------------------------------------------------------
  Design process
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */

#design-process {
	margin: 15px 15px 0 15px; /* top right bottom left */
	text-align:left;
}

.list { padding:0; border: none; margin: 0; padding-right:15px;}
.list ul { width:530px;list-style: none; margin: 1em 0 1em 1em; padding: 0; }
.list li { margin-top:8px;padding-left: 1em; background-image: url(images/bullet_blue.gif); background-repeat: no-repeat; background-position: left top;}
.list li strong { 	font-weight:bold;color:#666;font-size:12px;}	

/*---------------------------------------------------------------------------------
  Media
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */

#media {
	font: 14px/1.4em "Lucida Grande", Tahoma, Verdana, sans-serif;
}

h3.media  {
	margin:0;
	padding:2px 0 0 0;
	font: 13px/1.3em "Lucida Grande", Tahoma, Verdana, sans-serif;
	color:#555;		
	font-weight:normal;
}

.still {
  display: block;
  padding: 2px;
  margin:2px;
  margin-top:0px;
  margin-bottom:0px;
  border: 1px solid #999;
  background-color: #FFF;
}   

/*---------------------------------------------------------------------------------
  Footer
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */
#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	padding:0;
	margin:0;
	text-decoration: none;
	height:140px;
}
#footer h1 {
	color:#333;
	font-family: Arial, Verdana, sans-serif;
	font-size:12px;
	letter-spacing:5px;
	padding:0;
	margin:0;	
	line-height:50px;
	background-color:#b3d9ec;
	text-indent: -5000px; /*to hide */
	background-image: url(images/footer-text.gif); background-repeat: no-repeat; background-position: center;	
}

#footer a{
	color:#999;
	font-family: Verdana, Geneva, Arial;
	font-size:10px;
	text-decoration: none;
}
#footer a:hover{
	color:#666;
	font-family: Verdana, Geneva, Arial;
	font-size:10px;
	text-decoration: none;
}
#footer p{
	color:#999;
	line-height:70px;
	background-color:#FFF;
	font-family: Verdana, Geneva, Arial;
	font-size:10px;
	text-decoration: none;
}

/*---------------------------------------------------------------------------------
  Sub Nav Vertical
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */

#sub-nav {
	width:220px;
	float:left;
}
#sub-nav ul {
	margin:0;
	padding:0;
}	
#sub-nav li a {
	display:block;
	font: bold 11px Arial, Helvetica, Sans-Serif;
	color:#444;
	border:1px solid #C3BDAD;
	text-transform:lowercase;
	padding:6px;
	margin-bottom:10px;
	text-decoration:none;
}
#sub-nav li a:hover {
	background:#F0EFEB;
	text-decoration:none;

}
#sub-nav li a.active {
	background:#c4dfec;
	border:1px solid #c4dfec;	
	text-decoration:none;
}

/*---------------------------------------------------------------------------------
  Gallery - Thumbs
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */

#left-bar{ 
	width: 250px;
	float:left;
}
#imagearea{ 
	width: 705px;
}

/*---------------------------------------------------------------------------------
  Red Year Round Project
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */

.redyear {
	margin-left:10px;
	font-weight:normal;
	font: 16px/1.3em "Gill Sans MT", "Gill Sans", GillSans, Arial, Helvetica, sans-serif;
}	
.redyear strong {
	font-weight:bold;
	font-color:#444;
}	
.redyear a {
	color:#990000;
}	
.redyear a:hover{text-decoration:none; color: #999;}


/*---------------------------------------------------------------------------------
  Top Ten - Project
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */

.leftpic2 {
	float:left;
	padding-top:15px;	
}	
.rightpic2 {
	float:left;
	margin-left:25px;
	padding-top:5px;
	width:480px;
}	
.rightpic2 strong {
	font-weight:normal;
	font: 14px/1.5em "Lucida Grande", Tahoma, Verdana, sans-serif;
	text-decoration:underline;
}	

/*---------------------------------------------------------------------------------
  Fabric Finds - Project
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */

.leftpic {
	float:left;
}	
.rightpic {
	float:left;
	margin-left:30px;
	padding-top:115px;
}	
.rightpic p {
	font: 17px/1.6em "Lucida Grande", Tahoma, Verdana, sans-serif;
	width:355px;
	color:#777;
}	
.row1 {
	margin-top:22px;
}	
.row1 img {
	margin-right:2px;
}
.row2 {
	margin-top:22px;
	margin-left:10px;
}	
.row2 img {
	margin-right:2px;
}
.ftext {
	margin: 4px 50px 0 190px; /* top right bottom left */
}	
.ftext strong{
	color:#666;
}	
.greylarge {
	font: 17px/1.6em "Lucida Grande", Tahoma, Verdana, sans-serif;
	color:#777;
	text-align:center;
}	

/*---------------------------------------------------------------------------------
  newsletter signup
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */

		form {  font-family:verdana, arial; font-size:10px ; }
		input { font-family:verdana; font-size:10px ; color:#444 ;}
		textarea { font-family:verdana, arial ; font-size:10px ; color:#444 ; }


.newsletter {padding:10px 0 0 95px; background-image: url(images/pop-news-bot.gif); width:505px; height:50px;	}		
.newsletter-left {float:left;padding:3px 10px 0 0; }
.newsletter-right {float:left;}
.loginfield {width:145px;}

/*---------------------------------------------------------------------------------
  sIFR
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */

.sIFR-flash {
	margin:0;
	padding:0;
	visibility:visible !important;
}

.sIFR-replaced,.sifr-ignore {
	visibility:visible !important;
}

.sIFR-alternate {
	display:block;
	height:0;
	left:0;
	overflow:hidden;
	position:absolute;
	top:0;
	width:0;
}

.sIFR-active .flashtext { visibility:hidden;
}


.flashtext {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-weight: normal;
  letter-spacing: -.05em;
  margin: 0;
  padding: 0;
  line-height: 1em;
  display:block;
  text-align:left;
  font-size:16px;
  color:#444;  
}