/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}

a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}

* { margin: 0; padding: 0; }

body {
	margin: 0;
	padding: 0;
	background: url(images/main_head.jpg) no-repeat top center;
	background-color:#f6f3eb;
		}
		

/*.............................header...................................*/
#header
{
width:988px;
margin:0 auto;
overflow:hidden;
height:601px;
}
.up_header
{
padding:40px 0 0 0;
}
.logo
{
float:left;
margin:0 0 30px 0;
}
.contact_main
{
float:left;
margin:-10px 0 0 155px;
width:202px;
}
.contact_up
{
width:202px;
}
.contact_mid
{
width:202px;
background:url(images/black_bar.png) no-repeat;
height:30px;
}
.contact_mid p
{
color:#FFFFFF;
font:bold 16px leelawadee;
padding:5px 0 0 30px;
}
.contact_down
{
width:202px;
margin:8px 0 0 0;
background:url(images/gray_bar.png) no-repeat;
height:30px;
}
.contact_down p
{
color:#3f3f3f;
font:bold 16px leelawadee;
padding:5px 0 0 7px;
}
.contact_down p:hover
{
color:#ff7f00;
}
.c_icon
{
padding:0 0 0 25px;
}
.b_icon
{
margin:0 0 10px 0;
}

.download
{
float:left;
margin:0 0 0 165px;
}
.advertise
{
color:#246186;
font:normal 19px Leelawadee;
}
.target
{
color:#252626;
font:bold 11px Georgia, "Times New Roman", Times, serif;
}
.d_link
{
margin:10px 0 0 50px;
}

.navi
{
clear:both;
}
.navi ul
{
padding:10px 0 0 0;
}
.navi ul li
{
float:left;
}
.navi ul li a
{
padding:0 25px 0 25px;
color:#FFFFFF;
font:bold 16px Leelawadee;
}
.banner
{
clear:both;
padding:50px 0 0 0;
}
.banner_text
{
float:left;
width:470px;
}
.slogan
{
color:#e1e1e1;
font:bold 34px/38px "Liberation Sans";
}
.slogan_text
{
color:#e1e1e1;
font:bold 14px/22px Leelawadee;
padding:10px 0 0 0;
}
.port_icon
{
margin:20px 50px 0 0;
float:left;
}
.get_icon
{
margin:20px 0 0 0;
}
.banner_slider
{
float:left;
width:420px;
margin:0 0 0 70px;
}
/*.............................end_header...................................*/




#wraper
{
width:988px;
margin:15px auto;
}
/*.............................services_box...................................*/
.services_box
{
background:url(images/border.gif) no-repeat;
height:580px;
padding:20px 50px 10px 50px;
}
.graphics_icon
{
margin:-16px 0 5px 10px;
}
.catagori_title
{
color:#466c84;
font:bold 16px Leelawadee;
padding:0 0 0 8px;
text-decoration:underline;
}
.catagori_title:hover
{
color:#466c84;
text-decoration:none;
}
.catagori_text
{
color:#000000;
font:normal 14px/17px Leelawadee;
padding:6px 6px 0 8px;
clear:both;
}
.more
{
margin:0 0 0 175px;
}
.services_box_up
{
clear:both;
}
.web_design
{
float:left;
width:276px;
height:263px;
background:url(images/web_box.png) no-repeat;
}
.web_design ul
{
padding:10px 0 0 8px;
}
.web_design ul li
{
background:url(images/arrow.png) no-repeat 0 2px;
padding:0 0 8px 25px;
}
.web_design ul li a
{
color:#c06308;
font:normal 16px Leelawadee;
}
.marketing
{
float:left;
width:276px;
height:263px;
margin:0 0 35px 22px;
background:url(images/web_box.png) no-repeat;
}

.marketing ul
{
padding:10px 0 0 8px;
}
.marketing ul li
{
background:url(images/arrow.png) no-repeat 0 2px;
padding:0 0 8px 25px;
}
.marketing ul li a
{
color:#c06308;
font:normal 16px Leelawadee;
}

