body {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 1.5em;
	color: #625d3d;
	background: url(../_img/Pattern_back.jpg);
}
#footer_container, #footer_container {
	bottom: 0;
	width: 100%;
	height: 128px;
	background: url(../_img/Footer_y.gif);
	display: block;
	clear: both;
}
#maincontent h2 sub {
	font-family: "Arial Narrow", sans-serif;
	font-size: 12pt;
	color: #666666;
	font-weight: normal;
	display: block;
	margin-bottom: 0.5em;
}
#header {
	padding: 0px;
	width: 100%;
	height: 64px;
	text-align: left;
	display: block;
	background: url(../_img/topnav_x.gif) repeat-x;
	margin: 0 0px;
	overflow: hidden;
	clear: both;
	float: none;
}
.clrlft {
	clear: left;
}
.clrall {
	clear: both;
}
#header h1 a {
	font-size: 1px;
	text-align: right;
	line-height: 1px;
	display: block;
	padding: 0px;
	height: 57px;
	width: 208px;
	padding:0px;
	color: #303435;
	text-decoration: none;
	margin: 6px 0px 0px 53px;
	background: url(../_img/The_Factory_Interactive_logo.gif) no-repeat;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
	float: left;
}
#header h1 {
	font-size: 1px;
	line-height: 1px;
	margin: 6px 0px 0px 0px;
	padding: 0px;
	display: inline;
	color: #303536;
}
a img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#maincontent {
	padding: 0px;
	width: 500px;
	display: block;
	margin: 0px;
	float: left;
}
#footer{
	width: 807px;
	text-align: center;
	color: #333300;
	font-size: 8pt;
	margin: 0px 0px 0px 112px;
	padding-left: 0px;
	padding-top: 57px;
}

#footer a{color: #333300;text-decoration:none;}
#footer a:hover {color: #993300;text-decoration:underline;}

#yellowbar {
	height: 168px;
	width: 100%;
	background: url(../_img/yellowheader_x.gif) repeat-x;
	padding: 0px;
	margin: 0px;
	clear: both;
	display: block;
	overflow: hidden;
}
#yellowheading {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	display: block;
	width: 504px;
	height: 120px;
	float: left;
}
#maincontent h2 {
	font-size: 22pt;
	color: #FFAA00;
	font-family: tficond;
	font-weight: normal;
	line-height: 23pt;
	text-decoration:none;
	display: block;
	padding: 0em 0px 0px;
	margin: 1.2em 0px 0em;
}
#maincontent h2 a {
	color: #FFAA00;
	text-decoration: none;
}
#maincontent h3 {
	font-size: 17pt;
	color: #FFAA00;
	font-family: "Arial Narrow", sans-serif;
	font-weight: normal;
	line-height: 20pt;
	padding: 0em 0px 0px;
	margin: 1.2em 0px 0.3em;
}
#maincontent h4 {
	font-family: "Arial Narrow", sans-serif;
	font-size: 18pt;
	font-weight: normal;
	margin-top: 0em;
}
#maincontent h4 b, 
#maincontent h5 b {
	font-weight: bold;
}
#maincontent h5 {
	font-family: "Arial Narrow", sans-serif;
	font-size: 16pt;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 1.2em;
}
h1, h2, h3, h4, h5 {
	font-family: "Arial Narrow", sans-serif;
	margin: 0px;
	padding: 0px;
}
#Container {
	background: url(../_img/background_wall.jpg) no-repeat;
	display: block;
	width: 100%;
	margin: 0px;
	padding: 0px;
	clear: both;
}
#rightcol {
	width: 248px;
	float: right;
	margin: 15px 0px 0px;
}
#rightboard_body {
	background: #363636;
	display: block;
	margin: 0px;
	padding: 0px 10px;
}
#rightboard {
	display: block;
	padding: 0px 0px 15px;
	background-image: url(../_img/rightboard_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0px 0px 20px;
}

#rightcol h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #cccccc;
	line-height: 33px;
	background: url(../_img/rightboard_top.gif);
	height: 33px;
	display: block;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 0px 40px;
}
#rightcol h1 a {
	text-decoration: none;
	color: #cccccc;
}
#rightcol h1 a:hover {
	color: #ffffff;
}
ul#archiveslist,
ul#categorylist{
	margin: 20px 0px 0px;
	padding: 0px;
	list-style-type: none;
}
ul#archiveslist ul,
ul#categorylist ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: none;
}
#archiveslist ul a img {
	text-decoration: none;
	float: left;
	height: 20px;
	width: 20px;
	margin-right: 7px;
	margin-top: 3px;
	background: url(../_img/icon_doc.gif) no-repeat;
}
#rightboard_body #archiveslist ul a ,
#categorylist ul a {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #999999;
	text-decoration: none;
	line-height: normal;
	margin: 0px;
	padding: 6px 0px;
	display: block;
	text-transform: none;
	border-top: 1px dotted #666666;
}

