@charset "UTF-8";
/* ReadyType Style CSS.
The Landing page is unique to the site. There are no other pages that put a margin above the content area. All other pages use a 2-column hybrid dusplay. 
*/

/* InterfaceNav Components */
#interfaceNavLeft {
	width:144px;
	margin:0 4px 0 0;
}
#interfaceNavRight {
	width:140px;
}
#interfaceNavFooter {
	width:288px;
	text-align:center;
	color:#4B656D;
	font-family:Arial, sans-serif;
	font-size:10px;
	margin:4px 0 0 0;
	padding:13px 0 0 0;
	height:80px;
}

/* InterfaceNavLeft Components */
/* Interface Logo hover action */
#interfaceNavLogo {
	width:144px;
	height:140px;
	margin:0 0 30px 0;
	background-image:url(../assets/bkgnd/interfaceNavLogoBkgnd.jpg);
}
#interfaceNavLogo a {
	background-image:url(../assets/bkgnd/interfaceNavLogo.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:90px;
	height:0px;
	padding-top:64px;
	overflow:hidden;
	float:left;
	margin:38px 27px;
}
#interfaceNavLogo a:hover {
	background-position:-90px 0px;
}
#interfaceNavLogo a:active {
	background-position:-180px 0px;
}
#interfaceNavMenu {
	width:100%;
	height:169px;
	margin: 0 0 5px 0;
	background-image: url(../assets/bkgnd/interfaceNavMenu.jpg);
	padding:42px 0 0 0;
}

/* InterfaceNavRight Indicator & Components */
#interfaceNavIndicator {
	width:140px;
	height:140px;
	margin: 0 0 30px 0;
}
#interfaceNavIndicator {
	width:140px;
	height:0;
	overflow:hidden;
	float:left;
	padding-top:140px;
	background-image: url(../assets/bkgnd/interfaceNavIndicator.jpg);
}
#interfaceNavIndicator.fonts {
	background-position:0 0;
}
#interfaceNavIndicator.info {
	background-position:-140px 0;
}
#interfaceNavIndicator.legal {
	background-position:-280px 0;
}

/* InterfaceNavRight Selector CSS in selector.css */
#interfaceNavSelector {
	width:140px;
	height:318px;
	background-image:url(../assets/bkgnd/interfaceNavSelector.jpg);
	padding:42px 0 0 0;
}

/* Interface Container for all Viewable Content. Thanks Mike */
#interfaceViewContent {
	width:508px;
}

/* Interface Content Container w/ Scroll bar */
#interfaceContentOut {
	height:528px;
	overflow-y:scroll;
	width:506px;
	border:1px solid #6D6F71;
}

/* Interface Content */
#interfaceContent.info, #interfaceContent.legal {
	padding:30px 20px 0 18px;
	color:#231F20;
	width:452px;
	border-right:1px solid #6D6F71;
}
#interfaceContent.contact {
	padding:30px 20px 0 18px;
	color:#231F20;
	width:468px;
	border:1px solid #6D6F71;
}
#interfaceContent.info p, #interfaceContent.legal p, #interfaceContent.contact p {
	font-size:11px;
	padding:0 0 12px 0;
	color:#6D7072;
}
#interfaceContent.readme {
	font-size:12px;
}
#interfaceProduct {
	width:508px;
}

/* Interface Footer with Images for Font Page and Site Links */
#interfaceBottom {
	width:100%;
}
#interfaceBottom-Fonts {
	width:100%;
	margin:10px 0;
}
#interfaceBottom-Fonts a {
	margin:0 10px;
	float:left;
}
#interfaceBottom p {
	width:100%;
	margin:15px auto;
	color:#285057;
	font-size:11px;
	text-align:center;
}
#interfaceBottom a {
}

/* Product Interface! */
#productDescription {
	width:466px;
	border:1px #585958 solid;
	overflow:visible;
	padding:0 20px 10px 20px;
	color:#585958;
	height:128px;
}
#productDescription.fonts {
	margin:0 0 30px 0;
}
#productDescription p {
	margin-top:10px;
	line-height:14px;
}
#productDownload {
	width:468px;
	height:20px;
	text-align:right;
	padding:5px 20px;
	font-size:10px;
}
#productHeader {
	width:463px;
	height:18px;
	background-color:#DCDDDE;
	color:#4B656D;
	margin:0 20px;
	padding:0 0 0 5px;
}
#productHeaderName {
	width:300px;
	font-weight:bold;
}
#productHeaderButton {
	width:163px;
	height:18px;
}
#productHeaderButton a {
	background-position:0px 0px;
	overflow:hidden;
	background-image:url(../../assets/bkgnd/cartAdd.jpg);
	background-repeat:no-repeat;
	height:0px;
	padding:18px 0 0 0;
	float:left;
	width:63px;
	margin:0 0 0 10px;
	float:left;
}
#productHeaderButton p {
	width:90px;
	text-align:right;
	font-size:11px;
	color:#414142;
	float:left;
}
#productHeaderButton a:hover {
	background-position:-63px 0px;
}
#productHeaderButton a:active {
	background-position:-126px 0px;
}

/* Specific to Font Page */
.red {
	color:#CC3232;
}
#productBanner {
	width:498px;
	padding:6px 5px;
	height:18px;
}
#productBanner p {
	color:#595A5B;
	font-weight:bold;	
}


/* Product Images */
#productImageSample {
	width:468px;
	padding:0 20px 20px;
	height:96px;
}
#productImageSample.fonts {
	margin:0 0 45px 0;
}
#productImageSampleText {
	width:488px;
	padding:0 10px;
	height:226px;
}
#productImageSampleText.fonts {
	height:226px;
	border-top:1px solid #585958;
	border-bottom:1px solid #585958;
	padding:66px 10px;
}