/*
Title:    Creative Print Group, Inc.
Author:   Tome Wilson - tome@creativewebgroup.net
*/


/* ---[ links ]------------------------------- */

a:link {color: #000; text-decoration: none}
a:visited {color: #000; text-decoration: none}
a:hover {color: #971b3b}


/* ---[ elements ]--------------------- */

html, body	{width: 100%; margin: 0; padding: 0; border: 0; background-color: #fff; text-align: center}
img {border: none}
a img {border: none}
ul {margin: 6px 0 8px 0; padding: 0 0 0 10px; list-style-image: url(images/arrow-black.gif)}
ul li {margin-top: 6px; margin-bottom: 0; padding-left: 0; margin-left: 8px; margin-right: 0}
.red-arrow {list-style-image: url(images/arrow-red.gif)}
.red {color: #971b3b !important}
em {font-style: italic;}
strong {font-weight: bold;}
hr {border-top: 1px solid #971b3b; background-color: #971b3b; height: 1px; font-size: 0; margin-top: 6px; margin-bottom: 6px;}
.form {border: 1px solid #ccc; height: 14px; font-size: 10px; font-family: arial, helvetica, sans-serif; color: #333; padding-left: 3px}
.button {border: 1px solid #000; background-color: #971b3b; font-size: 10px; font-family: verdana, arial, helvetica, monaco, sans-serif; color: #fff; font-weight: 800; padding: 2px; margin: 0}

/* ---[ header ]--------------------- */

#logo {width: 151px; height: 59px; padding: 0; margin: 0; background: url(shell-images/CPGI-Logo.gif) no-repeat; display: block; text-indent: -2000px; position: absolute; left: 6px; top: 6px;}
#banner {width: 140px; height: 71px; padding: 0; margin: 0; background: url(shell-images/banner.gif) no-repeat; display: block; text-align: center; margin: 0 auto;}
#contactbox {width: auto; height: auto; padding: 4px; padding-left: 6px; margin: 0; display: block; border-left: 1px solid #A8A8A8; border-bottom: 1px solid #A8A8A8; color: #666; font-family: arial, helvetica, sans-serif; font-size: 10px; text-align: left; position:absolute; right: 0; top: 0; line-height: 14px}


/* ---[ navigation ]--------------------- */

#nav {width: 100%; height: 22px; padding: 0; margin: 0; background: url(shell-images/navbar.gif); background-repeat: repeat-x; display: block; position: absolute; left: 0; top: 77px}
.navwrap {width: 770px; height: 22px; padding: 0 0 0 2px; background-color: #fff; text-align: center; margin: 0 auto;}
#nav1, a#nav1:hover, #nav2, a#nav2:hover, #nav3, a#nav3:hover, #nav4, a#nav4:hover, #nav5, a#nav5:hover, #nav6, a#nav6:hover, #nav7, a#nav7:hover {width: 108px; height: 22px; padding: 0 1px 0 1px; margin: 0; color: #971B3B; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: 800;  background: url(shell-images/nav.gif) no-repeat; display: block; float: left; text-align: left;}
a#nav1:hover, a#nav2:hover, a#nav3:hover, a#nav4:hover, a#nav5:hover, a#nav6:hover, a#nav7:hover {background-position: -110px 0px; color: #666}
#navunder1 {width: 100%; height: 22px; padding: 0; margin: 0; display: block; position: absolute; left: 0; top: 101px}
#nav1b, a#nav1b:hover, #nav2b, a#nav2b:hover, #nav3b, a#nav3b:hover, #nav4b, a#nav4b:hover, #nav5b, a#nav5b:hover, #nav6b, a#nav6b:hover, #nav7b, a#nav7b:hover {width: 108px; height: 22px; padding: 0 0px 0 2px; margin: 0; color: #000; font-family: verdana, arial, helvetica, sans-serif; font-size: 9px;  background: #fff; display: block; float: left; text-align: left;}
a#nav1b:hover, a#nav2b:hover, a#nav3b:hover, a#nav4b:hover, a#nav5b:hover, a#nav6b:hover, a#nav7b:hover  {color: #971b3b}
#navunder2 {width: 100%; height: 22px; padding: 0; margin: 0; display: block; position: absolute; left: 0; top: 115px}
#nav1c, a#nav1c:hover, #nav2c, a#nav2c:hover, #nav3c, a#nav3c:hover, #nav4c, a#nav4c:hover, #nav5c, a#nav5c:hover, #nav6c, a#nav6c:hover, #nav7c, a#nav7c:hover {width: 108px; height: 22px; padding: 0 0px 0 2px; margin: 0; color: #000; font-family: verdana, arial, helvetica, sans-serif; font-size: 9px;  background: #fff; display: block; float: left; text-align: left;}
a#nav1c:hover, a#nav2c:hover, a#nav3c:hover, a#nav4c:hover, a#nav5c:hover, a#nav6c:hover, a#nav7c:hover {color: #971b3b}
#navselected {color: #666; width: 108px; height: 22px; padding: 0 1px 0 1px; margin: 0; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: 800; background: url(shell-images/nav.gif) no-repeat; background-position: -110px 0px; display: block; float: left; text-align: left;}


/* ---[ content ]--------------------- */

#content {width: 776px; padding-top: 76px; margin: 0 auto; background-color: #fff; text-align: center; color: #000; font-family: verdana, arial, helvetica, sans-serif; font-size: 9px; display: block;}
#pagename {width: 110px; height: 100%; padding: 8px 0 0 0; margin: 0 auto; background-color: #fff; text-align: right; border-left: 1px solid #A8A8A8; display: block; float: left; background-color: transparent}
.contentmargin {margin: 0 8px 0 8px; line-height: 17px}
#breakline {height: 1px; font-size: 1px; border-top: 1px solid #A8A8A8; padding: 0; margin: 0; display: block; clear: both}


/* ---[ homepage ]--------------------- */

#col1, #col2, #col3 {width: 220px; height: 100%; padding: 8px 0 0 0; margin: 0; background-color: #fff; text-align: right; border-left: 1px solid #A8A8A8; text-align: left; display: block; float: left; background-color: transparent}
#col3 {border-right: 1px solid #A8A8A8}
.more {width: 50px; height: 17px; padding: 0; margin: 0; background: url(images/more1.gif); display: block; text-indent: -2000px}
a.more:hover {background: url(images/more2.gif)}


/* ---[ content pages ]--------------------- */

#col4 {width: 440px; height: 100%; padding: 8px 0 0 0; margin: 0; background-color: #fff; text-align: right; border-left: 1px solid #A8A8A8; border-right: 1px solid #666; text-align: left; display: block; float: left; background-color: transparent}
#col5 {width: 660px; height: 100%; padding: 8px 0 0 0; margin: 0; background-color: #fff; text-align: right; border-left: 1px solid #A8A8A8; border-right: 1px solid #666; text-align: left; display: block; float: left; background-color: transparent}


/* ---[ content headers ]--------------------- */

h1 {padding: 0; margin: 0; display: block; text-indent: -2000px; line-height: 20px; font-size: 9px;}

#about-creative {width: 100px; height: 14px; background: url(headers/about-creative.gif) no-repeat; display: block; margin: 3px 0 5px 0}
#clients  {width: 45px; height: 14px; background: url(headers/clients.gif) no-repeat; display: block; margin: 0 0 5px 0}
#contact {width: 52px; height: 13px; background: url(headers/contact.gif) no-repeat; display: block; margin: 3px 0 5px 0}
#creative {width: 55px; height: 13px; background: url(headers/creative.gif) no-repeat; display: block;}
#graphic-design {width: 106px; height: 17px; background: url(headers/graphic-design.gif) no-repeat; display: block; margin: 0 0 5px 0}
#directions-from-AC {width: 195px; height: 17px; background: url(headers/directions-from-AC.gif) no-repeat; display: block;}
#directions-from-NYC {width: 178px; height: 14px; background: url(headers/directions-from-NYC.gif) no-repeat; display: block;}
#directions-from-Philadelphia {width: 194px; height: 17px; background: url(headers/directions-from-Philadelphia.gif) no-repeat; display: block;}
#directions-from-Wilmington {width: 190px; height: 17px; background: url(headers/directions-from-Wilmington.gif) no-repeat; display: block;}
#homepage {width: 73px; height: 17px; background: url(headers/homepage.gif) no-repeat; display: block;}
#legal {width: 31px; height: 17px; background: url(headers/legal.gif) no-repeat; display: block; margin: 0 0 5px 0}
#media {width: 41px; height: 14px; background: url(headers/media.gif) no-repeat; display: block;}
#newsletters {width: 141px; height: 14px; background: url(headers/newsletters.gif) no-repeat; display: block; margin: 0 0 5px 0}
#office-supplies  {width: 99px; height: 17px; background: url(headers/office-supplies.gif) no-repeat; display: block; margin: 0 0 5px 0}
#our-address {width: 83px; height: 14px; background: url(headers/our-address.gif) no-repeat; display: block; margin: 0 0 5px 0}
#our-history {width: 76px; height: 17px; background: url(headers/our-history.gif) no-repeat; display: block; margin: 0 0 3px 0}
#print-design {width: 82px; height: 17px; background: url(headers/print-design.gif) no-repeat; display: block; margin: 0 0 5px 0}
#printing {width: 52px; height: 16px; background: url(headers/printing.gif) no-repeat; display: block;}
#printing-faq {width: 80px; height: 17px; background: url(headers/printing-faq.gif) no-repeat; display: block;}
#promotional-items {width: 126px; height: 17px; background: url(headers/promotional-items.gif) no-repeat; display: block; margin: 0 0 5px 0}
#questions {width: 164px; height: 16px; background: url(headers/questions.gif) no-repeat; display: block;}
#services {width: 56px; height: 13px; background: url(headers/services.gif) no-repeat; display: block;}
#sitemap {width: 55px; height: 16px; background: url(headers/sitemap.gif) no-repeat; display: block;}
#subscribe {width: 123px; height: 14px; background: url(headers/subscribe.gif) no-repeat; display: block;}
#testimonies {width: 141px; height: 13px; background: url(headers/testimonies.gif) no-repeat; display: block; margin: 0 0 5px 0}
#thank-you {width: 74px; height: 17px; background: url(headers/thank-you.gif) no-repeat; display: block;}
#website-design {width: 104px; height: 17px; background: url(headers/website-design.gif) no-repeat; display: block; margin: 0 0 5px 0}
#website-faq {width: 164px; height: 17px; background: url(headers/website-faq.gif) no-repeat; display: block;}
#websites {width: 61px; height: 14px; background: url(headers/websites.gif) no-repeat; display: block;}

h2 {font-size: 11px; font-weight: bold; color: #971b3b}


/* ---[ footer ]--------------------- */

#footer {padding: 20px 0 0 0; margin: 0; text-align: center; color: #666; font-family: verdana, arial, helvetica, sans-serif; font-size: 9px; clear: both}