#rightboard_body #archiveslist ul a {
	min-height: 2.3em;

}

#rightboard_body #subscribeform,
#rightboard_body #searchform {
	background: url(../_img/subscribe_window.gif) no-repeat left top;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 63px;
	width: 201px;
}
#rightboard form {
	padding: 4px;
	margin: 0px;
}
#rightboard label {
	font-size: 8pt;
	line-height: 10px;
	margin-bottom: 8px;
}

#rightboard label input {
	margin: 3px 0px;
}
#subscribeform a,
#searchform a {
	font-family: "Trebuchet MS", Geneva, Arial, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	color: #CCCCCC;
	display: block;
	width: 60px;
	background-color: #666666;
	margin: 0px 0px 0px 2px;
	padding: 0px;
	line-height: 14px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #000;
}
#subscribeform a:hover,
#searchform a:hover {
	color: #FFFFFF;
	background-color: #000000;
}
#archiveslist a {
	font-family: "Arial Narrow", "Lucida Sans Unicode", Tahoma, Geneva, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #999999;
	margin: 3px 0px;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
}

#categorylist .categories{
	font-family: "Arial Narrow", "Lucida Sans Unicode", Tahoma, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #DDD;
	margin: 3px 0px;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
}

#archiveslist .expanded a {
	font-size: 14pt;
}

#archiveslist a b {
	color: #DDD;
}
#rightboard_body #archiveslist ul a:hover,
#rightboard_body #categorylist ul a:hover {
	color: #CCCCCC;
}

#archiveslist li.expanded ul,
#categorylist .categories ul {
	display: block;
}
#archiveslist a:hover, #archiveslist a:hover b {
	color: #FFF;
}
.rightboard_footer {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #cccccc;
	line-height: 33px;
	background: url(../_img/rightboard_top.gif);
	height: 33px;
	display: block;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 0px 40px;
}
#topnav {
	margin: 13px 0px 0px 10px;
	padding: 0px;
	float: left;
	height: 50px;
	list-style-type: none;
	display: none;
	overflow: hidden;
}
#topnav a {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 50px;
	color: #CCCCCC;
	display: block;
	padding: 0px 7px 0px 8px;
	text-decoration: none;
	text-transform: uppercase;
}
#topnav li {
	float: left;
	list-style-type: none;
	background: url(../_img/topnav_divider.gif) no-repeat left center;
}
#topnav li:first-child {
	background: none;
}
#topnav a:hover {
	background: url(../_img/topnav_rollover2.jpg) no-repeat center -6px;
}
#yellowheading h2 {
	font-size: 12pt;
	color: #FFFFFF;
	font-family: tficond;
	font-weight: normal;
	display: block;
	margin: 0px;
	float: left;
	line-height: normal;
	padding: 2px 0px 0px;
	clear: left;
}
#yellowheading h1 {
	font-weight: bold;
	display: block;
	font-size: 75pt;
	line-height: 71pt;
	margin: 0px;
	padding: 0px 6px 0px 0px;
	background: url(../_img/issue_asterisk.gif) no-repeat right 4px;
	text-indent: -5px;
	font-family: Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	clear: left;
	float: left;
}
#yellowbar h4 {
	clear: both;
	font-family: tficond;
	color: #FFFFFF;
	font-weight: normal;
	display: block;
	margin: 0px;
	padding: 5px 0px 0px;
	font-size: 12pt;
	line-height: 13pt;
}
#headingtext {
	display: block;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 350px;
}
#yellowheading h3 {
	font-family: tficond;
	color: #FFFFFF;
	margin: 0px 0px -3px;
	padding: 0px;
	font-size: 16pt;
	display: block;
	font-weight: normal;
	line-height: normal;
}
#yellowheading p {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 7pt;
	line-height: 9pt;
	display: block;
	margin: 0.3em 0em .8em 0em;
	padding: 0px;
	color: #333333;
}
#contactUs_tab{
	background: url(../_img/ContactUs_TempTab.gif) no-repeat left top;
	margin: 0px 0px 0px 100px;
	padding: 0px;
	height: 68px;
	width: 144px;
	float: left;
	text-decoration: none;
}

#contactUs_tab a{text-decoration: none;color:#333;}
#contactUs_tab a:hover {color: #fff;}

