@charset "utf-8";
body{
	font: 100% Arial, Verdana;
	font-size:13px;
	background: #080458  ;
	width: 100%;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #fff;

}
p{	
	color: #fff;
	text-align:left;
	font: 100% Arial, Verdana;
	font-size:13px;
	padding-right:10px;
	}
img{border:0px;}
.oneColElsCtr #container {
	background: #0a0575;
	margin: 0 auto 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	width:980px;
	margin-bottom:0px;
	
	
}
.oneColElsCtr #mainContent {
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
a.yellowLink{
	font-family:  Arial, Verdana;
	font-size:13px;
	color:#EDD62E;
	text-decoration:none;
}
a.yellowLink:hover{
	font-family:  Arial, Verdana;
	font-size:13px;
	color:#EDD62E;
	text-decoration:underline;
	
}
.domainname{ text-align:right; font-family: Arial,Verdana; font-size:20px; color:#FFFFFF; font-weight:bold; }
.headtop{list-style:none;}
.topbanner{
	background-image:url(i/web_hosting_pattaya_banner_half_background.jpg); 
	width:980px;
	background-repeat:no-repeat; 
	margin-top:0px;
	margin-bottom:0px;
	background-color:#05033e;
	clear:none;

}
.menubar{
	list-style:none; 
	background-image:url(i/menu_bar_background.gif); 
	background-repeat:repeat-x; 
	width:100%; 
	text-align:left; 
	padding-top:8px;
	clear: both;
	height:32px;
	font-size:14px;
	
	}
.menubar ul, .menubar li, .menubar a{
	font-family:  Arial;
	font-size:14px;
	font-weight:  900;
	color:#333333;
	list-style-type:none;
	display: inline;
	text-decoration:none;
	
}


.menubar a {
padding:8px 10px;
font-size:14px;
}

.menubar a:hover{
	vertical-align: bottom;
	font-family: Arial,Verdana;
	font-size:14px;
	font-weight:900;
	color:#FFFFFF;
	list-style-type:none;
	display: inline;
	text-decoration:none;
	background-color:#3366CC;
	padding:8px 10px;
	background-image:url(i/menu_bar_background_hover.gif);
	background-repeat:repeat-x;


}

#mypage ul, .menubar li, .menubar a{
	font-family:  Arial, Verdana;
	font-size:14px;
	font-weight:  900;
	color:#333333;
	list-style-type:none;
	display: inline;
	text-decoration:none;
	
}


#mypage a {
padding:8px 10px;
background-image:url(i/menu_bar_background_hover.gif);
	background-repeat:repeat-x;
	color:#FFFFFF;
}

#mypage a:hover{
	vertical-align: bottom;
	font-family: Arial,Verdana;
	font-size:14px;
	font-weight:900;
	color:#FFFFFF;
	list-style-type:none;
	display: inline;
	text-decoration:none;
	padding:5px;
	background-color:#3366CC;
	padding:8px 10px;
	background-image:url(i/menu_bar_background_hover.gif);
	background-repeat:repeat-x;


}


img#webHosting {
	float: right;
	clear: right;
	margin: 30px 5px 30px 0;
	border:0px;
}
#flashlogo {
	float: left;
	width: 300px;
	clear:none;

}

#flashTitle{
	float: left;
	clear: none;
	width: 300px;
}
#texbanner{
	margin:0px;
	margin-left:40px;
	margin-top:10px;
}

.readmore ul, .readmore li, .readmore a{
	float:left;
	clear: none;
	vertical-align: bottom;
	list-style-type:none;
	display: inline;
	border:0px;
	border-bottom-style:none;
	margin-top:37px;
}
.bodydynamic{
	width: 100%;
	height:160px;
	background-image:url(i/plans.jpg);
	background-repeat:no-repeat;
	margin-top:5px;

 }
.bodydynamic img{ float: inherit; clear:none;border:0px; margin:50px 0px 0px 5px;}

#bottomdiv{
	background-color:#05033e;
	margin:0 auto;
	padding:0px;
	color:#FFFFFF;
	font-size:14px;
	font-family: Arial, Lily, Verdana;
	clear: both;
	float:inherit;
}



h2 {
margin: 0;
}
.footer{
width:980px;
height:100px;
background-color:#0a0575;
clear: both;
}
.paypal {float:right;  border:0px; clear:both; border:0px}
#flagLang{
margin: 0;
padding:0;
float: right;
clear:both;
}

#flagLang img{border:0px;}
.buttonlink{border:0px;}
.floatleft{float:left; margin:0 auto;}
.floatright{float:right; margin:0 auto;}

#columnLeft{
width: 580px;
margin-right: 1%;
margin-left: 2%;
margin-bottom:2%;


}

