/*   



Theme Name: Myweb



Theme URI: www.myweb.com.my



Description: A simple tech feel design for Myweb.com.my



Author: Ven



Author URI: www.venblog.com



Version: version 1



*/







/*********** Begin Sturcture **********/







body {



	background-color: #FFFFFF;



	margin: auto;



}







#page {



	width: 920px;



	margin: auto;



	background: url(img/content/page-bg.png) repeat-y;



}







#header {



	background: url(img/header/header-bg.png) repeat-x;



	height: 86px;



}







#nav {



	background: url(img/nav/nav-bg.png) repeat-x;



	height: 51px;



}







.banner {



	width: 900px;



	margin-left: 9px;



}







.content {



	background-image: url() repeat-y;



	width: 900px;



	margin-left: 9px;



	padding-bottom: 15px;



}







.content-main {



	width: 853px;



	margin: 0 auto;



	padding: 0;



}







#footer {



	width: 900px;



	height: 66px;



	background: url(img/footer/footer-bg.png) repeat-x;



	margin-left: 9px;



}







/*********** End Structure **********/







/*********** General Setting **********/







body {



	font-family: Arial;



	font-size: 0.8em;



	color: #333333;



}







img {



	border: none;	



}







p {



	padding: 0;



	margin: 0;



	color: #333333;



}







a {



	text-decoration: none;



	color: #1852a5;



}







a:hover {



	color: #6699cc;



}







h2 {



	color: #1852a5;



	font-size: 120%;



}







h3 {



	font-size: 95%;



	font-weight: bold;



	color: #000000;



}







h4 {



	font-size: 83%;



}







.contact-btn {



	width: 853px;



	height: 35px;



	padding-top: 50px;



}







/*********** End General Setting **********/







/*********** Begin header **********/







#header-content {



	width: 900px;



	margin: auto;



}







#pctlogo {



	margin-top: 13px;



	margin-left: 10px;



	float: left;



}







/*********** End header **********/







/*********** Begin nav **********/







#nav-layout {



	width: 900px;



	margin: auto;



}







#home-btn {



	background: url(img/nav/home-btn.png);



	float: left;



	width: 108px;



	height: 51px;



}







#home-btn2 { /* this will be the setting for highlight current page on nav menu, as well as the rest nav setting bellow */ 



	background: url(img/nav/home-btn2.png);



	float: left;



	width: 108px;



	height: 51px;



}







#about-btn {



	background: url(img/nav/about-btn.png);



	float: left;



	width: 112px;



	height: 51px;



}







#about-btn2 {



	background: url(img/nav/about-btn2.png);



	float: left;



	width: 112px;



	height: 51px;



}







#testimonial-btn {



	background: url(img/nav/testi-btn.png);



	float: left;



	width: 152px;



	height: 51px;



}







#testimonial-btn2 {



	background: url(img/nav/testi-btn2.png);



	float: left;



	width: 152px;



	height: 51px;



}







#library-btn {



	background: url(img/nav/library-btn.png);



	float: left;



	width: 123px;



	height: 51px;



}







#library-btn2 {



	background: url(img/nav/library-btn2.png);



	float: left;



	width: 123px;



	height: 51px;



}







#blog-btn {



	background: url(img/nav/blog-btn.png);



	float: left;



	width: 100px;



	height: 51px;



}







#blog-btn2 {



	background: url(img/nav/blog-btn2.png);



	float: left;



	width: 100px;



	height: 51px;



}







#faq-btn {



	background: url(img/nav/faq-btn.png);



	float: left;



	width: 98px;



	height: 51px;



}







#faq-btn2 {



	background: url(img/nav/faq-btn2.png);



	float: left;



	width: 98px;



	height: 51px;



}







#contact-btn {



	background: url(img/nav/contact-btn.png);



	float: left;



	width: 121px;



	height: 51px;



}







#contact-btn2 {



	background: url(img/nav/contact-btn2.png);



	float: left;



	width: 121px;



	height: 51px;



}







#subnav {



	float: right;



	background: url(img/nav/subnav-bgmid.png) repeat-x;



	height: 35px;



}







#subnav img {



	float: left;



	background: url(img/nav/subnav-bgmid.png) repeat-x;



}







#subnav h3 {



	float: left;



	margin: 0;



	margin-top: 8px;



	padding: 4px 7px; 



}







#subnav h4 {



	float: left;



	margin: 0;



	margin-top: 8px;



	padding: 4px 7px; 



}







