/* Design Services section styles */

#section-info h1,
#section-info h3 {
	width: 260px;
	height: 64px;
	line-height: 64px; 
	}

#section-info a.signature-collection {
	width: 134px; 
	}

	#section-info a.signature-collection:link,
	#section-info a.signature-collection:active,
	#section-info a.signature-collection:visited {
		background-position: -0px 0px; 
		}

	#section-info a.signature-collection:hover {
		background-position: -0px -19px; 
		}

#section-info a.custom-invitations {
	width: 123px; 
	}

	#section-info a.custom-invitations:link,
	#section-info a.custom-invitations:active,
	#section-info a.custom-invitations:visited {
		background-position: -135px 0px; 
		}

	#section-info a.custom-invitations:hover {
		background-position: -135px -19px; 
		}

#section-info a.exclusively-online {
	width: 125px; 
	}

	#section-info a.exclusively-online:link,
	#section-info a.exclusively-online:active,
	#section-info a.exclusively-online:visited {
		background-position: -259px 0px; 
		}

	#section-info a.exclusively-online:hover {
		background-position: -259px -19px; 
		}

#section-info a.request-samples {
	width: 112px; 
	}

	#section-info a.request-samples:link,
	#section-info a.request-samples:active,
	#section-info a.request-samples:visited {
		background-position: -385px 0px; 
		}

	#section-info a.request-samples:hover {
		background-position: -385px -19px; 
		}

#section-info li.active a.signature-collection {
	width: 134px; 
	}

	#section-info li.active a.signature-collection:link,
	#section-info li.active a.signature-collection:active,
	#section-info li.active a.signature-collection:visited,
	#section-info li.active a.signature-collection:hover {
		background-position: -0px -19px; 
		}

#section-info li.active a.custom-invitations {
	width: 123px; 
	}

	#section-info li.active a.custom-invitations:link,
	#section-info li.active a.custom-invitations:active,
	#section-info li.active a.custom-invitations:visited,
	#section-info li.active a.custom-invitations:hover {
		background-position: -135px -19px; 
		}

#section-info li.active a.exclusively-online {
	width: 125px; 
	}

	#section-info li.active a.exclusively-online:link,
	#section-info li.active a.exclusively-online:active,
	#section-info li.active a.exclusively-online:visited,
	#section-info li.active a.exclusively-online:hover {
		background-position: -259px -19px; 
		}

#section-info li.active a.request-samples {
	width: 112px; 
	}

	#section-info li.active a.request-samples:link,
	#section-info li.active a.request-samples:active,
	#section-info li.active a.request-samples:visited,
	#section-info li.active a.request-samples:hover {
		background-position: -385px -19px; 
		}


body {
	background-color: #cbcc6c;
	background-image: url(../images/sections/design-services/updates/body.png); 
	}


#page {
	background-image: url(../images/sections/design-services/updates/header.png); 
	}


h1,
h2,
h3 {
	color: #665546; 
	}


#header a.logo {
	background-image: url(../images/sections/design-services/updates/logo.png); 
	}

#header p {
	background-image: url(../images/sections/design-services/updates/motto.png); 
	}


#nav li {
	background-image: url(../images/sections/design-services/updates/nav_sep.png); 
	}

#nav a {
	background-image: url(../images/sections/design-services/updates/nav.png); 
	}


#section-info h3, #section-info h1 {
	color: #665546;
	background-image: url(../images/sections/design-services/updates/section_hd.png); 
	}

#section-info li {
	background-image: url(../images/sections/design-services/updates/nav_sep.png); 
	}

#section-info a {
	background-image: url(../images/sections/design-services/updates/section_nav.png); 
	}


#footer {
	background-image: url(../images/sections/design-services/updates/footer.png); 
	}

	#footer li {
		background-image: url(../images/sections/design-services/updates/footer_nav_sep.png); 
		}

	#footer a {
		background-image: url(../images/sections/design-services/updates/footer_nav.png); 
		}


p.intro {
	color: #665546; 
	}


body.popup #heading {
	background-color: #665546; 
	}

	body.popup #heading p {
		color: #f6f6e1; 
		}

body.popup a:link,
body.popup a:active,
body.popup a:visited {
	color: #665546; 
	}

body.popup a:hover {
	color: #665546; 
	}