#columnRight{
width: 35%;
float: right;
margin:5px;
margin-left:20px;

}
.bottomSpace{height:0%;}
.footer{
margin: 0;
padding:0;
}
.wellcome{ font-family:Arial; font-size:26px; color:#FAD400;}
#textPlan{float:left; margin:50px 0px 0px 0px;}
/************************ for another page not home page ********************/
#columnLeft2{
width: 55%;
margin-right: 0px;
margin-left:20px;margin-top:20px;
margin-bottom:2%;
 float:left;

}
#columnRight2{
width: 40%;
float: right;
margin-top:40px;
margin-left:10px;
margin-top:40px;

}
/**********************************************************************/

/***************** plans home page **********************************/
#support{ float:right; height: 50px;/*margin:45px 0px 0px 45px;border:0px;*/ }

#standPlans{
	width:198px;
	height:140px;
	float:left;
	padding:0px;
	/*background-image:url(i/BGstandplan.png);
	background-repeat:no-repeat;*/
	margin-top:20px;
	margin-left:1%;
	margin-right:5px;
	padding-left:8px;
}
#standPlans li{
	font-family:  Arial, Verdana;
	font-size:12px;
	color:#FFFFFF;
	list-style-type:none;
	clear: both;
	margin-top:0px;
	margin-left:5px;
	margin-right:5px;
	
}
#standPlans h3{
	font-family: "Trebuchet MS"  ;
	font-size: 20px;
	font-style:normal;
	color:#FF9900;
	margin-top:0px;
	margin-left:20px;
	margin-right:0px;
	
}
#bizPlans{
	width:198px;
	height:140px;
	/*background-image:url(i/BGbizPlan.png);
	background-repeat:no-repeat;*/
	float:left;
	padding:5px;
	margin-top:20px;
	margin-left:1%;
	margin-right:5px;
	
}
#bizPlans li{
	font-family:  Arial, Verdana;
	font-size:12px;
	color:#FFFFFF;
	list-style-type:none;
	margin-top:0px;
}
#corpPlans{
	width:198px;
	height:140px;
	/*background-image:url(i/BGcorpPlan.png);
	background-repeat:no-repeat;*/
	float:left;
	padding:5px;
	margin-top:20px;
	margin-left:1%;
	margin-right:0px;
	
	
}
#corpPlans li{
	font-family:  Arial, Verdana;
	font-size:12px;
	color:#FFFFFF;
	list-style-type:none;
	clear: both;
	margin-top:0px;
}


.divInside{
	clear:right;
	float:left;
	height:30px;
	margin-left:0px;
	padding-left:20px;
}
.divInside img{
	clear:right;
	float:left;
	margin:0px;
	padding-right:10px;
}


.HeadPlan{
	margin-left:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#F4940A;
	font-weight:lighter;
	letter-spacing:-1px; 
	
}
.HeadPlan2{
	font-family:"Trebuchet MS";
	font-size:20px;
	color:#F4940A;
	font-weight:bolder;
	
}
.subPlan{
	margin-left:2px;
	font-family:Arial, Verdana;
	color:#E9D37C;
	font-size:12px;
	padding-bottom:0px;
	
}
		




/****************************************************************/
/********************* Hosting Page ***************************/
#imgBody{margin-top:12px;padding:0px; float:left;}
#columnLeft_Hosting{
	margin-top:15px;
	margin-left:0px;
	background-image:url(i/Hosting_Page_BG2.jpg);
	background-repeat:no-repeat;
	width:100%;
	height:430px;
	 float:left;
	
	background-position:center top;
	}
#columnRight_Hosting_Page{
	width: 90%;
	float: left;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	padding-left:20px;
	padding-right:20px;
 	background-color:#05033E;
	}
#Plan_Hosting{
	width:950px;
	float:left;
	padding:0px;
	margin-top:180px;
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
}


/* standard */
#standDiv{
	font-family:Arial, Verdana;
	font-size:12px;
	color:#fad424;
	font-weight: normal;
	margin-top:0px;
	margin-left:10px;
	margin-right:0px;
	padding-left:0px;
	width:190px;
}

#standDiv ul li {
	list-style-type: none;
	line-height: 13px;
	letter-spacing:0 ;
}
#standDiv ul {
	margin:0px;
	margin-left:30px;
	padding: 0;
	
}
#standOD{
	margin-top:20px;
	margin-left:110px;
	}
