@charset "utf-8";
@import url('clear.css');
@import url('article-page.css');
@import url('gallery-page.css');

body {
font-size: 100%;
line-height: 1.125em; /* 16x1.125=18 */
color: #222;
/*font-family: Tahoma, Thonburi, Arial, Helvetica, sans-serif;*/
font-family: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
background-color: #ffffff;
background-image: url(/igetweb/images/bg-body.jpg);
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;
}
a {
color: #ff9900;
text-decoration: none;
}
a:hover {
color: #ff6600;
/*text-decoration: underline;*/
}
#container {
height: auto;
width: 980px;
margin-right: auto;
margin-left: auto;
position: relative;
font-size:0.8em;
padding-right: 2px;
padding-left: 2px;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #b1b1b1;
border-left-color: #b1b1b1;
background-color: #fff;
}
#header {
background-image: url(/igetweb/images/bg-header.jpg);
background-repeat: no-repeat;
width: 980px;
position: relative;
height: 255px;
display: block;
}
#header h1 a {
position: absolute;
height: 77px;
width: 288px;
display: block;
left: 30px;
top: 25px;
text-indent: -9999px;
background-image: url(/igetweb/images/logo_igetweb_trans.png);
_background-image: url(/igetweb/images/logo-igetweb.png);
background-repeat:no-repeat;
}
#header h2 {
display: none;
}
.banner {
width: 788px;
height: auto;
position: relative;
overflow: hidden;
display: block;
}
.banner span {
float:left;
padding-top: 2px;
}
#nav-menu-main  {
background-image: url(../images/bg-nav-menu-main.png);
height: 40px;
background-repeat: repeat-x;
position: relative;
top: 115px;
width: 100%;
padding-left: 0;
}
#nav-menu-main li {	display: inline;	text-indent: -999%; }
#nav-menu-main li a {
display: block;
height: 40px;
float: left;
background-position: 0px 0px;
background-repeat: no-repeat;
margin-right:3px;
}
#nav-menu-main li a:hover { background-position: 0px -40px; }
#nav-menu-main li a:active, #nav-menu-main .selected { background-position: 0px -80px; }

a.btn-home {	background-image: url(../images/btn-home.png);	width: 90px;}
a.btn-product {	background-image: url(../images/btn-product.png);	width: 120px;}
a.btn-webdesign {	background-image: url(../images/btn-webdesign.png);	width: 120px;}
a.btn-directory {	background-image: url(../images/btn-directory.png);	width: 107px;}
a.btn-article {	background-image: url(../images/btn-article.png);	width: 91px;}
a.btn-album {	background-image: url(../images/btn-album.png);	width: 96px;}
a.btn-service {	background-image: url(../images/btn-service.png);	width: 84px;}
a.btn-payment {	background-image: url(../images/btn-payment.png);	width: 119px;}
a.btn-contact {	background-image: url(../images/btn-contact.png);	width: 92px;}
a.btn-ads { background-image:url(../images/btn-ads.png); width:98px; }
a.btn-clients { background-image: url(../images/btn-clients.png); width: 121px; }
a.btn-hostjustclick { background-image: url(../images/btn-hostjustclick.png); width: 96px; }
a.btn-emailjustclick { background-image: url(../images/btn-emailjustclick.png); width: 85px; }