#subnav a {



	color: #06367b;



}







#subnav a:hover {



	color: #6699cc;



}







#subnav .division {



	border-right: #a7a5a5 solid 0.5px; 



}















/********** End nav **********/







/********** Begin home page **********/







#home .content-layout1 {



	width: 853px;



	height: 193px;



	background: url(img/content/home-sub-nav-bg.png);



}







#internet-marketing-btn {



	width: 284px;



	height: 193px;



	border-right: #d6d5d5 1.5px solid;



	float: left;



}







.btn-layout1 {



	width: 260px;



	height: 101px;



	margin-left: 20px;



}







.btn-layout2 {



	width: 240px;



	margin-left: 20px;



}











#internet-marketing-btn img {



	float: left;



}







#internet-marketing-btn h2 {



	padding: 0;



	padding-top: 25px;



	padding-left: 5px;



	float: left;



	width: 118px;



}







#internet-marketing-btn  a {



	color: #1852a5;



	text-decoration: none;



}







#internet-marketing-btn  a:hover {



	color: #6699cc;



}







#web-develop-btn {



	width: 283px;



	height: 193px;



	border-right: #d6d5d5 1.5px solid;



	float: left;



}







#web-develop-btn img {



	float: left;



}







#web-develop-btn h2 {



	padding: 0;



	padding-top: 28px;



	padding-left: 5px;



	float: left;



	width: 118px;



}







#web-develop-btn  a {



	color: #1852a5;



	text-decoration: none;



}







#web-develop-btn  a:hover {



	color: #6699cc;



}







#application-btn {



	width: 283px;



	height: 193px;



	float: left;



}







#application-btn img {



	float: left;



}







#application-btn h2 {



	padding: 0;



	padding-top: 28px;



	padding-left: 5px;



	float: left;



	width: 100px;



}







#application-btn  a {



	color: #1852a5;



	text-decoration: none;



}







#application-btn  a:hover {



	color: #6699cc;



}







#home .content-layout2 {



	width: 853px;



	min-height: 300px;



}







#services-quick-link {



	width: 493px;



	height: 300px;



	border-right: #d6d5d5 1.5px solid;



	float: left;



}







#services-quick-link .title {



	width: 493px;



	height: 45px;



	padding-top: 16px;



	padding-bottom: 17px;



}







#services-quick-link .title img {



	float: left;



}







#services-quick-link .title h2 {



	padding-top: 15px;



	margin: 0;



	float: left;



}







#services-quick-link .content-layout1 {



	width: 493px;



	background: none;



}







#quick-link1 {



	width: 240px;



	float: left;



}







#quick-link1 h3 {



	font-size: 110%;



	font-weight: bold;



	margin: 0;



	padding-top: 8px;



	padding-bottom: 8px;



	padding-left: 12px;



}







#quick-link1 p {



	padding-left: 12px;



}







#quick-link2 {



	width: 210px;



	float: left;



}







#quick-link2 h3 {



	font-size: 110%;



	font-weight: bold;



	margin: 0;



	padding-top: 8px;



	padding-bottom: 8px;



	padding-left: 12px;



}







#quick-link2 p {



	padding-left: 12px;



}







/**** for ie6 ****/



* html #what-new {



	width: 300px;



	float: left;



}



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







html>body #what-new {



	width: 338px;



	float: left;



	padding-left: 20px;



}







#what-new .title {



	width: 358px;



	height: 45px;



	padding-top: 20px;



	padding-bottom: 5px;



}







#what-new .title img {



	float: left;



}







#what-new .title h2 {



	padding-top: 15px;



	margin: 0;



	float: left;



}







.what-new-layout {



	width: 358px;



	background: none;



	padding-bottom: 30px;



	border-bottom: #d6d5d5 1px solid;



}







.what-new-layout1 {



	width: 340px;



	background: none;



	padding-bottom: 30px;



	padding-top: 18px;



	padding-right: 18px;



}







.testi-author {



	width: 338px;



	padding-top: 10px;



}







.testi-author p {



	font-style: italic;



	font-size: 85%;



	float: right;



}







/********** End home page **********/







/********** Begin Footer **********/







#copyright {



	color: #a6c8fa;



	font-size: 80%;



	padding: 0;



	padding-top: 28px;



	padding-left: 300px;



        float: left;



        width: 510px;



}







/********** End Footer **********/







/********** Begin About page **********/



#about {



	width: 853px;



	height: 550px;



}







