/* CSS Document */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}

body
{
  margin: 0px;
  background: url(images/bg_page.gif) top left repeat-x #FFFFFF;
  color: #666666;
  FONT-FAMILY: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  min-width: 900px;
  text-align: center;
}

a:link {text-decoration: underline; color: #660066; background-color: transparent;}
a:visited {text-decoration: underline; color: #660066; background-color: transparent;}
a:hover {text-decoration: none; color: #660066; background-color: transparent;}


/*-- GENERAL BITS --------------*/
.container {margin: 0 auto; width: 900px; padding: 0; border: 0; position: relative; text-align: left;}

/*-- HEADER---------------------*/

.masthead {position: relative; float: left; display: inline; width: 900px; height: 160px; margin: 0; padding: 0;}

	.masthead ul {display: inline; float: right; list-style: none; margin: 0; padding: 0;}
	.masthead li {display: inline; float: left; margin: 0 0 0 15px;}
	.masthead li a {display: inline; float: left; height: 42px;}
	.masthead li span {display: none;}
	
#nav01 a {background: url(images/nav_home_off.gif) top left no-repeat; width: 45px; height: 42px;}
#nav01 a:hover {background: url(images/nav_home_hov.gif) top left no-repeat;}
#nav01on {background: url(images/nav_home_on.gif) top left no-repeat; width: 45px; height: 42px;}

#nav02 a {background: url(images/nav_portfolio_off.gif) top left no-repeat; width: 69px; height: 42px;}
#nav02 a:hover {background: url(images/nav_portfolio_hov.gif) top left no-repeat;}
#nav02on {background: url(images/nav_portfolio_on.gif) top left no-repeat; width: 69px; height: 42px;}

#nav03 a {background: url(images/nav_why_a_copywriter_off.gif) top left no-repeat; width: 151px; height: 42px;}
#nav03 a:hover {background: url(images/nav_why_a_copywriter_hov.gif) top left no-repeat;}
#nav03on {background: url(images/nav_why_a_copywriter_on.gif) top left no-repeat; width: 151px; height: 42px;}

#nav04 a {background: url(images/nav_why_me_off.gif) top left no-repeat; width: 71px; height: 42px;}
#nav04 a:hover {background: url(images/nav_why_me_hov.gif) top left no-repeat;}
#nav04on {background: url(images/nav_why_me_on.gif) top left no-repeat; width: 71px; height: 42px;}

#nav05 a {background: url(images/nav_services_off.gif) top left no-repeat; width: 65px; height: 42px;}
#nav05 a:hover {background: url(images/nav_services_hov.gif) top left no-repeat;}
#nav05on {background: url(images/nav_services_on.gif) top left no-repeat; width: 65px; height: 42px;}

#nav06 a {background: url(images/nav_faqs_off.gif) top left no-repeat; width: 42px; height: 42px;}
#nav06 a:hover {background: url(images/nav_faqs_hov.gif) top left no-repeat;}
#nav06on {background: url(images/nav_faqs_on.gif) top left no-repeat; width: 42px; height: 42px;}

#nav07 a {background: url(images/nav_contact_off.gif) top left no-repeat; width: 62px; height: 42px;}
#nav07 a:hover {background: url(images/nav_contact_hov.gif) top left no-repeat;}
#nav07on {background: url(images/nav_contact_on.gif) top left no-repeat; width: 62px; height: 42px;}

.headerLogo {position: relative; float: left; display: inline; margin: 20px 0 0 30px; width: 204px; height: 125px;}
/*-- .headerLogo {position: absolute; top: 20px; left: 30px; width: 204px; height: 125px;} --*/
 .headerNavBar {position: absolute; top: 85px; right: 30px; height: 42px;}


/*-- MAIN AREA FORMAT -------------*/
.mainAreaTop {height: 20px; width: 900px; background: url(images/area_900_top.gif) top left no-repeat #FFFFFF; margin: 0; padding: 0;}
.mainAreaBottom {position: relative; float: left; display: inline; height: 20px; width: 900px; background: url(images/area_900_bottom.gif) bottom left no-repeat #FFFFFF; margin: 0; padding: 0;}
.mainAreaFormat {position: relative; float: left; display: inline; width: 840px; background-color: #FFFFFF; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; margin: 0; padding: 0 29px 10px 29px;}

/*-- FOOTER --------------------*/
.footerArea {position: relative; float: left; display: inline; width: 900px; margin: 0; padding: 0 0 30px 0;}
	.footerArea p {margin: 20px 30px 30px 30px; font-size: 11px; color: #666666; display: inline;}

.footerAreaHome {position: relative; float: left; display: inline; width: 900px; margin: 0; padding: 0 0 200px 0; background: url(images/bg_footer_home.gif) 630px 100px no-repeat;}
	.footerAreaHome p {margin: 20px 30px 30px 30px; font-size: 11px; color: #666666; display: inline;}

.footerAddThis {float: left; display: inline; margin: 22px 0 0 -30px;}

/*-- HOME PAGE --------------*/
.homeIntro {position: relative; display: inline; float: left; width: 840px; margin: 30px 0 20px 0; padding: 0;}
	.homeIntro h1 {font-size: 20px; color: #500B6B; padding: 0; margin: 0; line-height: 1.1em;}
	.homeIntro h2 {font-size: 16px; font-weight: normal; color: #333333; line-height: 1.5em;}

.homeFlashHolder {position: relative; display: inline; float: left; width: 840px; height: 38px; margin: 0 0 0 0; padding: 0;}

.homeLeftAreaHolder {display: inline; position: relative; float: left; margin: 0 30px 0 0; width: 260px;}
.homeLeftAreaTop {display: inline; position: relative; margin: 0; padding: 0; width: 260px;}
.homeLeftArea {display: inline; position: relative; float: left; width: 220px; height: 180px; margin: 0; padding: 0 20px 10px 20px; background: url(images/home_box_260_how_i_help_bg.gif) bottom left no-repeat #F0E7F3;}
	.homeLeftArea p {margin: 10px 0 0 0; font-size: 12px; color: #333333; line-height: 1.7em;}
	.homeLeftArea h2 {}
	.homeLeftArea img {border: 0;}
	.homeLeftArea h4 {margin: 10px 0 0 0; padding: 0; line-height: 1em; font-size: 11px; font-weight: bold;}

.homeMidAreaHolder {display: inline; position: relative; float: left; margin: 0 30px 0 0; width: 260px;}
.homeMidAreaTop {display: inline; position: relative; margin: 0; padding: 0; width: 260px;}
.homeMidArea {display: inline; position: relative; float: left; width: 220px; height: 180px; margin: 0; padding: 0 20px 10px 20px; background: url(images/home_box_260_portfolio_bg.gif) bottom left no-repeat #F0E7F3;}
	.homeMidArea p {margin: 10px 0 0 0; font-size: 12px; color: #333333; line-height: 1.7em;}
	.homeMidArea h2 {}
	.homeMidArea img {border: 0;}
	.homeMidArea h4 {margin: 10px 0 0 0; padding: 0; line-height: 1em; font-size: 11px; font-weight: bold;}
	
.homeRightAreaHolder {display: inline; position: relative; float: left; margin: 0 0 0 0; width: 260px;}
.homeRightAreaTop {display: inline; position: relative; margin: 0; padding: 0; width: 260px;}
.homeRightAreaBottom {display: inline; position: relative; margin: 0; padding: 0; width: 260px;}
.homeRightArea {display: inline; position: relative; float: left; width: 220px; height: 152px; overflow: hidden; margin: 0; padding: 0 19px 10px 19px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}
	.homeRightArea p {margin: 10px 0 0 0; font-size: 12px; color: #333333; line-height: 1.7em;}
	.homeRightArea h2 {}
	.homeRightArea img {border: 0;}
	.homeRightArea h4 {margin: 10px 0 0 0; padding: 0; line-height: 1em; font-size: 11px; font-weight: bold;}

.homeButtonsFormat {margin: 10px 0 0 0;}

/*-- CONTENT PAGE LAYOUT --*/
.columnMain {position: relative; display: inline; float: left; margin: 30px 30px 0 0; padding: 0; width: 550px;}
	.columnMain h1 {margin: 0 0 10px 0; padding: 0; text-indent: -9000px; font-size: 12px; line-height: 1em;}
	.columnMain h2 {font-size: 16px; font-weight: normal; color: #333333; line-height: 1.5em;}
	.columnMain h5 {font-size: 13px; color: #333333; line-height: 1.7em; margin: 1.3em 0 -1em 0;}
	.columnMain p {font-size: 13px; color: #666666; line-height: 1.7em;}
	.columnMain ul {margin: 5px 0 5px -10px; padding: 0; font-size: 13px; line-height: 1.5em; list-style: none; color: #666666;}
	.columnMain li {position: relative; background-image: url(images/bullet.gif); background-position: 0px 8px; background-repeat: no-repeat; padding: 3px 0 3px 16px;}


.psBoxOut {position: relative; display: inline; float: left; margin: 10px 0 -10px 0; width: 550px; height: 98px; background: url(images/ps_bg.gif) top left no-repeat;}
	.psBoxOut h3 {color: #333333; font-size: 14px; font-weight: normal; margin: 20px 0 0 68px;}

.columnRight {position: relative; display: inline; float: left; margin: 75px 0 0 0; padding: 0 0 240px 0; width: 260px; background: url(images/right_column_bg.gif) bottom right no-repeat;}

/*-- FAQS PAGE --*/
.columnMainFaqs {position: relative; display: inline; float: left; margin: 30px 30px 0 0; padding: 0; width: 550px;}
	.columnMainFaqs h1 {margin: 0 0 10px 0; padding: 0; text-indent: -9000px; font-size: 12px; line-height: 1em;}
	.columnMainFaqs h2 {font-size: 16px; font-weight: normal; color: #333333; line-height: 1.5em;}
	.columnMainFaqs h5 {font-size: 13px; color: #333333; line-height: 1.7em; margin: 1.5em 0 -0.7em 0;}
	.columnMainFaqs p {font-size: 13px; color: #666666; line-height: 1.7em;}
	.columnMainFaqs p strong {color: #500B6B;}
	.columnMainFaqs ul {margin: 5px 0 5px -10px; padding: 0; font-size: 13px; line-height: 1.5em; list-style: none; color: #666666;}
	.columnMainFaqs li {position: relative; background-image: url(images/bullet.gif); background-position: 0px 8px; background-repeat: no-repeat; padding: 3px 0 3px 16px;}

/*-- CONTACT PAGE --*/
.columnMain form {padding: 0; margin: 20px 0 0 0;}
.columnMain legend {font-size: 16px; color: #333333;}
.columnMain label {font-size: 14px; font-weight: bold; color: #333333; width: 100px; display: inline; float: left; padding: 2px 0 0 0; margin: 0 10px 0 0;}

.formContactText {width: 400px; border: 1px solid #CCCCCC; background-color: #FFFFFF; font-size: 13px; padding: 4px;}
.formContactSelect {width: 400px; background-color: #CCCCCC; font-size: 13px;}

.contactFormButtons {position: relative; float: right; display: inline; width: 437px;}
.formButton {padding: 4px 5px 4px 5px; margin: 10px 0 0 0; background-color: #500B6B; border: 1px solid #500B6B; color: #FFFFFF; font-size: 14px; font-weight: bold;}

.contactRightAreaHolder {display: inline; position: relative; float: left; margin: 0 0 0 0; width: 260px;}
.contactRightAreaTop {display: inline; position: relative; margin: 0; padding: 0; width: 260px;}
.contactRightAreaBottom {display: inline; position: relative; margin: 0; padding: 0; width: 260px;}
.contactRightArea {display: inline; position: relative; float: left; width: 220px; margin: 0; padding: 0 19px 10px 19px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}
	.contactRightArea p {margin: 10px 0 0 0; font-size: 12px; color: #333333; line-height: 1.7em;}
	.contactRightArea h2 {}
	.contactRightArea img {border: 0;}
	.contactRightArea h4 {margin: 10px 0 0 0; padding: 0; line-height: 1em; font-size: 11px; font-weight: bold;}
	.contactRightArea h5 {margin: 10px 0 0 0; padding: 0 0 0 22px; line-height: 1.3em; font-size: 12px; color: #333333; font-weight: normal;}

#iconFacebook {background: url(images/icon_facebook.gif) center left no-repeat;}
#iconTwitter {background: url(images/icon_twitter.gif) center left no-repeat;}

/*-- PORTFOLIO PAGE --*/
.portfolioItem {display: inline; float: left; position: relative; width: 550px; padding: 0; margin: 15px 0 15px 0;}
	.portfolioItem img {float: left; display: inline; width: 120px; margin: 0 20px 0 0; border: 0;}
	.portfolioItem h3 {font-size: 16px; color: #333333; line-height: 1.1em; margin: 10px 0 0.3em 0;}
	.portfolioItem h4 {font-size: 13px; color: #333333; line-height: 1.1em; margin: 0;}
	.portfolioItem p {font-size: 13px; color: #666666; line-height: 1.5em; margin: 0.5em 0 0.7em 0;}

.columnMainPortfolio {position: relative; display: inline; float: left; margin: 30px 30px 0 0; padding: 0; width: 550px;}
	.columnMainPortfolio h1 {margin: 0 0 10px 0; padding: 0; text-indent: -9000px; font-size: 12px; line-height: 1em;}
	.columnMainPortfolio h2 {font-size: 16px; font-weight: normal; color: #333333; line-height: 1.5em;}
	.columnMainPortfolio h5 {font-size: 13px; color: #333333; line-height: 1.7em; margin: 0.5em 0 0.5em 0;}
	.columnMainPortfolio p {font-size: 13px; color: #666666; line-height: 1.7em;}
	.columnMainPortfolio ul {margin: 5px 0 5px -10px; padding: 0; font-size: 13px; line-height: 1.5em; list-style: none; color: #666666;}
	.columnMainPortfolio li {position: relative; background-image: url(images/bullet.gif); background-position: 0px 8px; background-repeat: no-repeat; padding: 3px 0 3px 16px;}

.linkIconPDF {display: block; background: url(images/icon_pdf.gif) 0 3px no-repeat; padding: 0 0 3px 25px; height: 20px;}
.linkIconWord{display: block; background: url(images/icon_word.gif) 0 3px no-repeat; padding: 0 0 3px 25px; height: 20px;}

.portfolioTestimonial {position: relative; display: inline; float: left; margin: 50px 0 20px 0; width: 500px; padding: 0 0 0 50px; background: url(images/port_quote_top.gif) top left no-repeat;}
	.portfolioTestimonial p {font-size: 13px; color: #666666; font-style: italic; line-height: 1.7em; width: 450px; }
	.portfolioTestimonial h6 {font-size: 13px; color: #454545; font-weight: normal; line-height: 1.5em; width: 500px; background: url(images/port_quote_bottom.gif) top right no-repeat;}
	.portfolioTestimonial h6 strong {font-weight: bold; color: #333333;}

.portfolioRightAreaHolder {display: inline; position: relative; float: left; margin: 0 0 30px 0; width: 260px;}
.portfolioRightAreaTop {display: inline; position: relative; margin: 0; padding: 0; width: 260px;}
.portfolioRightAreaBottom {display: inline; position: relative; margin: 0 0 0 0; padding: 0; width: 260px;}
.portfolioRightArea {display: inline; position: relative; float: left; width: 220px; margin: 0; padding: 0 19px 0 19px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}
	.portfolioRightArea p {margin: 10px 0 0 0; font-size: 12px; color: #333333; line-height: 1.7em;}
	.portfolioRightArea h2 {}
	.portfolioRightArea img {border: 0;}
	.portfolioRightArea h4 {margin: 10px 0 0 0; padding: 0; line-height: 1em; font-size: 11px; font-weight: bold;}
	.portfolioRightArea ul {margin: 5px 0 5px -10px; padding: 0; font-size: 12px; line-height: 1.8em; list-style: none; color: #666666;}
	.portfolioRightArea li {position: relative; background-image: url(images/bullet.gif); background-position: 0px 8px; background-repeat: no-repeat; padding: 3px 0 3px 16px;}

/*-- SEARCH ENGINE COPY --------------*/
.seContent {position: relative; margin: 0 auto; width: 900px; text-align: left;}
	.seContent h1 {color: #BBBBBB; font-size: 11px; margin: 200px 0 0 0;}
	.seContent h2 {color: #CCCCCC; font-size: 10px; font-weight: bold;}
	.seContent p {color: #CCCCCC; font-size: 10px; line-height: 1.3em;}