* { 

	margin: 0; 
	padding: 0;	
	
	}
	
body {

	text-align:center; /* horizontal centering for IE Win quirks */
	background-image:url("../images/bg1x532.gif");
	background-repeat:repeat-x; 
	background-color: #87b3da;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	color: #404040;

	}
	
/* font adjustment for IE5 */

body {
	font-size: x-small; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: small;
	}

html>body { /* be nice to Opera */
	font-size: small;
	}	
	
	
.clearfloat {

	clear:both;

}	
	
/* Global link colors */	
	
	a, a:visited {
	
		text-decoration:none;
		color:#496D93;
	
		}
	
	a:hover {
	
		text-decoration:underline;
		color:#496D93;
		
		}
	
		
	#content a.more  {
				
		background-image:	url("../images/arrow9x9.gif");
		background-repeat: 	no-repeat;
		background-position: 0 50%;
		padding:2px 0 0 15px;
		
		}


/* Global paragraphs and headlines */	

	p, h1 {
	
		margin:0px 15px 10px 15px;
		
		}	
					
		
	h2, h3 {
	
		margin:0px 15px 15px 15px;
	
		}	
									
		
	h1 {
	
		font-size: 130%;
		padding-top:15px;
		color: #496D93;
	
		}

		
	h2 {
	
		font-size: 110%;
		padding-top:20px;
		color: #496D93;
	
		}
		
	p.buffer {
	
			margin-bottom: 140px;
	
	}		
			
		
.genericcolumn h3 {
	
		font-size: 100%;
		margin:15px 15px 5px 15px;

	
		}		
		
.leftcolumn	h1, .genericcolumn	h1 {
	
		font-size: 200%;
		color: #404040;
		margin:0px 15px;
	
		}

		
.rightcolumn h2 {
		
		font-size: 110%;
		color: #496D93;
		margin:0px 15px 15px 0;;
	
		}
		
.rightcolumn p {
	
		margin-left:0;
	
		}		
		
.rightcolumn h2.shift, .rightcolumn p.shift {

	margin-left: 15px;

}		
		
#contactmod h2 {
		
		margin:0 15px 0 15px;
		padding-bottom: 10px;
		padding-top: 10px;
	
		}			


#mapmod h2, #mapmod p {
		
		margin:0;
		padding-bottom: 15px;
	
		}	
			
		
.rightcolumn p.bottomborder, .rightcolumn div.bottomborder {
	
		border-bottom: 1px dashed;
		border-bottom-color: #ccc;
		padding-bottom: 20px;
	
		}							
				
		
	h3 {
	
		font-size: 100%;

	
		}			
					
	
	p { 
	
		line-height: 1.5em;
	
		}
	
	
	
#mastercontainer {
	width: 850px;
	margin:15px auto;
	text-align:left;
	background-image: url("../images/topshadow850x10.gif");
	background-repeat:no-repeat;
	padding-top:10px;	
	background-position: top;
	
	}	


#bottom {

	background-image: url("../images/bottomshadow850x10.gif");
	background-repeat:no-repeat;
	padding-top:10px;	
	background-position: bottom;

}



#header {

	height: 127px;	

}

#header img.logo {
	
	padding: 40px 0 0 45px;
	float: left;
}

#header div.submenu {

	background-image: url("../images/scancode484x18.gif");
	background-repeat:no-repeat;
	background-position: 0 60px;
	float: right;
	width: 514px;
	height: 100px;
	font-size: 85%;

}

#header ul {
	
	float: right;
	margin-top: 20px;
	
	}
	
#header li {
	display: inline;
	color: #404040;
	}
	
#header li a, #header li a.noborder {
	float: left;
	color: #496D93;
	padding: 2px 6px;
	text-decoration: underline;
	border-right: 1px solid #ccc;
	}
	
#header li a.noborder {
	border: 0;
	margin-right: 25px;
	}	
	
#header li a:visited {
	color: #496D93;
	}
	
#header li a:hover {
	text-decoration: none;
	
	}	


#header, #content, #footercontainer {

	background-image:url("../images/shadow-bg850x1.gif");
	background-repeat:repeat-y; 	

}


#photonav {

	height: 380px;
	padding: 0 25px;
	background-image:url("../images/photonav-bg850x1.gif");
	background-repeat:repeat-y; 	

}

#photohome, #photohandsewing, #photolatchhooks, #photoaccessories, #photospecialist, #phototattoo {
	float: left;
	width: 571px;
	height:380px;
	background-repeat: no-repeat; 	

}

#photohome {
	background-image:url("../images/home-photo571x380.jpg");
	}

