body {
  margin: 0; padding: 0;
  background: #e6e7d9 url() repeat top left;
  color: #767676;
}
a {
  color: #54a9db;
}
a:visited {
  color: #54a9db;
  text-decoration: none;
}
h1 a { font-size: 100% }

#page {
  width: 100%;
  margin: 0 auto 0 0;
  background-color: #f7f8ee;
}
#top-bar { display: none; }

#columns {
  width: 980px;
  background: #fff url( ../pics/columns_bg.gif ) repeat-y top left;
  margin: 0; padding: 0;
}

#content {
  margin: 0 280px 20px 87px;
  padding-top: 10px;
}
#content .inner { margin: 0; }

#content h1 {
  font-weight: normal;
  /*color: #67bceb;
  font-size: 18px;*/
  color: #1BA0EA;
  font-size: 24px;
  font-family: verdana, hevetica, arial, sans-serif;
}

/* Title image */
div#content div.inner i img {
  margin: 4px 0 16px 0;
}


#menu {
  background: #49BDEC url( /files/moogo.moogo.com/pics/moogo_topbar.gif ) no-repeat bottom left;
  height: 165px;
}
#menu ul {
  padding: 86px 0 0 324px;
  height: 42px;
  width: auto;
}
#menu ul li {
  height: 42px;
  padding: 0; margin: 0 3px 0 0;
  background-color: #fff;
  text-align: center;
}
#menu ul li a {
  color: #000;
  padding: 15px 0 0 0;
  display: block;
  height: 27px;
}
#menu ul li a span { display: none; }
#menu ul a:hover {
  color: #f33307;
  text-decoration: underline;
}


/* Menulinkit */
#menu #menu_li1 {
  width: 228px;
  height: 50px;
  position: absolute;
  top: 55px;
  left: 75px;
  background-color: transparent; 
}
#menu li a#menulink2 {
  width: 109px;
  background: transparent url( ../pics/menu_frontpage_dis.gif ) no-repeat top left;
}
#menu li.active_link a#menulink2 { background-image: url( ../pics/menu_frontpage.gif ); }

#menu li a#menulink3 {
  width: 164px;
  background: transparent url( ../pics/menu_clients_dis.gif ) no-repeat top left;
}
#menu li.active_link a#menulink3 { background-image: url( ../pics/menu_clients.gif ); }

#menu li a#menulink4 {
  width: 109px;
  background: transparent url( ..//pics/menu_support_dis.gif ) no-repeat top left;
}
body.form #menu li a#menulink4,
body.tour #menu li a#menulink4,
body.faq #menu li a#menulink4,
body.instructions #menu li a#menulink4,
body.support #menu li a#menulink4,
body.messageboard #menu li a#menulink4,
#menu li.active_link a#menulink4 { background-image: url( ../pics/menu_support.gif ); }

#menu li a#menulink5 {
  width: 149px;
  background: transparent url( ../pics/menu_start.gif ) no-repeat top left;
}



#menu li:hover ul, #menu li.hover ul{ left: 0; }
#menu ul li ul {
  padding: 0;
  z-index: 100;
  background-color: transparent;
  border: none;
  height: 36px;
  width: 712px;
  text-align: right;
  left: 0;
}
#menu ul.top li ul li {
  background-image: none;
  background-color: transparent;
  height: 36px;
  padding: 0; margin: 0;
  width: auto; 
  float: right;
  text-align: left;
}

#menu ul li ul li a {
  color: #53abdc;
  text-transform: none;
  padding: 0; margin: 0;
  white-space: nowrap;
  overflow: hidden;
  font-weight: bold;
  font-size: 11px;
  display: inline;
}
#menu ul li ul li a span { 
  display: block; padding: 12px 16px 17px 9px;
  background: transparent url( ../pics/menuarr.gif ) no-repeat 0px 16px;
}
#menu ul li ul li a:hover span {
  color: #53abdc;
  text-decoration: underline;
}



#footer { 
  background-color: #e6e7d9; 
  font-size: 12px; 
  padding: 0; margin: 0;
  color: #707070;
  padding: 0;
  text-align: left;
}
#footer img {
  display: block;
  margin-bottom: 10px;
}
#footer table {
  border: none; border-collapse: collapse; 
  padding: 0;
  margin: 0 0 0 87px;
  width: 872px;
}
#footer table td {
  padding: 35px 0 0 0;
  width: 218px;
}
#footer h2 {
  font-size: 16px;
  font-weight: bold;
  padding: 0;
}
#footer h2 a { color: #707070; text-decoration: none; }
#footer ul {
  padding: 0; margin: 6px 0 0 0;
  list-style: none;
}
#footer ul a {
  font-size: 11px;
  color: #707070;
  text-decoration: none;
  display: block;
  padding: 3px 0 3px 8px;
  background: transparent url( ../pics/footerarr.gif ) no-repeat 0px 7px;
}
/* Hack to collapse IE6's paddings */
#footer ul li { border: 1px solid #E6E7D9; }
#footer ul a:hover { color: #54A9DB; }
#footer table td.footerwide { width: auto; }
#footer table td.footerwide p { padding-right: 20px; }
#footer #bottomsearch { padding-top: 18px; }
#footercopyright {
  font-size: 10px;
  width: 980px;
  text-align: center;
  margin: 50px 0 0 0;
  color: #999;
}





