/* overall style & functions */
html {  }
body,input,textarea,select,div,td,p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#656565; line-height:18px; }
.bold-blue { color:#6eaec9; font-weight:bold; }
.clear { clear:both; }
.layout-preload { display:none; }
.error-msg { padding:5px; border:1px solid #FF0000; color:#ff0000; }
td input,select { margin-left:5px; }
/* contact us box */
#layout-contact-box { background-image:url(../app-images/layout-contactus-bg.gif); width:351px; height:36px; padding:10px; padding-left:15px; background-repeat:no-repeat; margin-top:30px; margin-bottom:20px; }
.contact-box { font-family:Verdana, Arial, Helvetica, sans-serif; }
#layout-contact-lower { padding-top:9px; }
#layout-contact-upper { font-weight:bold; color:#616161; }
.layout-contact-title { color:#6eaec9; }
.hidden { display:none; }
.layout-loader { text-align:center; width:400px; margin:0 auto; color:#6eaec9; padding-top:50px;  }
.layout-loader p { color:#6eaec9; }
.small { font-size:11px; }
img { border:0px; }
h1 { color:#9c9c9c; font-size:24px; font-weight:400; }
h2 { color:#606060; text-transform:uppercase; font-weight:600; padding:0px; margin:0px; font-size:15px; padding-top:4px;  }
h3 { color:#fff; font-size:22px; padding-top:8px; margin-top:0px; font-weight:400; text-transform:uppercase;  }
h4 { font-size:19px; color:#6eaec9; padding:0px; margin:0px;  padding-top:10px; font-weight:600; }
/* main layout */
#layout-contract-small { font-size:11px; line-height:14px; color:#666666; }
#layout-contract-small { font-size:11px; line-height:14px;  }

#layout-gen-header { padding-top:10px; padding-bottom:10px; }
#layout-body { background-color:#fff;  width:100%; }
#layout-container { width:900px; margin:0 auto; text-align:left; }
#layout-container a { font-size:12px;  color:#6eaec9; }
#layout-container a:hover { font-size:12px;  color:#cecece; }
#layout-logo { height:220px; height:71px; padding-top:23px; padding-bottom:17px; float:left; } 
#layout-clientarea { width:679px;  height:111px; float:left; }
#layout-viewall-products { margin-top:15px; text-align:right; }
#layout-viewall-products-link { color:#6eaec9; }

#layout-nav-container { width:900px; height:44px; background-image:url(../app-images/layout-nav-bg.gif); }
#layout-nav-spacer { width:221px; float:left; background-image:url(../app-images/layout-nav-bg-left.gif); background-position:top left; background-repeat:no-repeat; height:44px; }

#layout-nav-contact-sub a { width:136px; height:44px; float:left; background-image:url(../app-images/button-contact-4.gif); background-repeat:no-repeat; display:block; }
#layout-nav-contact-sub a:hover { background-image:url(../app-images/button-contact-3.gif); background-repeat:no-repeat; }

#layout-nav-contact a { width:136px; height:44px; float:left; background-image:url(../app-images/button-contact.gif); background-repeat:no-repeat; display:block; }
#layout-nav-contact a:hover { background-image:url(../app-images/button-contact-1.gif); background-repeat:no-repeat; }

#layout-nav-contact-over a { width:136px; height:44px; float:left; background-image:url(../app-images/button-contact-2.gif); background-repeat:no-repeat; display:block; }
#layout-nav-contact-over a:hover { background-image:url(../app-images/button-contact-3.gif); background-repeat:no-repeat; }

#layout-nav-home-sub a { width:136px; height:44px; float:left; background-image:url(../app-images/button-homepage-3.gif); background-repeat:no-repeat; display:block; }
#layout-nav-home-sub a:hover { background-image:url(../app-images/button-homepage-4.gif); background-repeat:no-repeat; }

#layout-nav-home a { width:136px; height:44px; float:left; background-image:url(../app-images/button-homepage.gif); background-repeat:no-repeat; display:block; }
#layout-nav-home a:hover { background-image:url(../app-images/button-homepage-1.gif); background-repeat:no-repeat; }

#layout-nav-home-over a { width:136px; height:44px; float:left; background-image:url(../app-images/button-homepage-2.gif); background-repeat:no-repeat; display:block; }
#layout-nav-home-over a:hover { background-image:url(../app-images/button-homepage-1.gif); background-repeat:no-repeat; }

#layout-nav-logodesign-over a { width:136px; height:44px; float:left; background-image:url(../app-images/button-logodesign-2.gif); background-repeat:no-repeat; display:block; }
#layout-nav-logodesign-over a:hover { background-image:url(../app-images/button-logodesign-4.gif); background-repeat:no-repeat; }

#layout-nav-logodesign a { width:136px; height:44px; float:left; background-image:url(../app-images/button-logodesign.gif); background-repeat:no-repeat; display:block; }
#layout-nav-logodesign a:hover { background-image:url(../app-images/button-logodesign-1.gif); background-repeat:no-repeat; }

#layout-nav-logodesign-sub a { width:136px; height:44px; float:left; background-image:url(../app-images/button-logodesign-3.gif); background-repeat:no-repeat; display:block; }
#layout-nav-logodesign-sub a:hover { background-image:url(../app-images/button-logodesign-4.gif); background-repeat:no-repeat; }

#layout-nav-websitedesign-over a { width:136px; height:44px; float:left; background-image:url(../app-images/button-websitedesign-2.gif); background-repeat:no-repeat; display:block; }
#layout-nav-websitedesign-over a:hover { background-image:url(../app-images/button-websitedesign-4.gif); background-repeat:no-repeat; }

#layout-nav-websitedesign a { width:136px; height:44px; float:left; background-image:url(../app-images/button-websitedesign.gif); background-repeat:no-repeat; display:block; }
#layout-nav-websitedesign a:hover { background-image:url(../app-images/button-websitedesign-1.gif); background-repeat:no-repeat; }

#layout-nav-websitedesign-sub a { width:136px; height:44px; float:left; background-image:url(../app-images/button-websitedesign-3.gif); background-repeat:no-repeat; display:block; }
#layout-nav-websitedesign-sub a:hover { background-image:url(../app-images/button-websitedesign-4.gif); background-repeat:no-repeat; }

#layout-nav-portfolio-over a { width:135px; height:44px; float:left; background-image:url(../app-images/button-portfolio-2.gif); background-repeat:no-repeat; display:block; }
#layout-nav-portfolio-over a:hover { background-image:url(../app-images/button-portfolio-4.gif); background-repeat:no-repeat; }

#layout-nav-portfolio a { width:135px; height:44px; float:left; background-image:url(../app-images/button-portfolio.gif); background-repeat:no-repeat; display:block; }
#layout-nav-portfolio a:hover { background-image:url(../app-images/button-portfolio-1.gif); background-repeat:no-repeat; }

#layout-nav-portfolio-sub a { width:135px; height:44px; float:left; background-image:url(../app-images/button-portfolio-3.gif); background-repeat:no-repeat; display:block; }
#layout-nav-portfolio-sub a:hover { background-image:url(../app-images/button-portfolio-4.gif); background-repeat:no-repeat; }

#layout-sub-body a {  }

/* sub nav elements */
#layout-subnav-container  { padding-bottom:20px;  font-size:12px;  }
#layout-subnav-container a  { color:#e1e1e1; text-decoration:none; }
#layout-subnav-container a:hover { color:#ffffff; text-decoration:none; }

#layout-nav-subnav { width:900px; background-color:#474747; height:36px; background-image:url(../app-images/layout-sub-nav-right.gif); background-position:right; background-repeat:no-repeat; }
#layout-nav-subnav-left { float:left; width:12px; background-image:url(../app-images/layout-sub-nav-left.gif); background-repeat:no-repeat; height:36px; }
.sub-nav-item a { float:left; color:#e1e1e1; padding-left:21px; padding-right:21px; height:28px; padding-top:8px; }
.sub-nav-item-on a { float:left; color:#e1e1e1; padding-left:21px; padding-right:21px; height:28px; padding-top:8px; background-color:#5a5a5a; display:block; }
.sub-nav-item a:hover { float:left; color:#fff; padding-left:21px; padding-right:21px; height:28px; padding-top:8px; background-color:#6eaec9; display:block; }
.sub-nav-spacer { float:left; width:16px; height:36px; background-image:url(../app-images/layout-sub-nav-spacer.gif); background-repeat:no-repeat; }
/* homepage elements */

#layout-slider-home {}
#layout-home-greeting { height:73px; background-color:#6eaec9; background-image:url(../app-images/layout-greeting-left.gif); background-position:left; background-repeat:no-repeat; }
#layout-home-greeting-inner { height:55px; background-image:url(../app-images/layout-greeting-right.gif); background-repeat:no-repeat; background-position:right; text-align:center; padding-top:18px;}
#layout-home-body { padding-top:15px; }
#layout-home-left { float:left;  width:385px; }
#layout-home-right { float:left;  width:500px; padding-left:15px;  }
#layout-home-fill { height:17px; }

.layout-title-help { padding-top:12px; }
#layout-introduction-title { padding-top:3px; }
#layout-introduction { line-height:18px; padding-top:0px; }
#layout-services-title { background-image:url(../app-images/layout-service-overview-bg.gif); width:500px; height:40px;  padding-top:33px; background-repeat:no-repeat; }
.layout-services-box { float:left; width:166px;  }
.layout-services-content { padding:10px; padding-left:20px; }
.layout-services-start { color:#797979; }
.layout-services-price-port { padding-top:5px; }
#layout-services-head-logodesign { float:left; padding-left:22px; padding-top:2px; color:#000; font-size:20px; }
#layout-services-head-websitedesign { float:left; padding-top:2px; padding-left:74px; color:#606060;   font-size:20px;  }
#layout-services-head-package { float:left; padding-left:53px; padding-top:2px; color:#606060;   font-size:20px;  }

#layout-services-head-logodesign a { text-decoration:none;  }
#layout-services-head-websitedesign  a { text-decoration:none;  }
#layout-services-head-package a { text-decoration:none;  }

.layout-button-detail a { margin-top:15px; width:136px; height:44px; float:left; background-image:url(../app-images/button-tellmemore.gif); background-repeat:no-repeat; display:block; }
.layout-button-detail a:hover { background-image:url(../app-images/button-tellmemore_1.gif); background-repeat:no-repeat; }

/* footer elements */
#layout-footer { width:100%; background-color:#f1f1f1; margin-top:30px;  }
#layout-footer-container { width:900px; margin:0 auto; padding-top:20px; padding-bottom:10px; }
#layout-footer-left { float:left; width:450px; text-align:left;  }
#layout-footer-right { float:left; width:450px; text-align:right;   }
.layout-footer-link { line-height:16px; float:left; width:95px; border-right:1px solid #ffffff; padding-top:10px;
padding-bottom:10px; margin-right:20px; }
.layout-footer-link a { font-weight:normal; line-height:18px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#7b7b7b;  }
.layout-footer-link a:hover { color:#6eaec9;  }
.layout-footer-link-1 { line-height:16px; float:left; width:120px;  padding-top:10px;
padding-bottom:10px; margin-right:20px; }
.layout-footer-link-1 a { font-weight:normal; line-height:18px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#878787;  }
.layout-footer-link-1 a:hover { color:#6eaec9;  }
#layout-footer-welcome { text-align:right; padding-top:10px; padding-bottom:0px;}
#layout-footer-welcome-text { padding-bottom:5px; color:#606060; text-transform:lowercase; font-size:14px; font-weight:600; padding-right:55px;  }
#layout-footer-notice { font-size:10px; color:#969696; padding-top:10px;  }
#layout-footer-requirements {  font-size:10px; color:#969696; padding-top:0px; padding-bottom:20px; }
#layout-footer-requirements a {  color:#969696; font-weight:normal;   }
#layout-footer-requirements a:hover {  color:#6eaec9;  }

#error-box { width:400px; margin:0 auto; padding-top:30px; text-align:center; }
#error-text { font-size:18px; color:#6eaec9; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }

/* subpage */
#layout-nav-container-sub { width:900px; height:44px; padding-bottom:20px;  }
#layout-nav-spacer-sub { width:221px; float:left;  height:44px;  }
#layout-sub-fill {  }
#layout-sub-body { }
#layout-sub-left a { color:#498fad; }
#layout-sub-left a:hover { color:#666666; text-decoration:underline; }
#layout-sub-right a { color:#498fad;  }
#layout-sub-right a:hover { color:#666666; text-decoration:underline; }
#layout-sub-right-logo a { color:#498fad;  }
#layout-sub-right-logo a:hover { color:#666666; text-decoration:underline; }

#layout-sub-full { width:865px; padding-top:10px; }
#layout-sub-full a { color:#498fad; }
#layout-sub-full a:hover { color:#666666; }
#layout-sub-left { float:left;  width:365px; padding-right:20px; padding-bottom:20px; padding-top:10px; }
#layout-sub-right { float:left;  width:500px; padding-left:15px; padding-top:12px; padding-bottom:20px;  }
#layout-sub-right-logo  { float:left;  width:500px; padding-left:15px; padding-top:22px; padding-bottom:20px;  }
#layout-sub-right-sent { float:left;  width:500px; padding-left:15px; line-height:17px; padding-top:22px; }
#layout-sub-right-sent a { color:#498fad;  }
#layout-sub-right-sent a:hover { color:#666666; text-decoration:underline; }
#layout-sub-snail {  padding-bottom:10px; color:#bcbcbc; font-size:10px;  }
#layout-sub-snail a { font-size:10px; }

/* logo design - logo design process */
#layout-logo-title { background-image:url(../app-images/layout-logo-overview-bg.gif); width:500px; height:40px;  font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; text-transform: uppercase; letter-spacing: normal; line-height: 1.5em; font-weight:bold;  padding-top:33px; background-repeat:no-repeat; }

#layout-logo-head-logodesign { float:left; padding-left:23px; color:#606060;  padding-top:2px; }
#layout-logo-head-websitedesign { float:left;  padding-left:74px; color:#606060;  padding-top:2px;   }
#layout-logo-head-package { float:left; padding-left:33px; color:#606060;  padding-top:2px;   }



.layout-logo-content { padding:10px; padding-left:10px; }
.layout-logo-item { padding-bottom:5px; height:13px; }
.layout-logo-start { color:#797979; }
.layout-button-ordernow a { width:103px; height:28px; background-image:url(../app-images/button-ordernow.gif); display:block; background-repeat:no-repeat; margin-top:15px; }
.layout-button-ordernow a:hover {  background-image:url(../app-images/button-ordernow-1.gif);  }
.layout-button-enquiry a { margin-top:2px; width:103px; height:28px; background-image:url(../app-images/button-enquiry.gif); display:block; background-repeat:no-repeat;  }
.layout-button-enquiry a:hover {  background-image:url(../app-images/button-enquiry-1.gif);  }
.layout-logo-viewportfolio { padding-top:4px; padding-bottom:10px; }
.layout-logodesign-process { float:left; padding-bottom:10px; padding-right:30px; width:30px; padding-top:20px; }
.layout-logodesign-process-right { float:left; width:430px;  }

/* form - contact */

#layout-contact-button-send { margin-left:10px; }
#layout-options-select { border:0px; margin-bottom:15px; }
#layout-comments { width:300px;  }
form{margin:0;padding:0;}
fieldset{margin:1em 0;border:none;border-top:1px solid #ccc;}
legend{margin:1em 0;padding:0 .5em;color:#6eaec9; background:transparent;font-size:11px ;font-weight:bold;}
label{float:left;width:100px;padding:0 1em;text-align:right;}
fieldset div{margin-bottom:.5em;padding:0;display:block;}
fieldset div input,fieldset div textarea{width:150px;border-top:1px solid #555;border-left:1px solid #555;border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding:1px;color:#333;}
fieldset div select{padding:1px;}
div.fm-multi div{margin:5px 0;}
div.fm-multi input{width:1em;}
div.fm-multi label{display:block;width:200px;padding-left:5em;text-align:left;}
#fm-submit{clear:both;padding-top:1em;text-align:center;}
#fm-submit input{border:1px solid #333;padding:2px 1em;background:#555;color:#fff;font-size:100%;}
input:focus,textarea:focus{background:#efefef;color:#000;}
fieldset div.fm-req{font-weight:bold;}
fieldset div.fm-req label:before{content:"* ";}
.fm-antispam-q { padding:20px; background-color:#eff4f6; font-size:13px; font-weight:bold; margin-top:15px; color:#468099; }
.fm-antispam-q input { background-color:#e6f8ff; border:1px solid #79acc1; margin-top:5px; }
#fm-antispam { width:20px; }

.required { text-align:right; font-weight:bold; }
.form-input { text-align:right; }

/* logo - order */

.layout-ld-package { background-color: #eff4f6; padding-left:6px; padding-top:0px; padding-bottom:8px; margin-top:10px; }
.layout-ld-package td { padding-bottom:5px; margin-bottom:1px; border-bottom:1px solid #fff; padding-top:5px; }
.layout-ld-heading { padding-top:10px; }
.layout-ld-msg { font-size:11px; }
.layout-ld-dark { font-size:12px; color:#333333; }
#layout-ld-required { color:#6eaec9; font-weight:bold; }
.required-field { color:#6eaec9; font-weight:bold; padding-left:5px; }
.textarea { margin-left:5px; }
#layout-ld-submit { padding:20px; background-color:#eff4f6; font-size:13px; margin-top:10px; color:#468099; line-height:13px; }
.ld-data-input td { padding-bottom:2px; }
.ld-data-input input,select,textarea { padding-bottom:2px; padding-top:2px; }
#layout-request-number { font-size:18px; }
.layout-colour-selected { width:20px; float:left; height:15px; margin-top:1px; }

/* website design */

#layout-web-head-packages { padding-bottom:0px; }
.layout-web-title { background-image:url(../app-images/layout-web-overview.gif); height:35px; font-weight:bold;  padding-top:22px; background-repeat:no-repeat; }
.layout-web-package-head { padding-left:25px; color:#606060; margin-bottom:5px; font-size:16px; padding-top:2px; }
.layout-web-package-details { font-weight: normal; padding-top:0px; }
.layout-web-package-details li { padding-top:5px; }
.layout-web-enquiry { margin-left:25px; }
.layout-button-web-enquiry a { margin-top:8px; width:103px; height:28px; background-image:url(../app-images/button-enquiry.gif); display:block; background-repeat:no-repeat;  }
.layout-button-web-enquiry a:hover {  background-image:url(../app-images/button-enquiry-1.gif);  }

/* portfolio */

.layout-portfolio-box { margin-top:15px; }
.layout-portfolio-left { float:left; height:126px; width:152px; padding:3px; display:block; margin-right:5px; border:1px solid #d1d1d1; margin-bottom:5px;  }
.layout-portfolio-right { float:left;  height:126px; width:152px; padding:3px; display:block; border:1px solid #d1d1d1; margin-bottom:5px; }
#layout-heading-stationery { padding-top:50px; }
#layout-stationery-portfolio-box { padding-top:15px; }

.layout-portfolio-web-box { margin-top:15px; }
.layout-portfolio-item { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #d1d1d1; }
.layout-portfolio-web-left { float:left; width:180px; text-align:left; }
.layout-portfolio-web-left img { padding:5px; border:1px solid #d1d1d1;  }
.layout-portfolio-web-right { float:left; width:320px;  }
.layout-portfolio-web-ul { margin-left:0px; padding-left:20px; }

.layout-portfolio-space {  padding-bottom:7px; }
.layout-portfolio-space-1 {  padding-top:7px; }
.layout-portfolio-web-1  { float:left;   padding-bottom:7px;}
.layout-portfolio-web { float:left; padding-right:7px;   }

/* faq */
.layout-faq-box-show { background-color:#6eaec9; margin-top:1px; padding-left:10px; padding-top:4px; padding-bottom:6px; color:#ffffff;  } 
.layout-faq-box { padding-bottom:5px; background-color:#eff4f6; padding-top:4px; padding-left:10px; }
.layout-faq-container { margin-top:1px; }
.layout-faq-output { padding-top:5px; padding-bottom:5px; }