#about-content {



	width: 500px;



	float: left;



}







#about-img {



	width: 345px;



	float: left;



	padding-top: 110px;



}







#about-content .content-layout1 {



    width: 500px;



}







#about-content .content-layout2 {



    width: 500px;



	padding-top: 20px;



}







.our-vision-content{



    width: 500px;



}







.our-vision-img {



    width: 200px;	



	float: left;



}







#about-content .content-layout3 {



    width: 500px;



	padding-top: 20px;



}







.our-mission-content{



    width: /*653*/500px;



}







.our-mission-img {



    width: 200px;	



	float: left;



}







p.blank-space{



    padding-top: 12px;



	}		







/********** End About page **********/







/********** Begin Application page **********/







#application .content-layout1 {



	width: 853px;



	border-bottom: #e0e3e3 solid 1px;



	padding-bottom: 35px;



}







#application1 {



	width: 853px;



	padding-bottom: 42px;



	padding-top: 20px;



}







#application1 img {



	float: left;



	padding-right: 10px;



	padding-bottom: 30px;



}







#application2 {



	width: 853px;



	padding-bottom: 42px;



}







#application2 img {



	float: left;



	padding-right: 10px;



	padding-bottom: 30px;



}







#application3 {



	width: 853px;



	padding-bottom: 42px;



}







#application3 img {



	float: left;



	padding-right: 10px;



	padding-bottom: 10px;



}







#application4 {



	width: 853px;



	padding-bottom: 42px;



}







#application4 img {



	float: left;



	padding-right: 10px;



	padding-bottom: 10px;



}







#application5 {



	width: 853px;



}







#application5 img {



	float: left;



	padding-right: 10px;



	padding-bottom: 30px;



}







/********** End Application page **********/











/********** Begin Internet Marketing page **********/









#internet-marketing .content-layout1 {



	border-bottom: #e0e3e3 solid 1px;



}







#internet-marketing .content-layout1 li {



	padding-bottom: 10px;



}







#internet-marketing h2 {



	padding-bottom: 15px;



}







#internet-marketing .content-layout2 {



	width: 853px;



	padding-top: 8px;



	padding-bottom: 8px;



}



#internet-marketing .content-layout2 p {



	padding-top: 5px;



}



.content-layout2 #mms1 {



	width: 800px;



	padding: 0px;



}







.content-layout2 #mms1 img {



	float: left;



	padding-right: 10px;



	padding-bottom: 8px;



}







/*.content-layout2 #mms2 {



	width: 853px;



	padding-bottom: 42px;



}







.content-layout2 #mms2 img {



	float: left;



	padding-right: 10px;



	padding-bottom: 20px;



}







.content-layout2 #mms3 {



	width: 853px;



	padding-bottom: 42px;



}







.content-layout2 #mms3 img {



	float: left;



	padding-right: 10px;



	padding-bottom: 20px;



}*/







#internet-marketing .content-layout3 {



	width: 853px;



	padding-top: 10px;



	padding-bottom: 8px;



}







.content-layout3 #blog {



	width: 853px;



}







.content-layout3 #blog img {



	float: left;



	padding-right: 10px;



}







#internet-marketing .content-layout4 {



	width: 853px;



	padding-top: 20px;



	padding-bottom: 8px;



}







.content-layout4 #display-ads {



	width: 853px;



}







.content-layout4 #display-ads img {



	float: left;



	padding-right: 10px;



}







#internet-marketing .content-layout5 {



	width: 853px;



	padding-top: 20px;



	padding-bottom: 8px;



}







.content-layout5 #smm {



	width: 853px;



}







.content-layout5 #smm img {



	float: left;



	padding-right: 10px;



}







#internet-marketing .content-layout6 {



	width: 853px;



	padding-top: 20px;



	padding-bottom: 8px;



}







.content-layout6 #online-reputation {



	width: 800px;



}







.content-layout6 #online-reputation img {



	float: left;



	padding-right: 10px;



}







#internet-marketing .content-layout7 {



	width: 853px;



	padding-top: 20px;



	padding-bottom: 8px;



}







.content-layout7 #virtual-marketing {



	width: 853px;



}







.content-layout7 #virtual-marketing img {



	float: left;



	padding-right: 10px;



}



















/********** End Internet Marketing page **********/











/******************** Begin Testimonial page ********************/







#testi-layout1 {



	width:880px;



}







#testi-layout1 h3 {



	font-size: 100%



}







