/* Reset Body Property */
body {
	margin-top: 0px;
	text-align: center;
}
a:link {
	text-decoration: underline;
	color: #667828;
	 }
a:visited {
	text-decoration: underline;
	color: #667828
}
a:hover {
	text-decoration: underline;
	color: #FF9900;
}
a:active {
	text-decoration: none;
	color: red;
}

h1 { 
  font-size: 18pt;
  line-height: 20pt; 
  font-family: Helvetica, Arial, sans-serif;
  margin-bottom: 0px;
  margin-top: 0px;
  color: #98B330;
}

h2 { 
  font-size: 16pt;
  line-height: 18pt;
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif;
  margin-bottom: 0px;
  margin-top: 0px;
  color: #000000;
}

h4, h5 { 
  font-size: 15pt;
  line-height: 16pt; 
  font-family: Helvetica, Arial, sans-serif;
  font-variant: normal;
  margin-bottom: 0px;
  margin-top: 0px;
  color: #98B330;
}

h3 { 
  font-size: 12pt;
  line-height: 16pt; 
  font-family: Helvetica, Arial, sans-serif;
  font-variant: normal;
  margin-bottom: 5px;
  margin-top: 0px;
  color: #98B330;
}

 h6 { 
  font-size: 12pt;
  line-height: 14pt; 
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-bottom:10pt;
  color: #000000;
  }

ul.list{
list-style-type: none;
}

#wrapper { 
 margin: 0 auto;
 width: 960px;
}

#backgroundgrid {
position: relative;
	left: 0%;
	width: 960px;
 margin: 0px auto;
background: url(http://www.thelogofactory.com/styles/grid-background.png); background-repeat: repeat-x;
}

.header{
	position: relative;
	left: 0%;
	width: 960px;
	margin-left: 0px;
	margin-top: 0px;
	width:960px;
	height:196px;
	background: url(http://www.thelogofactory.com/styles/GenericTopBackground.jpg);
	background-position:top center;
	background-image: url(http://www.thelogofactory.com/styles/FAQTopBackground.jpg); /* <------------- change Bckgorund Image */
	background-repeat: no-repeat;
} 

/* Top Text Link Navigation Links DO NOT CHANGE! */

#top-nav{
	width:350px;
	height:24px;
	margin:0 auto;
	position:absolute;
	left:450px;
	top:0px;
	background: url(http://www.thelogofactory.com/styles/TopMenuButtons.png); background-repeat: no-repeat;
}
#top-nav ul{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	clear: left;
}
#top-nav ul li{
	display: block;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
}
#top-nav ul li a span{
	display:none;
}
#top-nav ul li a{
	width:70px;
	height:24px;
	margin:0px;
	padding:0px;
	display: block;	
}

/* -- Hovers -- DO NOT CHANGE! */

#top-nav ul li a.home:hover{
	background: url(http://www.thelogofactory.com/styles/TopMenuButtons.png) 0px -24px; 
}
#top-nav ul li a.contact:hover{
	background: url(http://www.thelogofactory.com/styles/TopMenuButtons.png) -70px -24px; 
}
#top-nav ul li a.login:hover{
	background: url(http://www.thelogofactory.com/styles/TopMenuButtons.png) -140px -24px;
}			
#top-nav ul li a.search:hover{
	background: url(http://www.thelogofactory.com/styles/TopMenuButtons.png) -210px -24px;
}		
#top-nav ul li a.help:hover{
	background: url(http://www.thelogofactory.com/styles/TopMenuButtons.png) -280px -24px;
}		

/* --------- Page Title Only CHANGE FOR EACH SECTION --------- */

/* FAQ PAGE variant /////////////////////////////////////////////////// */

