@charset "UTF-8";
/*------------------------------------------------
Style Sheet
main.css

website:  joyofprinting.com
author:   2227design.com
build:  04.09 | revised: 10.26.10

COPYRIGHT 2010, Joy of Printing
--------------------------------------------------*/

/*---commmon--------------------------------------
* {
margin: 0;
padding: 0;
}
--------------------------------------------------*/

body {
margin: 0;
background: #BBAAEE;
font: 12px Arial, Helvetica, sans-serif;
color: #333333;
text-align: center;
}
#wrapper {
width: 945px;
margin: 0 auto;/*--text-align: left;--*/
background: url(../_graphics/bkg_joyofprinting.jpg) repeat center top;
}
#container {
width: 895px;
margin: 0 auto;
text-align: left;
}
p {
margin: 0;
padding-bottom: 15px;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding-bottom: 10px;
}
ul, ol, li {
margin: 0;
padding: 0;
}
img {
border: 0;
}

/*---content-------------------------------------*/
#content {
width: 675px;
float: right;
}
#content .joyphone {
padding: 30px 40px 30px 0;
float: right;
}
#content h1 {
padding-bottom: 30px;
font: normal 24px/1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
color: #000000;
}
#content h2 {
padding: 15px 0 10px 0;
font: normal 18px/1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
color: #333333;
}
#content h3 {
font: normal 14px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
color: #555555;
}
#content p {
padding-right: 90px;	
font-family: Arial, Helvetica, sans-serif;
line-height: 1.8em;
}
#content .imgrt {
padding: 0 10px 15px 15px;
float: right;
}
#content .imgrt2 {
padding: 0 60px 5px 15px;
float: right;
}
#content a {
color: #555555;
text-decoration: underline;
}
#content a.hover {
color: #5533BB;
text-decoration: underline;
}
#content .foldgraphic {
padding-bottom: 30px;
}
#content .tpg {
float: right;
}
#content .box {
margin: 30px 90px 0 0;
padding: 15px;
border-top: 1px solid #ABABAB;
}
#content .box p {
padding-right: 15px;
}
#content .box img {
padding-right: 30px;
float: left;
}	
#content .tpbdr    {
margin-right: 90px;
padding-top: 15px;
border-top: 1px solid #CCCCCC;
}

/*---home page 3 column--------------------------*/
#hp3col {
padding-right: 40px;
}
#hp3col .sample {
padding-left: 10px;
}
#hp3col p {
padding: 0 0 10px 0;
line-height: 1.5em;
}
#hp2col  {
width: 427px;
float: right;
border-left: 1px solid #CCCCCC;
}
#hpctr {
width: 196px;
float: left;
}
#hprt {
width: 207px;	
float: right;
border-left: 1px solid #CCCCCC;
}
#hplft {
width: 196px;
float: left;
}
#hpctr h2, #hprt h2 {
padding-left: 12px;
}
#hpctr p, #hprt p {
padding-left: 12px;
}
#hp3col a {
font-size: 10px;
color: #FF6600;
text-decoration: none;
}
#hp3col a:hover {
color: #5533BB;
text-decoration: underline;
}

/*---price tables--------------------------------*/
.ptcol5  {
width: 450px;
margin: 0 0 30px 0;
text-align: left;
border: solid 2px #5533BB;
border-collapse: collapse;
}
.ptcol5 th  {
width: 20%;
padding: 10px;
color: #FFFFFF;
background-color: #5533BB;
border-left: solid 1px #CCCCCC;
border-collapse: collapse;
}
.ptcol5 td  {
width: 20%;
padding: 10px;
border-top: solid 1px #CCCCCC;
border-left: solid 1px #CCCCCC;
border-collapse: collapse;
}
.ptcol4  {
width: 360px;
margin: 0 0 30px 0;
text-align: left;
border: solid 2px #5533BB;
border-collapse: collapse;
}
.ptcol4 th  {
width: 25%;
padding: 10px;
color: #FFFFFF;
background-color: #5533BB;
border-left: solid 1px #CCCCCC;
border-collapse: collapse;
}
.ptcol4 td  {
width: 25%;
padding: 10px;
border-top: solid 1px #CCCCCC;
border-left: solid 1px #CCCCCC;
border-collapse: collapse;
}
.nobdr {
border-left: none;
}

#creditcard img {
padding-right: 5px;
margin-top: 15px;
}