#photohandsewing {

	background-image:url("../images/handsewing-photo571x380.jpg");

}

#photolatchhooks {

	background-image:url("../images/latchhooks-photo571x380.jpg");

}

#photoaccessories {

	background-image:url("../images/accessories-photo571x380.jpg");

}

#photospecialist {

	background-image:url("../images/specialist-photo571x380.jpg");

}

#phototattoo {

	background-image:url("../images/tattoo-photo571x380.jpg");

}



/* Main Navigation */
	
#nav {
	
	float: left;
	width: 229px;
	
	}
	
#nav ul {
	
	list-style-type: none;
	letter-spacing: 1px;
	
	}
	
#nav li a {
	height: 76px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 43px;
	text-decoration: none;
	
	}	
	
html>body #nav li a { /* be nice to Opera again */
  	
	height:38.4px;
	
	} 
	
	
#nav li a:link, #nav li a:visited {
	color: #fff;
	display: block;
	background-color: #417DBB;
	padding: 25px 0 0 25px;
	}
	
#nav li.home a:link, #nav li.home a:visited {
	background-color: #417DBB;
	
	}	
	
#nav li.handsewing a:link, #nav li.handsewing a:visited {
	background-color: #538BC8;
	
	}
	
#nav li.latchhooks a:link, #nav li.latchhooks a:visited {
	background-color: #5998CE;
	
	}
	
#nav li.accessories a:link, #nav li.accessories a:visited {
	background-color: #77ACD6;
	
	}
	
#nav li.specialist a:link, #nav li.specialist a:visited {
	background-color: #87B3DA;
	
	}	

#nav li.tattoo a:link, #nav li.tattoo a:visited {
	background-color: #A4C8E7;
	
	}				
	
#nav li.home a:hover, #nav li.handsewing a:hover, #nav li.latchhooks a:hover, #nav li.accessories a:hover, #nav li.specialist a:hover, #nav li.tattoo a:hover {
	color: #FFF;
	background-color:  #3E76B1;
	padding: 25px 0 0 25px;
	}	

/* Main content */

#content {

	background-color:#fff;
	padding: 20px 0;

	}
	
/* Homepage boxes */

.hpboxright, .hpboxcenter, .hpboxleft, .leftcolumn, .rightcolumn {

	border: solid 1px #ccc;
	background-color:#fff;
	float: left;
	display: inline;
	
	}

.hpboxleft {
	width:282px; 
  	voice-family: "\"}\""; 
  	voice-family:inherit;
  	width:280px;	
	height: 260px;	
	float: left;
	margin:0 20px 0 25px;
	background-image: url("../images/quality75x75.jpg");
	background-repeat:no-repeat;
	background-position: 185px 170px;	

	}
	
.hpboxcenter {

	width:196px; 
  	voice-family: "\"}\""; 
  	voice-family:inherit;
  	width:194px;
	height: 260px;
	margin-right: 20px;

	}
	
.hpboxcenter img {
	
	float:right; 
	padding:10px 0 4px 0;

	}	
	
.hpboxright {	
	
	margin-right: 20px;
	width:282px; 
  	voice-family: "\"}\""; 
  	voice-family:inherit;
  	width:280px;
	height: 260px;
	background-image: url("../images/people72x76.jpg");
	background-repeat:no-repeat;
	background-position: 90% 100%;
		
	}
	
	
/* Second level columns */


.leftcolumn {
	border: none;
	width:518px; 	
	float: left;
	margin:0 0 0 25px;
	text-align: justify;

	}
	
.rightcolumn {	
	border-right: none;
	border-bottom: none;
	border-top: none;	
	margin-right: 20px;
	width:282px; 
  	voice-family: "\"}\""; 
  	voice-family:inherit;
  	width:280px;
		
	}	
	
.genericcolumn {
	border: none;	
	float: left;
	margin:0 25px;
	text-align: justify;
	background-color: #fff;
	}		
	

/* main bullet list */


#content  ul
	{

	list-style: none;
	padding:0 0 10px 15px;

	}

#content li, #content dd {
			
	background-image:	url("../images/redarrow9x9.gif");
	background-repeat: 	no-repeat;
	background-position:	0 .5em;
	padding-left: 	15px;
	line-height:	175%;
	text-align: left;
}


/* second level bullet list */


#content dl

	{
	
	padding: 20px;
	border-left: 5px solid #D9DBC7;
	background-color: #FAFCE7;
	margin: 15px 15px 0 15px;

	}

#content dt	
	