#faqnavvariant{
	width:780px;
	height:27px;
	margin:0 auto;
	position:absolute;
	left:0px;
	top:128px;
	background: url(http://www.thelogofactory.com/styles/HelpFaqNav2.gif); background-repeat: no-repeat; /* <--------- HEADER MENNU IMAGE */
}
#faqnavvariant ul{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	clear: left;
}
#faqnavvariant ul li{
	display: block;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
}
#faqnavvariant ul li a span{
	display:none;
}
#faqnavvariant ul li a{
	width:78px;
	height:27px;
	margin:0px;
	padding:0px;
	display: block;	
}

/* -- Hovers --  CHANGE IMAGE FILE ONLY*/

#faqnavvariant ul li a.about:hover{
	background: url(http://www.thelogofactory.com/styles/HelpFaqNav2.gif) 0px -27px;  /* <--------- HEADER MENNU IMAGE */
}
#faqnavvariant ul li a.services:hover{
	background: url(http://www.thelogofactory.com/styles/HelpFaqNav2.gif) -78px -27px;  
}
#faqnavvariant ul li a.showroom:hover{
	background: url(http://www.thelogofactory.com/styles/HelpFaqNav2.gif) -156px -27px;  
}			
#faqnavvariant ul li a.pricing:hover{
	background: url(http://www.thelogofactory.com/styles/HelpFaqNav2.gif) -234px -27px;
}		
#faqnavvariant ul li a.order:hover{
	background: url(http://www.thelogofactory.com/styles/HelpFaqNav2.gif) -312px -27px;
}		
#faqnavvariant ul li a.faq:hover{
	background: url(http://www.thelogofactory.com/styles/HelpFaqNav2.gif) -390px -27px;
}	
#faqnavvariant ul li a.articles:hover{
	background: url(http://www.thelogofactory.com/styles/HelpFaqNav2.gif) -468px -27px;
}	
#faqnavvariant ul li a.warehouse:hover{
	background: url(http://www.thelogofactory.com/styles/HelpFaqNav2.gif) -546px -27px;
}	
#faqnavvariant ul li a.podcasts:hover{
	background: url(http://www.thelogofactory.com/styles/HelpFaqNav2.gif) -624px -27px;
}	
#faqnavvariant ul li a.blog:hover{
	background: url(http://www.thelogofactory.com/styles/HelpFaqNav2.gif) -702px -27px;
}	

#page-title{
	width:615px;
	height:55px;
	position:absolute;
    left:0px;
    top:44px;
	margin:0 auto; /* <--------- HEADER PAGE TITLE IMAGE */
}

/* Main Navigation Rollover Buttons CHANGE FOR EACH SECTION */

#main-nav{
	width:780px;
	height:27px;
	margin:0 auto;
	position:absolute;
	left:0px;
	top:128px;
	background: url(http://www.thelogofactory.com/styles/HelpPagesMainNav.gif); background-repeat: no-repeat; /* <--------- HEADER MENNU IMAGE */
}
#main-nav ul{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	clear: left;
}
#main-nav ul li{
	display: block;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
}
#main-nav ul li a span{
	display:none;
}
#main-nav ul li a{
	width:78px;
	height:27px;
	margin:0px;
	padding:0px;
	display: block;	
}

/* -- Hovers --  CHANGE IMAGE FILE ONLY*/

#main-nav ul li a.about:hover{
	background: url(http://www.thelogofactory.com/styles/HelpPagesMainNav.gif) 0px -27px;  /* <--------- HEADER MENNU IMAGE */
}
#main-nav ul li a.services:hover{
	background: url(http://www.thelogofactory.com/styles/HelpPagesMainNav.gif) -78px -27px;  
}
#main-nav ul li a.showroom:hover{
	background: url(http://www.thelogofactory.com/styles/HelpPagesMainNav.gif) -156px -27px;  
}			
#main-nav ul li a.pricing:hover{
	background: url(http://www.thelogofactory.com/styles/HelpPagesMainNav.gif) -234px -27px;
}		
#main-nav ul li a.order:hover{
	background: url(http://www.thelogofactory.com/styles/HelpPagesMainNav.gif) -312px -27px;
}		
#main-nav ul li a.faq:hover{
	background: url(http://www.thelogofactory.com/styles/HelpPagesMainNav.gif) -390px -27px;
}	
#main-nav ul li a.articles:hover{
	background: url(http://www.thelogofactory.com/styles/HelpPagesMainNav.gif) -468px -27px;
}	
#main-nav ul li a.warehouse:hover{
	background: url(http://www.thelogofactory.com/styles/HelpPagesMainNav.gif) -546px -27px;
}	
#main-nav ul li a.podcasts:hover{
	background: url(http://www.thelogofactory.com/styles/HelpPagesMainNav.gif) -624px -27px;
}	
#main-nav ul li a.blog:hover{
	background: url(http://www.thelogofactory.com/styles/HelpPagesMainNav.gif) -702px -27px;
}	