#tool {
background-image: url(/igetweb/images/bg-tool.png);
background-repeat: no-repeat;
display: block;
height: 70px;
width: 980px;
position: relative;
top: 115px;
}
#tool h3, form.login   label, form.check-domain  label, form.search label { display: none; }
.input-username, .input-password, .input-domain, .input-search   {
color: #666666;
position: absolute;
border: 0px solid #CCCCCC;
z-index:9999;
background: transparent;
_background-image: url(../images/spacer.gif);
_background-repeat: repeat;
padding-left: 5px;
}
.input-domain, .input-search { left: 13px; top: 32px; height: 13px; width: 75px; }
.input-username, .input-password { height: 20px; width: 170px; left: 10px; }
.input-username { top: 12px; }
.input-password { top: 37px; }
.input-domain {
left: 700px;
width: 100px;
}
.input-search {
left: 725px;
}
.select-domain-dot, .select-search-type {
left: 820px;
position: absolute;
top: 29px;
height: 20px;
color: #333;
width: 60px;
}
.select-search-type {
left: 815px;
width: 100px;
}
input.btn-signin, input.btn-check-domain, input.btn-search {
font-size: 0px;
display: block;
color: #FFFFFF;
background-color: transparent;
background-repeat: no-repeat;
border: 0px solid #CBCFD4;
position: absolute;
left: 195px;
}
input.btn-check-domain, input.btn-search { top: 27px; height: 27px; width: 74px; }
input.btn-signin { height: 23px; width: 77px; border: none; padding: 0; top: 12px; }

li a.btn-forget-password, li a.btn-register, li a#fb-login { display: block; position: absolute; float: left; text-indent: -9999px; }
li a#fb-login { background: url(../images/btn-facebook-connect.png) no-repeat left top; height: 23px; width: 166px; left: 195px; top: 37px; }
li a.btn-forget-password { background: url(../images/btn-forget-password.png) no-repeat left top; height: 23px; width: 84px; left: 276px; top: 12px; }
li a.btn-register { background: url(../images/btn-register.png) no-repeat left top; width: 90px; height: 48px; left: 370px; top: 12px; }
li a.btn-register:hover { background-position: left -48px; }

input.btn-check-domain {
height: 27px;
width: 78px;
left: 890px;
}
input.btn-search {
left: 920px;
width: 54px;
}
.hd-nav-path  {
text-indent: -9999px;
}
#nav-path {
background-image: url(../images/bg-nav.png);
background-repeat: repeat-x;
height: 27px;
width: auto;
position: relative;
top: 97px;
}
#nav-path li {
display: inline;
}
#nav-path a {
color: #444C57;
font-weight: bold;
margin-top: 0px;
display: block;
padding-left: 10px;
}
#nav-path a:hover {
color: #fff;
}
#nav-path  .path {
background-image: url(../images/bg-path-current.png);
background-repeat: no-repeat;
height: 24px;
min-width: 90px;
background-position: right center;
display: block;
float: left;
text-align: center;
padding-top: 3px;
padding-right: 20px;
}
#nav-path  .path  a {
margin-top: 0px;
}
#nav-path  .current a {
padding-top: 3px;
text-indent: 10px;
}

/*******************************************/
#side-left {
float: left;
width: 190px;
position: relative;
margin-top: -3px;
height: auto;
margin-bottom: 3px;
overflow:hidden;
}
h3.hd-stat {
display: none;
}
ul.stat {
background-image: url(../images/bg-stat.jpg);
display: block;
height: 135px;
width: 175px;
padding-top: 55px;
padding-right: 5px;
padding-left: 10px;
display: block;
background-repeat: no-repeat;
}
.stat label {
float: left;
width: 80px;
padding-right: 5px;
text-align: left;
}
.stat span {
float: left;
width: 80px;
text-align: right;
}
.stat li {
display: block;
width: 180px;
height: 20px;
}
h3.hd-service-of {
display: none;
}
ul.service-of {
margin-top: 3px;
text-indent: -9999px;
}
ul.service-of li a:hover {
background-position: 0px -27px;
}