.testi1 {



width: 860px;



min-height: 180px;



border-bottom-width: 1px;



border-bottom-style: solid;





border-bottom-color: #e0e3e3;



padding-bottom:2px;



}







.testi1 .company-logo {



width: 171px;



height: 156px;



float:left;



margin-top:12px;



}











.testi1 .content {



width: 650px;



float: right;







}







.testi1 .content .quote-start {



position:relative;



left:-20px;



bottom:-4px;



}











.testi1 .content .quote-end {



position:relative;



right:-7px;



bottom:-4px;



}







.from {



float: right;



padding-top: 20px;



}







.from p {



font-size: 85%;



}











/******************** End Testimonial page ********************/











/********** Begin FAQ page **********/







#faq .content-layout1 {



	border-bottom: #e0e3e3 solid 1px;



}







#faq .content-layout1 li {



	padding-bottom: 10px;



}







#faq .division {



	height: 19px;



	width: 853px;



	margin-top: 26px;



	margin-bottom: 20px;



}







html>body .division .division-line {



	border-bottom: #e0e3e3 solid 1px;



	width: 810px;



	height: 5px;



	float: left;



	padding: 0px;



	margin: 0px;



	padding-top: 4px;



}







* html .division .division-line {



	border-bottom: #e0e3e3 solid 1px;



	width: 810px;



	height: 5px;



	float: left;



	padding: 0px;



	margin: 0px;



}







.division .back-to-top {



	width: 20px;



	height: 19px;



	padding-left: 18px;



	float: left;



}







.division .img {	



	float: left;



}







#faq1 {



	margin-top: 20px;



}







#faq1 h2 {



	padding-top: 20px;



	padding-bottom: 20px;



}







#faq1 img {



	float: left;



	padding-right: 10px;



	padding-bottom: 20px;



}







#faq2 ul {



	padding-left: 10px;



	margin-left: 50px;



}







#faq2 img {



	float: left;



	padding-right: 10px;



	padding-bottom: 55px;



}







#faq3 img {



	float: left;



	padding-right: 10px;



	padding-bottom: 10px;



}







#faq3-1 img {



	float: left;



	padding-right: 10px;



	padding-bottom: 50px;



}







#faq4 img {



	float: left;



	padding-right: 10px;



	padding-bottom: 55px;



}







#faq4 ul {



	padding-left: 10px;



	margin-left: 50px;



}







#faq5 img {



	float: left;



	padding-right: 10px;



	padding-bottom: 30px;



}







#faq5-1 img {



	float: left;



	padding-right: 10px;



	padding-bottom: 40px;



}







.faq-title {



	color: #0e53b8;



	font-weight: bold;



}







/********** End FAQ page **********/	







/********** Begin Website Development page **********/







#development {



	min-height: 280px;	



}







#development p {



	padding-top: 8px;	



}







#development .content-layout1 {



	width: 500px;



	float: left;	



}







#development .content-layout2 {



	width: 300px;



	float: left;



}







#development .content-layout2 img {



	margin: 45px 0 0 40px;



}







/********** End Website Development page **********/





/********** Begin MMS page **********/



#mms .content-layout1 {

	height: 180px;

	margin-top: 15px;

}



#mms .content-layout1 img {

	float: left;

	margin-top: 10px;

}



#mms-intro {

	width: 600px;

	height: 180px;

	float: left;

	padding-left: 20px;

}



#mms-intro p {

	padding-top: 10px;

}



#mms .content-layout2 {

	margin-top: 15px;

	height: 170px;

}



#benefit-layout {

	width: 800px;

	padding: 0;

	margin: 0;

}



#mms .content-layout2 h2 {

	padding: 0;

	margin: 0;

}



.benefit-content {

	width: 400px;

	height: 150px;

	float: left;

	padding: 0;

	margin: 0;

	padding-top: 6px;

}



.benefit-content li {

	padding-top: 15px;

}



#mms .content-layout3 {

	width: 800px;

}



#mms .content-layout3 h2 {

	padding-bottom: 16px;

}



.service-layout {

	width: 800px;

	height: 100px;

	border-bottom: #e9e9e9 solid 1px;

	margin-top: 18px;

}



.service-layout2 {

	width: 800px;

	height: 100px;

	margin-top: 18px;

	padding-bottom: 10px;

}



.service-layout2 img {

	float: left;

	padding-right: 20px;

}



.service-layout img {

	float: left;

	padding-right: 20px;

}



* html .service-content {

	float: left;

	width: 280px;

	margin-left: 40px;

}



