/* -=-===== global ======-=- */

HTML, BODY { width:100%; height:auto; background:#fff; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color:#1c1c1c;}
DIV.container { width:998px; margin:0 auto;}

/* -=-===== header ======-=- */
h1.logotext {display:none;}
DIV#container-header {width:100%; background:url(img/bg-header.gif) repeat-x;}

ul.navigation {display:block; width:450px; height:78px; background:url(img/bg-header-logo.jpg) no-repeat top left; padding-left: 520px;}
ul.navigation li {display:inline-block; float: left; padding-left:15px; padding-top:12px;}
ul.navigation li a {color:#e3e3e3; text-decoration:none; font-weight:bold; text-transform:uppercase; font-size:12px;}
ul.navigation li a:hover {color:#32acc6;}

ul.sub-navigation {display:block; width:970px; height:44px; background:url(img/bg-header-subnav.jpg) no-repeat top left;}
ul.sub-navigation li {display:block; float: left; padding-left:38px; padding-top:12px; background:url("img/list-image-plus.gif") no-repeat; background-position:20px 14px;}
ul.sub-navigation li a {color:#e33a3a; text-decoration:none; font-weight:bold; text-transform:uppercase; font-size:14px;}
ul.sub-navigation li a:hover {color:#e3e3e3;}


/* -=-===== content ======-=- */

DIV#container-content {width:100%; background:url(img/bg-content.gif) repeat-x;}
DIV#content{width:994px; min-height:415px; margin:0 auto; background:url(img/bg-content-people.jpg) no-repeat;}

ul.feature-slot {width:296px; height:290px; float:left; margin-right:35px; margin-top:114px;}
ul.feature-slot li {padding:0px; margin:0px;}

li.feature-slot-title {width:296px; height:118px; display:block;}
li.feature-slot-description {width:296px; height:113px; display:block; background: url(img/bg-feature-description.jpg) repeat-x top left;}
li.feature-slot-description  p {display:block; margin-bottom:10px; padding:20px 15px; line-height:19px;}
li.feature-slot-cta {width:296px; height:60px; background: url(img/bg-feature-cta.jpg) repeat-x top left;}
li.feature-slot-cta p {padding-top:15px; padding-left:15px;}
li.feature-slot-cta p a {text-decoration:none; color:#000; font-weight:bold;}
li.feature-slot-cta p a:hover {text-decoration:underline; color:#32acc6;}

li.managedhosting {background: url(img/bg_col1_trans.png) no-repeat; text-indent:-10000px;}
li.custommachines {background: url(img/bg_col2_trans.png) no-repeat; text-indent:-10000px;}
li.questions {background: url(img/bg_col3_trans.png) no-repeat; text-indent:-10000px;}

ul.other-services {width:628px; float:left; background:#fff;}
li.other-services-title {width:628px; height:110px; display:block; text-indent:-10000px; background:url(img/bg-otherservices-title.jpg) no-repeat top left;}
li.other-services-description {width:628px; height:inherit; display:block; background: url(img/bg-other-description.jpg) no-repeat top left #fff;}
li.other-services-description  p {display:block; margin-bottom:10px; padding:20px 15px; line-height:19px;}
li.other-services-cta {width:628px; height:60px; background: url(img/bg-other-cta.jpg) repeat-x top left;}
li.other-services-cta p {padding-top:15px; padding-left:15px;}
li.other-services-cta p a {text-decoration:none; color:#000; font-weight:bold;}
li.other-services-cta p a:hover {text-decoration:underline; color:#32acc6;}

ul.content-box {width:266px; float:left; background:#fff; margin-left:35px; margin-top:25px; border:1px solid #e1e1e1; background:#f0f0f0; padding:15px;}
li.content-box-title {width:266px; display:block;}
li.content-box-title h2 {color:#ca2727; font-size:24px; font-weight:bold;}
li.content-box-description {width:266px; height:inherit;}
li.content-box-description  p {display:block; margin-bottom:10px; line-height:19px; margin-top:10px;}


/* -=-===== footer ======-=- */

DIV#container-footer {width:100%; height:inherit; background:#d9d9d9; border-top:1px solid #9e9e9e; float:left; margin-top:15px;}
div#sitemap {width:994px; height:inherit; margin:0 auto; padding: 25px 0px;}
div#footer {width:100%; height:inherit; padding: 10px 0px; background:#0c1b26; float:left;}
div#footer-text {width:994px; margin:0 auto; color:#fff; font-size:12px;}

ul.section {display:block; width:130px; margin-right:35px; float:left; margin-bottom:10px; font-size:12px;}
ul.section h2 {font-weight:bold; border-top:1px solid #bebebe; border-bottom:1px solid #bebebe; line-height:30px;}

ul.section2 {display:block; width:170px; margin-right:35px; float:left; margin-bottom:10px; font-size:12px;}
ul.section2 h2 {font-weight:bold; border-top:1px solid #bebebe; border-bottom:1px solid #bebebe; line-height:30px;}

li.page {display:block; width:130px; line-height:30px; border-bottom:1px solid #bebebe;}
li.page:hover {background-color:#c4c4c4;}
li.page a {text-decoration:none; color:#454545;}
li.page a:hover {padding-left:8px; color:#32acc6;}

h2 a {text-decoration:none; color:#454545;}
h2 a:visited {text-decoration:none; color:#32acc6;}
h2 a:hover {color:#32acc6; text-decoration:underline;}

/* -=-===== subpages ======-=- */

DIV#subpage-box {background: url(img/bg-subpage-box.jpg) no-repeat top left #fff; margin-top:80px; float:left; padding:20px; width:920px;}

#subpage-box h2 {font-size:24px; color:#ca2727; font-weight:bold;}
#subpage-box h3 {font-size:14px; color:#474747; margin-top:5px; margin-bottom:15px;}
#subpage-box h4 {font-size:14px; color:#474747;}

ul#subpage-nav {float:left; display:block; width:150px; height:inherit; padding: 20px; background:#f0f0f0; border: 1px solid #e1e1e1;}
ul#subpage-nav li.title {font-size:16px; font-weight:bold; border-bottom: 1px solid #e1e1e1; line-height:30px;}
ul#subpage-nav li {font-size:14px; border-bottom: 1px solid #e1e1e1; line-height:30px;}
ul#subpage-nav li a {text-decoration:none; color:#32acc6; display:block; width:150px; height:30px; padding-left:5px;}
ul#subpage-nav li a:hover {text-decoration:underline; background:#7d7d7d; color:#000;}


ul#subpage-nav li.title a {text-decoration:none; color:#000; display:block; width:150px; height:30px; padding-left:5px;}
ul#subpage-nav li.title a:hover {text-decoration:underline; background:#7d7d7d; color:#000;}

DIV#subpage-content {float:left; padding-left:25px; display:block; width: 670px; height:inherit;}
DIV#subpage-content p {line-height:20px; margin-bottom: 15px; font-size:12px;}

ul.subpage-content {list-style-type: disc; font-size: 12px; margin-left: 30px; line-height: 20px;}
li.subpage-content {list-style-type: disc; font-size: 12px; margin-left: 30px;}

img.floatright{float: right; margin-left: 10px;}
img.floatleft {float:left; margin-right: 10px;}

.myinputstyle {border: 1px solid black; font-size: 13px; color: #454743; padding: 5px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}
.myinputstyle:hover {border: 2px solid #32acc6; color: #32acc6;}
#subpage-left {width: 370px; float: left;}
#subpage-right {width: 230px; float: left; border:1px solid #e1e1e1; background:#f0f0f0; padding: 15px;}

a:link {text-decoration: none; color:  #32acc6; }
a:visited {text-decoration:none; color: #32acc6; }
a:hover {text-decoration:underline; color: #000; }

img.portfolio-img {margin: 5px; border: 1px solid #454743; float: left;}
img.portfolio-img a {border: 2px solid #454743;}
img.portfolio-img a:hover {border: 2px solid #32acc6;}
img.portfolio-img a:visited {border: 2px solid #32acc6;}

p.portfolio-desc {float: left;}

.lcol { width:300px; float:left; }
.rcol { width:300px; float:right; }