/* -- Page Logo change for each section -- */

#page-logo{
	width:194px;
	height:196px;
	position:absolute;
    left:765px;
    top: 0px;
	margin:0 auto;
	/* <--------- HEADER RIGHT LOGO */	/* <--------- HEADER RIGHT LOGO */
}

/* -- Page Subtitle change for each section -- */

#page-subtitle{
	width:409px;
	height:23px;
	position:absolute;
	left:0px;
	top: 157px;
	margin:0 auto;

}

/* SUBMENU////////////////////NEEDS WIDTHS FIXED (ORIGINAL AT ($) //////////////////////////////////////////////////////////////////////////////////////////*/
#submininav{
	width:820px;
	height:23px;
	margin:0 auto;
	position:absolute;
	left:0px;
	top:158px;
	background: url(http://www.thelogofactory.com/styles/menus/submenus/FAQ-sub.gif); background-repeat: no-repeat;		/* <--- HEADER MAN NAVIGATION IMAGE */
}
#submininav ul{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	clear: left;
}
#submininav ul li{
	display: block;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
}
#submininav ul li a span{
	display:none;
}
#submininav ul li a{
	width:82px;
	height:23px;
	margin:0px;
	padding:0px;
	display: block;	
}

/* -- Hovers --  CHANGE IMAGE FILE ONLY*/

#submininav ul li a.logos:hover{
	background: url(http://www.thelogofactory.com/styles/menus/submenus/FAQ-sub.gif) 0px -23px; /* <--- HEADER MAN NAVIGATION IMAGE */
}
#submininav ul li a.repair:hover{
	background: url(http://www.thelogofactory.com/styles/menus/submenus/FAQ-sub.gif) -82px -23px; 
}
#submininav ul li a.stationery:hover{
	background: url(http://www.thelogofactory.com/styles/menus/submenus/FAQ-sub.gif) -164px -23px;
}			
#submininav ul li a.flash:hover{
	background: url(http://www.thelogofactory.com/styles/menus/submenus/FAQ-sub.gif) -246px -23px;
}		
#submininav ul li a.threedrender:hover{
	background: url(http://www.thelogofactory.com/styles/menus/submenus/FAQ-sub.gif) -328px -23px;
}		
#submininav ul li a.folder:hover{
	background: url(http://www.thelogofactory.com/styles/menus/submenus/FAQ-sub.gif) -410px -23px;
}	
#submininav ul li a.brochure:hover{
	background: url(http://www.thelogofactory.com/styles/menus/submenus/FAQ-sub.gif) -492px -23px;
}	
#submininav ul li a.webdesignservice:hover{
	background: url(http://www.thelogofactory.com/styles/menus/submenus/FAQ-sub.gif) -574px -23px;
}	
#submininav ul li a.graphicservices:hover{
	background: url(http://www.thelogofactory.com/styles/menus/submenus/FAQ-sub.gif) -656px -23px;
}	

/* END HEADER CODE */

/* START MAIN BODY CODE ------------------------------------------------------------------------------------------------------------------------------------ */

.columnsfont {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 18px;
	text-decoration: none;
	color: #000000;
	}