/*---footer--------------------------------------*/
#footer {
font-family: Arial, Helvetica, sans-serif;
padding: 60px 30px 90px 0;
}
.ftrhp   {
margin-top: -30px;/*--pull space on home page--*/
}
#footer .ftrlogo {
padding-bottom: 10px;
}
#footer .slogan {
font-weight: normal;
color: #5533BB;
}
#footer .ftrphone {
font-size: 18px;
letter-spacing: 1px;
}
#footer .ftrtxt {
padding-right: 30px;
color: #555555;
line-height: 1.8em;
}
#footer h3 {
font-size: 14px;
font-weight: bold;
line-height: 1.5em;
}
#footer p {
font-family: Arial, Helvetica, sans-serif;
color: #777777;
line-height: 1.8em;
}
#footer ul {
padding: 15px 0 7px;
margin: 30px 30px 0 0;
list-style-type: none;
border-top: 1px solid #CCCCCC;
}
#footer li {
display: inline;
padding: 0 8px;
font-size: 10px;
line-height: 1em;
border-right: 1px solid #BFBFBF;
}
#footer a {
color: #777777;
text-decoration: none;
letter-spacing: 1px;
}
#footer a:hover {
color: #0066FF;
}
#footer .nopipe {
padding-left: 0;
border-left-style: none;
}
#footer .ftron {
color: #5533BB;
text-decoration: none;
letter-spacing: 1px;
}

/*---side----------------------------------------*/
#sdbar {
width: 190px;
background: #5533BB;
float: left;
}
#sdbar .joylogo {
padding: 30px 0 50px;
}

/*---side navigation-----------------------------*/
#sdbar ul {
width: 190px;
margin-bottom: 60px;
list-style-type: none;
}

#sdbar li {
display: inline;
}

#sdbar li a {
margin-right: 10px;
display: block;
font-size: 11px;
color: #FFFFFF;
text-align: right;
line-height: 2.5em;
letter-spacing: 1px;
text-decoration: none;
}
#sdbar  li a:hover {
margin-right: 10px;
display: block;
background: #FFDD55;
color: #555555;
text-align: right;
line-height: 2.5em;
letter-spacing: 1px;
text-decoration: none;
}
#sdbar .sbon {
margin-right: 10px;
display: block;
background: #88DDFF;
font-size: 11px;
color: #555555;
text-align: right;
line-height: 2.5em;
letter-spacing: 1px;
}

/*--creative services pg-----------------------*/
#resource {
width: 400px;
}
#resource ul {
margin: 0 0 15px 30px;
}
#resource ul li {
padding-bottom: 15px;
}
#mouse {
background: url(../_photo/bkg_resource_mouse.jpg) no-repeat scroll right top;
}
.imgmouse {
float: right;
padding: 0 105px 5px 15px;
}
/*--green pg-----------------------------------*/
#green {
	background: url(../_photo/bkg_green_leaf.jpg) no-repeat scroll right top;
}
.greenpad { 
width: 425px;
}
/*--faq pg-------------------------------------*/
#faq ul {
padding-bottom: 30px;
list-style-type: none;
}
#faq li {
padding-bottom: 10px;
}
#faq a {
text-decoration: none;
font-weight: bold;
color: #5533BB;
}
#faq a:hover {
color: #FF6633;
text-decoration: underline;
}
#sheet {
background: url(../_photo/bkg_faq_sheet.jpg) no-repeat scroll right top;
}
.faqpad {
width: 450px;
}
/*--free business card pg----------------------*/
#businesscard {
width: 600px;
border-top: 1px solid #ABABAB;
border-left: 1px solid #ABABAB;
margin-top: 30px;
margin-bottom: 30px;
}


#businesscard td {
width: 50%;
text-align: center;
border-right: 1px solid #ABABAB;
border-bottom: 1px solid #ABABAB;
}

#businesscard img {
padding: 20px 0px;
}

/*--site map pg--------------------------------*/
#smap  ul {
margin-left: 30px;
list-style-type: none;
}

#smap li {
padding-bottom: 10px;
}
.tplist  {
float: right;
font-size: 10px;
color: #ABABAB;
}

/*--misc stuff----------------------------------*/
.txt10 {
font-size: 10px;
}
.white {
color: #FFFFFF;
}
.orange {
color: #FF6633;
}
.invsep {
clear: both;
height: 0px;
}