/*****************************
  Valid (if bloated!) code 
  by Jennifer Diaz, the marketing
	writer with a penchant for CSS:
  www.inkmeansbusiness.com
*****************************/

* {
	vertical-align: baseline;
	font-family: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	}
html, body { 
			 font-family: tahoma, arial, sans-serif;
 			 background-color: #2C2A2B;
			 background-image: url(images/bg.png);
			 background-repeat: repeat;
			 color:#24252A;
			 }
div.preload { 
						height: 0; 
						overflow: hidden;
						}
h1 {			 
			 padding-bottom: 18px;
			 font-family: tahoma, trebuchet MS, verdana, sans serif;
			 font-size: 1.4em;
			 font-weight: bold;
			 line-height: 95%;
			 color: #2B2B2B;
		}
p {
			 padding-bottom: .8em;
			 font-size: .8em;
			 }
/*---------------------------
   BEGIN MAIN NAVIGATION   
-----------------------------*/		 
			 
div#mainnav a:link {
				color: #EF4023;
				 }
div#mainnav a:visited {
	       text-decoration: none;
  			 color: #EF4023;
				 }
div#mainnav a:hover {
				color: #D5D2C9;
				}
div.page a:link {
	      text-decoration: none;
				color: #EF4023;
				 }
div.page a:visited {
	       text-decoration: none;
  			 color: #EF4023;
				 }
div.page a:hover {
				color: #B6B3AC;
				}
div#rightcol a:link {
	       text-decoration: none;
				 color: #F9FFA7;
				 border-bottom: dashed 1px white;
				 }
div#rightcol a:visited {
	       text-decoration: none;
  			 color: #F9FFA7;
				 border-bottom: dashed 1px white;
				 }
div#rightcol a:hover {
	       text-decoration: none;
				 color: black;
				}	
div#sidenav a:link {
	       text-decoration: none;
				 color: #F9FFA7;
				 }
div#sidenav a:visited {
	       text-decoration: none;
  			 color: #F9FFA7;
				 }
div#email a:link {
	       text-decoration: none;
				 color: #24252A;
				 border-bottom: dashed 1px #24252A;
				 }
div#email a:visited {
	       text-decoration: none;
  			 color: #24252A;
				 border-bottom: dashed 1px #24252A;
				 }
div#email a:hover {
	       text-decoration: none;
				 color: #EF4023;
				}
div.viewbox a:hover img {
				border: solid 1px #E8EBD3;
				}
div#mainnav {
    		 float: right;
    		 padding-top: 10px;
    		 padding-bottom: 5px;
    		 padding-right: 8px;
    		}
ul#nav {
			 	 list-style-type:none;
			 }
ul#nav li {
			 display: inline;
			 font-family: tahoma, sans serif;
			 font-size: .8em;
			 line-height: 1.3em;
			 }
ul#nav li a {
			 padding: 1em .5em;
			 text-decoration: none;
			 text-align: center;
			 }
li.activepage {
			 padding: 1em .5em;
       color: #73726E;
       }							
/*---------------------------
   END MAIN NAVIGATION   
-----------------------------*/		 
ul					{
						list-style-type: none;
						}
div#container { 
					 	 position: absolute;
						 left: 50%;
						 width: 940px; /*Is this causing a scrollbar in Safari?*/
						 margin-left: -470px;
						 padding-bottom: 20px;
							 }
.more				{
						font-style: italic;
						font-size: .85em;
								}
.sup				{
						vertical-align: super; 
						font-size: 70%;
						}
.footnote		{
						font-size: 90%;
						}
#logo {
						 position: relative;
 						 width: 450px;
						 padding: 37px 0px 38px 0px;
						 background-image: url(images/Ink_Means_Business_logo3.gif);
						 background-repeat: no-repeat;
						 }
#logo a {
            	display: block;
				 		 	position: relative;
							bottom: 15px;
            	text-decoration: none;
            	height: 81px;
            	font-size: small;
            	text-indent : -999em;
            	}
div#leftcol {
						position: relative;
						left: 200px;
						width: 500px;
						}
div.page {
						 width: 500px;
						 float: right;
						 background-color: white;
						 }
div.bodytext {
			 padding: 0px 65px 15px 75px;
			 }
.heightprop {
    height:42em;
    float:right;
    width:1px;
  	}
span.replace {
						 position: absolute;
						 left: -999em;
						 }