/* NEWSBOX */
#newsbox{
	width:455px;
	height:289px;
	margin:0 auto;
	position:absolute;
	left:10px;
	top:30px;
	background: url(http://www.thelogofactory.com/styles/HP/news-box-background.jpg); background-repeat: repeat-x;
}
#newscopy {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	line-height: 17px;
	text-decoration: none;
	color: #000000;
	text-align: left;
	width:438px;
	height:150px;
	margin:0 auto;
	position:absolute;
	left:3px;
	top:37px;
}

#postitnote{
	width:236px;
	height:300px;
	margin:0 auto;
	position:absolute;
	left:740px;
	top:220px;
}

#newsboxtitle{
	width:236px;
	height:22px;
	margin:0 auto;
	position:absolute;
	left:15px;
	top:40px;
	}
	
#footertile{
	width: 960px;
	height:123px;
	position:absolute;
	left:0px;
	top:331px;
	background: url(http://www.thelogofactory.com/styles/CogFooterTop.jpg); background-position:top center; background-repeat: no-repeat; /* <--------- FOOTER COG BACKGROUND IMAGE */
}


#footer-nav{
	width:216px;
	height:23px;
	margin:0 auto;
	position:absolute;
	left:726px;
	top:356px;
	background: url(http://www.thelogofactory.com/styles/FAQWorkButtons.gif); background-repeat: no-repeat;  /* <--------- TOP & WORK BUTTONS */
}
#footer-nav ul{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	clear: left;
}
#footer-nav ul li{
	display: block;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
}
#footer-nav ul li a span{
	display:none;
}
#footer-nav ul li a{
	width:108px;
	height:23px;
	margin:0px;
	padding:0px;
	display: block;	
}

/* -- Hovers -- DO NOT CHANGE! */

#footer-nav ul li a.top:hover{
	background: url(http://www.thelogofactory.com/styles/FAQWorkButtons.gif) 0px -23px; 
}

#footer-nav ul li a.howwework:hover{
	background: url(http://www.thelogofactory.com/styles/FAQWorkButtons.gif) -108px -23px;
}

/* -- GALLERY CHICLET CODE ON EVERY PAGE */

.gallerychiclets {

	width: 620px;
	height:48px;
	position:absolute;
	left:350px;
	top:388px;
}
.gallerychiclets a{
	text-decoration:none;
} /* <--------- END OF GALLERY CHICLET CODE */

/* RND OF PICTURE BOX CODE */


/* <------------------------------------------------------------START MAIN CODE ----------------------------------------------------------*/
/* Top & How We Work Buttons CHANGE FOR EACH SECTION */
#pagetitletext {font-family: Helvetica, Arial, sans-serif;
	position: relative;
	text-align: left;
	left: 0%;
	width: 700px;
	margin-left: 0px;
	*margin-left: -252px; /* ie HACK */
	margin-top: 0px;
	padding-left:10px;
	font-size: 22px;
	font-style: bold;
	font-weight: bold;
	line-height: 22px;
	text-decoration: none;
	color: #000000;
	}


#bodymaterial {
	position: relative;
	text-align: left;
	left: 0%;
	width: 690px;
	min-height: 500px;
	*height: 500px; /* ie HACK */
	margin-left: 0px;
	*margin-left: -240px; /* ie HACK */
	margin-top: 0px;
	padding-left:10px;
	padding-right:15px;
	border-right: #000000 1px solid;
}

#bodymaterial p{
	padding-bottom:15px;
}


.bodymaterial
{
width: auto;
height: auto;
min-width: 690px;
min-height: 1000px;
} 

/* THIS IS THE EXPANDING DIV CSS ///////////////////////////////////////////////////////////*/  
  
  

#div1, #div2, #div3, #div4, #div5, #div6, #div7, #div8, #div9, #div10, #div10, #div10,#div10, #div11, #div12, #div13, #div14, #div15, #div16, #div17, #div18, #div19, #div20 {
  padding-right: 15px;
  padding-left: 30px;
  margin-top: -10pt;
}


