/* CSS Document */
/* Reset Body Property */
body {
	margin-top: 0px;
	text-align: center;
}
a:link {
	text-decoration: none;
	color: #996633;
	 }
a:visited {
	text-decoration: none;
	color: #996633
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}

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

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

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

#wrapper { 
 margin: 0 auto;
 width: 960px;
}
#vidID{
position: relative;
	width: 375px;
	height:368px;
 margin: 0 auto;
 padding: 0px 0px 0px 0px;
}

#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/BlogTopBackground.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 --------- */

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

/* SUBMENU////////////////////SUB MENU ($) //////////////////////////////////////////////////////////////////////////////////////////*/
#submininav{
	width:820px;
	height:23px;
	margin:0 auto;
	position:absolute;
	left:0px;
	top:158px;
	background: url(http://www.thelogofactory.com/styles/menus/submenus/blog-section-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/blog-section-sub.gif) 0px -23px; /* <--- HEADER MAN NAVIGATION IMAGE */
}
#submininav ul li a.repair:hover{
	background: url(http://www.thelogofactory.com/styles/menus/submenus/blog-section-sub.gif) -82px -23px; 
}
#submininav ul li a.stationery:hover{
	background: url(http://www.thelogofactory.com/styles/menus/submenus/blog-section-sub.gif) -164px -23px;
}			
#submininav ul li a.flash:hover{
	background: url(http://www.thelogofactory.com/styles/menus/submenus/blog-section-sub.gif) -246px -23px;
}		
#submininav ul li a.threedrender:hover{
	background: url(http://www.thelogofactory.com/styles/menus/submenus/blog-section-sub.gif) -328px -23px;
}		
#submininav ul li a.folder:hover{
	background: url(http://www.thelogofactory.com/styles/menus/submenus/blog-section-sub.gif) -410px -23px;
}	
#submininav ul li a.brochure:hover{
	background: url(http://www.thelogofactory.com/styles/menus/submenus/blog-section-sub.gif) -492px -23px;
}	
#submininav ul li a.webdesignservice:hover{
	background: url(http://www.thelogofactory.com/styles/menus/submenus/blog-section-sub.gif) -574px -23px;
}	
#submininav ul li a.graphicservices:hover{
	background: url(http://www.thelogofactory.com/styles/menus/submenus/blog-section-sub.gif) -656px -23px;
}	


#page-logo{
	width:194px;
	height:196px;
	position:absolute;
    left:765px;
    top: 0px;
	margin:0 auto;
	background: url(http://www.thelogofactory.com/styles/BlogToplogo.png); background-repeat: no-repeat;	/* <--------- HEADER RIGHT LOGO */	/* <--------- HEADER RIGHT LOGO */
}

/* 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:320px;
}

#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 */
}




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

/*.gallerychiclets {

	width: 620px;
	height:48px;
	position:absolute;
	left:350px;
	top:388px;
}*/
 /* <--------- 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: -260px; /* 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;
	_width: 720px;
	min-height: 500px;
	_height: 500px; /* ie HACK */
	margin-left: 0px;
	_margin-left: -238px; /* ie HACK */
	margin-top: 0px;
	padding-left:10px;
	padding-right:15px;
	border-right: #8874BC 1px solid;
}

.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;
}

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

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

#sidebuttonhelp span
{
  display: none;
}

#sidebuttonorder
{
  position:absolute;
  left:735px;
  top:237px;
  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;
}


/* four column ------------------------------*/


/* END Body CODE */
/* 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/BlogFooterTop.jpg);
	background-position:top center;
	background-repeat: no-repeat;
	background-color: #1F1F1F;
	clear:both;

}

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

.gallerychiclets {

	width: 620px;
	height:48px;
	position:relative;
	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/BlogCog.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: url(http://www.thelogofactory.com/styles/BlogWorkButtons.gif);
	background-repeat: no-repeat;
}
#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/BlogWorkButtons.gif) 0px -23px;
}

#footer-nav ul li a.howwework:hover{
	background: url(http://www.thelogofactory.com/styles/BlogWorkButtons.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: #FF9900; /* <--------- 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: #FF9900;
    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: #FF9900 1px solid; /* <--------- CHANGE COLOR ON EACH SECTION */

}

#Column2{
	width:214px;
	height:220px;
	margin:0px;
	position:absolute;
	left:492px;
	top:215px;
	border-right: #FF9900 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: #FF9900; /* <--------- 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;
}

img.notepad { 
    float: left; 
    margin-right: 7px; 
}

img.notepadright { 
    float: right; 
    margin-left: 7px; 
}

/* DOWNLOAD BUTTONS*/

#downloadbuttons{
	width:200px;
	height:124px;
	margin-left: 0px;
	background: url(http://www.thelogofactory.com/styles/morgue-download-buttons.png); background-repeat: no-repeat;
}
#downloadbuttons ul{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	clear: left;
}
#downloadbuttons ul li{
	display: block;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
}
#downloadbuttons ul li a span{
	display:none;
}
#downloadbuttons ul li a{
	width:100px;
	height:124px;
	margin:0px;
	padding:0px;
	display: block;	
}

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

#downloadbuttons ul li a.eps:hover{
	background: url(http://www.thelogofactory.com/styles/morgue-download-buttons.png) 0px -124px; 
}
#downloadbuttons li a.pdf:hover{
	background: url(http://www.thelogofactory.com/styles/morgue-download-buttons.png) -100px -124px; 
}