html>body .service-content {

	float: left;

	width: 280px;

	margin-left: 60px;

}



/********** End MMS page **********/





/********** Begin Contact page **********/



#contact{



    width:853px;



	height: 1050px;}







#contact .content-layout1{



      width: 550px;



	  height: 1050px;



	  float: left;



	  border-right: #d6d5d5 1px solid;



	  }







#contact .content-layout2{



      width: 283px;



	  height: 1050px;



	  float: right;



	  padding-left: 5px;



	  }	



	  



.contact-infor1{



      width: 280px;



	  height: 146px;



	  border-bottom: #d6d5d5 1px solid;



	  padding-left:15px;



	  padding-bottom: 10px;



	  padding-top: 10px;



	  }



	  



.contact-infor2{



      width: 280px;



	  height: 120px;



	  border-bottom: #d6d5d5 1px solid;



	  padding-left:15px;



	  padding-bottom: 10px;



	  padding-top: 10px;



	  }



	  



.contact-infor3{



      width: 280px;



	  height: 120px;



	  padding-left:15px;



	  padding-top: 10px;



	  padding-bottom: 10px;



	  border-bottom: #d6d5d5 1px solid;



	  }



	  



.contact-infor4{



      width: 280px;



	  height: 86px;	



	  padding-left:15px;



	  padding-bottom: 27px;



	  border-bottom: #d6d5d5 1px solid;



	  }



	  



.contact-infor5{



      width: 280px;



	  height: 110px;



	  border-bottom: #d6d5d5 1px solid;



	  padding-left:15px;



	  padding-bottom: 10px;



	  padding-top: 10px;



	  }	    	  	



	  



.contact-infor6{



      width: 280px;



	  height: 150px;



	  border-bottom: #d6d5d5 1px solid;



	  padding-left:15px;



	  padding-bottom: 10px;



	  padding-top: 10px;



	  }



.contact-infor7{



      width: 280px;



	  height: 140px;



	  padding-left:15px;



	  padding-bottom: 15px;



	  padding-top: 10px;



	  border-bottom: #d6d5d5 1px solid;



	  }



.contact-infor8{



      width: 280px;



	  height: 146px;



	  padding-left:15px;



	  padding-bottom: 10px;



	  padding-top: 10px;



	  }

 



/********** End Contact page **********/



.quote-end {

	float: right;

}



#nav-text {

	display: none;

}





/********** End Footer **********/







/********** Begin About page **********/



#about {



	width: 853px;



	height: 550px;



}







#about-content {



	width: 500px;



	float: left;



}







#about-img {



	width: 345px;



	float: left;



	padding-top: 110px;



}







#about-content .content-layout1 {



    width: 500px;



}







#about-content .content-layout2 {



    width: 500px;



	padding-top: 20px;



}







.our-vision-content{



    width: 500px;



}









.our-vision-img {



    width: 200px;	



	float: left;



}







#about-content .content-layout3 {



    width: 500px;



	padding-top: 20px;



}







.our-mission-content{



    width: /*653*/500px;



}







.our-mission-img {



    width: 200px;	



	float: left;



}







p.blank-space{



    padding-top: 12px;



	}		







/********** End About page **********/







/********** Begin Application page **********/







#application .content-layout1 {



	width: 853px;



	border-bottom: #e0e3e3 solid 1px;



	padding-bottom: 35px;



}







#application1 {



	width: 853px;



	padding-bottom: 42px;



	padding-top: 20px;



}







#application1 img {



	float: left;



	padding-right: 10px;



	padding-bottom: 30px;



}







#application2 {



	width: 853px;



	padding-bottom: 42px;



}







#application2 img {



	float: left;



	padding-right: 10px;



	padding-bottom: 30px;



}







#application3 {



	width: 853px;



	padding-bottom: 42px;



}







#application3 img {



	float: left;



	padding-right: 10px;



	padding-bottom: 10px;



}







#application4 {



	width: 853px;



	padding-bottom: 42px;



}







#application4 img {



	float: left;



	padding-right: 10px;



	padding-bottom: 10px;



}







#application5 {



	width: 853px;



}







#application5 img {



	float: left;



	padding-right: 10px;



	padding-bottom: 30px;



}







/********** End Application page **********/











/********** Begin Internet Marketing page **********/









#internet-marketing .content-layout1 {



	border-bottom: #e0e3e3 solid 1px;



}







#internet-marketing .content-layout1 li {



	padding-bottom: 10px;



}