.expand {
  font-size: 14px;
}

/* END OF EXPANDING DIV CSS ///////////////////////////////////////////////////////////*/  

.mainfont {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	line-height: 20px;
	text-decoration: none;
	color: #000000;
	}

#pagecolumn1 {
	text-align: left;
	align: top;
	left: -200px;
	width:214px;
	margin:0 auto;
	position:absolute;
	top:0px;
}


#pagecolumn2 {
	align: right;
	width:185px;
	margin:0 auto;
	position:absolute;
	left:773px;
	top:40px;
}

#sidebuttonwork
{
  position:absolute;
  left:735px;
  top:0px;
  display: block;
  width: 215px;
  height: 69px;
  background: url(http://www.thelogofactory.com/styles/pagebuttons/side-buttons-work.png) no-repeat 0 0;
}

#sidebuttonwork:hover
{ 
  background-position: 0 -69px;
}

#sidebuttonwork span
{
  display: none;
}

#sidebuttonpricing
{
  position:absolute;
  left:735px;
  top:79px;
  display: block;
  width: 215px;
  height: 69px;
  background: url(http://www.thelogofactory.com/styles/pagebuttons/side-buttons-pricing.png) no-repeat 0 0;
}

#sidebuttonpricing:hover
{ 
  background-position: 0 -69px;
}

#sidebuttonpricing span
{
  display: none;
}

#sidebuttonorder
{
  position:absolute;
  left:735px;
  top:158px;
  display: block;
  width: 215px;
  height: 69px;
  background: url(http://www.thelogofactory.com/styles/pagebuttons/side-buttons-submit.png) no-repeat 0 0;
}

#sidebuttonorder:hover
{ 
  background-position: 0 -69px;
}

#sidebuttonorder span
{
  display: none;
}

/* SECTION ORDER BUTTON START*/
#sectionorderbutton
{
  display: block;
  width: 215px;
  height: 69px;
  background: url(http://www.thelogofactory.com/styles/pagebuttons/FAQ-order-button.png) no-repeat 0 0;
}

#sectionorderbutton:hover
{ 
  background-position: 0 -69px;
}

#sectionorderbutton span
{
  display: none;
}
/* SECTION ORDER BUTTON END*/
/* START FOOTER CODE */
/* Footer background image CHANGE FOR EACH */
.footer{
	position: relative;
	left: 0%;
	width: 960px;
	margin: 0px auto;
	margin-bottom: -14px;
	height:540px;
	text-align: left;
	background: url(http://www.thelogofactory.com/styles/FAQFooterTop.jpg);
	background-position:top center;
	background-repeat: no-repeat;
	background-color: #1F1F1F;
}

/* -- GALLERY CHICLET CODE ON EVERY PAGE */

.gallerychiclets {

	width: 620px;
	height:48px;
	position:absolute;
	left:350px;
	top:57px;
}
.gallerychiclets a{
	text-decoration:none;
} /* <--------- END OF GALLERY CHICLET CODE */

/* Footer cog CHANGE FOR EACH */
#footer-cog-logo{
	width:170px;
	height:130px;
	position:absolute;
	left:10px;
	top: 0px;
	margin:0 auto;
	background: url(http://www.thelogofactory.com/styles/FAQcog.png); /* change the logo here (top cog logo)*/
	background-repeat: no-repeat
}

/* Top & How We Work Buttons CHANGE FOR EACH SECTION */

#footer-nav{
	width:216px;
	height:23px;
	margin:0 auto;
	position:absolute;
	left:726px;
	top:25px;
	background-repeat: no-repeat;
	background-image: url(http://www.thelogofactory.com/styles/FAQWorkButtons.gif);
}
#footer-nav ul{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	clear: left;
}
#footer-nav ul li{
	display: block;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
}
#footer-nav ul li a span{
	display:none;
}
#footer-nav ul li a{
	width:108px;
	height:23px;
	margin:0px;
	padding:0px;
	display: block;	
}

/* -- Hovers -- DO NOT CHANGE! */

#footer-nav ul li a.top:hover{
	background: url(http://www.thelogofactory.com/styles/FAQWorkButtons.gif) 0px -23px; 
}

#footer-nav ul li a.howwework:hover{
	background: url(http://www.thelogofactory.com/styles/FAQWorkButtons.gif) -108px -23px;
}

/* Facebook and Twitter Chiclets. DO NOT CHANGE */

#facebook-nav{
	width:135px;
	height:42px;
	margin:0 auto;
	position:absolute;
	left:251px;
	top:129px;
	background: url(http://www.thelogofactory.com/styles/FacebookTwitterChiclets.gif); background-repeat: no-repeat;
}
#facebook-nav ul{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	clear: left;
}
#facebook-nav ul li{
	display: block;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
}
#facebook-nav ul li a span{
	display:none;
}
#facebook-nav ul li a{
	width:45px;
	height:42px;
	margin:0px;
	padding:0px;
	display: block;	
}