#contactUs_tab p {
	padding: 10px 6px 10px 15px;
	margin: 0px;
	color: #333333;
	font-size: 8.5pt;
	line-height: 1.4em;
}
.design_image {
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 5px;
}
#maincontent a {
	color:#663300;
}
#maincontent a:hover {
	color:#661100;
	text-decoration: underline;
}
#yellowbar_wrapper, #main_wrapper {
	width: 820px;
	margin: 0px 0px 0px 112px;
	display: block;
}
#yellowbar_wrapper {
	height: 169px;
}
#maincontent h3 strong {
	font-family: "Arial Narrow", sans-serif;
	color: #706c50;
	font-size: 20pt;
	font-weight: bold;
}
#maincontent * {
}
#main_wrapper #maincontent p, 
#main_wrapper #maincontent h2, 
#main_wrapper #maincontent h4, 
#main_wrapper #maincontent h3, 
#main_wrapper #maincontent h6 {
}
#maincontent p.powered {
	color: #FFFFFF;
	text-align: center;
	clear: both;
}
#maincontent h2 img, #maincontent h2 img, #maincontent h4 img, #maincontent h3 img, #maincontent img.noframe {
	margin: 0px;
	padding: 0px;
	background: transparent;
	border-width: 0px;
	border-style: none;
}
#Container_backs {
	background: url(../_img/Magnifier_guy.gif) no-repeat left 112px;
}
#main_wrapper .floatingbox {
	background: url(../_img/floatingbox_y.jpg) repeat-y left top;
	width: 536px;
	padding: 0px;
	display: block;
	margin: 0px -18px 0px 0px;
	position: relative;
	left: -18px;
}
#main_wrapper #maincontent .floatingbox h3 {
	width: auto;
	color: #FFFFFF;
	width: 457px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 7px;
}
#main_wrapper #maincontent .floatingbox h4 {
	color:#993300;
	width: 456px;
	line-height: 25px;
	padding: 5px 0px 0px;
	margin: 0px;
}
#main_wrapper #maincontent .floatingbox p {
	width: 456px;
	color:#EEEEAA;
	margin-top: 0em;
	margin-bottom: 0.8em;
}
a.button_learnmore {
	font-size: 1px;
	line-height: 1px;
	color: #FF9900;
	text-decoration: none;
	background: url(../_img/button_learn_more.gif) no-repeat;
	display: block;
	height: 50px;
	width: 141px;
}
a.button_learnmore:hover {
	background: url(../_img/button_learn_more_over.gif) no-repeat;
}
.framed {
	background: #FF9900;
	padding: 1px;
	border: 8px solid #978955;
}
.framed1 {
	border: 6px solid #CC9900;
}
#maincontent img {
	border: 6px solid #cbc3a2;
	background: #996600;
	padding: 1px;
	float: none;
	clear:both;
	margin-right: 1.5em;
	margin-bottom: 1em;
}
.framed3 {
	border: 1px solid #978955;
	background: #c6bd98;
	padding: 8px;
}
.floatingbox .headerdiv {
	background: url(../_img/floatingbox_top.jpg) no-repeat left top;
	padding-top: 38px;
	padding-right: 38px;
	padding-left: 38px;
	margin-bottom: 0px;
}

.floatingbox_body {
	padding-right: 38px;
	padding-left: 38px;
	display: block;
	margin-top: 0px;
}
.floatingbox .footerdiv {
	line-height: 41px;
	background: url(../_img/floatingbox_bot.jpg);
	height: 59px;
	text-align: right;
	padding-right: 18px;
	padding-left: 38px;
}
#maincontent .footerdiv a.button_footer {
	padding: 0px 20px;
	display: block;
	float: right;
	height: 41px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
#maincontent .footerdiv a.button_footer:hover {
	background: url(../_img/floatingbox_button_over.jpg) no-repeat center 1px;
}
#main_wrapper .CTAbox {
	background: url(../_img/CTA_y.gif) repeat-y left top;
	padding: 0px;
	display: block;
	margin: 0px 0px 20px;
}
.CTAbox .headerdiv {
	background: url(../_img/CTA_top.gif) no-repeat left top;
	padding-top: 12px;
	padding-right: 12px;
	padding-left: 12px;
	margin-bottom: 0px;
}

.CTAbox .footerdiv {
	line-height: 41px;
	background: url(../_img/CTA_botom.gif);
	height: 41px;
	text-align: right;
	padding-right: 12px;
	padding-left: 38px;
}
.CTAbox_body {
	padding-right: 12px;
	padding-left: 12px;
	display: block;
	margin-top: 0px;
}
#rightcol .footerdiv a.button_footer {
	padding: 0px 16px;
	display: block;
	float: right;
	height: 41px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
#rightcol .footerdiv a.button_footer:hover {
	background: url(../_img/floatingbox_button_over.jpg) no-repeat center 1px;
}

#commentform #author,
#commentform #email,
#commentform #url{
	border:1px solid #666;
	padding:2px;
	width:150px;
}