#container.design-services-overview {
	background: transparent url(../images/sections/design-services/bg/overview.jpg) no-repeat left top;
	min-height: 172px;
	background-position: right bottom; 
	}

	#container.design-services-overview p.intro {
		padding: 26px 0 1.5em 26px;
		margin: -26px 0 0 -26px;
		background: transparent url(../images/sections/design-services/bg/overview_intro.png) no-repeat left top; 
		}


/* Custom invitation */
#container.custom-invitation {
	padding: 0px; 
	}

	#container.custom-invitation .inner {
		background: transparent url(../images/sections/design-services/bg/custom_invitation.jpg) no-repeat left top;
		background-position: right bottom;
		padding: 120px 0pt 16px 10px;
		min-height: 399px; 
		}

	#container.custom-invitation h1 {
		margin: 0;
		color: #665546;
		font-family: Georgia, Times New Roman, serif;
		font-style: italic;
		font-size: 3.636pxem;
		line-height: 40px;
		font-size: 3.635em;
		line-height: 30px;
		margin: 0; 
		}

	#container.custom-invitation .gallery h2 {
		position: absolute;
		left: -1000em;
		text-align: left; 
		}

	#container.custom-invitation .gallery ol {
		margin: 0;
		padding: 0;
		margin-right: -26px; 
		}

		#container.custom-invitation .gallery ol li {
			list-style: outside none none; 
			}

		#container.custom-invitation .gallery ol:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden; 
			}

	#container.custom-invitation .gallery li {
		float: left; 
		}

	#container.custom-invitation .gallery img {
		display: block;
		border: 1px solid #86872a; 
		}

	#container.custom-invitation .view-a {
		width: 574px;
		height: 275px;
		margin: 0 0 20px;
		overflow: hidden; 
		}

		#container.custom-invitation .view-a ol {
			width: 1000em; 
			}

		#container.custom-invitation .view-a li {
			margin: 0 10px 0 0; 
			}

	#container.custom-invitation .view-b {
		margin: 30px 0 0; 
		}

		#container.custom-invitation .view-b li {
			margin: 0 5px 5px 0; 
			}

		#container.custom-invitation .view-b a {
			display: block;
			padding: 5px 2px 0;
			background: transparent url(../images/sections/design-services/bg/cinvitation.png) no-repeat left top;
			background-color: #cbcc6c; 
			}
			
#container.custom-invitation .view-b a:hover img {
	border: 1px solid #665546;
}


#other-custom-invitations {
	font-size: 0.91em;
	line-height: 1.455em; 
	}

	#other-custom-invitations h3 {
		position: absolute;
		left: -1000em;
		text-align: left; 
		}

	#other-custom-invitations ul {
		margin: 0;
		padding: 0; 
		}

		#other-custom-invitations ul li {
			list-style: outside none none; 
			}

	#other-custom-invitations li {
		background: transparent url(../images/sections/design-services/bg/dots_cs1.png) no-repeat left top;
		background-position: left bottom;
		background-repeat: repeat-x; 
		}

		#other-custom-invitations li.active a:link,
		#other-custom-invitations li.active a:active,
		#other-custom-invitations li.active a:visited {
			color: #86872a; 
			}

		#other-custom-invitations li.active a:hover {
			color: #665546; 
			}

	#other-custom-invitations a {
		padding: 4px 0;
		display: block;
		text-transform: uppercase; 
		}

		#other-custom-invitations a:link,
		#other-custom-invitations a:active,
		#other-custom-invitations a:visited {
			color: #86872a; 
			}

		#other-custom-invitations a:hover {
			color: #665546; 
			}

		#other-custom-invitations a:link,
		#other-custom-invitations a:active,
		#other-custom-invitations a:visited {
			color: #86872a; 
			}

		#other-custom-invitations a:hover {
			color: #665546;
			text-decoration: none; 
			}

	#other-custom-invitations .nav {
		margin: 15px 0;
		font-size: 1.1em;
		line-height: 1.455em; 
		}

		#other-custom-invitations .nav h4 {
			position: absolute;
			left: -1000em;
			text-align: left; 
			}

		#other-custom-invitations .nav li {
			display: inline;
			background: none; 
			}

		#other-custom-invitations .nav a {
			display: inline;
			padding: 3px; 
			}

		#other-custom-invitations .nav li.active a:link,
		#other-custom-invitations .nav li.active a:active,
		#other-custom-invitations .nav li.active a:visited {
			color: #86872a; 
			}

		#other-custom-invitations .nav li.active a:hover {
			color: #665546; 
			}