div#rightcol {
						 position: absolute;
						 left: 724px;
						 top: 130px;
						 width: 270px;
						 padding-left: 15px;
						}
.pullquote {
					  position: relative;
						padding-top: .5em;
						width: 500px;
						font-family: courier new, monospace;
						font-size: .91em;
						font-weight: bold;
						color: white;
						line-height: 1.1em;
						}
.ldquo {
			 			padding-right: 8px;
						position: relative;
						top: 10px;
						font-family: georgia, serif;
						font-weight: bold;
						font-size: 3em;
						color: #EF4023;
						line-height: .9em;
						}
.rdquo {
						padding-left: 4px;
						position: relative;
						top: 9px;
						font-family: georgia, serif;
						font-weight: bold;
						font-size: 3em;
						color: #EF4023;
						}
.bigbold1 {
					font-size: 1.2em;
					font-weight: bold;
					}
.bigbold2 {
					font-size: 1.2em;
					font-weight: bold;
					}
.bigbold3 {
					font-size: 1.7em;
					font-weight: bold;
					}
.underscore {
					border-bottom: solid 2px white;
					}
.lineadjust {
						position: relative;
						bottom: .8em;
						}
div#contact	 {
						 position: relative;
						 width: 420px;
						 font-size: .9em;	 
						 }
div#phone		{
            position: relative;
						left: 9px;
            width: 300px;
						margin-top: 1em;
						padding: 18px 10px 10px 38px;
						background-image: url(images/phone_marketing_writer.png);
						background-repeat: no-repeat;
						background-position: 3px 0px;
						}
div#email		{
						width: 300px;
						padding: 12px 20px 20px 48px;
						background-image: url(images/email_marketing_writer.png);
						background-repeat: no-repeat;
						}
object.portobject {
						margin-top: -10px;
						padding: 0;
						}
#containerbook {
						 width: 405px;
						 padding: 40px 0px 100px 85px;
						 background-image: url(images/notebook.png);
						 background-position: 30px 0px;
						 background-repeat: no-repeat;
}
div.notebook {
						 float: none;
						 position: relative;
						 width: 405px;
						 padding: 0px 0px 297px 0px;
						 background-position: 35px 0px;
						 background-repeat: no-repeat;
						 }
h2.portcat {
					 	 position: absolute;
					 	 padding: 0px 20px 0px 20px;
						 font-size: 110%;
						 width: 300px;
						 text-align: center;
						 }
div.viewbox {
						 position: absolute;
						 top: 40px;
						 width: 168px;
						 height: 167px;
						 background-color: #6C6658;
						 }
div.viewbox img {
						display: block;
						margin: auto;
						position: relative;
						top: 35px;
						border: solid 1px transparent;
				 }
.porttext {
					 position: absolute;
					 top: 35px;
					 left: 186px;
					 width: 146px;
					 padding: 2px;
					 font-family: tahoma, arial, sans serif;
					 font-size: .9em;
					 line-height: 1.3em;
					 }
div.porttext p {
					 padding-bottom: .6em;
					 }
div#portnav {
					 position: absolute;
					 top: 262px;
					 left: 192px;
					 }
div#footer {
					 clear: both;
					 padding: 8px;
           padding-bottom: 2em;
					 text-align: center;
					 color: #73726E;
					 font-family: verdana, tahoma, arial, sans serif;
					 font-size: .7em;
					 }
.redcomma			 {
					 color: #EF4023;
					 font-family: times new roman, times, serif;
					 }
.abouttext	 {
						 padding-bottom: 1em;
						 color:#24252A;
						 }
.bio				 {
					   font-style: italic;
						 font-size: 1em;
						 padding-bottom: 1em;
						 }
.bio p			 {
						 padding-bottom: .5em;
						 }
#testimonials {
						 padding-top: 1.2em;
						 color:#24252A;
						 }
.blockquote 	 {
						 padding: .4em 0 .5em 2.1em;
						 background-image: url(images/ldquo.gif);
						 background-repeat: no-repeat;
						 background-position: top left;
						 }
.blockquote p	 {
						 padding-right: 1.4em;
						 background-image: url(images/rdquo.gif);
						 background-repeat: no-repeat;
						 background-position: 100% 85%;
						 }
.author {
					padding-left: 80px;
					padding-right: 40px;
					padding-bottom: 1em;
					text-indent: -1em;
					font-style: italic;
}