/* The Logo Factory Home Page CSS styles */


/* Overall styles */
body {
	margin-top: 0px;
	text-align: center;
}
a:link {
	text-decoration: underline;
	color: #330066;
	 }
a:visited {
	text-decoration: underline;
	color: #330066
}
a:hover {
	text-decoration: underline;
	color: #FF9900;
}
a:active {
	text-decoration: none;
	color: red;
}

h1, h2, h3, h4 { 
  font-size: 13pt;
  line-height: 14pt; 
  font-family: Helvetica, Arial, sans-serif;
  font-variant: normal;
  margin-bottom: 0px;
  margin-top: 0px;
  color: #330099;
}

h6 { 
  font-size: 13pt;
  line-height: 14pt; 
  font-family: Helvetica, Arial, sans-serif;
  font-variant: bold;
  margin-bottom: 0px;
  margin-top: 0px;
  color: #000000;
}

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


/* START HEADER CODE & STYLES */
/* Header Background Image */

.header{
position: absolute;
left: 50%;
width: 960px;
margin-left: -480px;
margin-top: 0px;
height:196px;
background: url(http://www.thelogofactory.com/styles/GenericTopBackground.jpg); background-position:top center; /* <--------- HEADER BACKGROUND IMAGE */
} 

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

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

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

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

#page-subtitle{
	width:409px;
	height:23px;
	position:absolute;
    left:0px;
    top: 157px;
	margin:0 auto;
	background: url(http://www.thelogofactory.com/styles/GenericSubtitle.gif); background-repeat: no-repeat; /* <--------- HEADER SUBTITLE IMAGE */
}
/* END HEADER CODE */

/* START MAIN BODY CODE ------------------------------------------------------------------------------------------------------------------------------------ */
.picturebox{
	position: absolute;
	left: 50%;
	width: 960px;
	margin-left: -480px;
	margin-top: 183px;
	height:351px;
	background: url(http://www.thelogofactory.com/styles/main-box-background.jpg);
	background-repeat: repeat-x;
	background-image: url(http://www.thelogofactory.com/styles/main-box-background.png);
} 

#pictureboxtitle{
	width:792px;
	height:70px;
	position:absolute;
    left:78px;
    top: 8px;
	margin:0 auto;
	background: url(http://www.thelogofactory.com/styles/HP/main-box-tile.png); background-repeat: no-repeat;	/* <--------- HOME PAGE PICTURE BOX TITLE  */
}
#pictureboxslice{
	width:194px;
	height:196px;
	position:absolute;
    left:765px;
    top: -183px;
	margin:0 auto;
	background: url(http://www.thelogofactory.com/styles/GenericPurpleTopLogo.png); background-repeat: no-repeat;	/* <--------- SLICE FOR DIV OVERLAP */
}

#pictureboxboxes{
	width:940px;
	height:69px;
	position:absolute;
	left:10px;
	top: 259px;
	margin:0 auto;
	background: url(http://www.thelogofactory.com/styles/HP/main-sections.png);
	background-repeat: no-repeat;
	background-image: url(http://www.thelogofactory.com/styles/HP/main-sections.png);
}

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

#pictureboxboxes ul{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	clear: left;
}
#pictureboxboxes ul li{
	display: block;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
}
#pictureboxboxes ul li a span{
	display:none;
}
#pictureboxboxes ul li a{
	width:235px;
	height:69px;
	margin:0px;
	padding:0px;
	display: block;	
}

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

#pictureboxboxes ul li a.portfolio:hover{
	background: url(http://www.thelogofactory.com/styles/HP/main-sections.png) 0px -69px; 
}
#pictureboxboxes ul li a.difference:hover{
	background: url(http://www.thelogofactory.com/styles/HP/main-sections.png) -235px -69px; 
}
#pictureboxboxes ul li a.designpricing:hover{
	background: url(http://www.thelogofactory.com/styles/HP/main-sections.png) -470px -69px;
}			
#pictureboxboxes ul li a.library:hover{
	background: url(http://www.thelogofactory.com/styles/HP/main-sections.png) -705px -69px;
}		

#logoexamples{
	width:940px;
	height:150px;
	position:absolute;
    left:10px;
    top: 5px;
	margin:0 auto;
}