li a.btn-left-article-recommended, li a.btn-left-conf-payment, li a.btn-left-newbie, li a.btn-left-register, li a.btn-left-who, li a.btn-left-step, li a.btn-left-domain, li a.btn-left-faq, li a.btn-left-payment, li a.btn-left-register-web, li a.btn-left-regist-web, li a.btn-left-spec-web, li a.btn-left-add-function, li a.btn-left-ex-template, li a.btn-left-example-theme  {
background-image: url(../images/btn-left-register.png);
background-repeat: no-repeat;
height: 27px;
width: 190px;
display: block;
}
li a.btn-left-article-recommended { background-image: url(../images/btn-left-article-recommended.png); }
li a.btn-left-conf-payment { background-image: url(../images/btn-left-conf-payment.png); }
li a.btn-left-who 				{ background-image: url(../images/btn-left-who.png); }
li a.btn-left-step 				{ background-image: url(../images/btn-left-step.png);}
li a.btn-left-domain 		{ background-image: url(../images/btn-left-domain.png);}
li a.btn-left-faq 				{ background-image: url(../images/btn-left-faq.png);}
li a.btn-left-payment 		{ background-image: url(../images/btn-left-payment.png);}
li a.btn-left-register-web { background-image: url(../images/btn-left-register-web.png); }
li a.btn-left-regist-web 	{ background-image: url(../images/btn-left-regist-web.png); }
li a.btn-left-ex-template { background-image: url(../images/btn-left-ex-template.png);}
li a.btn-left-spec-web 		{ background-image: url(../images/btn-left-spec-web.png); }
li a.btn-left-add-function { background-image: url(../images/btn-left-add-function.png); }
li a.btn-left-newbie { background-image: url(../images/btn-left-newbie.png); }
li a.btn-left-example-theme { background-image: url(../images/btn-left-example-theme.png); }

h3.hd-package {	display: none;}

ul.list-package {	margin-top: 3px;	text-indent: -9999px;}

ul.list-package li {	margin-bottom: 2px;}

ul.list-package li a:hover { background-position: 0px -53px; }

a.btn-package-free, a.btn-package-standard, a.btn-package-value, a.btn-package-luxury, a.btn-package-exclusive, a.btn-package-platinum, a.btn-package-webdesign    {
display: block;
height: 53px;
width: 190px;
background-repeat: no-repeat;
}
a.btn-package-free 		{ background-image: url(../images/btn-package-free.png);}
a.btn-package-standard 	{ background-image: url(../images/btn-package-standard.png); }
a.btn-package-value 		{ background-image: url(../images/btn-package-value.png); }
a.btn-package-luxury 		{ background-image: url(../images/btn-package-luxury.png); }
a.btn-package-exclusive 	{ background-image: url(../images/btn-package-exclusive.png); }
a.btn-package-platinum 	{ background-image: url(../images/btn-package-platinum.png); }
a.btn-package-webdesign { background-image: url(../images/btn-package-webdesign.png); }

h3.hd-ex-web {
background-image: url(../images/hd-ex-website.png);
background-repeat: no-repeat;
height: 25px;
width: 190px;
text-indent: -9999px;
margin-top: 3px;
}
ul.ex-web, ul.ex-web-temple {
height: auto;
width: 188px;
padding-top: 10px;
text-align: center;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #ccc;
border-left-color: #ccc;
background-image: url(../images/bg-gradient.png);
background-repeat: repeat-x;
}
ul.ex-web  li  img, ul.ex-web-temple li img {
/*margin-bottom: 15px;*/
}
h3.hd-ex-web-temple {
background-image: url(../images/hd-ex-website-temple.png);
background-repeat: no-repeat;
height: 25px;
width: 190px;
text-indent: -9999px;
}

span.bg-left-side-footer {
background-image: url(../images/bg-footer-left-side.png);
background-repeat: no-repeat;
display: block;
height: 7px;
width: 190px;
}
h3.hd-banner-left {
display: none;
}

#content {
height:auto;
width: 788px;
position: relative;
float: right;
overflow: hidden;
padding-top: 2px;
}

/*#content-text, #detail-text { min-height: 1700px;}*/

