/* STRUCTURAL ====================================================================================== */
html, body, ul, ol, li, p, blockquote, h1, h2, h3, h4, h5, form, fieldset, a, img {
    font-family:Verdana, Arial, Helvetica, sans-serif; color: #222; margin: 0;padding: 0;
    border: 0;font-weight: normal;line-height: 1.25em; }
h5 {margin: 0; font-size: 24px; color:#395694}
h6 {margin: 0; font-size: 18px; color:#395694}
body {  margin-bottom: 50px; background: #8C9DAE url(../images/elements/xusbg.jpg); }


#page { width: 940px; margin: 15px auto 20px auto;font-size: 96%;padding-top: 0px;}
    
    
/* HEADER ------------------------------------------------------------------------------------------ */
#header { float: left; clear: both; width: 940px;  }
#content { border: none; float: left;   clear: both; width: 940px; padding: 1em 0; font-size: 98%; background: #FFF; }
#lead { float: left; width: 240px; padding: 2.5em 40px 0 40px; font-size: 98%; }
#main { float: left; width: 520px; padding: 0 40px 0 60px; }
.column { float: left; padding: 0 40px 0 40px; }
#full { float: left; width: 860px; padding: 0 40px; }
#footer { float: left; clear: both; width: 938px; font-size: 90%; padding: 12px 0 5px 0; 
      background: #396594 bottom; border: solid #fff 1px; margin-bottom: 20px; }
#footer p { float: right; margin-right: 20px; }
/* HEADER ELEMENTS---------------------------------------------------------- */
/* LOGO */
#logo a, #home #logo span.current {float: left; width: 940px;height: 60px;margin: 0 0 0 0px;
    text-indent: -9999px;outline: none;background: top no-repeat url(../images/elements/page_top.jpg);
    text-decoration: none;  border: none; }
/* XUS ---------------------------------------------------------------------------------------------- */
#xus { float: left; clear: both; width: 938px; border: solid 1px #fff; background: #505050 repeat-y top left url(../images/elements/xusbg.jpg); overflow: hidden; }
#xus #headline { float: left; margin-left: 40px; margin-right: 75px; }
#xus #headline h1 { letter-spacing: 2px; margin-top: 20px; font-size: 180%; color: #FFF; }
#xus #headline  h2 {font-size: 110%; color: #ccc; margin-bottom: 20px; }

/* MENUS ============================================================================================ */
/* HMENU principle horizontal breadcrumb menu in header [right at top], main menu bar and footer menu */
.hmenu li { float: left; display: inline; list-style: none; }
.hmenu li a { text-decoration: none; border-bottom: none; padding: 5px 0; }
.hmenu li a:hover { color: #8B8B8B; border-bottom: none; }
.hmenu .current, .hmenu a.current { color: #B0B0B0; font-family: Verdana, Arial, Helvetica, sans-serif;}

/* NAVIGATION MENU this is *just*  the background bar upon which the horizontal menus are 'mounted' ----------*/
#nav { float: left; width: 940px; background: #fff; border-bottom: solid 2px #396594; }
#nav .hmenu { font-size: 100%; margin-left: 0px; }
#nav .hmenu li { overflow: hidden; text-align: center; }

#nav .hmenu li a, #nav .hmenu li span.current { width: 140px; margin: 0; display: block; overflow: hidden; }
#nav .hmenu li a { color: #386695; } /* Black bar horizonat menu under header band */
#nav .hmenu li a:hover { color: #000; font-weight:bold;}
#nav .hmenu li a.current, #nav .hmenu li a:hover.current  { font-weight: normal; font-size: 80%; color: #222; }
#nav .hmenu li span.current { padding: 5px 0; color: #AAA; }
/* BREADCRUMB MENU menu in header [right at top] -----------------------------------------------------*/
#breadcrumb { background: #8C9DAE url(../images/elements/xusbg.jpg);  clear: both; float: left; width: 940px; margin-bottom: 0.1em; }
#breadcrumb .hmenu { float: right; }
#breadcrumb .hmenu li { font-size: 80%; float: left; padding-right: 20px; }
#breadcrumb .hmenu li.last { padding-left: 20px; }
#breadcrumb .hmenu li a {  color: #AAA; padding: 0 22px 0 0; background: right no-repeat url(../images/elements/breadcrumb_link.gif); }
#breadcrumb .hmenu li a:hover {  background: right no-repeat url(../images/elements/breadcrumb_link_hover.gif); }
/* sitemap page --------------------------------------------------------------------------------------*/
#breadcrumb .hmenu li#sitemap a { background-image: none; border-right: #aaa 2px solid; }
#home #breadcrumb .hmenu li#sitemap a { border-right: none; }
/* FOOTER ELEMENTS ----------------------------------------------------------------------------------*/
#footer .hmenu li.current { margin: 0 20px; color: #A7A7A7; }
#footer .hmenu li a { padding: 0 20px; color: #222; }
#footer .hmenu li a:hover { color: #FFF; }
/* VMENU vertical menu style ------------------------------------------------------------------------*/
#content #lead ul.vmenu { margin: 0 0 2.5em 0; list-style: none; }
#content #lead ul.vmenu li {list-style: none;   border-bottom: #396594 1px solid; line-height: 2.5em; }
#content #lead ul.vmenu li.multi_lined { line-height: 1.5em; padding: 10px 0 10px 20px; }
#content #lead ul.vmenu li.multi_lined a { padding-left: 0; background-image: none; }

/*GLOBAL =========================================================================================== */
/* GENERAL ------------------------------------------------------------------------------------------*/
hr { height: 2px; color: #296594; }
p { margin-bottom: 0.25em; font-size: 92%; line-height: 1.5em; }
/*strong { color: #666; font-size: 108%; font-variant: small-caps; font-weight: normal; }*/
acronym { border-bottom: 1px dotted; cursor: help; }
/* blockquote { background: no-repeat top left url(../images/elements/quoteleft.gif); color: #919191; 
    font-size: 110%; padding: 10px 0 0 30px; line-height: 1em; margin: 1em 0; }*/
.source { font-size: 90%; color: #505050; margin-top: 0.25em; padding-top: 0.25em; border-top: #CBCBCB 1px solid; }
/* LABEL - captions under graphics ---------------------------------------------------------------- */
#lead .label { font-size: 80%; color: #505050; }
/* LISTS - ordered and unordered lists -------------------------------------------------------------*/
#content ol, #content ul { margin: 0.25em 0 0.25em 2.5em; font-size: 92%; }
#content #main .focus ul { list-style: url(../images/elements/focus_bullet.gif); }
#content #main ul { list-style: url(../images/elements/bullet.gif); }
#content ol li, #content ul li { line-height: 1.75em; }
/* IMAGES ------------------------------------------------------------------------------------------*/
img { float: left; }
img.follow { float: right; margin-left: 20px; }
/* LINKS -------------------------------------------------------------------------------------------*/
a { color: #388695; text-decoration: none; border-bottom: #396594 1px solid; }
a:hover { color: #000; border-bottom: #396594 1px solid; }
a.emphasis, #content .vmenu a, #lead h4 a, .column h4 a { padding-left: 30px;
    background: no-repeat left url(../images/elements/vmenu_bullit.jpg);
    border-bottom: none; text-decoration: underline; }
.focus a.emphasis, #lead h4 a, .column h4 a {
    background: no-repeat left url(../images/elements/vmenu_bullit.gif); }
#content .vmenu a {text-decoration: none; }
a.emphasis:hover, #content .vmenu a:hover {
    background: no-repeat left url(../images/elements/vmenu_bullit_hover.gif);
    border-bottom: none; }
.focus a.emphasis:hover, #lead h4 a:hover, .column h4 a:hover {
    background: no-repeat left url(../images/elements/vmenu_bullit_hover.gif);}

/* HEADINGS =======================================================================================*/
/* LEAD -------------------------------------------------------------------------------------------*/
#lead h3 { font-size: 114%; font-weight: normal; margin: 1em 0 0.25em 0; padding-bottom: 2px;
       border-bottom: #CBCBCB 2px solid; color: #737373; }
#lead h3 a { border-bottom: none; color: #737373; }
/* OJO: next line is the header box(s) on the the details page */
#lead h4, .column h4 { font-size: 94%; font-weight: normal; margin: 1em 0 0 0; background-color: #DFE9F2;
                   border: #CBCBCB 1px solid; padding: 5px 5px 7px 20px; }
#lead h4 a, .column h4 a { color: #396594; margin-left: -20px; }
#lead h4 a:hover, .column h4 a:hover { color: #6794C5; }
/* MAIN ------------------------------------------------------------------------------------------*/
#main h2 { font-size: 240%; color: #222; margin: 0.5em 0 0.125em 0; }
#main h3, #main h4 { clear: left;   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
#main h3 { font-size: 120%; color: #505050; margin: 1em 0 0.25em 0; }
#main h3 a { color: #505050; }
#main h3 strong { color: #505050; font-size: 110%; font-weight: bold; }
#main h4 { font-size: 110%; color: #666; margin: 0.75em 0 0.25em 0; }
/* COLUMN ----------------------------------------------------------------------------------------*/
.column h3 { margin-bottom: 1em; padding-bottom: 0.1em; border-bottom: #396594 8px groove; }
.column h3 a { color: #222; border-bottom: none; }

/* FOCUS =========================================================================================*/
/* FOCUS -----------------------------------------------------------------------------------------*/
.focus { margin: 1em 0 1.5em 0; padding: 20px 20px 15px 20px; background-color: #DFE9F2; border: #CBCBCB 1px solid; }
#main div.focus h3 { margin-top: 0; }
#main div.focus h4 { color: #505050; }
/* ITEM ------------------------------------------------------------------------------------------*/
.item { /* OJO Next 2 lines line control the text box borders on the the details page */
    padding: 10px 10px 10px 20px; margin-bottom: 0.5em; border-right: #CBCBCB 1px solid; 
    border-left: #CBCBCB 1px solid;border-bottom: #CBCBCB 1px solid; }
.column .item { font-size: 90%; }
/* CALLOUT --------------------------------------------------------------------------------------- */
.callout { margin-bottom: 2em; }
.callout a { font-size: 77%; border-bottom: none; }
.callout span.co_title { font-size: 160%; padding-bottom: 0.25em; }
.callout span.co_title, .callout span.co_body { display: block; border-right: #386695 8px solid; border-left: #386695 8px solid; padding-left: 10px; }

/* PASOS -------------------------------------------------------------------------------------------*/
li#paso1, li#paso2, li#paso3, li#paso4 { padding-left: 50px; min-height: 36px; list-style: none; margin: 1em 0 0 -3.5em; }
li#paso1 {background: top left no-repeat url(../images/elements/paso5.gif); }
li#paso2 {background: top left no-repeat url(../images/elements/paso5.gif);}
li#paso3 {background: top left no-repeat url(../images/elements/paso5.gif);}
li#paso4 {background: top left no-repeat url(../images/elements/paso5.gif);}

.focus li#paso1 {background: top left no-repeat url(../images/elements/focus_paso1.gif);}
.focus li#paso2 {background: top left no-repeat url(../images/elements/focus_paso2.gif);}
.focus li#paso3 {background: top left no-repeat url(../images/elements/focus_paso3.gif);}
.focus li#paso4 {background: top left no-repeat url(../images/elements/focus_paso3.gif);}

/*GLOBAL FORM ==================================================================================== */
form p { margin-top: 1em; color: #000; }
form p.controls {margin-top: -0.25em;}

/*PAGE SPECIFIC ================================================================================== */
/* HOME ------------------------------------------------------------------------------------------ */
#home blockquote {padding: 15px; } 
#home #xus #headline {height: 165px;}
#home #xus #headline h1 {margin-top: 60px;}
#home #xus #headline h2 {font-size: 105%; margin-right: 12px;}
#home #sitemap {padding-right: 0;}
#home #main h3 {color: #395694; font-size: 150%; font-weight: bolder;}
#home #main h4 {color: #000; font-size: 120%;}
#home #main a.emphasis {margin-left: 12px;}
/* SERVICES ------------------------------------------------------------------------------------- */
#online_services #lead {    float: left; width: 520px; margin-top: -60px; padding: 0 40px 0 60px; }
#online_services #main {    float: left; width: 220px; padding: 0 40px 0 60px; }
#online_services #content #lead {padding-top: 5em;}
#online_services #content #main ol#pasos {margin: 1.25em 0 0 0;list-style: none;padding-top: 1em;border-top: #505050 8px solid;}
#online_services #content #main ol#pasos li ul {list-style-type: none;  list-style-image: none;}
#online_services #paso1, #online_services #paso2, #online_services #paso3, #online_services #paso4 {margin: 1em 0 0 0;padding: 0.5em 20px 0.75em 50px;}
#online_services #paso1, #online_services #paso2, #online_services #paso3 {border-bottom: #CBCBCB 2px solid;}
#online_services #paso1 {margin-top: 0;}
#online_services #paso4 { border-bottom: #505050 8px solid; margin-bottom: 1.5em;}
/* CONTACT -------------------------------------------------------------------------------------- */
#contact form {margin-top: 1em; font-size: 98%;}
#contact form .error {color: #BE0101;}
#contact form .required {font-size: 90%; position: relative; top: -0.25em; margin-left: 0.5em; color: #5A5A5A;}
/* EDITING RATES -------------------------------------------------------------------------------- */
#editing_rates form {float: left;font-size: 98%;}
#editing_rates form h3 {padding-bottom: 0.1em;border-bottom: #505050 8px solid;}
#editing_rates #paso1, #editing_rates #paso2, #editing_rates #paso3, #editing_rates #paso4 {padding-left: 50px;list-style: none;margin-left: 0;width: 470px;}
#editing_rates #paso1 { padding-bottom: 0.5em;}
#editing_rates #paso2 { border-top: #CBCBCB 2px solid;border-bottom: #CBCBCB 2px solid; margin: 0.75em 0 1em 0; padding: 0.5em 0 0.75em 50px;}
#editing_rates #content ol {float: left;clear: both;margin-left: 0;}
#editing_rates #content ol li { float: left;clear: both;}
#editing_rates #content ol li ul li {float: left;clear: none;display: inline;list-style: none;list-style-image: none;border-bottom: none;}
#editing_rates #content ol li ul li input {margin-left: 2em;}
#editing_rates form li.first {margin-left: -4.5em;}
#editing_rates #estimate {float: left;clear: both;width: 520px; background-color: #505050;}
#editing_rates #result {font-size: 140%;margin-left: 0.5em;color: #FFF;}
#editing_rates #submitquote {font-size: 120%;background-color: #DFE9F2; border: #757575 1px solid;margin-left: 0;}
/* EDITING RATES ---------------------------------------------------------------------------------*/
#editing_rates #full h3 {margin-top: 2em;padding-bottom: 0.1em; border-bottom: #505050 8px solid;}
#editing_rates_table {margin-bottom: 1em;width: 100%;border: none;}
#editing_rates_table td {border: none;}
#editing_rates_table td.sub_title {background-color: #DFE9F2;font-weight: bold; }
#editing_rates_table thead td { font-weight: bold;text-align: center;border-right: #757575 1px solid;
                border-bottom: #757575 1px solid;background-color: #DFE9F2;}
#editing_rates_table tfoot td {font-size: 90%;color: #757575; text-align: center;}
#editing_rates_table tbody td { text-align: center;border-right: #757575 1px solid;border-bottom: #757575 1px solid;}
#editing_rates_table td.row_header {text-align: left;border-left: #757575 1px solid;}
/* the details ----------------------------------------------------------------------------------- */
#details_page .column {width: 233px;}
#details_page .column p {font-size:11px;}
#details_page .column h4 {font-size:14px;}
/* ABOUT --------------------------------------------------------------------------------------- */
#about #full {margin: 1em 20px;}
#about .column {width: 360px;margin-left: 20px;}
#about .partner_title { font-size: 140%;border: #757575 1px solid;}
#about .partner {border-right: #757575 1px solid;border-left: #757575 1px solid;border-bottom: #757575 1px solid;}
#about .partner, #about .partner_title {padding: 10px;}
#about .partner_title h4 {border: none; background: none;padding: 0;margin-top: 0;}
/* CONTENT OPTIMISATION ----------------------------------------------------------------------- */
#ingredients, #method { width: 470px;background: #DFE9F2 top left repeat-y url(../images/elements/perfect_content_left.jpg);
            padding: 0 20px 0 30px;}
#method {padding-bottom: 20px;}
div.perfect_content.focus {border: none;padding: 24px 0 0 0;background: top left no-repeat url(../images/elements/perfect_content_top.jpg);}
#content #main div.perfect_content.focus h4 {margin-top: 0;padding-top: 1em;}
#content #main div.perfect_content.focus ul {margin-bottom: 0;}
/* WEB LOCALISATION --------------------------------------------------------------------------- */
#web_localisation #lead {margin-top: 3em;}
#web_localisation table, #web_localisation table td {border: none;}
#web_localisation table {border-left: #757575 1px solid;border-bottom: #757575 1px solid;width: 100%;}
#web_localisation table td {border-top: #757575 1px solid;border-right: #757575 1px solid;}
#web_localisation thead td {font-weight: bold;  background-color: #DFE9F2;}
#web_localisation table td.figures {text-align: right;padding-right: 2em;}
/* SITEMAP ----------------------------------------------------------------------------------- */
#sitemap #xus {margin-top: 15px; padding-bottom: 10px; background-image: none;  background-color: #396594;}
#sitemap #xus #headline {float: left;   margin-left: 48px;  }
/* COPY-EDITING ------------------------------------------------------------------------------ */
#copy-editing .callout, #proofreading .callout, #html_markup .callout, #about .callout, #the_right_editing_service .callout {
    margin-top: 2.25em;}
#seo_copy-editing .callout {margin-top: 4em;}
#esl_copy-editing .callout {margin-top: 5.5em;}
/* WORKING WITH catswhiskers -------------------------------------------------------------------- */
#working_with_catswhiskers #lead { margin-top: 3em;}
/* CONTENT OPTIMISATION, ORGANIC SEO --------------------------------------------------------- */
#content_optimisation #lead, #organic_seo #lead, #business_blogs #lead {margin-top: 5em;}
/* WEB ACCESSIBILITY ------------------------------------------------------------------------- */
#web_accessibility #lead, #outsourcing_editorial #lead, #start-up #lead {margin-top: 7em;}
#web_accessibility .callout, #start-up #lead .callout { margin-top: 2em;}
/* WEB LOCALISATION ------------------------------------------------------------------------- */
#web_localisation .callout {margin-top: 3em;}
/* SMALL BUSINESS --------------------------------------------------------------------------- */
#small_business #lead { margin-top: 12em;}


.hosting_prices table {border: #396594 2px solid; width: 100%;}

/* END OF FILE ============================================================================== */