/* START OF BODY BOX */
.bodybox{
	position: absolute;
	left: 50%;
	width: 960px;
	height:500px;
	margin-left: -480px;
	margin-top: 546px;
	background: url(http://www.thelogofactory.com/styles/HP/your-logo-hand-built.png);
	background-position:top center;
	background-repeat: no-repeat;

}

.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:51px;
	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:186px;
	margin:0 auto;
	position:absolute;
	left:720px;
	top:20px;
}

#newsboxtitle{
	width:236px;
	height:22px;
	margin:0 auto;
	position:absolute;
	left:15px;
	top:60px;
	}
	
#large3Dcog{
	width:358px;
	height:287px;
	margin:0 auto;
	position:absolute;
	left:0px;
	top:155px;
	}	
	
#followus{
	width:87px;
	height:47px;
	margin:0 auto;
	position:absolute;
	left:347px;
	top:129px;
	}	
	
#socialmedia{
	width:94px;
	height:42px;
	margin:0 auto;
	position:absolute;
	left:343px;
	top:182px;
	background: url(http://www.thelogofactory.com/styles/HP/twitter-facebook-icons.png); background-repeat: no-repeat;
}
#socialmedia ul{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	clear: left;
}
#socialmedia ul li{
	display: block;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
}
#socialmedia ul li a span{
	display:none;
}
#socialmedia ul li a{
	width:47px;
	height:42px;
	margin:0px;
	padding:0px;
	display: block;	
}

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

#socialmedia ul li a.twitter:hover{
	background: url(http://www.thelogofactory.com/styles/HP/twitter-facebook-icons.png) 0px -42px;
}
#socialmedia ul li a.facebook:hover{
	background: url(http://www.thelogofactory.com/styles/HP/twitter-facebook-icons.png) -47px -42px;
}

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

#pagecolumn1 {
	text-align: left;
	width:214px;
	height:289px;
	margin:0 auto;
	position:absolute;
	left:492px;
	top:51px;
}

#pagecolumn2 {
	text-align: left;
	width:214px;
	height:162px;
	margin:0 auto;
	position:absolute;
	left:733px;
	top:180px;
}

#footer-nav{
	width:216px;
	height:23px;
	margin:0 auto;
	position:absolute;
	left:726px;
	top:356px;
	background: url(http://www.thelogofactory.com/styles/GenericWorkButtons.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/GenericWorkButtons.gif) 0px -23px; 
}

#footer-nav ul li a.howwework:hover{
	background: url(http://www.thelogofactory.com/styles/GenericWorkButtons.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 FOOTER CODE ----------------------------------------------------------*/
/* Top & How We Work Buttons CHANGE FOR EACH SECTION */

.bottom-field{
	position: absolute;
	left: 50%;
	top: 1000px;
	width: 960px;
	margin-left: -480px;
	margin-top: 0px;
	height:700px;
	background-color:#1F1F1F;
	text-align: left;
}

/* --------- FOOTER LINK BOXES --------- */
/* --------- Related Pages & Studio Areas Title & Links --------- */
#bottomfieldtitle{
	font-family: Helvetica, Arial, sans-serif;
	color: #8874BC; /* <--------- CHANGE COLOR ON EACH SECTION */
	font-weight: bold;
	font-size: 20px;
	width:660px;
	height:223px;
	margin:0 auto;
	position:absolute;
	left:251px;
	top:20px;
	}
#bottomfieldtitle p{
	font-family: Helvetica, Arial, sans-serif;
	color: #cccccc; /* <--------- CHANGE COLOR ON EACH SECTION */
	font-weight: NORMAL;
	font-size: 14px;
	line-height:19px;
	}
/* --------- Bottom Three Text Columns CHANGE COLOR TO MATCH --------- */	

.footercolumns {
	font-family: Helvetica, Arial, sans-serif;
	color: #FFFFFF; /* <--------- CHANGE COLOR ON EACH SECTION */
	font-weight: nromal;
	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: #8874BC;
    text-decoration: underline;
    }
	
.footercolumns a:active {
    color: #FF9900;
    text-decoration: underline;
    }

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

}

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


#Column3{
	width:214px;
	height:220px;
	margin:0px;
	position:absolute;
	left:733px;
	top:340px;
}
.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: #8874BC; /* <--------- 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:620px;
}