.hosting
{
float:left;
width:276px;
height:263px;
margin:0 0 0 22px;
background:url(images/web_box.png) no-repeat;
}

.hosting ul
{
padding:10px 0 0 8px;
}
.hosting ul li
{
background:url(images/arrow.png) no-repeat 0 2px;
padding:0 0 8px 25px;
}
.hosting ul li a
{
color:#c06308;
font:normal 16px Leelawadee;
}


.services_box_down
{
clear:both;
}
.branding
{
float:left;
width:276px;
height:263px;
background:url(images/web_box.png) no-repeat;
}

.branding ul
{
padding:10px 0 0 8px;
}
.branding ul li
{
background:url(images/arrow.png) no-repeat 0 2px;
padding:0 0 8px 25px;
}
.branding ul li a
{
color:#c06308;
font:normal 16px Leelawadee;
}


.content
{
float:left;
width:276px;
height:263px;
margin:0 0 0 22px;
background:url(images/web_box.png) no-repeat;
}

.content ul
{
padding:10px 0 0 8px;
}
.content ul li
{
background:url(images/arrow.png) no-repeat 0 2px;
padding:0 0 8px 25px;
}
.content ul li a
{
color:#c06308;
font:normal 16px Leelawadee;
}


.mobile
{
float:left;
width:276px;
height:263px;
margin:0 0 0 22px;
background:url(images/web_box.png) no-repeat;
}

.mobile ul
{
padding:10px 0 0 8px;
}
.mobile ul li
{
background:url(images/arrow.png) no-repeat 0 2px;
padding:0 0 8px 25px;
}
.mobile ul li a
{
color:#c06308;
font:normal 16px Leelawadee;
}
/*.............................end_services_box...................................*/

/*.............................proper_box...................................*/
.proper_box
{
clear:both;
height:100%;
}
.brand_box
{
float:left;
width:652px;
background:url(images/brand_border.png) no-repeat;
height:350px;
border:none;
}
.brand_title
{
margin:3px 0 15px 12px;
}
.brand_text
{
padding:0 2px 0 15px;
color:#3f3f3f;
font:bold 14px/16px Leelawadee;
}
.brand_box_down
{
margin:10px 15px 0 15px;
background:#f1eee7;
border:#d5d3d0 1px groove;
height:165px;
padding:10px 0 10px 10px;
}
.logo_one
{
margin:0 80px 0 0;
}
.logo_two
{
margin:0 80px 0 0;
}
.logo_three
{
margin:0 0 0 0;
}

.logo_four
{
margin:5px 80px 0 0;
}
.logo_five
{
margin:0 80px 0 0;
}
.logo_six
{
margin:0 0 0 0;
}

.logo_seven
{
margin:10px 45px 0 0;
}
.logo_eight
{
margin:10px 45px 0 0;
}
.logo_nine
{
margin:10px 0 0 0;
}
.view_button
{
margin:22px 0 0 495px;
}


.rules_box
{
float:left;
width:320px;
margin:0 0 15px 15px;
background:url(images/advantage_box.png) no-repeat;
height:344px;
}
.use
{
color:#000000;
font:normal 16px Leelawadee;
padding:20px 0 0 45px;
}
.rules_box ul
{
padding:30px 0 0 10px;
}
.rules_box ul li
{
background:url(images/bullet_arrow.gif) no-repeat 0 1px;
padding:0 0 20px 30px;
}
.rules_box ul li a
{
color:#3f3f3f;
font:bold 12px Leelawadee;
}

/*.............................end_proper_box...................................*/

/*.............................client_box...................................*/
.client_box
{
clear:both;
background:url(images/client_contenar.png) no-repeat;
height:59px;
margin:0 0 20px 0;
}
.client_title
{
color:#333333;
font:normal 20px "MS Reference Sans Serif";
padding:18px 0 0 50px;
float:left;
}
.client_brand_one
{
float:left;
margin:10px 0 0 85px;
}
.client_brand_two
{
float:left;
margin:10px 0 0 43px;
}
.client_brand_three
{
float:left;
margin:10px 0 0 43px;
}
.client_brand_five
{
float:left;
margin:10px 0 0 43px;
}