#commentform #comment{
	border:1px solid #666;
	padding:2px;
	width:500px;
	height:150px;
}
#maincontent h3 a {
	color: #FFAA00;
}
#maincontent strong a {
	color: #706c50;
}
#maincontent .nowrap {
	clear: both;
	float: none;
}
#maincontent img.alignleft {
	float: left;
}
#maincontent img.alignright {
	float: right;
	margin-left: 1.5em;
}
#maincontent img.aligncenter {
	float: left;
	margin-left: auto;
	margin-right: auto;
}#maincontent ol {
}
#maincontent ol li {
	margin: 10px 0px;
}

#maincontent ul {
}
#maincontent ul li {
	margin: 10px 0px;
}

.CTAbox label input {
	background: #EAE6CC;
	display: block;
	margin: 4px 0px;
	border: 1px solid #666;
	width: 210px;
	margin: 0px 0px 6px;
	text-indent: 5px;
	color: #746E4C;
	line-height: normal;
	padding: 2px 0px;
}

.CTAbox label input:hover,
.CTAbox label input:focus,
.CTAbox label:hover input,
.CTAbox label:hover input {
	color: #000;
	border-color:#000;
	background: #FFFFFF;
}
.CTAbox label:hover,
.CTAbox label:focus {
	color: #000;
}
.CTAbox h3 {
	width: auto;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 7px;
	font-size: 18pt;
	font-weight: normal;
}
.CTAbox h4 {
	color:#333333;
	padding: 5px 0px 0px;
	margin: 0px 0px 1em;
	font-size: 9pt;
	font-weight: normal;
}
.CTAbox h5 {
	color:#993300;
	padding: 5px 0px 0px;
	margin: 0px 0px 1em;
	font-size: 11pt;
	font-weight: normal;
}

#creativeform label {
	line-height: 10px;
	background: url(../_img/textfield_y.gif) repeat-y left top;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 14px;
	margin-top: 14px;
}
#checkoutpage label {
	line-height: 10px;
	background: url(../_img/Forms_Qty.png) no-repeat left top;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 14px;
	margin-top: 60px;
}
#checkoutpage label input {
	display: block;
	margin-left: 5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 33px;
	background: transparent;
	text-indent: 3px;
	padding: 0px;
	color: #336666;
	margin-top: 12px;
	height: 16px;
}
.dropdown h5 {
	font-size: 10pt;
	font-weight: bold;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}

/* ----------------- creative forms  ---------------*/

.creativeform {
	padding: 0px;
	display: block;
	margin: 30px 0px 0px;
}
.creativeform .headerdiv {
	background: url(../_img/textfield_top.gif) no-repeat left bottom;
	margin-bottom: 0px;
	padding: 0px 0px 24px;
}

.creativeform .footerdiv {
	line-height: 41px;
	background: url(../_img/textfield_bottom.gif) no-repeat bottom;
	text-align: right;
	padding: 0px 0px 0px 20px;
	height: 51px;
}
.creativeform .bodydiv {
	display: block;
	margin: 0px;
	background: url(../_img/textfield_y.gif) repeat-y;
	padding: 0px 12px;
}
.creativeform textarea {
	padding: 0px;
	width: 476px;
	border-width: 0px;
	border-style: none;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 10pt;
	line-height: 16pt;
	display: block;
	margin: 0px;
}
.creativeform .footerdiv .button_footer {
	margin-top: 10px;
	margin-right: 18px;
}
#maincontent .creativeform h3 {
	margin: 0px;
	line-height: normal;
}
p.question {
	margin-top: 0px;
	margin-bottom: 0px;
}
.submitted p.answer {
	display: block;
}
.answer {
	display: none;
}
.submitted p.question {
	display: none;
}
#maincontent .creativeform h3 a {
	display:none;
	font-size: 10pt;
	color: #CC0000;
}
#maincontent .submitted h3 a {
	display: inline;
	font-size: 10pt;
	color: #CC0000;

}

.submitted div.headerdiv {
	display: none;
}
.submitted div.footerdiv {
	display: none;
}
.submitted div.bodydiv {
		display: none;
}
div.submitted {
	border-bottom: 1px solid #663300;
}


/* -------------------  Creative Brief page -------------------- */

.creativebriefpage #yellowheading {
	width: auto;
}
.creativebriefpage #yellowheading h1 {
	background: none;
	font-family: "Arial Narrow", sans-serif;
	padding: 0px;
}
.creativebriefpage #headingtext {
	width: 420px;
	float: left;
	margin-left: 40px;
}
.creativebriefpage #yellowheading h3 {
	font-family: "Arial Narrow", sans-serif;
	line-height: normal;
	margin-top: 5px;
}
.creativebriefpage #yellowbar_wrapper {
	width: auto;
}