/*import font*/
@font-face { font-family:"Delicious-Heavy"; src:url(Delicious-Heavy.eot); }
@font-face { font-family:"Delicious-Heavy"; src:local(Delicious-Heavy), url(Delicious-Heavy.ttf) format("truetype"); }

/*common tag*/
html, body { height:100%; font:12px normal Arial, Helvetica, sans-serif; color:#545454; }
p { line-height:1.3; text-align:justify; }
h1, h2, h3, h4, h5, h6 { font-weight:bold; }
h1 { font-size:24px; }
h2 { font-size:18px; }
h3 { font-size:14px; }
h4 { font-size:12px; }
h5 { font-size:10px; }
h6 { font-size:8px; }
strong, b { font-weight:bold; }
em, i { font-style:italic; }
a { color:#ccc; text-decoration:none; }
a:hover { text-decoration:underline; }
textarea { font:12px normal Arial, Helvetica, sans-serif; color:#545454; }

/*id*/
#wrapper_home { background:url(../images/bg-content.jpg) repeat-x top center; }
#wrapper_page { background:url(../images/bg-content.jpg) repeat-x bottom center; margin-bottom:-20px; }
#wrapper { width:980px; margin:0 auto; padding-bottom:55px; }
#header { background:url(../images/bg-header.jpg) repeat-x; overflow:hidden; }
#header_content { width:980px; margin:0 auto; overflow:hidden }
#logo { float:left; margin-top:16px; margin-bottom:2px; }
#anniversary { float:left; margin-top:26px; margin-bottom:2px; margin-left:10px; }
#phone { float:right; }
#menu { background:url(../images/menubar.png) no-repeat top center; height:91px; margin-top:10px; margin-bottom:-48px; }
#banner { padding:15px 0; }
#banner_page { padding:30px 0; border-bottom:2px solid #CCC; }
#banner_page p { font-size:14px; font-weight:bold; color:#666; margin-top:7px; line-height:21px; }
#banner_left { width:480px; float:left; padding-top:35px; }
#banner_right { width:480px; float:right; text-align:center; }
#content { overflow:hidden; }
#content_left { width:700px; float:left; padding-top:20px; }
#content_right { width:25%; float:right; padding-top:20px; }
#portfolio { margin-top:30px; display:block; float:left; }
#mainportfolio { margin-top:30px; display:block; float:left; }
#mainportfolio a { padding:10px; }
#demo { display:block; background:#faf2bc; padding:10px; border:3px dashed #FC0; }
#demo .label { display:block; padding-top:10px; }
#domain_search { margin-top:30px; display:block; width:420px; float:right; padding:5px; }
#domain_search table tr td { padding:1px; vertical-align:middle; }
#domain_search input, #domain_search select { border:1px solid #999; font-size:12px; }
#domain_search input.btnSearch { background:url(../images/domain-search-btn.png) no-repeat center center; border:none; width:80px; height:22px; }
#domain_result { margin-top:5px; display:block; }
#footer { background:url(../images/bg-footer.jpg) repeat-x; height:470px; color:#ccc; }
#footer_content { width:980px; margin:0 auto; padding-top:4px; }
#footer_left { width:580px; float:left; padding-top:10px; }
#footer_left .label { display:block; padding-top:10px; }
#footer_left input, #footer_left select, #footer_left textarea{ background:#363636; border:none; padding:3px; margin-top:3px; color:#fff; display:block; }
#footer_right { background:url(../images/footer_border.png) no-repeat left center; width:350px; height:370px; float:right; padding:50px 0 0 50px; }
#footer_bottom { line-height:30px; font-size:10px; }
#footer_bottom_left { float:left; }
#footer_bottom_right { float:right; }
#hello { height:185px; position:fixed; bottom:-160px; right:10px; z-index:10; }
#hello_toggle { display:block; cursor:pointer; position:absolute; right:5px; top:5px; }

/*---UL MENU---*/
ul#dropmenu { width:980px; display:block; list-style:none; overflow:hidden; }
ul#dropmenu li { float:left; }
ul#dropmenu li a { width:142px; font-size:12px; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; color:#0072bc; display:block; text-align:right; padding:7px 10px; background:url(../images/menuborder.jpg) no-repeat right center; }
ul#dropmenu li a span { color:#999; font:12px normal Tahoma, Geneva, sans-serif; }
ul#dropmenu li a:hover { color:#444; text-decoration:none; }
ul#dropmenu li a.nodivider { background:none; border:none; }
ul#dropmenu li .sub { background:#333; display:none; position:absolute; z-index:100; margin-top:1px; opacity:.9; filter: alpha(opacity=90); }
ul#dropmenu li .sub ul { float:left; position:relative; z-index:100; }
ul#dropmenu li .sub ul li { float:none; display:inline; }
ul#dropmenu li .sub ul li .subhead { width:200px; color:#FFF; text-align:left; padding:5px; border-bottom:1px solid #666; margin:0; background:#0086cc; font-weight:bold; }
ul#dropmenu li .sub ul li a { background:url(../images/dot.png) no-repeat 3% center; width:180px; color:#fff; text-align:left; padding:5px 5px 5px 20px; border-bottom:1px solid #666; margin:0; font-weight:normal; font:12px normal Tahoma, Geneva, sans-serif; }
ul#dropmenu li .sub ul li a:hover { background:#DDD; color:#333; text-decoration:none; }

/*----EASY SLIDER---*/
#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:480px; height:280px; overflow:hidden; }
p#controls { margin:0; position:relative; }
#prevBtn { display:block; margin:0; overflow:hidden; width:38px; height:42px; position:absolute; left:0px; top:-180px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:38px; height:42px; position:absolute; left:455px; top:-180px; }
#prevBtn a { display:block; width:24px; height:27px; background:url(../images/arrow-left.png) no-repeat 0 0; }
#prevBtn a:hover { background-position:0 -27px; }
#nextBtn a { display:block; width:24px; height:27px; background:url(../images/arrow-right.png) no-repeat 0 0; }
#nextBtn a:hover { background-position:0 -27px; }

#testimonial { margin:0; padding:0; list-style:none; }
#testimonial ul,
#testimonial li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#testimonial li { width:245px; overflow:hidden; }
#testimonial li p { padding:0 10px; }
p#controls { margin:0; position:relative; }
#prevTest { display:block; margin:0; overflow:hidden; width:38px; height:42px; position:absolute; left:10px; top:-230px; }
#nextTest { display:block; margin:0; overflow:hidden; width:38px; height:42px; position:absolute; left:210px; top:-230px; }
#prevTest a { display:block; width:24px; height:27px; background:url(../images/arrow-left.png) no-repeat 0 0; }
#prevTest a:hover { background-position:0 -27px; }
#nextTest a { display:block; width:24px; height:27px; background:url(../images/arrow-right.png) no-repeat 0 0; }
#nextTest a:hover { background-position:0 -27px; }

/*input validation*/
label.error { background:url(../images/icons/exclamation.png) no-repeat left center; display:block; font-size:11px; color:#e84227; margin-top:3px; margin-bottom:5px; padding-left:20px; }
.msg_error { background:#FCC; border:1px solid #F00; padding:5px 10px; margin-bottom:10px; width:80%; color:#333;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.msg_success { background:#AFA; border:1px solid #0C0; padding:5px 10px; margin-bottom:10px; width:80%; color:#333;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.msg_error2 { width:96%; }
.msg_success2 { width:96%; }

/*class*/
.clear { clear:both; }
img.code { float:left; margin-right:20px;}
.div_center { margin:0 auto; float:none; }
.t_center { text-align:center; }
.t_right { text-align:right; }
.btnSubmit, .btnSearch { cursor:pointer; font-size:12px; }
.push50 { height:50px; }
.padbtm20 { padding-bottom:20px; }
.padbtm50 { padding-bottom:50px; }

.contact_title { font-size:20px; font-weight:bold; color:#FFF; }
.banner_title { font:normal 55px Delicious-Heavy; color:#454545; padding-bottom:5px; line-height:44px; margin-top:-30px; letter-spacing:-2px; }

/*domain search*/
.domain_title { font-size:16px; font-weight:bold; line-height:24px; }
.domain_msg { font-size:14px; }
.domain_msg_small { font-size:12px; }

/*category box*/
.category { background:url(../images/bg-category.png) no-repeat bottom center; width:245px; height:320px; padding-top:10px; float:left; }
.category .icon { display:block; text-align:center; height:148px; }
.category .icon a:hover { position:relative; top:-10px; }

.category h2 { background:url(../images/category-title.png) no-repeat center center; display:block; text-align:center; font-size:14px; font-weight:bold; color:#FFF; height:35px; line-height:34px; }
.category p { padding:8px 18px; }

.category a, .design a { color:#fff; }
.category a:hover, .design a:hover { color:#fff; }
.category a.readmore, .design a.readmore { background:url(../images/more.png) no-repeat top left; position:relative; right:18px; float:right; width:63px; height:31px; }
.category a.readmore:hover, .design a.readmore:hover { background:url(../images/more.png) no-repeat bottom left; }

.design { width:245px; padding:20px 0 40px; }
.design h2 { font-size:14px; line-height:28px; color:#0072bc; }
.design h2 img { float:left; padding-right:4px; }
.design a.readmore { right:0; top:5px; }

/*did you know*/
.title { display:inline; padding:0 3px; font:normal 36px Delicious-Heavy; margin-right:5px; float:left; line-height:36px; letter-spacing:-2px; color:#fa0; }
.title .know { color:#555; font-size:47px; }
.q_mark { float:left; margin-right:15px; margin-top:7px; font:bold 71px Arial, Helvetica, sans-serif; line-height:.9; background-color:#F93; color:#FFF; }

/*package 3 columns*/
.package3 { width:100%; padding:12px; padding-top:20px; margin-bottom:20px; overflow:hidden; }
.package { width:320px; float:left; background:#E5E5E5; display:block; margin:0 -1px;
	box-shadow:0 0 1px #999; -moz-box-shadow:0 0 1px #999; -webkit-box-shadow:0 0 1px #999; }
.p_left { border-top-left-radius:4px; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; }
.p_right { border-top-right-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; }
.h_left { border-top-left-radius:4px; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; }
.h_right { border-top-right-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; }
.package .header { position:relative; display:block; text-align:center; background:url(../images/bg-grid.gif) repeat-x #1d59ad; border:1px solid #333; }
.package .header h3 { color:#CCC; text-shadow:0 1px 0 #000; border-left:1px solid #4F4F4F; border-top:1px solid #4F4F4F; line-height:28px; font-size:20px; }
.package .header .price { text-shadow:0 1px 0 #000; border-left:1px solid #3988AE; border-top:1px solid #3988AE;  }
.package .header .price img { position:absolute; left:-1px; top:29px; }
.package .header .price h1 { color:#FFF; text-shadow:0 1px 0 #000; font-size:36px; }
.package .header .price h1 .rm { font-size:18px; }
.package .desc { font-size:12px; border:1px solid #BBB; border-top:none; }
.package .d_left { border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; }
.package .d_right { border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; }
.package .desc ul { padding:5px 10px; padding-bottom:15px; list-style:none; border-left:1px solid #F2F2F2; border-top:1px solid #FFF; }
.package .desc ul li { padding:10px 0; border-bottom:1px solid #CCC; line-height:1.3; font-size:12px; }
.package .desc ul li.last { border:none; }
.package .desc ul li a.btn { background:#7cc319 url(../images/bg-button.gif) repeat-x; color:#fff; font-size:22px; font-weight:bold; line-height:38px; border:1px solid #6aad0f; display:block; text-align:center;
	box-shadow:1px 2px 3px #548e06; -moz-box-shadow:1px 2px 2px #548e06; -webkit-box-shadow:1px 2px 2px #548e06;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.package .desc ul li a.btn:hover { text-decoration:none; }

.package:hover { width:50%; z-index:1; margin:0 -3px; cursor:pointer; position:relative; top:-10px;
	box-shadow:0 0 15px rgba(0,0,0,0.4); -moz-box-shadow:0 0 15px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.package:hover .header { border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; }
.package:hover .header .price h1 { font-size:42px; line-height:62px; }
.package:hover .desc { border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; }
.package:hover .desc ul li a.btn { font-size:26px; }

/*black blue grey table*/
table.features { width:100%; background:#EEEEEE; margin-bottom:20px;
	box-shadow:0 3px 10px #999; -moz-box-shadow:0 3px 10px #999; -webkit-box-shadow:0 3px 10px #999; }
table.features tr td.header { text-align:center; font-size:16px; font-weight:bold; color:#FFF; padding:3px 0; }
table.features tr td { padding:1px; border-bottom:1px solid #CCC; vertical-align:top; }
table.features tr td.l { padding-left:50px; text-align:justify; }
table.features tr td.r { padding-right:50px; }
table.features tr td.noborder { border:none; }
table.features tr td ul { list-style-image:url(../images/icons/tick.png); }
.features .label { display:block; padding-top:5px; }
.features input, .features select, .features textarea{ background:#FFF; border:1px solid #CCC; padding:3px; display:block; }

ul.list { list-style-image:url(../images/icons/tick.png); padding-left:25px; }
ul.list li.add { list-style-image:url(../images/icons/add.png) }

/*des!gns gallery*/
ul.gallery { display:block; list-style:none; overflow:hidden; padding-top:10px; }
ul.gallery li { float:left; }
ul.gallery li a { color:#0072bc; display:block; text-align:center; padding:5px 14px; margin:8px; border:1px solid #CCC; background:#F9F9F9;}
ul.gallery li a:hover { color:#444; text-decoration:none; background:#F4F4F4; z-index:1; cursor:pointer; position:relative; top:-10px; }

/*des!gns paging*/
.paging { overflow:hidden; margin-bottom:5px; }
.paging span.page { float:left; padding:0 5px; font-weight:bold; }
.paging a, .paging span.current { float:left; width:16px; height:16px; margin-right:3px; text-align:center; border:1px solid #CCC; color:#666; background:#FFF; }
.paging span.current { border:1px solid #090; background:#87C222; color:#FFF; font-weight:bold; }
.paging a:hover { background:#87C222; color:#FFF; text-decoration:none; font-weight:bold; border:1px solid #090; }

/*portfolio gallery*/
ul.portfolio, ul.branding { display:block; list-style:none; overflow:hidden; padding-top:10px; }
ul.portfolio li { float:left; padding:8px; margin:8px 13px; text-align:center; font-size:14px; border:1px solid #CCC; background:#F9F9F9;}
ul.branding li { float:left; padding:8px; margin:8px 13px; text-align:center; font-size:14px; }
ul.portfolio li:hover { text-decoration:none; background:#F4F4F4; z-index:1; cursor:pointer; position:relative; top:-10px; }
ul.portfolio li a.link { line-height:24px; font-size:12px; }

/*branding gallery*/
ul.branding li { width:200px; }

/*portfolio paging*/
.pagingp { overflow:hidden; padding-top:3px; }
.pagingp span.page { float:left; padding:6px; padding-right:10px; font-weight:bold; }
.pagingp a { float:left; padding:5px 10px; margin-right:3px; text-align:center; border:1px solid #CCC; color:#666; background:#FFF;
	box-shadow:1px 1px 3px #999; -moz-box-shadow:1px 1px 3px #999; -webkit-box-shadow:1px 1px 3px #999; }
.pagingp a:hover { background:#87C222; color:#FFF; margin-right:3px; text-decoration:none; font-weight:bold; border:1px solid #090; position:relative; top:-3px; }

/*color*/
.orange { color:#F60; }
.orange2 { color:#fa0; }
.red { color:#C00; }
.red2 { color:#F00; }
.green { color:#0C0; }
.green2 { color:#87C222; }
.green2:hover { color:#FA0; }
.white { color:#FFF; }

/*bg color*/
.grey_bg { background-color:#666; }
.orange_bg { background-color:#F93; }
.blue_bg { background-color:#1d59ad; }
.black_bg { background-color:#000; }

/*custom*/
.testimonial {text-align:right; color:#0072BC; font-weight:bold;}