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

body {
	margin: 0; padding: 0;
	background: #693; color: #300;
	font: medium Helvetica, Arial, Verdana, sans-serif;
}

a {
	font: bold;
	text-decoration: none;
	color: #603;
}

a img {
	border: none;
}


p {
	margin: 0 0 1em;
}

h1.keyword {
	font: bold 1.2em "Adobe Garamond Pro", Garamond, Caslon, serif;
	margin-top: 1.5em;
}

h1.kudos {
	font: bold 1.4em "Adobe Garamond Pro", Garamond, Caslon, serif;
	margin-top: 1.5em;
}

h1.press {
	font: bold 1.2em "Adobe Garamond Pro", Garamond, Caslon, serif;
	margin-bottom: 1.5em;
}

h1.title {
	font: bold 1.8em "Adobe Garamond Pro", Garamond, Caslon, serif;
}

#text h2, #containment h2 {
	font: bold 1.5em "Adobe Garamond Pro", Garamond, Caslon, serif;
	padding: 0;
	margin: 2em 0 1em;
	color: #300;
	border-bottom: solid 1px;
}

#text h3, #containment h3 {
	font: bold 1.3em "Adobe Garamond Pro", Garamond, Caslon, serif;
	margin-bottom: .25em;
}

#text h4, #containment h4 {
	font: bold 1em "Adobe Garamond Pro", Garamond, Caslon, serif;
	margin-bottom: .25em;
}

/* ------------- masthead styles */
#masthead {
	padding-top: 1px;
	margin: 0; 
	background: #693;
}

#logo {
	float: left;
	margin-top: 7px;
	margin-left: -15px;
}

#homelink {
	font: normal 80px "Adobe Garamond Pro", Garamond, Caslon, serif;
	float: left;
	margin: 0px 0px -400px; 
	color: #FFD;
}

#slogan {
	font: normal medium "Adobe Garamond Pro", Garamond, Caslon, serif;
	margin-top: 82px;
	margin-bottom: -100px; 
	color: #FFD;
	float: right;
	display: inline;
}

#slogan a {
	color: #FFD;
}

#navlinks {
	margin-top: 110px; 
	margin-left: 0px;
	padding: 0.25em 1em 0.25em 50px;
	background: #603; color: #FFD;
}

#navlinks li {
	display: inline;
	margin-right: 0.5em; 
	padding-right: 2em;
	font: normal larger "Adobe Garamond Pro", Garamond, Caslon, serif;
}

#navlinks a {
	color: #FFD;
}

#navlinks a:hover {
	color: #693;
}

.outside {
	target-new: tab;
	font:  italic 1em Helvetica, Arial, Verdana, sans-serif;
}

/* ------------- landingpage styles */

#hometext {
	text-align: justify;
	margin: 2em 47px 2em 47px;
	font: .95em Helvetica, Arial, Verdana, sans-serif;
	letter-spacing: .05em;
	word-spacing: .01em;
}

#text, #contentblog {
	margin: 1em 2.5em;
	font: smaller Helvetica, Arial, Verdana, sans-serif;
}

#testimonial {
	margin: 1.5em 3.2em;
	font: .8em Helvetica, Arial, Verdana, sans-serif;
	letter-spacing: .05em;
	word-spacing: .01em;
}

a.landing {
	font:  italic 1em Helvetica, Arial, Verdana, sans-serif;
}	

.testify {
	border-bottom: #603 1px dotted;
	padding-bottom: 1em;
}

.dots {
	text-align: center;
}

.catalog {
	float: left;
	display: block;
	margin: .5em auto 1em .5em; 
}

#catalog2 {
	float: left;
	display: block;
	margin: .5em auto 1em 1.3em; 
}

img.des {
	float: left;
	margin: 1.25em;
	padding: 0;
	border: #603 2px solid;
}

#detail {
	float: left;
	margin: 1px 30px 30px 0;
	padding: 1px 1px 1px 1px;
	border: #603 2px solid;
}

#process-links {
	margin-top: .75em; padding: 0.25em 1em 0.25em 0;
	background: #FFD; color: #603;
	font: bold 1.4em "Adobe Garamond Pro", Garamond, Caslon, serif
}

#process-links a {
	color: #603
}

#pricing {
	text-align: center;
	padding: 1em;
	border: #603 2px solid;
}

#colors {
	display: block;
    margin-left: auto;
    margin-right: auto;
	height: 612px;
}

img.blogimg {
	float: left;
	clear: both;
	padding-right: 20px;
}

p.blogcaption {
	clear: both;
	padding: 20px;
}

img.materials-image {
	display: inline;
	margin: .5em .4em 1em;
	padding: 0;
	border: #603 2px solid;
}

#post-materials {
	clear: right;
}

h2.post-materials-left {
	clear: left;
}

h3.post-materials-left {
	clear: left;
}

#banner {
	display: block;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: 1.5em;
	margin-top: 2.5em;
	padding: 1px;
	border: #603 2px solid;
}

p.press {
	text-align: center;
}

p.fptestimonial {
	font: normal 1.25em "Adobe Garamond Pro", Garamond, Caslon, serif;
}

img.press {
	margin: 1em 3em 0em 3em;
	padding: 1px;
	border: #603 2px solid;
}

img.landing-left {
	float: left;
	margin-right: 1em;
	margin-bottom: .5em;
	padding: 1px;
	border: #603 2px solid;
}

img.landing-left-bottom {
	float: left;
	margin-right: 1em;
	margin-bottom: 1.5em;
	padding: 1px;
	border: #603 2px solid;
}

img.landing-right {
	float: right;
	margin-left: 1em;
	margin-bottom: .5em;
	padding: 1px;
	border: #603 2px solid;
}

img.aboutpics {
	float: left;
	display: block;
	margin: .1em 1em 2em 0;
}

img.fonts {
	float: left;
	display: block;
	margin: .1em 2em 1.5em 0;
}

#price-table table {
	display: block;
	margin-left: 1em;
    margin-right: auto;
	margin-bottom: 1.5em;
}

#price-table td {
	padding: 0 30px;
	margin: 0;
}

#price-table .quantity {
	font-size: larger;
	border-bottom: 1px solid #300;
}

#price-table .table-title {
	font-size: larger;
	border-bottom: 1px solid #300;
}

#containment {
	margin: 25px;
	font-size: small;
}

#containment a {
	font-style: italic;
}


#content {
/* max-width hack for IE since it doesn't understand the valid css property */
width: expression(document.body.clientWidth > 920 ? "920px" : "96%");
max-width: 920px;
margin: 0 auto;
background: #FFD;
}

#content[id] {
width: 96%;
height: auto;
}

/* ------------- footer styles */

#footer {
	clear: both;
	margin-top: 2em;
	padding: 3px 2em;
	background: #603;
	color: #FFD;
}

#footer a {
	color: #693;
}

#footer p {
	margin: 0;
	font: normal small "Adobe Garamond Pro", Garamond, Caslon, serif;
}

#footer-contact {
	float: right;
	margin-top: -20px;
	padding: 0.10em 2em 1px;
	background: #603;
	color: #FFD;
}

#footer-contact a {
	color: #693;
}

#footer-contact p {
	margin: 0;
	font: normal small "Adobe Garamond Pro", Garamond, Caslon, serif;
}

#onPage a, #onPage a:visited, #onPage a:hover{
	color: #693;
}