span.img-border {
/*background-image: url(../images/img-border-2-trans.png);*/
background-position: 0px 0px;
height: 75px;
width: 70px;
display: block;
text-align: center;
position: relative;
padding-top: 5px;
float: left;
background-repeat: no-repeat;
}
span.img-border-1 {
background-image: url(../images/img-border.png);
background-position: 0px 0px;
height: 75px;
width: 70px;
display: block;
text-align: center;
position: relative;
padding-top: 5px;
float: left;
background-repeat: no-repeat;
}
a.zoom {
background-image: url(../images/img-zoom-trans.png);
background-repeat: no-repeat;
display: block;
position: absolute;
left: 4px;
bottom: 13px;
text-indent: -9999px;
height: 14px;
width: 58px;
z-index:99999;
}
/*	Footer	*/
#footer { position:relative;}

ul.footer {
position: relative;
height: 22px;
width: 980px;
text-align: center;
margin-top: 3px;
background-image: url(../images/bg-footer.png);
background-repeat: repeat-x;
padding-top: 5px;
padding-bottom: 20px;
font-size: 0.9em;
}
ul.footer li {	display: inline;}

ul.footer li a {
padding-right: 10px;
padding-left: 10px;
color: #444C57;
font-weight: bold;
}
ul.footer li a:hover {
color: #fff;
}
p.logo-w3c a {
position: absolute;
top: 0px;
right: 0px;
z-index: 10000;
background-image: url(../images/logo-w3c.png);
background-repeat: no-repeat;
display: block;
height: 27px;
width: 120px;
text-indent: -9999px;
}
#copyright {
padding-bottom:7px;
text-align:center;
}

/* page ทุกหน้า */
span.page-all {
color: #999999;
padding-top:10px;
padding-bottom:10px;
display:block;
}
span.page-all .page-now { color: #333; }
span.page-all strong { color: #666; }
span.page-all .whitechr { color: #FFF; }

/* end page ทุกหน้า **/
.bg-none { background-image:none; }

.content-sub-text {
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #ccc;
border-left-color: #ccc;
padding: 20px;
background-image: url(../images/bg-gradient.png);
background-repeat: repeat-x;
}
span.footer-website-directory {
background-image: url(../images/bg-footer-website-directory.png);
background-repeat: no-repeat;
height: 5px;
width: 788px;
display: block;
}
ul.listresult
{
background-image: url(../images/bg-gradient.png);
background-repeat: repeat-x;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #cccccc;
border-left-color: #cccccc;
}
a.linkwhite
{
text-decoration:none;
color:#FFF;
}
a.linkwhite:hover
{
color:#FFF;
text-decoration:none;
}
a.linkwhite:visited
{
color:#FFF;
text-decoration:none;
}
a.linkgray
{
text-decoration:none;
color:#222;
}
a.linkgray:hover
{
color:#666;
text-decoration:none;
}
a.linkgray:visited
{
color:#222;
text-decoration:none;
}
.m_banner_hide {
display:none;
visibility:hidden;
}
.m_banner_show {
display:block;
visibility:visible;
}
.textlink {
text-align:left;
padding-left: 12px;
}
.f12blue {
font-size: 100%;
color: #454545;
}
a:hover .f12blue { color: #f60; }

#statistic { padding-bottom: 6px; margin-bottom: 8px; font-size: 12px; margin-top: 4px; }
#statistic .title { display: block; width: 190px; height: 78px; margin: 0; text-indent: -999em; overflow: hidden; }
#statistic .content { overflow: hidden; padding: 5px 10px; }
#statistic dt, #statistic dd { display: block; width: 50%; float: left; }
#statistic dt { clear: left; }
#statistic dd { text-align: right; }
#statistic { background: url(../images/stat-bottom-bg.png) no-repeat left bottom; }
#statistic .title { background: url(../images/stat-title-bg.png) no-repeat left top; }
#statistic .content { background: url(../images/stat-middle-bg.png) repeat-y left top; color: #fff; }

/* New Left Side Navigator */
/* ------------------------------------------------ SIDE NAVIGATOR ------------------------------------------------ */

#side-navigator {
	width: 190px;
	font-size: 12px;
	margin: 2px 0px;
}


/* ------------------------------------------------ NAVIGATOR GROUP TITLE ------------------------------------------------ */

#side-navigator a {
	text-decoration: none;
	color: white;
	display: block;
	width: 100%;
	height: 100%;
	text-align:left;
}
#side-navigator  a:hover {
	color: #00ffff;
}
#side-navigator a.navigator-title-top, #side-navigator a.navigator-title-middle, #side-navigator a.navigator-title-bottom {
	font-size: 12px;
	margin: 0;
	padding: 4px 0 0 10px;
	height: 21px;
	background-repeat: no-repeat;
	background-image: url(../images/menu_title_background.jpg);
}
#side-navigator a.navigator-title-top {
	background-position: left top;
}
#side-navigator a.navigator-title-middle {
	background-position: left -25px;
}
#side-navigator a.navigator-title-bottom {
	background-position: left -50px;
}