#internet-marketing h2 {



	padding-bottom: 15px;



}







#internet-marketing .content-layout2 {



	width: 853px;



	padding-top: 8px;



	padding-bottom: 8px;



}



#internet-marketing .content-layout2 p {



	padding-top: 5px;



}



.content-layout2 #mms1 {



	width: 800px;



	padding: 0px;



}







.content-layout2 #mms1 img {



	float: left;



	padding-right: 10px;



	padding-bottom: 8px;



}







/*.content-layout2 #mms2 {



	width: 853px;



	padding-bottom: 42px;



}







.content-layout2 #mms2 img {



	float: left;



	padding-right: 10px;



	padding-bottom: 20px;



}







.content-layout2 #mms3 {



	width: 853px;



	padding-bottom: 42px;



}







.content-layout2 #mms3 img {



	float: left;



	padding-right: 10px;



	padding-bottom: 20px;



}*/







#internet-marketing .content-layout3 {



	width: 853px;



	padding-top: 10px;



	padding-bottom: 8px;



}







.content-layout3 #blog {



	width: 853px;



}







.content-layout3 #blog img {



	float: left;



	padding-right: 10px;



}







#internet-marketing .content-layout4 {



	width: 853px;



	padding-top: 20px;



	padding-bottom: 8px;



}







.content-layout4 #display-ads {



	width: 853px;



}







.content-layout4 #display-ads img {



	float: left;



	padding-right: 10px;



}







#internet-marketing .content-layout5 {



	width: 853px;



	padding-top: 20px;



	padding-bottom: 8px;



}







.content-layout5 #smm {



	width: 853px;



}







.content-layout5 #smm img {



	float: left;



	padding-right: 10px;



}







#internet-marketing .content-layout6 {



	width: 853px;



	padding-top: 20px;



	padding-bottom: 8px;



}







.content-layout6 #online-reputation {



	width: 800px;



}







.content-layout6 #online-reputation img {



	float: left;



	padding-right: 10px;



}







#internet-marketing .content-layout7 {



	width: 853px;



	padding-top: 20px;



	padding-bottom: 8px;



}







.content-layout7 #virtual-marketing {



	width: 853px;



}







.content-layout7 #virtual-marketing img {



	float: left;



	padding-right: 10px;



}



















/********** End Internet Marketing page **********/











/******************** Begin Testimonial page ********************/







#testi-layout1 {



	width:880px;



}







#testi-layout1 h3 {



	font-size: 100%



}







.testi1 {



width: 860px;



min-height: 180px;



border-bottom-width: 1px;



border-bottom-style: solid;



border-bottom-color: #e0e3e3;



padding-bottom:2px;



}







.testi1 .company-logo {



width: 171px;



height: 156px;



float:left;



margin-top:12px;



}











.testi1 .content {



width: 650px;



float: right;







}







.testi1 .content .quote-start {



position:relative;



left:-20px;



bottom:-4px;



}











.testi1 .content .quote-end {



position:relative;



right:-7px;



bottom:-4px;



}







.from {



float: right;



padding-top: 20px;



}







.from p {



font-size: 85%;



}











/******************** End Testimonial page ********************/











/********** Begin FAQ page **********/







#faq .content-layout1 {



	border-bottom: #e0e3e3 solid 1px;



}







#faq .content-layout1 li {



	padding-bottom: 10px;



}







#faq .division {



	height: 19px;



	width: 853px;



	margin-top: 26px;



	margin-bottom: 20px;



}







html>body .division .division-line {



	border-bottom: #e0e3e3 solid 1px;



	width: 810px;



	height: 5px;



	float: left;



	padding: 0px;



	margin: 0px;



	padding-top: 4px;



}







* html .division .division-line {



	border-bottom: #e0e3e3 solid 1px;



	width: 810px;



	height: 5px;



	float: left;



	padding: 0px;



	margin: 0px;



}







.division .back-to-top {



	width: 20px;



	height: 19px;



	padding-left: 18px;



	float: left;



}







.division .img {	



	float: left;



}







#faq1 {



	margin-top: 20px;



}







#faq1 h2 {



	padding-top: 20px;



	padding-bottom: 20px;



}







#faq1 img {



	float: left;



	padding-right: 10px;



	padding-bottom: 20px;



}







#faq2 ul {



	padding-left: 10px;



	margin-left: 50px;



}







#faq2 img {



	float: left;



	padding-right: 10px;



	padding-bottom: 55px;



}