/* Ominaisuustaulukko */
.features {
  width: 578px;
  background: #fff url( ../pics/pricelist_bg.gif ) repeat-y top left;
}
.features_top {
  height: 45px;
  background: #fff url( ../texts/box_features.gif ) no-repeat top left;
}
.features_bottom {
  height: 6px; overflow: hidden;
  background: #fff url( ../pics/pricelist_bottom.gif ) repeat-y top left;
}

.features h1, .features p {
  margin: 0 25px;
}
.features p { padding: 10px 0; }

.feature {
  border-top: 1px solid #dbdbdb;
  margin: 10px 25px;
  padding: 10px 0;
}
.feature h1, .feature p {
  margin: 0; padding: 0;
}
#content .feature h1 {
  font-size: 13px; font-weight: bold;
  margin-top: 6px;
}
#content .feature p { margin-top: 6px; }
.feature h2 {
  color: #797b7c;
  font-size: 12px;
}
.feature table td { padding: 0; }
.feature .t_image { width: 70px; }
.feature .t_price { width: 100px; }
.feature .t_text {  }



/* Perusominaisuudet */
.basic_prices {
  width: 578px;
  height: 346px;
  margin: 20px 0;
  overflow: hidden;
  background: #fff url( ../texts/box_prices.gif ) repeat-y top left;
  font-size: 11px;
}
.basic_prices table {  margin-top: 52px; border: none; border-collapse: collapse; }
.basic_prices table td { padding: 0; }
.basic_prices .t_types { width: 335px; color: #fff; }
.basic_prices .t_list { width: 220px; color: #404040; padding-top: 0px; }
.basic_prices .t_types p { margin: 0 20px 0 25px; }
.basic_prices .t_list ul {
  padding: 0; margin: 0 0 0 27px;
  list-style: none;
}
.basic_prices .t_list ul li {
  display: block;
  padding: 3px 0 3px 10px;
  background: transparent url( ../pics/footerarr.gif ) no-repeat 0px 7px;
}
/* Perusominaisuuksien hinnat */
.basic_prices table.user_table {
  margin: 10px 0 0 6px;
  border: 3px solid #49BDEC;
}
.basic_prices table.user_table td {
  border: 2px solid #fff;
  padding: 8px 4px;
  font-size: 11px;
  text-align: right;
}
.basic_prices_table_onmouseover td {
  background-color: #27BB0F;
}





blockquote {
  margin: 0 0 30px 0; padding: 10px 0 0 30px;
  background: #fff url( ../pics/quote.gif ) no-repeat top left;
}
blockquote b {
  font-size: 10px;
}



/* Ohjeiden kuva-tablet */
body.ohjeet #content table.content_table table {
  font-size: 10px;
  border: 1px solid #49BDEC;
  margin: 0 0 5px 5px;
}
body.ohjeet #content table.content_table table td {
  padding: 2px 4px;
}
body.ohjeet #content table.content_table table td img { 
  margin: 0; 
}

body.ohjeet blockquote {
  margin: 0 20px;
  background: none;
}




/* Landing pages */
#menu {
  background: #49BDEC url(logo_com_frontpage.gif ) no-repeat top left;
  height: 128px;  
}
#content { margin: 0 100px 20px 87px; }
#columns { background-image: none; }

#headblock {
  display: block;
  position: absolute;
  left: 499px;
  margin: 6px 0 0 0;
  color: #fff;
}
#top-bar {
  display: block;
  height: 0;
}



#topbarlogin input.loginfield {
  border: 1px inset #c5c5c5;
  border-bottom: 1px solid #b4b4b4;
  border-right: 1px solid #b4b4b4;
  width: 110px;
  padding: 2px;
  font-size: 10px;
}
#topbarlogin img {
  margin: 0 0 10px 0;
  display: block;
}
#topbarlogin a {
  display: block;
  color: #fff;
  font-size: 10px;
  text-align: right;
  margin-top: 4px;
}

.moogo_site_thumb {
  border: 1px solid #888;
  margin-left: 10px;
}

/* make linklists with icons look better */
p.icon_linklist img {
  position: relative;
  top: 3px;
}

/* new header styles */
p.caption {
  color: #909292;
  font-family: Arial,sans-serif;
  font-size: 18px;
  font-weight: normal;
}
#content h1 {
  font-size: 30px;
  line-height: 36px;
  font-weight: normal;
}
#content h2 {
  font-size: 15px;
  line-height: 20px;
  font-weight: bold;
}
#content h3 {
 font-size: 13px;
 font-weight: bold;
 color: #909292;
 line-height: 18px;
}
#content strong {
  color: #909292;
}

#menu div.clear {
  display: none;
}


/* Messageboard */
body.messageboard textarea {
  width: 500px; height: 200px;
}

table.messageboard { margin: 0; padding: 0; }
table.messageboard th { background-color: #E6E7D9; }

.moogo_recent_websites p {
  width: 753px;
  overflow: hidden;
}

.k_float {
	z-index : 9999999;
	position : fixed !important;
	position : absolute;
	cursor : pointer;
}
#kampylink img {
	border : 0;
}
.k_top {
	top : 0;
}
.k_bottom {
	bottom : 0;
}
.k_right {
	right : 0px;
}
.k_left {
	left : 0;
}
#k_close_button {
	color : gray;
	border : 1px solid gray;
	display : none;
	width : 11px;
	height : 16px;
	font-size : 12px;
	text-align : center;
}
.kc_top {
	top : 80px;
}
.kc_bottom {
	bottom : 80px;
}
.kc_right {
	right : 10px;
}
.kc_left {
	left : 10px;
}