@charset "utf-8";
/* CSS Document */

* {
  padding:0;
  margin:0;
  border:none;
  }

body {
  background:#671010;
  font-family:Helvetica, Verdana, Arial, sans-serif
  }  
  
/* ------------------------------------ STRUCTURE */
  
#homeWrapper {
  background:#671010 url(assets/images/bg_home.jpg) repeat-x top;
  text-align:center;
  }
#wrapper {
  background:#671010 url(assets/images/bg_other.jpg) repeat-x top;
  text-align:center;
  }  
#mastheadHome {
  height:646px;
  width:960px;
  margin:0 auto;
  position:relative;
  text-align:left;
  }
#masthead {
  height:104px;
  width:960px;
  margin:0 auto;
  position:relative;
  text-align:left;
  }
#masthead cite, #mastheadHome cite {
  padding:8px 0 0 6px;
  display:block;
  font-size:13px;
  font-style:italic;
  float:left;
  }
#nonSemanticDoubleWrapper {
  width:100%;
  background:url(assets/images/bg_shadow.png) repeat-y center;
  }

#homescape {
  position:relative;
  height:260px;
  background:url(assets/images/homescape.jpg) no-repeat top;
  }
  
#weatherStrip {
  height:34px;
  }
  
#nav {
  height:70px;
  }
  
#content {
  background:#fff url(assets/images/undershadow.png) repeat-x top;
  width:960px;
  margin:0 auto;
  text-align:left;
  min-height:500px;
  }  
#teasers {
  height:212px;
  }
#blueBox {
  width:220px;
  height:168px;
  float:left;
  margin-top:12px;
  background:url(assets/images/blue_box.png) no-repeat center;
  padding:16px 0 0 20px;
  position:relative;
  }
#preContent {
  height:70px;
  padding-top:18px;
  }
#fullColumn {
  width:100%;
  }  
#columnFifty {
  width:480px;
  float:left;
  }
#columnSeventy {
  width:672px;
  float:left;
  }
#columnThirty {
  width:288px;
  float:left;
  }
.clearBoth {
  clear:both;
  }
#footerWrapper {
  height:224px;
  background:url(assets/images/footer_sec.jpg) repeat-x top;
  }  
#footer {
  margin:0 auto;
  text-align:left;
  background:url(assets/images/footer_crown.jpg) no-repeat top;
  height:144px;
  width:960px;
  padding-top:80px;
  }
.miniBox {
  width:110px;
  float:left;
  padding-top:10px;
  }
.tinyBox {
  width:70px;
  float:left;
  }
#flashBox {
  position:absolute;
  top:20px;
  right:20px;
  }
#calc {
  width:192px;
  height:92px;
  background:url(assets/images/calc.png) no-repeat top left;
  font-family:"Courier New", Courier, monospace;
  padding:38px 0 0 14px;
  font-size:30px;
  font-weight:bold;
  position:fixed;
  top:160px;
  right:20px;
  }
#featureSite {
  height:90px;
  width:454px;
  border:1px solid #fff;
  text-align:right;
  margin:20px 0 0 6px;
  padding:0 10px 0 0;
  }
#featureSite:hover {
  border:3px solid #000;
  margin:18px 0 -2px 4px;
  }
.fright { float:right; }  
.bannerCci {
  background:url(assets/images/banner_cci.jpg) no-repeat left center;
  }
.bannerDl {
  background:url(assets/images/banner_dl.jpg) no-repeat left center;
  }
.bannerGe {
  background:url(assets/images/banner_ge.jpg) no-repeat left center;
  }
.bannerJpw {
  background:url(assets/images/banner_jpw.jpg) no-repeat left center;
  }
.servLogo {
  width:100%;
  padding:20px 0 20px 90px;
  margin-left:30px;
  background:url(assets/images/serv_logo.jpg) no-repeat 0px 26px;
  }
.servBrand {
  width:100%;
  padding:20px 0 20px 90px;
  margin-left:30px;
  background:url(assets/images/serv_brand.jpg) no-repeat 0px 26px;
  }
.servGraphic {
  width:100%;
  padding:20px 0 20px 90px;
  margin-left:30px;
  background:url(assets/images/serv_graphic.jpg) no-repeat 0px 26px;
  }
.servSEO {
  width:100%;
  padding:20px 0 20px 90px;
  margin-left:30px;
  background:url(assets/images/serv_seo.jpg) no-repeat 0px 26px;
  }
.servCMS {
  width:100%;
  padding:20px 0 20px 90px;
  margin-left:30px;
  background:url(assets/images/serv_cms.jpg) no-repeat 0px 26px;
  }
.servTest {
  width:100%;
  padding:20px 0 20px 90px;
  margin-left:30px;
  background:url(assets/images/serv_testing.jpg) no-repeat 0px 26px;
  }
.servDesign {
  width:100%;
  padding:20px 0 20px 90px;
  margin-left:30px;
  background:url(assets/images/serv_design.jpg) no-repeat 0px 26px;
  }
.servDev {
  width:100%;
  padding:20px 0 20px 90px;
  margin-left:30px;
  background:url(assets/images/serv_dev.jpg) no-repeat 0px 26px; 
  }
.servApp {
  width:100%;
  padding:20px 0 20px 90px;
  margin-left:30px;
  background:url(assets/images/serv_app.jpg) no-repeat 0px 26px;
  }
.servMaint {
  width:100%;
  padding:20px 0 20px 90px;
  margin-left:30px;
  background:url(assets/images/serv_maint.jpg) no-repeat 0px 26px;
  }
