/*CSS Reset*/
body, body.bg-music, div, dl, dt, dd, li, pre,
form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }
body {font-family: arial, sans-serif; font-size: 12px;} /*  custom */
p {font-size: 12px;}
h1, h2, h3, h4, h5, h6 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 100%; font-weight: normal; width: 100%;}
address, caption, cite, code, dfn, em, strong, var {font-style: normal; font-weight: normal; }
strong, .strong {font-weight: bold;}
ol, ul, ul.horizontal {float: left; width: 100%; margin: 0px 0px 10px 0px; padding: 0; list-style: none outside none;}
table { border-collapse: collapse; border-spacing: 0; } 
caption, th { text-align: left; font-weight: normal; font-style: normal; }
acronym, abbr, fieldset, img { border: 0;}
:focus { outline: 0; }
em {font-style: italic;}


/* GENERAL STYLES */
* {font-family: 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;} 
body {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  color: #666; min-width: 1020px;} /* min-width is to override iPad and iPhone default browser width of 980px */
.right {float: right;}
.left {float: left;} 
p {line-height: 18px;}
p.intro {font-size: 16px; line-height: 1.5;}
.wrap, .wrap-bg, .wrap-banner {background-color: #fff; width: 100%; min-width: 1020px; float: left; margin: auto; padding: 0px 0px 0px 0px; }
.wrap-banner {background-color: #ff9900; height: 400px;}
.shadow {psoition: relative; top: 0px; left: 0px; z-index: 10;}

.bg-color {background-color: #fff; width: 100%; float: left; border: 1px solid #ccc; padding: 5px;}
.bg-color .inner {width: 97%; padding: 15px 15px 15px 15px; background-color: #ff9900;}
.bg-color h4, .bg-color p, .bg-color li {color: #fff;}

.center, .center-footer {background-color: #fff; width: 1020px; margin: auto; display: block; padding: 0px 0px 0px 0px; }
.center-footer {background-color: transparent;}
img.imageborder, img.imageborder-none {padding: 5px 5px 5px 5px; border: 1px solid #ccc; vertical-align: middle; position: relative;}
img.imageborder-none {border: 1px solid #fff; padding-top: 0px;}
.two_thirds .center {width: 100%; padding-left: 0px;}
.page {width: 970px; float: left; margin: 0px 0px 15px 0px; padding: 10px 15px 5px 15px;}
.inner {width: 98%; float: left; clear: both; margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; position: relative; }
.fullwidth {width: 100%; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.fullwidth h4 {width: 100%;}
.content {width: 100%; float: left; margin: 0px 0px 15px 0px;}
#col_left {width: 650px; float: left; position: relative; margin: 0px 35px 10px 10px;}
.one_third {width: 340px; float: left; position: relative; margin: 0px 30px 15px 0px;}
.one_third img.imageborder, .one_third img.imageborder-none  {margin: 0px 0px 20px 0px;}
.two_thirds {width: 640px; float: left; position: relative; margin: 0px 0px 15px 0px;}
.one_fourth {width: 200px; float: left; margin: 0px 0px 20px 11px;}
.one_fifth {width: 180px; float: left; margin: 0px 0px 20px 11px;}
.half {width: 50%; float: left;}


.box {width: 280px; margin: 0px 30px 15px 30px; padding: 0px 0px 5px 0px;}
.box h4 {width: 100%; margin: 5px 0px 15px 0px; text-align: center;}
.box:last-child {margin-right: 0px;}
.box a:hover {text-decoration: none;}
.box img  {margin: 0px 0px 10px 0px;}
.box-text{min-height: 250px; float: left; padding: 15px 0px 15px 0px;}
.box p {text-align: left;}
.box p a {font-weight: normal;}


.one_fourth.box {width: 200px; margin: 0px 15px 15px 0px;}
.one_fifth.box {margin-left: 0px;}
.header, .gallery_inner, .quote, #footer {width: 95%; float: left; color: #222; font-size: 14px; margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; }
#footer_inner {width: 1020px; margin: auto; padding: 5px 5px 5px 5px; }
.gallery_inner {width: 100%; padding: 10px 10px 10px -10px; margin: 0px 0px 0px -10px;}
.borderbottom {width: 100%; float: left; margin: 15px 0px 5px -4px;}
small {font-size: 90%;}

/*
h4.payment {background: url('images/quick-easy-and-secure-online-payments.png') no-repeat 380px 0px transparent; }
*/

p, li {margin: 0px 0px 10px 0px; width: 100%;} /* custom */
li {background: url('images/icon-bullet-orange.png') no-repeat scroll top left transparent; margin-bottom: 0px; padding: 0px 0px 0px 25px; width: 95%; line-height: 18px;}
.nobullet li {background-image: none;}
.list {width: 380px; float: left;}

h1, h2, h3, h4, h5, h6 {font-family: 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 14px; float: left; padding: 0px 0px 0px 0px; font-size: 16px; margin: 0px 0px 15px 0px; color: #ff9900; font-weight: bold;}
h1.hidden-text {float: left; font-size: 35px; color: #fff;} /* custom */
h2 {float: left; margin: 0px 0px 3px 0px; font-size: 32px; font-weight: normal;  text-align: center; } /* custom */
h3 {margin-top: 0px; margin-bottom: 40px; height: 23px; font-size: 22px; padding: 2px 0px 0px 0px;}
h4 {font-size: 18px; color: #666;}  
h5 {width: 100%; font-size: 16px; color: #666;}  /* custom */

h3, .one_third h3 {background: url("images/icon-logo-website-proofreader.png") no-repeat top left transparent; margin: 0px 0px 30px 0px; padding: 0px 0px 0px 25px; width: 100%; text-align: left;}
.one_third h3 {background: url("images/icon-logo-website-proofreader.png") no-repeat scroll center top transparent; padding: 25px 0px 0 0px; text-align: center;}

.feature-text {width: 100%; float: left; margin: 20px 0px 20px 0px; font-family: 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; text-align: center; font-size: 16px;}
.feature-text h4 {font-style: italic; font-weight: normal;}

.fullwidth-content {width: 98%; float: left; margin: 0px 0px 20px 0px; padding: 30px 10px 10px 10px; border-top: 1px solid #ccc; }
.fullwidth-content .image {width: 28%; float: left; margin: 0px 20px 10px 0px;}
.fullwidth-content .text {width: 70%; float: left; margin: 0px 0px 20px 0px;}

.call-to-action {width: 100%; float: left; background-color: #ff9900; color: #fff; margin: 25px auto 25px; text-align: center;}
.call-to-action h4, .article h3 {float: left; overflow: hidden; padding: 8px 0px 0px 30px; color: #fff; font-size: 18px; margin: 0px 0px 20px 0px;}  /* custom */
.call-to-action a, .wrap .call-to-action h4 a {color: #fff; text-decoration: none; }
.call-to-action a:hover, .wrap .call-to-action h4 a:hover {color: #666; } 
.call-to-action h4, #col_right .call-to-action h4 {width: 100%; text-align: center; font-size: 18px; font-weight: normal; margin: 0px 0px 0px 0px; padding: 8px 0px 8px 0px; color: #fff;}
#col_right .call-to-action h4 {font-size: 14px;}
img {float: left; margin: 0px 15px 15px 0px;}
img.paypal {margin-left: 365px;}
.right img {margin: 0px 0px 15px 15px;}
.wrap a.backtotop {width: 1020px; height: 20px; float: left; margin: 10px auto 15px; text-align: center; position: relative; z-index: 4; color: #ff9900;}
.wrap a:hover.backtotop {color: #666; text-decoration: underline;}


/* HOLDING PAGE */
body.bg-coming-soon {background-color: #ff9900; color: #fff; margin: 0px 0px 0px 0px;}
body.bg-coming-soon #wrap {width: 100%; float: left;}
.bg-coming-soon .center {margin: auto;}
.bg-coming-soon #wrap img {margin: 75px 250px 0px 250px;}
.bg-coming-soon #wrap h1, wrap h2, #wrap h3 {color: #fff; font-size: 30px; text-align: center; margin: 30px 0px 50px 0px; }
.bg-coming-soon #wrap h1 {margin: 130px auto 30px; font-size: 50px; color: #fff; }

blockquote {font-size: 24px;} 


/* BOX SHADOW */
#slider .nivo-directionNav a:hover {box-shadow: none;}


/* LINKS */
a, .wrap a {font-weight: bold; text-decoration: none; color: #ff9900;}  /* custom */
a:hover, .wrap a:hover {color: #666; text-decoration: underline;}  /* custom */

.button {width: 100%; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.button a, .button input {width: auto; float: left; margin: 0px 85px 0px 75px; padding: 5px 15px 5px 15px; background-color: #ff9900; color: #fff; border: 1px dotted #fff;  }
.wrap .button a:hover, .button input:active {background-color: #666; color: #fff; text-decoration: none;}
.button a.payment {background-color: #666; color: #fff;  margin: 0px 415px 0px 415px;}
.button a:hover.payment {background-color: #fff; color: #666; border: 1px dotted #666;}

/* HEADER */
.wrap .header {background-color: #fff; width: 100%; height: 110px; border-top: 2px solid #ff9900;}
.header {width: 100%; float: left; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; color: #666;}
.header_inner {width: 1020px; margin: auto; }
.header_left {background: url('images/bg-header-website-proofreader-1.png') no-repeat top left transparent; width: 560px; height: 100px; float: left; margin: 5px 0px 0px 5px;}
.header_left h1.hide-text {width: 580px; height: 100px; margin-bottom: 0; overflow: hidden; text-indent: -9999px; white-space: nowrap;}
.header_left h1.hide-text a {width: 580px; height: 100px; float: left;}
.header_right {width: 450px; float: right; margin: 10px 5px 0px 0px ;}
.header_right .email a {background: url('images/email-address-website-proofreader.png') no-repeat top right transparent; width: 100%; height: 14px; float: left; margin: 5px 0px 3px 0px;}
.header_right img {float: right; margin: 0px 0px 0px 0px;}
.header_right h5 {width: 100%; margin: 0px 0px 0px 0px;}
.header_right .tel {width: 100%; text-align: right;}
.header_right .tel p {width: 100%; float: right; font-weight: bold; font-size: 15px;}
.header .socialicons {width: 200px; height: 35px; float: right; margin: 0px 0px 0px 0px;}
.header .socialicons a.facebook, .header .socialicons a.twitter, .header .socialicons a.linkedIn {background: url('images/icon-facebook.png') no-repeat top left transparent; width: 30px; height: 31px; float: right; margin: 0px 0px 0px 4px;}
.header .socialicons a.twitter {background: url('images/icon-twitter.png') no-repeat top left transparent;}
.header .socialicons a.linkedIn {background: url('images/icon-LinkedIn.png') no-repeat top left transparent;}
.header .socialicons a:hover.facebook, .header .socialicons a:hover.twitter, .header .socialicons a:hover.linkedIn {margin-top: -2px;} 

/* NAVIGATION*/
#navigation {width: 100%; float: left; height: 15px; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center;}
#navigation ul {width: 100%; float: right;  height: 20px; margin: 0px auto 0px; padding: 0px 0px 0px 0px; }
#navigation ul li {width: auto; float: right; display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image: none; }
#navigation ul li a {width: auto; float: left; display: inline; font-size: 16px; font-weight: bold;  line-height: 15px; margin: 0px 0px 0px 25px; padding: 0px 0px 3px 0px; text-decoration: none; cursor: pointer; color: #666;}
#navigation ul li a:hover {color: #ff9900; text-decoration: none; }


/* SLIDESHOW */
.wrap-bg {background-color: #ff9900; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px;}
#slideshowbox {width: 1020px; height: 500px; float: left; margin: -5px 0px 0px 0px; padding: 0px 0px 0px 0px; postion: absolute; top: 0px; }
#slider {position:relative;
    width:1020px; /* Change this to your images width */
    height:500px; /* Change this to your images height */
    background: transparent url(images/loading.gif) no-repeat 50% 50%;
		margin: 0px 0px 0px 0px; z-index: 1;}
#slider img {width: 1020px; height: 480px; position: absolute; display: none; border: 1px solid #bfbfbf; } /* display none stops images jumping on page load*/
#slider a {color: #fff; border:0; display: block;}
#slideshowbox .nivo-slice {z-index: 4;}
.nivo-caption {background-colour: #fff; opacity: 0.6; border-radius: 0px 0px 0px 0px;}
.nivo-caption p {color: #fff; font-weight: bold; text-align: left;} 
.nivo-directionNav a {background: url('images/nav-arrow-heads-grey-triangle.png') no-repeat scroll center bottom transparent; border: none; display: block; height: 30px; text-indent: -9999px; width: 30px; }
.nivo-directionNav a:hover {background: url('images/nav-arrow-heads-dark-grey-triangle.png') no-repeat scroll center bottom transparent; }
a.nivo-prevNav, a:hover.nivo-prevNav {left: 292px; background-position: 0px 0px; }
a.nivo-nextNav, a:hover.nivo-nextNav {right:288px; background-position: -30px 0px;}
.quote {background: url('images/separator-quote.png') no-repeat center center transparent; width: 100%; padding: 10px 0px 10px 0px;}
blockquote {margin: 0px 0px 10px 0px; padding: 0px 30px 0px 30px; line-height: 35px; font-size: 25px; font-weight: bold; color: #b568aa; text-align: center;}

/* BANNER */
.banner {width: 1020px; height: 370px; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.banner img {width: 1020px; height: 370px; float: left; margin: 0px 0px 0px 0px;}


/* MAIN CONTENT */
.logos {width: 100%; float: left; margin: 10px 0px 15px 0px;}
.logos img {margin: 0px 5px 0px 5px; padding: 5px 5px 5px 5px; background-color: #fff; border: 1px solid #ccc;}
.intro .inner {width: 98%;}
.intro h3 {background-color: #363636; color: #fff; padding: 2px 0px 0px 3px;}

.featurebox {width: 100%; float: left;}
.featurebox img {border: 1px solid #bfbfbf;}
img.banner, img.caption {margin: 0px 0px 0px 10px;}

.box .socialicons { float: left; height: 29px; margin: 0px 0px 0px 0px; width: 100%;}
.box .socialicons a.facebook {background: url('images/icon-facebook.png') no-repeat top left transparent; width:60%; height: 28px; float: left; padding: 5px 0px 0px 38px; margin: 0px 0px 0px 50px;}
.box .socialicons a:hover.facebook  {background: url('images/icon-facebook-blue.png') no-repeat top left transparent;}

/* PAYPAL */
form.paypal {margin: 0px 400px 0px 392px;}


/* RIGHT COLUMN */
#col_right {width: 280px; float: right; margin: 10px 0px 10px 0px; border: none;}
#col_right .one_third {width: 280px;}
#col_right .inner {width: 93%; padding: 5px 10px 5px 10px;}
#col_right h4, #col_right h3 {background-image: none; margin-bottom: 15px; text-align: center; padding-left: 0px;}
#col_right img {margin: 0px 0px 20px 5px;}
.one_third_image img {float: left; margin: 0px 0px 15px 0px;}
.one_third_image a {width:272px;}
.one_third_image a img {width: 272px; float: left;}
#col_right .call-to-action {width: 98%; float: left; margin: 5px auto; text-align: center;}

.col_right_image {width: 284px; float: left; margin: 0px 0px 20px 0px;}
.col_right_image a {width: 279px; float: left; }
.col_right_image a img {margin: 0px 0px 0px 0px; border: 1px solid #fff;}
.col_right_image img {margin: 0px 4px 10px 0px; }

table.paypal {width: 100%; height: 60px; float: left; border: 1px solid #ccc; background-color: #fff; padding: 5px 5px 5px 5px;}

.textbox {background:url('images/bg-quote-lytham-life-and-style.jpg') no-repeat scroll top left transparent; width: 90%; float: left; text-align: center; padding: 15px 15px 15px 15px; margin: 0px 0px 0px 0px; color: #fff; line-height: 25px;}
.quote p, .textbox p {font-size: 18px;}
.quote .name {font-size: 12px; line-height: 25px;}
.textbox {width: 279px; float: left; margin: 0px 0px 20px 0px; padding: 5px 5px 10px 5px; border: 1px solid #ccc;}
#col_right .textbox h3, .textbox a {color: #fff; text-align: center;}


/* CONTACT FORM*/
.error {color: #FF9900;}
.two_thirds form.contact {width: 620px; float: left; margin: 0px 0px 10px 0px;}
form.contact {width: 100%; min-height: 350px; float: left; padding: 10px 10px 0px 0px; margin: 0px 10px 0px 0px;}
form.contact.two-thirds {width: 90%;}
form.contact div {width: 100%; float: left; margin: 0px 0px 20px 0px; color: #666;}
form.contact label {width: 100%; float: left; margin: 0px 0px 5px 0px; color: #666; font-weight: bold;}
form.contact input, form.contact textarea {padding: 4px 4px 4px 4px; margin: 0px 0px 5px 0px; outline: none; font-size: 14px;}
textarea {width: 200px;}

form.contact input[type=text], form.contact textarea, form.contact input[type=text]:focus, form.contact textarea:focus, form.contact input[type=submit] {width: 320px; height: 30px; padding: 0px 0px 0px 3px; background-color: #fff; color: #666; border: 1px dotted #666; }
form.contact input[type=submit] {border: 1px dotted #fff;}
form.contact .message, form.contact .message:focus {width: 100%; height: 100px;}
form.contact input[type=submit]  {background-color: #ff9900; width: 20%; margin: 0px 0px 0px 0px; font-size: 14px; font-weight: bold; border: 1px dotted #ff;}
form.contact input[type=submit]:hover, form.contact input[type=submit]:active {background-color: #666; color: #fff; cursor: pointer;}
.contactinfo {width: 95%; float: left; padding: 5px 5px 5px 0px; margin: 20px 0px 20px 0px; text-align: left;}

form.contact .button {margin: 0px 0px 0px 250px;}

#col_right .contactinfo h4 {margin: 0px 0px 0px 0px; background: none; border: none;} 
.contactinfo p {margin: 0px 0px 0px 0px; text-align: center;}
img.thankyou {margin: 15px 0px 20px 0px; border: 1px solid #ccc;}
form.contact label.suggestion {margin-top: -5px;}

form.contact label.options {padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px;}
form.contact input[type="radio"] {margin: 0px 5px 5px 0px; padding: 0px 0px 0px 0px; width: 13px; height: 13px;}
form.contact input[type=text]:focus, form.contact textarea:focus {background-color: #666; color: #fff; font-weight: bold; border: 1px dotted #fff;}
form.contact textarea, form.contact textarea:focus {width: 100%; height: 100px;}

.socialmedia {width: 90%; float: left; margin: 0px 0px 5px 10px;}
#col_right .contactinfo a.facebook, #col_right .contactinfo a.twitter, #col_right .contactinfo a.linkedIn {background: url('images/icon-twitter.png') no-repeat top left transparent; width: 200px; color: #666; display: block; float: left; height: 25px; padding: 7px 0px 0px 45px; text-align: left;}
#col_right .contactinfo a:hover.facebook {color: #666;}
#col_right .contactinfo a.facebook {background: url('images/icon-facebook.png') no-repeat top left transparent;}
#col_right .contactinfo a.linkedIn {background: url('images/icon-LinkedIn.png') no-repeat top left transparent;}

.protect {display: none;}


/* FOOTER*/
#footer {background: url('images/bg-footer-website-proofreader.jpg') no-repeat top center #ff9900; width: 100%; display: block; margin: -5px 0px 10px 0px; padding: 30px 0px 10px 0px; color: #fff; font-size: 12px; border-bottom: 1px dotted #fff;}
#footer_inner {width: 1020px; height: 90px; margin: 0px auto 0px; padding: 0px 0px 0px 0px; }
.footer-left, .footer-right, .footer-left a, .footer-right a {font-size: 12px;}
.footer-left {width: 280px; float: left; margin: 0px 0px 5px 5px; font-weight: bold;}
.footer-left p {line-height: 16px; margin-bottom: 3px;}
.footer-left .para {width: 100%; float: left; margin: 0px 0px 0px 104px;}
#footer .footer-left .para p, #footer .footer-left .para p small {font-size: 20px; margin-bottom: 0px; }
#footer .footer-left .para p small {font-size: 10px;}

.footer-middle, .footer-middle a {float: left; margin: 0px 0px 0px 65px; width: 320px;}
.footer-middle a {margin: 0px 0px 0px 0px;}
.footer-middle a img {margin: 0px 0px 0px 0px;}

.footer-right {width: 320px; float: right; margin: 0px 5px 0px 0px; font-weight: bold; text-align: right;}
.footer-right .tel p {margin-top: -5px;}

#footer .socialicons {float: right; height: 30px; margin: 3px 0 5px 10px; width: 320px;}
#footer .socialicons a.facebook, #footer .socialicons a.twitter, #footer .socialicons a.linkedIn {background: url("images/icon-facebook-white.png") no-repeat scroll left top transparent; float: right; height: 32px; margin: 0; width: 32px;}
#footer .socialicons a.facebook, #footer .socialicons a.twitter, #footer .socialicons a.linkedIn {margin: 0px 0px 0px 0px;}
#footer .socialicons a.twitter {background: url("images/icon-twitter-white.png") no-repeat scroll left top transparent;}
#footer .socialicons a.linkedIn {background: url("images/icon-LinkedIn-white.png") no-repeat scroll left top transparent;}
#footer .socialicons a:hover.facebook, #footer .socialicons a:hover.twitter, #footer .socialicons a:hover.linkedIn {margin-top: -2px;}


#footer_quicklinks {width: 100%; margin: 0px 0px 0px 0px; float: right;}
#footer_quicklinks ul.right {width: 50%;}
.footer-right ul li {list-style: none; background: none; margin: 0px 0px 2px 0px; padding: 0px 0px 0px 0px; min-height: 15px; text-align: right;}
#footer a, #footer ul li a {color: #fff; cursor: pointer;}
#footer a:hover {text-decoration: underline; color: #666;}

#footer .copyright {width: 100%; float: left; margin: 0px 0px 0px 0px;}
#footer_inner .copyright p {width: 100%; float: left; text-align: center; margin: 0px 0px 0px 0px;  font-size: 10px; line-height: 12px; font-weight: normal;}
#footer .copyright p small, #footer .copyright p small a {font-size: 10px;}