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

body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; }
.top { width:100%; height:112px; background:#000; border-bottom:2px solid #ff0000; }
.top-in { width:1000px; margin:0 auto; }
.t-logo { float:left; width:294px; height:58px; margin-top:28px; background:url(../images/logo.gif) no-repeat; }
.t-login { float:right; width:181px; height:28px; background:url(../images/cust-login.gif) no-repeat; }

h1 { margin-top:0; font-size:1.4em; color:#666; }

.active { height:22px; background:#F00; padding-right:15px; padding-left:15px; padding-top:5px; margin-top:-5px; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; }
.nav { float:right; margin-top:20px; margin-right:-14px; color:#FFF; width:675px; font-size:.75em; }
	.nav ul {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 5px 15px 0 15px;
  list-style: none;
  color:#fff;
}
.nav ul li {
  font: bold 12px/18px sans-serif;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 5px 20px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.nav ul li:hover {
  background: #F00;
  color: #fff;
  border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;
}
.nav ul li ul {
  padding: 0;
  position: absolute;
  top: 28px;
  left: 0;
  width: 150px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
   border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;
}
.nav ul li ul li { 
  background: #555; 
  display: block; 
  color: #fff;
  text-shadow: 0 -1px 0 #000;
}
.nav ul li ul li:hover { background:#f00; }
.nav ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

.nav a:link { text-decoration:none; color:#fff; }
.nav a:visited { text-decoration:none; color:#fff; }
.nav a:hover { text-decoration:none; color:#fff; }
.nav a:active { text-decoration:none; color:#fff; }

.slide { width:100%; height:382px; background:url(../images/hm-slide.jpg) top center no-repeat; }
.slide-web { width:100%; height:394px; background:url(../images/web-design-slide.jpg) top center no-repeat; }
.slide-wmain { width:100%; height:394px; background:url(../images/web-maintain-slide.jpg) top center no-repeat; }
.inside { width:1000px; margin:0 auto; padding-top:26px; }
	.in-lf { width:675px; float:left; }
		.web-gf { width:675px; height:696px; background:url(../images/design-proc.gif) no-repeat; }
	.in-rt { width:287px; height:1015px; float:right; background:url(../images/widg-bar.jpg) no-repeat; }
	.in-rt2 { width:287px; height:502px; float:right; background:url(../images/widg-contact.jpg) no-repeat; }
	
.ct-input { width:260px; height:64px; border:1px solid #CCC; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; padding:0 24px; }
.ct-input2 { width:622px; height:64px; border:1px solid #CCC; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; padding:0 24px; }
.ct-input3 { width:622px; height:250px; border:1px solid #CCC; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; padding:5px 24px; }

.ct-inputa { width:380px; height:64px; border:1px solid #CCC; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; padding:0 24px; }
.ct-input2a { width:890px; height:64px; border:1px solid #CCC; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; padding:0 24px; }
.ct-input3a { width:890px; height:200px; border:1px solid #CCC; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; padding:5px 24px; }

.clr { clear:both; }

.domain-s { width:844px; background:#3c9f00; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; padding:30px 78px; color:#FFF; font-size:1.4em; font-weight:bold; margin-bottom:26px; word-spacing:.2em; }
	.dom-field { width:510px; height:56px; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; padding:0 24px; float:left; border:0; font-size:1.1em; color:#999; line-height:2.6em; }
	
.hm-pkga { width:239px; height:263px; background:url(../images/pck01.gif); float:left; }
.hm-pkgb { width:239px; height:263px; background:url(../images/pck02.gif); float:left; margin-left:14px; }
.hm-pkgc { width:239px; height:263px; background:url(../images/pck03.gif); float:left; margin-left:14px; }
.hm-pkgd { width:239px; height:263px; background:url(../images/pck04.gif); float:right; }

.mtn-pkgs { width:493px; margin:0 auto; }
	.mtn-1 { width:239px; height:263px; float:left; background:url(../images/maintain-pk1.gif) no-repeat; }
	.mtn-2 { width:239px; height:263px; float:right; background:url(../images/maintain-pk2.gif) no-repeat; }

.mtn-pkgs2 { width:1000px; height:439px; background:url(../images/maintain-compare.gif) no-repeat; }

.mtn-back { background:#fff; border:20px solid #d1e6ef; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; padding:30px; font-size:1.0em; width:900px; color:#006acd; }
.mtn-backc { background:#eeeeee; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; padding:30px; font-size:1.1em; width:940px; }

.featbar { width:1000px; height:66px; background:url(../images/featureBar.gif) no-repeat; margin:23px 0; }
.featbox { width:1000px; height:379px; background:url(../images/host-features.gif) no-repeat; }

.pkgs { width:1000px; height:697px; }
	.pkgs-1 { width:1000px; height:573px; background:url(../images/in-host-top.gif) no-repeat; }
	.pkgs-2 { width:1000px; height:124px; }
		.pkgs-2a { width:186px; height:124px; float:right; background:url(../images/in-host-pk1.gif) no-repeat; }
		.pkgs-2b { width:195px; height:124px; float:right; background:url(../images/in-host-pk2.gif) no-repeat; }
		.pkgs-2c { width:184px; height:124px; float:right; background:url(../images/in-host-pk3.gif) no-repeat; }
		.pkgs-2d { width:179px; height:124px; float:right; background:url(../images/in-host-pk4.gif) no-repeat; }

.hostbar { width:100%; height:90px; background:url(../images/host-bar.gif) top center no-repeat #9e9e9e; border-top:1px solid #808080; margin-bottom:39px; }
.wdesbar { width:100%; height:90px; background:url(../images/web-bar.gif) top center no-repeat #9e9e9e; border-top:1px solid #808080; }
.wmtnbar { width:100%; height:90px; background:url(../images/maintain-bar.gif) top center no-repeat #9e9e9e; border-top:1px solid #808080; }
.gfxbar { width:100%; height:90px; background:url(../images/gfx-bar.gif) top center no-repeat #9e9e9e; border-top:1px solid #808080; }
.contbar { width:100%; height:90px; background:url(../images/contact-bar.gif) top center no-repeat #9e9e9e; border-top:1px solid #808080; margin-bottom:39px; }

.gfx-exp { width:1000px; height:800px; background:url(../images/design-examples.jpg) no-repeat; }

.marBar { width:100%; height:90px; background:url(../images/market-bar.gif) top center no-repeat #9e9e9e; border-top:1px solid #808080; }

.convBar { width:100%; height:90px; background:url(../images/convert-bar.gif) top center no-repeat #9e9e9e; border-top:1px solid #808080; }

.in-lf strong { color:#900; }
#contact-form strong { color:#000; }

.web-indus { width:1000px; height:278px; background:url(../images/web-design-icons.jpg) no-repeat; margin-top:25px; }

.divide { height:1px; width:1000px; background:#747474; margin:55px 0; }


.ft-logos { width:100%; height:75px; background:url(../images/ft-logos.gif) top center no-repeat #e3e3e3; border-top:2px solid #000; margin-top:35px; }
.footer { width:100%; height:162px; background:#000; }
.ft-in { width:1000px; margin:0 auto; padding-top:28px; color:#CCC; font-size:.9em; }
	.ft-in-s1 { float:left; }
	.ft-in-s2 { float:left; margin-left:150px; }
	.ft-in-s3 { float:left; margin-left:150px; }
	.ft-in-s4 { float:right; width:175px; font-size:.7em; text-align:right; }
.ft-in a:link { text-decoration:none; color:#CCC; }
.ft-in a:visited { text-decoration:none; color:#CCC; }
.ft-in a:hover { text-decoration:none; color:#F00; }
.ft-in a:active { text-decoration:none; color:#CCC; }