#faq3 img {



	float: left;



	padding-right: 10px;



	padding-bottom: 10px;



}







#faq3-1 img {



	float: left;



	padding-right: 10px;



	padding-bottom: 50px;



}







#faq4 img {



	float: left;



	padding-right: 10px;



	padding-bottom: 55px;



}







#faq4 ul {



	padding-left: 10px;



	margin-left: 50px;



}







#faq5 img {



	float: left;



	padding-right: 10px;



	padding-bottom: 30px;



}







#faq5-1 img {



	float: left;



	padding-right: 10px;



	padding-bottom: 40px;



}







.faq-title {



	color: #0e53b8;



	font-weight: bold;



}







/********** End FAQ page **********/	







/********** Begin Website Development page **********/







#development {



	min-height: 280px;	



}







#development p {



	padding-top: 8px;	



}







#development .content-layout1 {



	width: 500px;



	float: left;	



}







#development .content-layout2 {



	width: 300px;



	float: left;



}







#development .content-layout2 img {



	margin: 45px 0 0 40px;



}







/********** End Website Development page **********/





/********** Begin MMS page **********/



#mms .content-layout1 {

	height: 180px;

	margin-top: 15px;

}



#mms .content-layout1 img {

	float: left;

	margin-top: 10px;

}



#mms-intro {

	width: 600px;

	height: 180px;

	float: left;

	padding-left: 20px;

}



#mms-intro p {

	padding-top: 10px;

}



#mms .content-layout2 {

	margin-top: 15px;

	height: 170px;

}



#benefit-layout {

	width: 800px;

	padding: 0;

	margin: 0;

}



#mms .content-layout2 h2 {

	padding: 0;

	margin: 0;

}



.benefit-content {

	width: 400px;

	height: 150px;

	float: left;

	padding: 0;

	margin: 0;

	padding-top: 6px;

}



.benefit-content li {

	padding-top: 15px;

}



#mms .content-layout3 {

	width: 800px;

}



#mms .content-layout3 h2 {

	padding-bottom: 16px;

}



.service-layout {

	width: 800px;

	height: 100px;

	border-bottom: #e9e9e9 solid 1px;

	margin-top: 18px;

}



.service-layout2 {

	width: 800px;

	height: 100px;

	margin-top: 18px;

	padding-bottom: 10px;

}



.service-layout2 img {

	float: left;

	padding-right: 20px;

}



.service-layout img {

	float: left;

	padding-right: 20px;

}



* html .service-content {

	float: left;

	width: 280px;

	margin-left: 40px;

}



html>body .service-content {

	float: left;

	width: 280px;

	margin-left: 60px;

}



/********** End MMS page **********/





/********** Begin Contact page **********/



#contact{



    width:853px;



	height: 1050px;}







#contact .content-layout1{



      width: 550px;



	  height: 1050px;



	  float: left;



	  border-right: #d6d5d5 1px solid;



	  }







#contact .content-layout2{



      width: 283px;



	  height: 1050px;



	  float: right;



	  padding-left: 5px;



	  }	



	  



.contact-infor1{



      width: 280px;



	  height: 146px;



	  border-bottom: #d6d5d5 1px solid;



	  padding-left:15px;



	  padding-bottom: 10px;



	  padding-top: 10px;



	  }



	  



.contact-infor2{



      width: 280px;



	  height: 120px;



	  border-bottom: #d6d5d5 1px solid;



	  padding-left:15px;



	  padding-bottom: 10px;



	  padding-top: 10px;



	  }



	  



.contact-infor3{



      width: 280px;



	  height: 120px;



	  padding-left:15px;



	  padding-top: 10px;



	  padding-bottom: 10px;



	  border-bottom: #d6d5d5 1px solid;



	  }



	  



.contact-infor4{



      width: 280px;



	  height: 86px;	



	  padding-left:15px;



	  padding-bottom: 27px;



	  border-bottom: #d6d5d5 1px solid;



	  }



	  



.contact-infor5{



      width: 280px;



	  height: 110px;



	  border-bottom: #d6d5d5 1px solid;



	  padding-left:15px;



	  padding-bottom: 10px;



	  padding-top: 10px;



	  }	    	  	



	  



.contact-infor6{



      width: 280px;



	  height: 150px;



	  border-bottom: #d6d5d5 1px solid;



	  padding-left:15px;



	  padding-bottom: 10px;



	  padding-top: 10px;



	  }



