body { background:#fff url(../img/bg.jpg) repeat-x top; margin:0; font-family:Verdana, Arial; }
input, textarea { font-family:Verdana, Arial; font-size: 13px; }
img { border: 0; }
.clear { clear:both; height:0px; float:none; }

#container { background:url(../img/bg-header.jpg) top no-repeat; width:831px; margin:0 auto; padding-top:10px; }
#header { width:761px; height:70px; margin:0 auto; }
#header .logo { display:block; float:left; width:201px; height:43px; background:url(../img/logo.gif) no-repeat; margin-top: .5em; }
#header .logo span { display:none; }

#header .right { float:right; width:230px; height:54px; text-align:center; margin:-2.5em 0 0 0;}
#header .right h1 { margin:0; padding:0; color:#585858; font-size:22px; font-weight:normal; }
#header .right a { text-decoration:none; color: #42A4D3; font-size:13px; }

#city-content { width:794px; background:#fff; height:auto; margin:0 auto; }

#navigation { width:778px; margin:0 auto; height:55px; background:#fff url(../img/bg_nav.jpg) repeat-x; }
#navigation #tab { list-style:none; float:left; background:url(../img/spacer.jpg) no-repeat top right; padding:5px 26px 0 26px; margin:16px 0 0 0; }
#navigation #tab li { float:left; }
#navigation #tab li a { color:#fff; font-weight:bold; font-size:13px; text-decoration:none; line-height:26px;}

#navigation #selected { list-style:none; float:left; background:url(../img/spacer.jpg) no-repeat right; padding:18px; margin:0; }
#navigation #selected li { background:#fff; float:left; height:35px; }
#navigation #selected li a { color:#55b1dc; text-decoration:none; font-weight:bold; font-size:13px; line-height:29px;}
#navigation #selected li.left { width:9px; background:url(../img/tab-left.jpg) no-repeat; }
#navigation #selected li.right { width:9px; background:url(../img/tab-right.jpg) no-repeat; }

#content-left { width:550px; background:#fff; height:auto; float:left; margin:-1em 0 0 0.5em; }
#content-left .banner-home { width:562px; background:url(../img/banner_home.jpg) no-repeat; height:160px; }
#content-left .banner-home h1 { margin:0 3em 0 15em; padding:1em 0 0 0; font-size:20px; color:#fff; line-height:25px; font-weight:normal; }
#content-left .banner-domains { width:562px; background:url(../img/banner_domains.jpg) no-repeat; height:160px; }
#content-left .banner-domains h1 { margin:0 3em 0 11em; padding:1em 0 0 0; font-size:20px; color:#666; line-height:25px; font-weight:normal; }
#content-left .banner-hosting { width:562px; background:url(../img/banner_hosting.jpg) no-repeat; height:160px; }
#content-left .banner-hosting h1 { margin:0 3em 0 11em; padding:1em 0 0 1em; font-size:20px; color:#666; line-height:25px; font-weight:normal; }
#content-left .banner-support { width:562px; background:url(../img/banner_support.jpg) no-repeat; height:160px; }
#content-left .banner-support h1 { margin:0 3em 0 0; padding:1em 0 0 1em; font-size:20px; color:#666; line-height:25px; font-weight:normal; }

#content-left p { color:#4e5050; font-size:13px; }
#content-left a { color: #42A4D3; }
#content-left h2 { font-size: 13px; margin: 0; padding-top: 10px; }

#content-left .left { float: left; }
#content-left .right { float: right; }
#content-left .red { color: #ff0000; }
#content-left p.err { color: #ff0000; text-align: center; }
#content-left p.success { color: #000; font-weight: bold; border: 1px solid #FFB401; background-color: #FFE8A1; padding: 4px; }
#content-left a.big_button_orange { display: block; text-decoration: none; background:url(../img/button_orange.gif) no-repeat; color:#fff; width:125px; height:29px; border:0; padding: 6px 0 0 10px; font-weight:bold; float: left; }
#content-left a.big_button_blue { display: block; text-decoration: none; background:url(../img/button_blue2.gif) no-repeat; color:#fff; width:125px; height:29px; border:0; padding: 6px 0 0 10px; font-weight:bold; float: left; margin-left: 20px; }
#content-left a.order_button { display: block; text-decoration: none; background:url(../img/button_order.gif) no-repeat; color:#fff; width:131px; height:30px; border:0; padding: 6px 0 0 10px; font-weight:bold; float: left; margin-left: 20px; }
#content-left p.n { font-size: 1px; color: #fff; }
#content-left p.n a { font-size: 1px; color: #fff; text-decoration: none; }
#content-left p.click_arrow { text-align: center; font-style: italic; padding-top: 10px; }

#content-left input.submit_big { background:url(../img/big-button.jpg) no-repeat; color:#fff; width:100px; height:32px; border:0; margin:0.5em 0 1em 10em; cursor:hand; cursor:pointer; font-weight:bold; }
#content-left input.button_order_now { font-weight: bold; margin-right: 10px; color: #000; }
#content-left .button_view_cart { font-family:Verdana, Arial; font-size: 13px; }

#content-left .featurebox { width: 517px; background: #cfe690 url(../img/featureboxg.gif) no-repeat bottom right; margin: 15px 0 15px 0; }
#content-left .featurebox ul { margin: 0; padding: 10px 15px; background: transparent url(../img/featureboxg.gif) no-repeat top left; }
#content-left .featurebox li { list-style: none; background: transparent url(../img/greentick.gif) no-repeat 0px 4px; padding-left: 25px; line-height: 24px; font-weight: bold; color: #313816; font-size: 13px; }
/* #content-left .featurebox li a { color: #313816; text-decoration: none; } */
#content-left .featureboxint {float: right; width: 120px; background: #708c00 url(../img/featureboxintg.gif) no-repeat bottom right; margin: 16px 11px 0 10px;}
#content-left .featureboxint p {font-size: 13pt; font-weight: bold; margin: 0; padding: 10px 15px; background: transparent url(../img/featureboxintg.gif) no-repeat top left; text-align: center; font-family: Arial, helvetica, Sans-Serif; color: #f4fed6;}
#content-left .featureboxint p strong {font-size: 22pt;}

#content-left .featurebox-blue {width: 517px; background: #dfeafb url(../img/featureboxb.gif) no-repeat bottom right; margin: 15px 0 15px 0;}
#content-left .featurebox-blue ul {margin: 0; padding: 10px 15px; background: transparent url(../img/featureboxb.gif) no-repeat top left;}
#content-left .featurebox-blue li {list-style: none; background: transparent url(../img/bluetick.gif) no-repeat 0px 4px; padding-left: 25px; line-height: 24px; font-weight: bold; color: #4e4e4e; font-size: 13px; }
#content-left .featurebox-blue li a { color: #4e4e4e; text-decoration: none; }
#content-left .featurebox-blue li.indent {list-style: none; background: none; line-height: 24px; font-weight: bold; color: #4e4e4e; font-size: 13px; }
#content-left .featureboxint-blue {float: right; width: 120px; background: #2F599E url(../img/featureboxintb.gif) no-repeat bottom right; margin: 16px 11px 0 10px;}
#content-left .featureboxint-blue p {font-size: 13pt; font-weight: bold; margin: 0; padding: 10px 15px; background: transparent url(../img/featureboxintb.gif) no-repeat top left; text-align: center; font-family: Arial, helvetica, Sans-Serif; color: #f4fed6;}
#content-left .featureboxint-blue p strong {font-size: 22pt;}

#content-left .teaser { width:178px; height:185px; background:#fff url(../img/bg-teaser.jpg) top repeat-x; float:left; margin:0.1em 0 0 0.2em; }
#content-left .teaser h1 { margin:0; padding:0.4em; color:#545454; font-size:20px; font-weight:normal; }
#content-left .teaser p { color:#545454; height:90px; font-size:14px; line-height:19px; margin:0; padding:0.2em 0.5em 0 0.5em; }
#content-left .teaser img { margin:1.4em -0.5em 0 0; position:relative; }

#content-left ul.portfolio { margin: 15px 0 0 0; padding: 0; list-style: none; }
#content-left ul.portfolio li { padding: 0 30px 20px 0; float: left; }
#content-left ul.portfolio li a { border: 1px dashed #999; display: table; }

#content-right #box { list-style:none; margin:-.5em 0 0.5em -.5em; padding:0; width:209px; }
#content-right #box .content-box { margin:0 auto; padding:10px; width:189px; background:url(../img/bg_balloon.jpg) repeat-x top; color:#656565; font-size:13px; min-height:80px;}
#content-right #box .blue-top-box { margin:0 auto; padding:10px; width:189; background:url(../img/balloon_blue.jpg) no-repeat top; color:#fff; font-weight:bold; font-size:13px; height:32px;}
#content-right #box .orange-top-box { margin:0 auto; padding:10px; width:189px; background:url(../img/balloon_orange.jpg) no-repeat top; color:#fff; font-weight:bold; font-size:13px; height:32px; }
#content-right #box .content-box p { margin:0; padding:0; }
#content-right #box .content-box a { color:#656565; text-decoration: none; }

#content-right #box form { margin:0; padding:0; }
#content-right #box p { clear:both; }
#content-right #box form label { float:left; width:55px; text-align:right; padding:2px 4px 0 0;}
#content-right #box form input { width:120px; border:1px #ababab solid; margin:2px; }
#content-right #box form input.submit { background:transparent url(../img/blue_button.gif) no-repeat; border:0;  width:66px; height:32px; color:#fff; font-weight:bold; font-size:13px; margin:0.1em 0 0 9.4em; cursor:hand; cursor:pointer; }

#content-right { width:210px; height:auto; float:right; margin:0 auto; }
#content-right h1 { margin:0em; padding:0; float:left; color:#525252; font-size:28px; font-weight:normal; text-align:center; }

#content-right ul.service-list { margin: 0; padding: 0; list-style: none; }
#content-right ul.service-list li { background: transparent url(../img/bullet.gif) no-repeat center left; padding-left: 15px; }

#footer { width:758px; margin:0 auto; height:32px; background:#42a3d2; clear:both; text-align: center; padding:15px 0 0 15px;}
#footer h3 { color:#fff; font-weight:bold; font-size:13px; margin-top: 0px;}
#subfooter { font-size:12px; margin:0 auto; padding:10px; width:758px; height:20px; text-align:right; color:#a7a7a7; }
#subfooter p.left { float: left; margin:0; }
#subfooter p.right { float: right; margin: 0; }
#subfooter p.mid { clear: both; text-align: center; padding-top: 10px; }
#subfooter p.left img { padding-right: 3px; }
#subfooter a { color:#6e6e6e; font-size:13px; padding:0 9px 0 0; }
#subfooter a:hover { text-decoration:none; }

/* CONTACT*/
label {width: 120px; float: left;height: 25px; padding-top: 4px; text-align: right; padding-right: 10px;}
fieldset {border: 1px solid #696461; width: 520px; padding: 0px ;text-align:left;}
fieldset legend {font-size: 13pt; font-weight: bold; color: #4c4c4c;}
fieldset p {margin: 10px 5px; clear:both;}
fieldset input {background-color: #ffffff; border: 1px solid #696461; height: 20px;}
fieldset textarea {background-color: #ffffff; border: 1px solid #696461;}
input.small {width: 200px;}
input.big {width: 295px;}


/* 
	TagBox table styles
	written by TagBox http://www.tagbox.de
*/
table {
  border-collapse: collapse;
  border: 1px solid #03476F;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: #fff;
  }
td, th {
  border: 1px solid #03476F;
  padding: .4em;
  }

thead th, tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #03476F;;
  text-align: left;
  background: #42A3D2;
  color: #FFFFFF;
  padding-top:3px;
  }
tbody td a {
  text-decoration: none;
  }
tbody th a {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  }
tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
tfoot td {
  border: 1px solid #03476F;
  background: #4591AD;
  padding-top:3px;
  color: #FFFFFF;
  }
.odd {
  background: #D4D4D4;
  }