#standH2{
	letter-spacing:-1px;
	font-family:Arial, Verdana;
	font-size:18px;
	color:#f7950c;
	font-weight: normal;
	margin-top:0px;
	margin-left:40px;
	margin-right:0px;
	padding-left:0px;
 	font-style:italic;
	
}
/* business */
#bizDiv{
	font-family:Arial, Verdana;
	font-size:12px;
	color:#fad424;
	font-weight: normal;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	width:190px;
}

#bizDiv ul li {
	list-style-type: none;
	line-height: 13px;
	letter-spacing:0 ;
}
#bizDiv ul {
	margin:0px;
	margin-left:30px;
	padding: 0;
}
#bizOD{
	margin-top:20px;
	margin-left:100px;
}
#bizH2{
	letter-spacing:-1px;
	font-family:Arial, Verdana;
	font-size:18px;
	color:#f7950c;
	font-weight: normal;
	margin-top:0px;
	margin-left:30px;
	margin-right:0px;
	padding-left:0px;
	font-style:italic;
}

/* corporate */
#corpDiv{
	font-family:Arial, Verdana;
	font-size:12px;
	color:#fad424;
	font-weight: normal;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	width:190px;
}

#corpDiv ul li {
	list-style-type: none;
	line-height: 13px;
	letter-spacing:0 ;
}
#corpDiv ul {
	margin:0px;
	padding: 0;
	margin-left:20px;
}

#corpOD{
	margin-top:20px;
	margin-left:100px;
}
#corpH2{
	letter-spacing:-1px;
	font-family:Arial, Verdana;
	font-size:18px;
	color:#f7950c;
	font-weight: normal;
	margin-top:0px;
	margin-left:20px;
	margin-right:0px;
	padding-left:0px;
	font-style:italic;
}


/* enterprise */
#nterpDiv{
	font-family:Arial, Verdana;
	font-size:12px;
	color:#fad424;
	font-weight: normal;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	width:190px;
	text-align:left;
}

#nterpDiv ul li {
	list-style-type: none;
	line-height: 13px;
	letter-spacing:0 ;
}
#nterpDiv ul {
	margin:0px;
	padding: 0;
	margin-left:20px;
}
#nterpOD{
	margin-top:20px;
	margin-left:80px;
}
#nterpRM{
	margin-top:20px;
	margin-left:50px;
}
#nterpH2{
	letter-spacing:-1px;
	font-family:Arial, Verdana;
	font-size:18px;
	color:#f7950c;
	font-weight: normal;
	margin-top:0px;
	margin-left:20px;
	margin-right:0px;
	padding-left:0px;
	font-style:italic;
}


/****************************************************************/

/***********************CONTACT PAGE************************/
#contactAddress{
	font-family:Arial, Verdana;
	font-size:12px;
	float:left; 
	margin-left:0px;
	width:250px;

 }
 #contactAddress ul{
	margin-left:0px;
	margin:0px;
	padding: 0;
 }

 #contactAddress ul li{
	 margin-left:0px;
	 list-style-type: none;
 }
#columnLeftContact{
width:630px;
margin-right: 0px;
margin-left:20px;margin-top:20px;
margin-bottom:2%;
 float:left;

}
#map{
	float:left;
	width:370px; 
	height:200px; 
	margin-top:20px;
	background-color:#FFFFFF;
	border:solid;
	border-color:#FFCC00;
}
 p.balloon{
 	font-family:Arial, Verdana;
	font-size:13px;
	color:#000066;
	font-weight: normal;
	width:200px;
 }
 a.balloon{
 	font-family:Arial, Verdana;
	font-size:13px;
	color:#000066;
	font-weight: bolder;
	text-decoration:none;
 }
 a.balloon:hover{
 	font-family:Arial, Verdana;
	font-size:13px;
	color:#000066;
	font-weight: bolder;
	text-decoration: underline;
 }
 #contactForm{
 	width:600px;
	float:left;
	margin-top:20px;
	
	
}
.inputBox{background-color:#CCCCCC; border-style:solid; border-color:#FFCC00}
 /****************************************************************/
 
.plan{
 	 width:25px; 
	 height:25px;
	 margin-right:25px;
}
 #columnOrder{
	margin-top:15px;
	margin-left:20px;
	width:95%;
	 float:left;
	}
#term{
	 width:450px; 
	 height:100px;
	 background-color:#fff;
	 font-family:Arial, Verdana;
	font-size:9px;
	color:#666666;
	overflow:auto;
	padding:10px;
	border:1px;
	border-color:#A7A6BF;
	border-style:solid;
	
}
#footerText{
 text-align:center;
 background-color:#05033E;
 border-top: solid 1px black;
 color:#999999;
 padding:0 10px 5px 10px;
 font-size:11px;

}
#textFooter{
font-size:10px;
color:#999999;
 text-align:center;
 background-color:#05033E;
}