.servCommerce {
  width:100%;
  padding:20px 0 20px 90px;
  margin-left:30px;
  background:url(assets/images/serv_commerce.jpg) no-repeat 0px 26px;
  }
.servHosting {
  width:100%;
  padding:20px 0 20px 90px;
  margin-left:30px;
  background:url(assets/images/serv_hosting.jpg) no-repeat 0px 26px;
  lin
  }
.goflag {
  width:292px;
  height:46px;
  position:absolute;
  top:46px;
  left:660px;
  text-indent:-3000px;
  background:url(assets/images/btn_flagship.png) no-repeat top left;
  }
.goflag:hover {
  background-position:bottom;
  }
#chatbox {
  padding:40px 0 0 40px;
  }
/* ------------------------------------ STYLE */

.white { color:#fff; }
.black { color:#000; }
h2 {
  color:#fff;
  font-size:30px;
  font-weight:normal;
  font-family:"Century Gothic", Helvetica, Arial, sans-serif;
  }
#columnFifty h2, #columnFifty h3, #columnSeventy h2, #columnSeventy h3 {
  padding-left:30px;
  }
h3 {
  font-weight:normal;
  font-size:20px;
  font-family:"Century Gothic", Helvetica, Arial, sans-serif;
  }
h4 {
  font-size:14px;
  color:#000;
  font-weight:bold;
  padding-top:8px;
  font-family:"Century Gothic", Helvetica, Arial, sans-serif;
  }
  
#blueBox p { padding-bottom:10px; }
#columnFifty .lessColumn p { width:300px;font-size:14px;line-height:18px; }
#columnFifty p, #columnSeventy p { 
  padding:0 0 14px 30px;
  line-height:22px;
  }
#fullColumn p { padding:0 30px; }
#columnFifty p {
  width:418px;
  }
#columnSeventy p {
  width:650px;
  }
h5 {
  font-weight:bold;
  font-size:16px;
  padding:6px 0 4px 30px;
  font-family:"Century Gothic", Helvetica, Arial, sans-serif;
  }  
.titleTab {
  background:url(assets/images/title_tab.png) no-repeat bottom left;
  padding:4px 18px 24px 30px;
  color:#fff;
  }
.utility {
  float:right;
  display:block;
  color:#fff;
  text-decoration:none;
  padding:7px 8px 0 0;
  font-size:14px;
  }
.webSite {
  width:135px;
  height:26px;
  background:url(assets/images/title_web_sites.png) no-repeat top left;
  text-indent:-3000px;
  }
.homeBooster {
  width:205px;
  height:37px;
  background:url(assets/images/title_home_booster.png) no-repeat top left;
  text-indent:-3000px;
  }
.branding {
  width:200px;
  height:57px;
  background:url(assets/images/title_branding.png) no-repeat top left;
  text-indent:-3000px;
  }
.everything {
  width:204px;
  height:55px;
  background:url(assets/images/title_everything.png) no-repeat top left;
  text-indent:-3000px;
  }
.rateCalc {
  width:208px;
  height:25px;
  background:url(assets/images/title_rate_calc.png) no-repeat top left;
  text-indent:-3000px;
  }
#blueBox ul {
  padding-top:5px;
  }
#blueBox ul li {
  list-style:none;
  color:#fff;
  font-size:13px;
  padding:2px 0 2px 14px;
  background:url(assets/images/arrow_sm.png) no-repeat left center;
  }  
#teasers a {
  color:#fff;
  text-decoration:none;
  }  
#learnMore {
  width:105px;
  height:25px;
  position:absolute;
  top:150px;
  right:14px;
  }
.overstate {
  text-transform:uppercase;
  font-size:14px;
  }
.testimony {
  font-style:italic;
  line-height:20px;
  }
  
#columnFifty ul, #columnSeventy ul, #columnThirty ul {
  padding-left:60px;
  }
  
#columnFifty ul li, #columnSeventy ul li, #columnThirty ul li {
  list-style:square;
  padding:4px 0px;
  }
/* ------------------------------------ NAVIGATION */

#nav li {
  float:left;
  height:30px;
  padding:22px 18px 18px 18px;
  list-style:none;
  font-family:"Century Gothic", Helvetica, Arial, sans-serif;
  } 
#nav li a {
  text-decoration:none;
  color:#fff;
  font-size:20px;
  text-transform:uppercase;
  }
#nav li:hover {
  background:url(assets/images/nav_arrow.png) no-repeat left 1px;
  }

/* ------------------------------------ FORMS */

fieldset {
  border:1px dashed #000;
  margin:0 0 14px 5px; 
  width:100%;
  }

legend {
  font-size:20px;
  font-family:"Century Gothic", Helvetica, Arial, sans-serif;
  padding:5px 3px 5px 3px;
  margin-left:5px;
  }

fieldset p, #columnSeventy fieldset p {
  margin:6px 10px;
  padding:0;
  }
fieldset.rows p:hover {
  background:#ccc;
  }

input[type="checkbox"], input[type="radio"] {
  padding-left:60px;
  }
  

label {
  padding-left:40px;
  }

input[type="text"] {
  border:1px solid #000;
  width:280px;
  height:18px;
  padding:5px;
  }
  
select {
  border:1px solid #000;
  width:110px;
  padding:2px;
  font-size:18px;
  }
    
textarea {
  border:1px solid #000;
  width:400px;
  height:200px;
  padding:5px;
  font-family: helvetica, arial, sans-serif;
  }

.button {
  width:173px;
  height:31px;
  background:url(assets/images/btn_medium.png) no-repeat top left;
  cursor:pointer;
  }
.button:hover {
  font-weight:bold;
  }
/* ------------------------------------ FONTS */

.font-small {
  font-size:13px;
  }