@charset "UTF-8";
* { margin:0;padding:0; }

/* Common */
html,head{height:100%;min-height:700px;}
body {min-width:1024px;max-width:1280px;margin:0;padding:0;font-family: Arial, Verdana Helvetica, sans-serif;font-size:12px;background:#F9F9F9;text-align:justify;color:#323232;height:100%;}
ul{padding-left:30px;margin-bottom:7px;margin-top:-3px;line-height:23px;}
ul li ul{margin-bottom:4px}
li {margin-bottom:2px;}
ul.udm,ul.udm ul{line-height:normal;}
p.ulHeader{margin-bottom:3px;}
p{margin:7px 0;line-height:22px;}
img{border:0}
div.pad{clear:both;}
div.small,p.small,span.small,em.small{line-height:14px;font-size:11px;margin-top:0;}
ul.quote,p.quote,div.quote{margin:12px auto;padding:8px 11px;margin-bottom:0px;background:#f4f4f4;width:80%;border:1px dashed #888;}
p.quoteRef{margin:auto;margin-top:0px;padding:0 11px;width:80%;font-style:italic;font-size:10px;color:#ababab;}
p.quoteRef a{margin-top:0px;font-style:italic;padding-left:1pt;font-size:10px;color:#ababab}
p.quoteRef a:hover{color:#FF9900}
.center{text-align:center}
p{margin-bottom:12px;}
p img {display:inline;float:left;margin-right:4px;}
a {color:#333;text-decoration:none;}
a:hover {color:#FF9900;text-decoration:none;}
p.listHeader{margin-bottom:-3px;font-weight:bold;}
ul.half{width:39%;float:left;margin-top:2px;}
ul.half.right{width:auto;float:left}
img.imageEmbed{float:right;display:block;margin-left:20px;}
div.related ul li a {display:block;border:none!important;}

/* Container */
body div#pageFlow {position:relative;min-height:100%;max-width:1280px;margin-bottom:-125px;}
body div#pageFlow div#activeViewTemplate {margin:0 21% 0 160px;min-width:640px;padding:20px 0 141px 0;}
body div#pageFlow span.container, div.container{display:block;padding-top:14px;clear:both;line-height:24px;letter-spacing:1.2px;}
body div#pageFlow div.textContainer{clear:both;}
body div#pageFlow div.imageContainer {clear:both;}
body div#pageFlow div.imageContainer img {margin:0 5px;}
body div#pageFlow div.imageContainer.border img {border:1px solid #444;}

/* Layout Styles */
body div#pageFlow div.container ul.servicesIcons {display:block;margin:auto;width:640px;}
body div#pageFlow div.container ul.servicesIcons li{display:block;list-style:none;font-size:15px;color:#535353;width:290px;height:26px;line-height:26px;margin-bottom:12px;}
body div#pageFlow div.container ul.servicesIcons li img {position:relative;top:-2px;}
body div#pageFlow div.container ul.servicesIcons li.left {float:left;text-align:right;margin-right:5px;}
body div#pageFlow div.container ul.servicesIcons li.left img {float:right;position:relative;left:8px;}
body div#pageFlow div.container ul.servicesIcons li.right {float:right;text-align:left;margin-left:5px;}
body div#pageFlow div.container ul.servicesIcons li.right img {float:left;position:relative;right:8px;}

/* Left Column */
body div#pageFlow div#navMenu {position:absolute;top:140px;left:0;padding-bottom:4px;width:150px;}

/* Right Column */
div.numPages{width:150px;height:18px;position:relative;margin:13px auto;padding:12px 20px;text-align:center;color:#888;border:solid #777 1px;background-color:#f4f4f4;}
div.numPages div.numPagesLabel{width:105px;font-weight:bold;height:14px;position:relative;float:left;font-size:11px;color:#444;padding:0;padding-top:3px;line-height:normal;}
div.numPages div.numPagesContainer{width:28px;height:18px;margin:auto;position:relative;float:left;text-align:right;}
div.numPages input.numPagesInput{margin:0;padding:0;color:#555;padding:2px;background:#f9f9f9 url(../../images/icons/box.gif) no-repeat;border:none #FFF 0px;width:20px;height:18px;font-size:10px;}
div.numPages div.numPagesContainer div.numPagesArrows{position:absolute;margin-right:21px;width:15px;height:4px;float:left;top:1px;left:23px;}
div.numPages div.numPagesContainer div.numPagesArrows img{border:none;margin:-0px;}
div#paymentInfo{position:relative;margin:10px auto;width:500px;height:60px;clear:both;display:none;}
div#paymentInfo div.paymentInfoContainer{position:absolute;font-size:11px;line-height:22px;font-weight:bold;text-align:center;width:500px;}
div#paymentInfo div.paymentInfoContainer span {font-weight:normal;display:inline-block;padding-right:8px;}
div#domainLookupAjax span{display:block;float:left;width:300px;overflow:hidden;height:17px;line-height:17px;text-align:left;margin-left:7px;}
div#domainLookupAjax span img{position:relative;top:1px;margin-right:2px;font-weight:bold;}
div#domainLookupAjax span.false{color:#D31110}
div#domainLookupAjax span.true{color:#799F3B}
body div#pageFlow div#rightHandColumn {position:absolute;top:130px;right:10px;width:16%;min-width:175px;float:left;padding:8px;}
body div#pageFlow div#rightHandColumn p.contactInfo{font-size:11px;line-height:17px;color:#585858}
body div#pageFlow div#rightHandColumn p.contactInfo span{display:inline-block;width:66px;font-weight:bold;}
  
/* Header */
body div#pageFlow div#header {width:100%;height:120px;background:url(../../images/layout/web_background_top.png) no-repeat center bottom;}
body div#pageFlow div#header img#companyLogoForWebSite {position:absolute;top:12px;right:5px}
body div#existingCustomers{padding:10px 0;text-align:center;position:absolute;left:12px;top:86px;width:200px;height:50px;}

/* Footer */
body div#footer {width:100%;height:125px;position:relative;bottom:0;left:0;right:0;clear:left;background:url(../../images/layout/marketing_background_bottom.png) right top no-repeat;}
body div#footer p {position:absolute;font-size:11px;width:500px;text-align:right;bottom:0px;right:6px;colour:#666;margin:0;}
body div#footer p a { margin:auto 3px }
body div#footer p span#legalInfo { display:inline;margin:auto 6px }

/* Home */
body div#pageFlow p#log{display:none}
body div#pageFlow div#galleryFadeInOut {width:620px;height:250px;margin:auto;position:relative;clear:both;z-index:-10}
body div#pageFlow div#galleryFadeInOut img {margin:auto;top:0;left:0;position:absolute;}
body div#pageFlow div#galleryFadeInOut div#progress {position:absolute;top:50%;left:50%;margin:-8px 0 0 -100px;width:200px;height:16px;padding:2px;border:3px solid #999;}
body div#pageFlow div#galleryFadeInOut div#progress .bar {width:0px;text-align:center;font-size:10px;line-height:16px;height:16px;background: #aaa;color: #666;font-weight: bold;}
body div#pageFlow div.container div.infoBox {width:29%;min-width:160px;	text-align:center;float:left;margin:0 1%;letter-spacing:1px;}
body div#pageFlow div.container div.infoBox div.infoBoxHeader {background:#a8b0f9;height:25px;padding-top:4px;}
body div#pageFlow div.container div.infoBox div.infoBoxBody {background:#ededed;height:235px;text-align:justify;font-size:11px;line-height:18px;padding:5px 6%;}

div.merchantProviders p{margin:2px 0;font-style:italic;font-size:12px;}
div.merchantProviders a {font-size:11px;}
div.merchantProviders span {font-size:11px;display:block;margin-bottom:15px;}

/* Managed Hosting */
body div#pageFlow div#galleryManagedHostingFadeInOut div#progress {position:absolute;top:50%;left:50%;margin:-8px 0 0 -100px;width:200px;height:16px;padding:2px;border:3px solid #999;}
body div#pageFlow div#galleryManagedHostingFadeInOut div#progress .bar {width:0px;text-align:center;font-size:10px;line-height:16px;height:16px;background: #aaa;color: #666;font-weight: bold;}
body div#pageFlow div#galleryManagedHostingFadeInOut {float:right;display:block;margin-left:20px;position:relative;width:320px;height:240px;}
body div#pageFlow div#galleryManagedHostingFadeInOut img {margin:auto;top:0;left:0;position:absolute;border:1px solid #444;}

/* Upgrades Repairs */
body div#pageFlow div#galleryPCUpgradesRepairsFadeInOut div#progress {position:absolute;top:50%;left:50%;margin:-8px 0 0 -100px;width:200px;height:16px;padding:2px;border:3px solid #999;}
body div#pageFlow div#galleryPCUpgradesRepairsFadeInOut div#progress .bar {width:0px;text-align:center;font-size:10px;line-height:16px;height:16px;background: #aaa;color: #666;font-weight: bold;}
body div#pageFlow div#galleryPCUpgradesRepairsFadeInOut {float:right;display:block;margin-left:20px;position:relative;width:200px;height:150px;}
body div#pageFlow div#galleryPCUpgradesRepairsFadeInOut img {margin:auto;top:0;left:0;position:absolute;border:1px solid #555;}

/* Recently Completed */
body div#pageFlow div#rightHandColumn div#recentlyCompleted {margin:7px 0 12px;text-align:left;}
body div#pageFlow div#rightHandColumn div#recentlyCompleted h5 {padding-bottom:1px}
body div#pageFlow div#rightHandColumn div#recentlyCompleted a {display:block;line-height:19px;}
body div#pageFlow div#rightHandColumn div#recentlyCompleted p {margin:7px 3px 11px;}
body div#pageFlow div#rightHandColumn div#recentlyCompleted span {color:gray;font-size:10px;display:block;line-height:14px;}

/* Portfolio */
div.portfolio {margin:6px 0;}
div.portfolio div.entry {margin:12px 0 24px;clear:both;}
div.portfolio div.entry div.preview {width:256px;margin-right:12px;float:left;margin-bottom:12px;text-align:center;}
div.portfolio div.entry div.preview img.preview {margin-top:8px;border:1px solid #cccccc;}
div.portfolio div.entry div.preview span.published {display:block;font-size:11px;color:#999;text-align:center;margin-bottom:3px;}
div.portfolio div.entry div.preview span.publishedSince {display:block;font-size:11px;color:#999;text-align:center;margin-bottom:9px;}
div.portfolio div.entry div.preview a {font-weight:bold;font-size:14px;}
div.portfolio div.entry div.about {margin-top:8px;font-weight:bold;margin-left:268px;line-height:19px;}
div.portfolio div.entry div.specification {line-height:21px;margin-top:8px;margin-left:268px;}
div.portfolio div.entry div.quotation {line-height:22px;margin:12px 0;font-style:italic;margin-left:268px;}
div.portfolio div.entry div.description {line-height:21px;margin-top:8px;margin-left:268px;}

div.portfolio div.sep {clear:both;height:24px;}
div.portfolio div.entry.designs div.preview img.preview {margin-top:8px;border:none;}

/* Related Links */

/** Headers **/
h2,h3,h4,h5{margin-bottom:3px;clear:left;}
h1{font-size:21px;margin-bottom:0;}
h3{font-size:16px}
h4{font-size:15px}
h5{font-size:13px}
h2 { font-size:11px;font-weight:normal;color:#444;margin:1px auto; }
h2{font-size:14px;}
h2.home{font-weight:none;font-size:12px;}
h3.web{text-align:center}
h3.subHead{text-align:center;color:#525252}
h5.small{font-size:13px;}