@charset "UTF-8";
/* Pocket Creative CSS document, created by Trim */


html,body {margin:0; padding-top:10px; font-family:Helvetica, sans-serif; color:#888888; background-color:#FFFFFF;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address{ margin:0;padding:0;}
p {line-height:auto;}
ul {list-style-type:square;	text-align:left;}
h1 {font-size:1.3em; font-weight:bold; line-height:1.5em;}
h2 {font-size:1.0em; font-weight:bold; line-height:1.5em;}
h3 {font-size:.8em; font-weight:bold; line-height:1.5em;}
a {outline: none;}
a img {border: none;}



/* MAIN DIVs */
#Container {width:780px; height:auto; margin:auto;}

#Banner {width:780px; height:92px;}
#BannerAreaLeft {width:295px; height:72px; float:left;}
#BannerAreaRight {width:415px; float:left; padding:52px 0 0 70px;}

#ContentArea {width:780px;}
#ContentAreaLeft {width:365px; height:365px; float:left; padding:0; font-size:.8em;}
#ContentAreaRight {width:395px; float:left; padding:0 0 0 20px; font-size:.8em; line-height:1.4em;}

#SpacerBannerAreaRight {width:485px; height:52px;}
#Spaceridentities {width:88px; height:52px; float:left;}

#ImageArea {width:365px; float:left;}

#Footer {font-family:Helvetica, sans-serif; color:#999999; font-size:.6em; text-align:right; width:780px; padding:25px 0 0 0; clear:both;}
#SSPLarge {width:780px; height:450px; float:left;}



/* Homepage */
#HomepageText {width:780px; padding:10px 0 0 0; float:left; font-size:.8em; line-height:1.4em; font-family:Helvetica, sans-serif; color:#888888;}

/* Letterpress Text */
#LetterpressText {width:780px; padding:10px 0 0 0; float:left; font-size:.8em; line-height:1.4em; font-family:Helvetica, sans-serif; color:#888888;}


/* Logo */
a#Logo:link {text-decoration:none; border-bottom:0px} a#Logo:visited {text-decoration:none; border-bottom:0px} a#Logo:hover {text-decoration:none; border-bottom:0px}
a#Logo1:link {text-decoration:none; border-bottom:0px} a#Logo1:visited {text-decoration:none; border-bottom:0px} a#Logo1:hover {text-decoration:none; border-bottom:0px}



/*–––––––––––––––––––––– POCKET LOGO ––––––––––––––––––––––*/
/* Up state images */
#logo li.logo {background:transparent url(images/logo_pocket.gif);}

/* Get rid of the bullets and margin */
#logo ul {margin:0; padding:0; list-style-type:none;}
/* Makes the list horizontal */
#logo li {float:left;}

/* General link styling for each Main Nav button */
#logo a#logo {display:block; width:295px; height:0; padding-top:72px; overflow:hidden; background:transparent url(images/logo_pocket_f2.gif) -298px -75px no-repeat;}

/* hack for older versions of IE with incorrect box model */
* html #logo a:link, * html #logo a:visited {height:72px; he\ight:0;}

/* Hover state, down state images. This is a straightforward link style that moves the background images into place at the top left of each link */
#logo a#logo:hover { background-position:0 0; z-index:50;}

/* box model hack for older versions of Internet Explorer */
* html #logo a:hover {height:72px; he\ight:0;}



/*–––––––––––––––––––––– POCKET LOGO1 ––––––––––––––––––––––*/
/* Up state images */
#logo1 li.logo1 {background:transparent url(images/logo_pocket.gif);}

/* Get rid of the bullets and margin */
#logo1 ul {margin:0; padding:0; list-style-type:none;}
/* Makes the list horizontal */
#logo1 li {float:left;}

/* General link styling for each Main Nav button */
#logo a#logo1 {display:block; width:295px; height:0; padding-top:70px; overflow:hidden; background:transparent url(images/logo_pocket_f2.gif) -298px -75px no-repeat;}

/* hack for older versions of IE with incorrect box model */
* html #logo a:link, * html #logo a:visited {height:72px; he\ight:0;}

/* Hover state, down state images. This is a straightforward link style that moves the background images into place at the top left of each link */
#logo a#logo1:hover { background-position:0 0; z-index:50;}

/* box model hack for older versions of Internet Explorer */
* html #logo1 a:hover {height:72px; he\ight:0;}


/*–––––––––––––––––––––– MAIN NAV ––––––––––––––––––––––*/
/* Up state images */
#menu li.About {background:transparent url(images/main_nav/main_nav_about_up.gif);}
#menu li.Letterpress {background:transparent url(images/main_nav/main_nav_letterpress_up.gif);}
#menu li.Identities {background:transparent url(images/main_nav/main_nav_identities_up.gif);}
#menu li.Websites {background:transparent url(images/main_nav/main_nav_websites_up.gif);}
#menu li.Store {background:transparent url(images/main_nav/main_nav_store_up.gif);}
#menu li.Press {background:transparent url(images/main_nav/main_nav_press_up.gif);}
#menu li.Contact {background:transparent url(images/main_nav/main_nav_contact_up.gif);}

/* Get rid of the bullets and margin */
#menu ul {margin:0; padding:0; list-style-type:none;}
/* Makes the list horizontal */
#menu li {float:left;}

/* General link styling for each Main Nav button */
#menu a#About {display:block; width:54px; height:0; padding-top:20px; overflow:hidden; background:transparent url(images/main_nav/main_nav_about_over.gif) -57px -23px no-repeat;}
#menu a#Letterpress {display:block; width:101px; height:0; padding-top:20px; overflow:hidden; background:transparent url(images/main_nav/main_nav_letterpress_over.gif) -104px -23px no-repeat;}
#menu a#Identities {display:block; width:88px; height:0; padding-top:20px; overflow:hidden; background:transparent url(images/main_nav/main_nav_identities_over.gif) -91px -23px no-repeat;}
#menu a#Websites {display:block; width:87px; height:0; padding-top:20px; overflow:hidden; background:transparent url(images/main_nav/main_nav_websites_over.gif) -90px -23px no-repeat;}
#menu a#Store {display:block; width:53px; height:0; padding-top:20px; overflow:hidden; background:transparent url(images/main_nav/main_nav_store_over.gif) -56px -23px no-repeat;}
#menu a#Press {display:block; width:55px; height:0; padding-top:20px; overflow:hidden; background:transparent url(images/main_nav/main_nav_press_over.gif) -58px -23px no-repeat;}
#menu a#Contact {display:block; width:65px; height:0; padding-top:20px; overflow:hidden; background:transparent url(images/main_nav/main_nav_contact_over.gif) -68px -23px no-repeat;}

/* hack for older versions of IE with incorrect box model */
* html #menu a:link, * html #menu a:visited {height:20px; he\ight:0;}

/* Hover state, down state images. This is a straightforward link style that moves the background images into place at the top left of each link */
#menu a#About:hover { background-position:0 0; z-index:50;}
#menu a#Letterpress:hover {background-position:0 0; z-index:50;}
#menu a#Identities:hover {background-position:0 0; z-index:50;}
#menu a#Websites:hover {background-position:0 0; z-index:50;}
#menu a#Store:hover {background-position:0 0; z-index:50;}
#menu a#Press:hover {background-position:0 0; z-index:50;}
#menu a#Contact:hover {background-position:0 0; z-index:50;}

/* box model hack for older versions of Internet Explorer */
* html #menu a:hover {height:20px; he\ight:0;}



/*–––––––––––––––––––––– MAIN NAV 2 ––––––––––––––––––––––*/
/* Up state images */
#menu2 li.About {background:transparent url(images/main_nav/main_nav_about_up.gif);}
#menu2 li.Letterpress {background:transparent url(images/main_nav/main_nav_letterpress_up.gif);}
#menu2 li.Identities {background:transparent url(images/main_nav/main_nav_identities_up.gif);}
#menu2 li.Websites {background:transparent url(images/main_nav/main_nav_websites_up.gif);}
#menu2 li.Store {background:transparent url(images/main_nav/main_nav_store_up.gif);}
#menu2 li.Press {background:transparent url(images/main_nav/main_nav_press_up.gif);}
#menu2 li.Contact {background:transparent url(images/main_nav/main_nav_contact_up.gif);}

/* Get rid of the bullets and margin */
#menu2 ul {margin:0; padding:0; list-style-type:none;}
/* Makes the list horizontal */
#menu2 li {float:left;}

/* General link styling for each Main Nav button */
#menu2 a#About {display:block; width:54px; height:0; padding-top:20px; overflow:hidden; background:transparent url(images/main_nav/main_nav_about_over.gif) -57px -23px no-repeat;}
#menu2 a#Letterpress {display:block; width:101px; height:0; padding-top:20px; overflow:hidden; background:transparent url(images/main_nav/main_nav_letterpress_over.gif) -104px -23px no-repeat;}
#menu2 a#Identities {display:block; width:88px; height:0; padding-top:20px; overflow:hidden; background:transparent url(images/main_nav/main_nav_identities_over.gif) -91px -23px no-repeat;}
#menu2 a#Websites {display:block; width:87px; height:0; padding-top:20px; overflow:hidden; background:transparent url(images/main_nav/main_nav_websites_over.gif) -90px -23px no-repeat;}
#menu2 a#Store {display:block; width:53px; height:0; padding-top:20px; overflow:hidden; background:transparent url(images/main_nav/main_nav_store_over.gif) -56px -23px no-repeat;}
#menu2 a#Press {display:block; width:55px; height:0; padding-top:20px; overflow:hidden; background:transparent url(images/main_nav/main_nav_press_over.gif) -58px -23px no-repeat;}
#menu2 a#Contact {display:block; width:65px; height:0; padding-top:20px; overflow:hidden; background:transparent url(images/main_nav/main_nav_contact_over.gif) -68px -23px no-repeat;}

/* hack for older versions of IE with incorrect box model */
* html #menu2 a:link, * html #menu2 a:visited {height:20px; he\ight:0;}

/* Hover state, down state images. This is a straightforward link style that moves the background images into place at the top left of each link */
#menu2 a#About:hover { background-position:0 0; z-index:50;}
#menu2 a#Letterpress:hover {background-position:0 0; z-index:50;}
#menu2 a#Identities:hover {background-position:0 0; z-index:50;}
#menu2 a#Websites:hover {background-position:0 0; z-index:50;}
#menu2 a#Store:hover {background-position:0 0; z-index:50;}
#menu2 a#Press:hover {background-position:0 0; z-index:50;}
#menu2 a#Contact:hover {background-position:0 0; z-index:50;}

/* box model hack for older versions of Internet Explorer */
* html #menu2 a:hover {height:20px; he\ight:0;}