/*
 * c-css by U4EA Technologies - Allan Jardine
 * Version:       1.2.php.2
 * Browser:        0
 * Browser group: 
 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; }
body, button, input, select, textarea { font-family: sans-serif; }
a { color: #00e; }
a:visited { color: #551a8b; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ''; content: none; }
small { font-size: 75%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; }
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; *margin-left: -7px; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
*{ outline:none; }
body { background:#000; font-family: "century gothic", arial, sans; }
h1, h2, h3{ color:#313234; }
a, a:visited{ color:#2777a8; text-decoration:none; }
a:hover{ color:#92b0cc; }
blockquote{ font-size:22px; font-style:italic; font-family: georgia, times, serif; background:#FFF; padding:25px; }
blockquote .attr{ display:block; text-align:right; margin-top:10px; font-size:14px; }
#header{ height:114px; background: url('../img/grad-top.gif') repeat-x; }
#logo{ position:relative; margin-left:-8px; }
#header .body{ padding-top:24px; height:90px; }
#nav{ position:absolute; margin-left:360px; margin-top:45px; }
#nav a{ color:#000; font-weight:bold; font-size:1.2em; display:inline-block; height:25px; padding:10px 20px; margin-right:16px; text-decoration:none; -webkit-border-top-left-radius: 15px ; -webkit-border-top-right-radius: 15px ; -moz-border-radius-topleft: 15px ; -moz-border-radius-topright: 15px ; border-top-left-radius: 15px ; border-top-right-radius: 15px ; }
#nav a.contact{ color: #ca0c0c; }
#nav a.active, #nav a.active:hover{ color:#FFF; background: #0a5785; }
#nav a:hover{ background: #d5c5b0; }
#subnav{ height:35px; background: #0a5785; padding-top:10px; }
#subnav a{ color:#FFF; font-size:13px; display:inline-block; margin-right:35px; }
#subnav a:hover, #subnav a.active{ color:#d5c5b0; border-bottom:1px dotted #d5c5b0; }
#subnav .body{ width:960px; }
#mid{ height:375px; background: #FFF url('../img/bg-mid.gif') repeat-x; }
#midMain h1{ margin:0; padding:10px 0; }
#midMain h2{ color: #ca0c0c; margin-bottom:10px; }
#midMain p{ margin-top:0; }
#services h2{ margin:0; }
#services a{ display:inline-block; float:left; width:200px; height:200px; padding:15px; border: 1px solid #f2f9ff; margin:0 115px 35px 0; text-align:center; }
#services a.last{ margin-right:0; }
#services a:hover{ background: #dce8f2; }
#services img{ margin:10px 0; padding:4px; border:1px solid #CCC; }
#trusted{ float:right; margin-right:65px; }
#trustedCopy{ position:absolute; text-align:center; color:#FFF; font-size:16px; font-weight:bold; width:600px; margin-left:325px; margin-top:160px; text-shadow: 1px 1px 1px #333; }
#trustedCopy a{ color:#bed8e7; font-style:italic; }
#trustedCopy a:hover{ color:#fcf0dd; }
#brochure{ position:absolute; margin-left:840px; margin-top:205px; }
#getStarted{ position:relative; margin-left:-15px; width:316px; }
#getStarted p{ margin:0; display:inline-block; padding:80px 0 0 35px; position:relative; z-index:2; }
#getStartedBg{ position:absolute; z-index:1; }
#getStarted textarea{ position:relative; z-index:2; border:1px solid #CCC; width: 242px; height:155px; margin-left:35px; margin-top:10px; }
#getStarted #letsGo{ position:relative; z-index:2; margin-left: 35px; margin-top:18px; }
#icons{ width:470px; height:110px; position:relative; z-index:3; margin-left:375px; margin-top:-60px; }
#icons a{ display:inline-block; width:76px; padding-top:76px; height:24px; font-size:12px; margin-right:35px; text-align:center; text-decoration:none; color:#999; background-image: url('../img/icons.gif'); background-repeat: no-repeat; }
#icons a.webdesign{ background-position: 0 -114px; }
#icons a.webdesign:hover{ color:#000; background-position: 0 0; }
#icons a.programming{ background-position: -76px -114px; }
#icons a.programming:hover{ color:#000; background-position: -76px 0; }
#icons a.printdesign{ background-position: -152px -114px; }
#icons a.printdesign:hover{ color:#000; background-position: -152px 0; }
#icons a.more{ background-position: -228px -114px; }
#icons a.more:hover{ color:#000; background-position: -228px 0; }
#lower, #midMain{ background: #f2f9ff url('../img/bg-lower.gif') repeat-x; }
#lower h2{ margin-top:0; padding-top:30px; font-size:36px; height:10px; text-transform:uppercase; text-align:center; }
#recent{ width:260px; padding:15px; background: #FFF; float:right; margin-top:35px; border: 1px solid #92b0cc; -webkit-border-radius: 15px ; -moz-border-radius: 15px ; border-radius: 15px ; }
#recent h3{ font-weight:normal; font-size:22px; margin:0; }
#recent .entry h2{ font-size:14px; display:block; height:auto; margin:15px 0 5px; padding:0; text-align:left; }
#recent .entry{ border-bottom:1px solid #CCC; padding-bottom:10px; }
#recent .entry .post{ margin-top:0; width: 190px; float:right; font-size:12px; }
#recent .date{ width:55px; float:left; color:#CCC; font-weight:bold; text-align:center; }
#recent .date .day, #recent .date .month{ display:block; }
#recent .date .day{ font-size:36px; margin-top:-5px; }
#recent .date .month{ font-size:28px; margin-top:-10px; }
#recent .readMore{ font-size:12px; display:block; clear:both; }
#verisign{ position:absolute; margin-left:80px; margin-top:45px; display:none; }
#reasons{ width:620px; height:820px; font-size:14px; background: url('../img/bg-reasons.gif') center center no-repeat; }
#reasons h3{ color:#ca0c0c; margin:0 0 5px; }
#reasons p{ margin:0; }
#reasons div{ position:absolute; width:200px; height:140px; }
#r1{ margin-top:30px; }
#r2{ margin-top:30px; margin-left:420px; }
#r3{ margin-top:230px; }
#r4{ margin-top:230px; margin-left:420px; }
#r5{ margin-top:420px; margin-left:70px; }
#r6{ margin-top:420px; margin-left:360px; }
#best{ margin-top:-125px; text-align:center; }
#best p{ text-align:left; }
#bottom{ background:#000; color:#FFF; border-top:12px solid #dedede; padding:25px 0; }
#bottom h3{ color:#dedede; margin:0 0 15px; }
#bottom .col{ width:150px; float:left; }
#bottom a{ color:#FFF; font-weight:bold; font-size:14px; }
#bottom a:hover{ color:#92b0cc; }
#bottom .subs{ margin-top:5px; }
#bottom .subs a{ font-weight:normal; font-size:12px; display:block; }
#portfolio .thumb{ border:1px solid #000; margin:0 25px 25px 0; }
.body{ width:960px; margin:0 auto; }
.readMore{ float:right; font-style:italic; }
.imgRight{ float:right; margin:0 0 15px 15px; padding:4px; border:1px solid #CCC; }
.premiumReason{ padding:4px; background:#FFF; border:1px solid #2777a8; width: 280px; height:300px; float:left; margin:0 25px 45px 0; }
.premiumReason img{ padding:4px; border:1px solid #2777a8; width:270px; }
.premiumReason h3{ color: #CA0C0C; margin:0 10px 10px; font-size:18px; }
.premiumReason p{ padding:0 10px; font-size:13px; }
.bad{ color: #CA0C0C; font-weight:bold; }
.good{ color:#0cca27; font-weight:bold; }
.tooltip{ position: absolute; top: 0; left: 0; z-index: 3; display: none; }
.tip { color: #fff; background:#0a5785; font-size:14px; display:none; padding:10px; position:absolute; z-index:1000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#contact-area { width: 600px; margin-top: 25px; padding-left:70px; }
#contact-area input, #contact-area textarea { padding: 5px; width: 471px; font-family: Helvetica, sans-serif; margin: 0px 0px 10px 0px; border: 2px solid #ccc; }
#contact-area textarea { height: 90px; }
#contact-area textarea:focus, #contact-area input:focus { border: 2px solid #006594; }
#contact-area input.submit-button { width: 100px; float: right; margin-right:15px; }
label { float: left; width: 100px; padding-top: 5px; }
.myth{ color:#C00; }
.fact{ color:#0A5785; }
.info{ padding:10px; font-size:16px; border:1px solid #aaa405; background: #fffad4; text-align:center; }