.contact-infor7{



      width: 280px;



	  height: 140px;



	  padding-left:15px;



	  padding-bottom: 10px;



	  padding-top: 10px;



          border-bottom: #d6d5d5 1px solid;



	  }



.contact-infor8{



      width: 280px;



	  height: 146px;



	  padding-left:15px;



	  padding-bottom: 10px;



	  padding-top: 10px;



	  }

 



/********** End Contact page **********/



.quote-end {

	float: right;

}



#nav-text {

	display: none;

}





#msclogo-header {



float:left;

margin:33px 0 0 12px;

height:47px;

width:52px;



}





#msclogo-footer {



height:66px;

width:59px;

float:left;

margin-top:7px;



}



#contact-area {

	background-image: url(img/page/contact/contact-part.png);

	height: 91px;

	width: 490px;

	padding: 15px;

}



/******** Internet Marketing new page **************/



#internet-marketing-intro {

	width: 100%;

	height: 300px;

	border-bottom: 1px solid #c5c5c5;

	background: url(img/page/internet-marketing/office-lady.png) left top no-repeat;
	padding-top:50px;

}



#internet-marketing-intro p.intro {

	width: 645px;
	float: right;

}



#internet-marketing-intro .why {

	float: right;	
	padding-top:30px;
	width:550px;

}

#internet-marketing-intro .why ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#internet-marketing-intro .why ul li {
	margin: 0;
	padding:0 0 10px 20px;
	background: url(img/page/internet-marketing/icon.png) left top no-repeat;
}

#services-menu {
	height:120px;
}

#services-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#services-menu ul li {
	width: 177px;
	height: 22px;
	margin:0 0 3px 50px;
	padding:7px 10px 3px 0;
	text-align: center;
	float: left;
}

#services-menu ul li:hover a {
	color: #FFF;
}

#services-menu li.social {
	background: url(img/page/internet-marketing/btn-social.png);
}

#services-menu li.social:hover {
	background: url(img/page/internet-marketing/btn-social-hover.png);
}

#services-menu li.search {
	background: url(img/page/internet-marketing/btn-search.png);
}

#services-menu li.search:hover {
	background: url(img/page/internet-marketing/btn-search-hover.png);
}

#services-menu li.display {
	background: url(img/page/internet-marketing/btn-display.png);
}

#services-menu li.display:hover {
	background: url(img/page/internet-marketing/btn-display-hover.png);
}

#services-menu li.blog {
	background: url(img/page/internet-marketing/btn-blog.png);
}

#services-menu li.blog:hover {
	background: url(img/page/internet-marketing/btn-blog-hover.png);
}

#services-menu li.email {
	background: url(img/page/internet-marketing/btn-email.png);
}

#services-menu li.email:hover {
	background: url(img/page/internet-marketing/btn-email-hover.png);
}

#services-menu li.online {
	background: url(img/page/internet-marketing/btn-online.png);
	width: 227px;
	height: 22px;
}

#services-menu li.online:hover {
	background: url(img/page/internet-marketing/btn-online-hover.png);
}

iframe#readmore {
	border: none;
	width: 100%;
	height:640px;
}

#services-content {
	width: 612px;
	margin:0 0 0 210px;
	padding: 0;
}

#services-content .title {
	height: 25px;
	position: relative;
}

#services-content .title img {
	float: right;
	position: absolute;
	right: 0;
	top: 0;
}

img.services-thumb {
	float: left;
}

#services-content h3 {
	border-bottom: 1px solid #0844b2;
	font-size:110%;
	padding-bottom: 5px;
}

#services-content ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#services-content ul.example {
	background: url(img/page/internet-marketing/example-bg.png);
	width: 579px;
	height: 112px;
	position: relative;
	margin:25px 0 0 20px;
}

ul.example img {
	float: right;
}

p.view-icon {
	background: url(img/page/internet-marketing/icon-view.gif) no-repeat right;
	padding: 0 15px 0 0;
	position: absolute;
	bottom: 5px;
	right: 12px;
}

p.view-icon a {
	color: #ff620d;
}

ul.example h4 {
	background: url(img/page/internet-marketing/bullet-block.gif) no-repeat left;
	font-size:100%;
	margin:0 0 8px;
	padding:0 0 0 12px;
}

#services-content ul.example ul li {
	background: url(img/page/internet-marketing/bullet-arrow.gif) no-repeat;
	padding:0 13px;
	margin:5px 0 0 12px;

}

/******** End Internet Marketing new page **********/