.client_brand_five
{
float:left;
margin:10px 0 0 43px;
}
.client_brand_six
{
float:left;
margin:10px 0 0 43px;
}
/*.............................end_client_box...................................*/
.about_content
{
clear:both;
}
.content_box
{
float:left;
width:652px;
margin:0 15px 0 0;
}
.blog_icon
{
margin:5px 0 0 10px;
}
.special_icon
{
margin:1px 0 20px 10px;
}
.job_icon
{
margin:15px 0 15px 10px;
}
.testimonial_icon
{
margin:2px 0 0 5px;
}

.blog_box
{
width:310px;
float:left;
background:url(images/content_contenar.png) no-repeat;
height:308px;
margin:0 0 15px 0;
}
.blog_box ul
{
padding:12px 3px 0 5px;
}
.blog_box ul li
{
color:#000000;
background:url(images/pencil_icon.gif) no-repeat 0 -3px;
padding:0 0 16px 35px;
}
.blog_box ul li a
{
color:#000000;
font:normal 12px/16px Leelawadee;
}

.special_box
{
float:left;
width:310px;
margin:0 0 15px 30px;
background:url(images/content_contenar.png) no-repeat;
height:308px;
}
.special_title
{
color:#c06308;
font:bold 16px Leelawadee;
padding:0 0 0 10px;
text-decoration:underline;
}
.special_title:hover
{
text-decoration:none;
}
.tedy_special
{
float:left;
margin:10px 7px 0 10px;
}
.special_para
{
color:#000000;
font:normal 12px/18px leelawadee;
padding:5px 5px 0 5px;
}
.content_box_down
{
clear:both;

}
.job_box
{
width:310px;
float:left;
background:url(images/content_contenar.png) no-repeat;
height:308px;
margin:0 0 20px 0;
}
.job_title
{
color:#c06308;
font:bold 14px Leelawadee;
padding:0 0 0 15px;
text-decoration:underline;
}
.job_title:hover
{
text-decoration:none;
}
.job_title_one
{
color:#c06308;
font:bold 14px Leelawadee;
padding:0 0 0 4px;
text-decoration:underline;
}
.job_title_one:hover
{
text-decoration:none;
}
.job_title_two
{
color:#c06308;
font:bold 14px Leelawadee;
text-decoration:underline;
margin:0 0 0 -65px;
}
.job_title_two:hover
{
text-decoration:none;
}
.job_para
{
color:#000000;
font:normal 12px/16px Leelawadee;
padding:8px 5px 10px 14px;
}
.job_para_one
{
color:#000000;
font:normal 12px/16px Leelawadee;
padding:8px 2px 10px 20px;
}
.job_para_two
{
color:#000000;
font:normal 12px/16px Leelawadee;
padding:8px 2px 10px 15px;
}
.for_job
{
float:left;
margin:0 0 10px 3px;
}
.testimonial_box
{
float:left;
width:310px;
margin:0 0 0 30px;
background:url(images/testi_contenar.png) no-repeat;
height:308px;
}
.contact_form
{
float:left;
width:320px;
background:url(images/form_table.png) no-repeat;
height:583px;
}
.with_us
{
margin:8px 0 0 20px;
}
.contact_content
{
padding:28px 0 0 13px;
}
.bar
{
background:url(images/contact_box.png) no-repeat;
width:286px;
height:38px;
border:none;
padding:0 0 0 5px;
margin:0 0 12px 0;
}
.massage_content
{
background:url(images/massage_box.png) no-repeat;
width:287px;
height:120px;
border:none;
padding:6px 0 0 5px;
}
.button
{
margin:2px 0 0 220px;
}
/*...........................footer..................................*/
.foot_bg
{
clear:both;
background:url(images/foot_back.gif) no-repeat;
height:291px;
}
.footer
{
width:988px;
margin:0 auto;
overflow:hidden;
}
.footer_up
{
clear:both;
margin:15px 0 0 0;
}
.foot_title
{
color:#fcfefa;
font:bold 18px leelawadee;
padding:12px 0 0 8px;
}
.footer_one
{
float:left;
width:198px;
background:url(images/orange_box.png) no-repeat;
height:232px;
margin:0 0 22px 0;
}
.footer_one ul
{
padding:15px 0 0 15px;
}
.footer_one ul li
{
background:url(images/orange_bullet.gif) no-repeat 0 2px;
padding:0 0 20px 22px;
}
.footer_one ul li a
{
color:#000000;
font:normal 14px leelawadee;
}
.footer_one ul li a:hover
{
color:#de750f;
}
.footer_two
{
float:left;
width:198px;
margin:0 0 0 19px;
background:url(images/blue_box.png) no-repeat;
height:232px;
}