{

	font-weight: bold;
	font-size: 110%;
	color: #496D93;
	padding-bottom: 10px;
	
}	



/* Contact styles */



				#contactwrapper {
				
					margin: 0 15px 0 15px;
				
					}	
					
				#contactwrapper input.reg, #contactwrapper textarea {
				
					width: 300px;
					background-color: #fff;
					border: solid 1px #999;
					padding: 2px 0;
					display: inline;
				
					}
					
				#contactwrapper p {
				
					margin: 15px 0 0 0;
				
					}		
				#contactwrapper div.error {
				
					padding:10px 10px 10px 4px;
					background-color:#FFFFCC;
					float: left;
				
					}										
				
				div.row textarea {
				  
					width: 300px;
					height: 150px;				  
				  } 				
				
					
				#contactwrapper input.state {
				
					width: 40px;
					background-color: #fff;
					border: solid 1px #999;
					padding: 2px 0;		
					display: inline;			
				
					}
					
				#contactwrapper input.zip {
				
					width: 157px;
					margin-left: 20px;
					background-color: #fff;
					border: solid 1px #999;
					padding: 2px 0;	
					display: inline;				
				
					}											
					
				
				div.row {
				  float: left;
				  padding-top: 10px;
				  zoom: 1; /* Hack for IE 6/7 to keep it from doubling the padding */
				  }
		
				  
				div.row span.label {
				  
				  float: left;
				  width: 115px;
				  text-align: left;
				  display: inline;
				  padding: 2px 0 0 0;	
				  
				  }				  
				
		
				div.row span.labelshort {
				  
				  float: left;
				  width: 57px;
				  text-align: right;
				  display: inline;
				  padding: 2px 0 0 0;
				  
				  }		
		
				div.row span.formw {
				  
				  float: left;
				  text-align: left;
				  display: inline;
				  
				  } 
				  
				div.row span.formx {
				  
				  float: left;
				  width: 66px;
				  text-align: left;
				  display: inline;
				  
				  } 
				  
				div.row span.formy {
				  
				  float: left;
				  text-align: left;
				  display: inline;
				  
				  } 
				  


/* Left column modules */



				#mailboxmod {
						margin-left: 15px;
						background-image:url("../images/mailbox63x131.jpg");
						background-repeat:no-repeat;
						background-position: 90% 30%; 
						padding-right: 50px;
					}
					
				#qualitymod {
						margin-left: 15px;
						background-image:url("../images/quality75x75.jpg");
						background-repeat:no-repeat;
						background-position: 0 15%; 
						padding-left: 90px;
					}		
					
				#bestratemod {
						margin-left: 15px;
						background-image:url("../images/cash64x90.jpg");
						background-repeat:no-repeat;
						background-position: 95% 35%; 
						padding-right: 70px;
					}														  


/* Right column modules */

#contactmod {

	background-image:url("../images/customerservice117x81.jpg");
	background-repeat:no-repeat;
	background-position: 0 10%; 
	padding-left: 110px;
	padding-bottom: 10px;
	margin-left: 15px;
	height: 90px;

	}
	
#mapmod {

	margin-left: 15px;
	
	}
			
	
#mapmod img {

	padding: 2px;
	margin-bottom: 15px;
	border: 1px solid #eaeaea;
	background-color: #fff;
	}		


/* Footer Elements */


#footercontainer {

	background-color:#fff;
	width: 850px;
	padding-bottom: 14px;
	}

#footer {

	width:800px; 
	margin:0 0 0 25px;
	padding: 20px 0 10px 0;
	background-color: #92938A;
	color: #eaeaea;
	font-size: 85%;

	}

#footer h3, #footer p {

	letter-spacing: 1px;
	
	}	

#details {
	float: left;
	width: 410px;

	}

#details div.address, #details div.telephone {
	float: left;
	width: 190px;

	}
	
#details div.telephone {
	
	width: 220px;

	}	
		
#footer a, #footer a:visited {
	
		text-decoration:none;
		color:#eaeaea;
	
		}
	
#footer a:hover {
	
		text-decoration:underline;
		color:#eaeaea;
		
		}	

	
#footernav {
	
	float: right;
	width: 380px;
	
	}
	
#footernav ul {
	float: right;
	}
	
#footernav li {
	display:block;
	}
	
#footernav li a, #footernav li a.noborder {
	float: right;
	color: #eaeaea;
	padding: 2px 6px;
	text-decoration: none;
	}
	
#footernav li a:visited {
	color: #eaeaea;
	}
	
#footernav li a:hover {
	color: #eaeaea;
	text-decoration: underline;
	
	}