/************************************************
* Sarah Smith Letterpress, Inc.
* Global styles
* Copyright Sarah Smith Letterpress, Inc., 2009
************************************************/

/**
 *	General styles
 *
 */

body {
	background: transparent url(../images/bg-pattern.gif) center center repeat;
	color: #000;
	font-size: 9pt;
	font-family: Georgia, "Times New Roman", sans-serif;
	line-height: 1.5em;
	margin: 0;
	height: 100%;
	padding: 0 0 50px;
	text-align: center;
	width: 100%;
}

a:link, a:visited, a:hover {outline: none;}
a:link, a:visited {
	color: #5f4730;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a:link img, a:visited img {border: #5f4730 1px solid;}
a:hover img {
	border: #000 1px solid;
}

hr {display: none;}

h1, h2, h3, h4, h5 {margin: 0;}

.border {border: #5f4730 1px solid;}

.left {
	border: #5f4730 1px solid;
	float: left;
	margin: 0 20px 20px 0;
}
.right {
	border: #5f4730 1px solid;
	float: right;
	margin: 0 0 20px 20px;
}
.wide {
	border: #5f4730 1px solid;
	margin-bottom: 20px;
	height: 326px;
	width: 492px;
}

/**
 * Main Layout
 *
 */

#w {
	background: transparent url(../images/bg-edge-curve.gif) bottom center repeat-y;
	margin: 0 auto;
	overflow: auto;
	text-align: left;
	position: relative;
	width: 865px;
}
	#w2 {
		background: #f7eae1 url(../images/bg-edge-dot.gif) left top repeat-y;
		margin: 0 auto;
		position: relative;
		width: 849px;
	}
		#w3 {
			background: transparent url(../images/bg-edge-dot.gif) right top repeat-y;
			border-top: #5f4730 solid 6px;
			position: relative;
		}
		
		#c, #c2 {
			border: #5f4730 1px solid;
			margin: 0 auto;
			position: relative;
		}
		#c {
			padding: 7px 0;
			text-align: justify;
			/* text-justify: newspaper;  -- causing last two gallery thumbnails to disappear? */
			width: 824px;
		}
			#c2 {
				background-color: #faf1eb;
				overflow: auto;
				padding: 0;
				width: 810px;
			}
			#col1, #col2 {float: left;}
			#col1 {
				margin: 0 0 15px 15px;
				width: 494px;
			}
			.onecol #col1 {width: 786px;}
			#col2 {
				margin: 0 0 0 20px;
				text-align: left;
				width: 260px;
			}
				
/**
 * Header
 *
 */
			
	#h {
		border-top: #76968d solid 5px;
		height: 62px;
		position: relative;
	}
		#h h1 {
			background: transparent url(../images/btn-logo.gif) right top repeat-y;
			height: 42px;
			left: 20px;
			margin: 0;
			text-indent: -9999px;
			top: 13px;
			position: relative;
			width: 162px;
		}
			#h h1 a {
				display: block;
				height: 100%;
				width: 100%;
			}


/**
 * Navigation
 *
 */
			
#nav-sub {
	background: transparent url(../images/bg-nav-sub-sprite.gif) left top no-repeat;
	font-size: 0;
	height: 17px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 30px;
	text-indent: -9999px;
	top: 37px;
	width: 273px;
}
	#nav-sub li {
		float: left;
		height: 17px;
		margin: 0;
		list-style: none;
		padding: 0;
	}
	#nav-sub-a {
		margin-left: 0;
		width: 54px;
	}
		#nav-sub-a a:hover, #nav-sub-a a:active {background: #f9eee6 url(../images/bg-nav-sub-sprite.gif) left bottom no-repeat;}
	#nav-sub-f {width: 37px;}
		#nav-sub-f a:hover, #nav-sub-f a:active {background: #f9eee6 url(../images/bg-nav-sub-sprite.gif) -54px bottom no-repeat;}
	#nav-sub-e {width: 111px;}
		#nav-sub-e a:hover, #nav-sub-e a:active {background: #f9eee6 url(../images/bg-nav-sub-sprite.gif) -91px bottom no-repeat;}
	#nav-sub-c {width: 71px;}
		#nav-sub-c a:hover, #nav-sub-c a:active {background: #f9eee6 url(../images/bg-nav-sub-sprite.gif) -202px bottom no-repeat;}
		
		#nav-sub li a {
			display: block;
			height: 100%;
			width: 100%;
		}
	
#nav {
	background: #5f4730 url(../images/bg-nav-main-sprite.gif) left top no-repeat;
	height: 20px;
	margin: 0;
	padding: 0;
	top: 0;
	width: 810px;
	z-index: 1000;
}
	#nav li {
		float: left;
		font-size: 0;
		height: 20px;
		list-style: none;
		margin: 0;
		padding: 0;
		text-indent: -9999px;
	}
	#nav #nav-t {margin-left: 0;}
		#nav a {
			display: block;
			height: 100%;
			width: 100%;
		}
		#nav li ul {
			left: 0;
			margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			z-index: 2000;
		}
			#nav li ul li {
				float: left;
				margin-left: 0;
				width: 220px;
			}
				#nav li ul li a {
					height: 100%;
					width: 100%;
				}
		#nav #nav-g ul {
			background: #5f4730 url(../images/bg-nav-main-ddg-sprite.gif) left top no-repeat;
			/* height: 72px; ...with Other button active */
			height: 50px;
			width: 220px;
		}
				
			#nav-g {width: 133px;}
				#nav-g a:hover {background: none;}
				#nav #nav-wg {height: 26px;}
					#nav-wg a:hover, #nav-wg a:active {background: #5f4730 url(../images/bg-nav-main-ddg-sprite.gif) left -71px no-repeat;}
				#nav #nav-sg {height: 20px;}
					#nav-sg a:hover, #nav-sg a:active {background: #5f4730 url(../images/bg-nav-main-ddg-sprite.gif) left -97px no-repeat;}
				#nav #nav-og {height: 26px;}
					#nav-og a:hover, #nav-og a:active {background: #5f4730 url(../images/bg-nav-main-ddg-sprite.gif) left -117px no-repeat;}
			#nav-o {width: 206px;}
				#nav-o a:hover,
				#nav-o a:active,
				#special_occasions #nav-o a{
					background: #5f4730 url(../images/bg-nav-main-sprite.gif) -133px bottom no-repeat;
				}
			#nav-s {width: 206px;}
				#nav-s a:hover,
				#nav-s a:active,
				#social_stationery #nav-s a {
					background: #5f4730 url(../images/bg-nav-main-sprite.gif) -339px bottom no-repeat;
				}
			#nav-p {width: 115px;}
				#nav-p a:hover,
				#nav-p a:active,
				#pricing #nav-p a,
				#pricing600gsm #nav-p a{
					background: #5f4730 url(../images/bg-nav-main-sprite.gif) -545px bottom no-repeat;
				}
			#nav-t {width: 150px;}
				#nav-t a:hover,
				#nav-t a:active,
				#get_started #nav-t a {
					background: #5f4730 url(../images/bg-nav-main-sprite.gif) -660px bottom no-repeat;
				}
			
/**
 * Footer
 *
 */
			

#f {
	background-color: #76968d;
	border-top: #5f4730 solid 6px;
	clear: both;
	height: 26px;
	margin-top: 13px;
	text-align: center;
}
	#f h5 {
		background: transparent url(../images/bg-address.gif) center center no-repeat;
		font-size: 0;
		height: 100%;
		text-indent: -9999px;
	}