.footer_two ul
{
padding:15px 0 0 15px;
}
.footer_two ul li
{
background:url(images/blue_bullet.gif) no-repeat 0 2px;
padding:0 0 20px 22px;
}
.footer_two ul li a
{
color:#000000;
font:normal 14px leelawadee;
}
.footer_two ul li a:hover
{
color:#de750f;
}
.footer_three
{
float:left;
width:198px;
margin:0 0 0 19px;
background:url(images/green_box.png) no-repeat;
height:232px;
}

.footer_three ul
{
padding:15px 0 0 15px;
}
.footer_three ul li
{
background:url(images/green_bullet.gif) no-repeat 0 2px;
padding:0 0 20px 22px;
}
.footer_three ul li a
{
color:#000000;
font:normal 14px leelawadee;
}
.footer_three ul li a:hover
{
color:#de750f;
}
.footer_four
{
float:left;
width:198px;
margin:0 0 0 19px;
background:url(images/yellow_box.png) no-repeat;
height:232px;
}

.footer_four ul
{
padding:15px 0 0 15px;
}
.footer_four ul li
{
background:url(images/yellow_bullet.gif) no-repeat 0 2px;
padding:0 0 20px 22px;
}
.footer_four ul li a
{
color:#000000;
font:normal 14px leelawadee;
}
.footer_four ul li a:hover
{
color:#de750f;
}
.footer_five
{
float:left;
width:112px;
margin:0 0 0 19px;
background:url(images/quick_box.png) no-repeat;
height:232px;
}
.quick_title
{
margin:3px 0 25px 19px;
}
.footer_five_social
{
clear:both;
margin:0 0 12px 0;
}
.social_one
{
float:left;
margin:0 16px 12px 4px;
}
.social_link
{
color:#3f3f3f;
font:normal 14px leelawadee;
margin:5px 0 12px 0;
text-decoration:underline;
display:block;
}
.social_link:hover
{
color:#de750f;
text-decoration:none;
}


.footer_down
{
clear:both;
}
.footer_down_left
{
float:left;
width:350px;
}
.copy_right
{
color:#f6f3eb;
font:normal 14px leelawadee;
}
.footer_down_right
{
float:left;
margin:0 0 0 60px;
width:575px;
}
.footer_down_right ul
{
padding:0 0 0 1px;
}
.footer_down_right ul li
{
float:left;
color:#f6f3eb;
font:normal 14px leelawadee;
}
.footer_down_right ul li a
{
color:#f6f3eb;
font:normal 14px leelawadee;
padding:0 12px 0 12px;
text-decoration:underline;
}
.footer_down_right ul li a:hover
{
color:#000000;
text-decoration:none;
}

/*...........................end_footer..................................*//*...........................footer..................................*/

/*........................................testimonial..............................................*/
#testiMoni{
	background-color:#fefbfb;
	color:inherit;
	width:245px;
	height:220px;
	margin:20px 9px 16px 32px;
}
#testiMoni p{
	color:#000000;
	background-color:inherit;
	padding:0 0 0 0;
	text-align:justify;
	font-size:12px;
	line-height:18px;
	font:normal 12px/16px leelawadee;
		}
#testiMoni p span{
	margin:10px 0 0 0;
	display:block;
	font-style:italic;
	color:#c06308;
	font:bold 14px leelawadee;
	text-decoration:underline;
	}
	#testiMoni p span:hover
	{
	text-decoration:none;
	}
	/*........................................end_testimonial..............................................*/