/* -- Hovers -- DO NOT CHANGE! */

#facebook-nav ul li a.twitter:hover{
	background: url(http://www.thelogofactory.com/styles/FacebookTwitterChiclets.gif) 0px -42px;
}
#facebook-nav ul li a.facebook:hover{
	background: url(http://www.thelogofactory.com/styles/FacebookTwitterChiclets.gif) -45px -42px;
}
#facebook-nav ul li a.rss:hover{
	background: url(http://www.thelogofactory.com/styles/FacebookTwitterChiclets.gif) -90px -42px;
}


/* --------- Footer Text Boxes --------- */
/* --------- Related Pages & Studio Areas Title & Links --------- */
#PageTitle{
	font-family: Arial, Helvetica, sans-serif;
	color: #98B330; /* <--------- CHANGE COLOR ON EACH SECTION */
	font-weight: bold;
	font-size: 20px;
	width:500px;
	height:23px;
	margin:0 auto;
	position:absolute;
	left:251px;
	top:185px;
	}

/* --------- Bottom Three Text Columns CHANGE COLOR TO MATCH --------- */	

.footercolumns {
	font-family: Helvetica, Arial, sans-serif;
	color: #FFFFFF; /* <--------- CHANGE COLOR ON EACH SECTION */
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	text-decoration: none;
    }

.footercolumns a:link {
    color: #999999;
    text-decoration: none;
    }

.footercolumns a:visited {
    color: #999999;
    text-decoration: none;
    }

.footercolumns a:hover {
    color: #98B330;
    text-decoration: underline;
    }
	
.footercolumns a:active {
    color: #FF9900;
    text-decoration: underline;
    }

#Column1{
	width:214px;
	height:220px;
	margin: 0px;
	position:absolute;
	left:251px;
	top:215px;
	border-right: #98B330 1px solid; /* <--------- CHANGE COLOR ON EACH SECTION */

}

#Column2{
	width:214px;
	height:220px;
	margin:0px;
	position:absolute;
	left:492px;
	top:215px;
	border-right: #98B330 1px solid; /* <--------- CHANGE COLOR ON EACH SECTION */
}


#Column3{
	width:214px;
	height:215px;
	margin:0px;
	position:absolute;
	left:733px;
	top:215px;
}
.copytype {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	line-height: 20px;
	text-decoration: none;
	text-align: left;
}

.copytype a:link {
	text-decoration: none;
	color: #999999;
}

.copytype a:visited {
	text-decoration: none;
	color: #999999;
}
.copytype a:hover {
	text-decoration: underline;
	color: #98B330; /* <--------- CHANGE COLOR ON EACH SECTION */
}
.copytype a:active {
	text-decoration: none;
	color: #FF9900;
}
#Copyright{
	width:675px;
	height:40px;
	margin:0 auto;
	position:absolute;
	left:251px;
	top:460px;
}
.titlesforgenpages {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
}