/* ------------------------------------------------ SUB NAVIGATOR ------------------------------------------------ */

#side-navigator ul.sub-navigator li {
	height: 19px;
	background-image: url(../images/menu_background.jpg);
	background-repeat: no-repeat;
	padding: 3px 0 0 20px;
	text-align:left;
}
#side-navigator ul.sub-navigator li a {
	color: #333;
	text-decoration: none;
	display: block;
	width: 90%;
	height: 100%;
	padding-left: 10px;
	background: url(../images/bullet-sub-navigator.png) no-repeat 0 5px;
}
#side-navigator ul.sub-navigator li a:hover {
	color: white;
}

/* ------------------------------------------------ PACKAGE MENU ------------------------------------------------ */
#package li a { height:34px; }
li a.free-package, li a.standard-package, li a.value-package, li a.luxury-package, li a.exclusive-package, li a.platinum-package {
	display: block;
	width: 100%;
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -200em;
	overflow: hidden;
}
li a.free-package:hover, li a.standard-package:hover, li a.value-package:hover, li a.luxury-package:hover, li a.exclusive-package:hover, li a.platinum-package:hover {
	background-position: left -34px;
}
li a.free-package {
	background-image: url(../images/badge_free_package.jpg);
}
li a.standard-package {
	background-image: url(../images/badge_standard_package.jpg);
}
li a.value-package {
	background-image: url(../images/badge_value_package.jpg);
}
li a.luxury-package {
	background-image: url(../images/badge_luxury_package.jpg);
}
li a.exclusive-package {
	background-image: url(../images/badge_exclusive_package.jpg);
}
li a.platinum-package {
	background-image: url(../images/badge_platinum_package.jpg);
}

/* Article Page please see "article-page.css" */

/* SEO Bar */
#seo-bar {
	width:974px;
	height: 18px;
	__padding: 0px 0px 0px 6px;
	__background-image: url(../images/seo/seo-bg.jpg);
	color: #D8D8D8;
	font-size: 9px;
	position: absolute;
	top: 10;
	left: 40;
	z-index: 10000;
	margin-left: 4px;
}

.watermark {
	color: #999 !important;
	font-style: italic !important;
}


/* Bugs fixed */
.cufon-loading {	visibility: hidden !important; }
ol#nav-path li.visitor, ol#nav-path li.socials { float: right; padding: 2px 10px 0 0; }
ol#nav-path li.socials { padding: 0 20px 0 0; }
ol#nav-path li.socials a { display: block; float: left; width: 17px; height: 17px; text-indent: -10000px; overflow: hidden; padding: 0; margin: 4px 2px 0 0; }
ol#nav-path li.socials a.facebook { background: url(../images/facebook_small.gif) top left no-repeat; }
ol#nav-path li.socials a.twitter { background: url(../images/twitter_small.png) top left no-repeat; }