ÿþbody { background:url(images/html-bg.png) repeat-y center top; }
div { font-family: sans-serif, "Trebuchet MS"; color: #6c6c6c; font-size: 14px;  }
sup { vertical-align: super; font-size: 7px; }
strong { font-weight: bold; }
em { font-style: italic; }


a { color:#11a2c6; }
a:hover { color:#ff5000; }
.clear { clear: both; }
.font { letter-spacing: -1px; }

/* Control */
input, textarea, select, option, button { font-family:Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size:13px; }
.textbox { border:#999 solid 1px;  font-size:16px; background:#fff; color:#333; }
.textarea { border:#999 solid 1px; font-size:16px; background:#fff; color:#333;  }
.listbox, .listbox option { border:#999 solid 1px;  font-size:16px; background:#fff; color:#333; }
.button { background:#c7050d; color:#fff; border:#fff solid 1px; padding:3px 5px;   }

h1 { font-size: 24px; color: #c7050d; }

/* top */
#top { background: url(images/header-bg.jpg) no-repeat center top; height: 105px; display: block; }
#top #top-inner { width: 1033px; padding: 33px 0 0 0; margin: 0 auto; }
#top #top-inner span {  margin: 0 0 5px 807px; display:block;  }
#top ul { float: right; margin-right: 20px; clear: both; width: 420px; display: inline; }
#top ul li { float: left; }
#top ul li a { height: 26px; display: block; text-indent: -9999px; }
#top ul li a#topnav1 { background: url(images/top-nav.png) no-repeat left top; width: 66px; }
#top ul li a#topnav1:hover { background: url(images/top-nav.png) no-repeat left -26px;  }
#top ul li a#topnav1.selected { background: url(images/top-nav.png) no-repeat left -52px; }

#top ul li a#topnav2 { background: url(images/top-nav.png) no-repeat -66px top; width: 89px; }
#top ul li a#topnav2:hover { background: url(images/top-nav.png) no-repeat -66px -26px;  }
#top ul li a#topnav2.selected { background: url(images/top-nav.png) no-repeat -66px -52px; }

#top ul li a#topnav3 { background: url(images/top-nav.png) no-repeat -155px top; width: 101px; }
#top ul li a#topnav3:hover { background: url(images/top-nav.png) no-repeat -155px -26px;  }
#top ul li a#topnav3.selected { background: url(images/top-nav.png) no-repeat -155px -52px; }

#top ul li a#topnav4 { background: url(images/top-nav.png) no-repeat -256px top; width: 54px; }
#top ul li a#topnav4:hover { background: url(images/top-nav.png) no-repeat -256px -26px; }
#top ul li a#topnav4.selected { background: url(images/top-nav.png) no-repeat -256px -52px; }

#top ul li a#topnav5 { background: url(images/top-nav.png) no-repeat -309px top; width: 107px; }
#top ul li a#topnav5:hover { background: url(images/top-nav.png) no-repeat -309px -26px; }
#top ul li a#topnav5.selected { background: url(images/top-nav.png) no-repeat -309px -52px; }

/* header */
#header { height: 122px; width: 1033px; margin: 0 auto; background: url(images/header-bg.png) no-repeat center top; display: block; }
#header #logo { width: 239px; height: 33px; display: block;  text-indent: -9999px; float: left; margin:  40px 0 0 65px;  }
#header ul { float: right; margin-right: 30px; display: inline; }
#header ul li { float: left;}
#header ul li a { text-indent: -9999px; height: 87px; display: block; }

#header ul li a#btn1 { background: url(images/btn1.png) no-repeat center top; width: 149px; }
#header ul li a#btn1:hover, #header ul li a#btn1.selected { background: url(images/btn1.png) no-repeat center bottom; }

#header ul li a#btn2 { background: url(images/btn2.png) no-repeat center top; width: 146px; }
#header ul li a#btn2:hover, #header ul li a#btn2.selected { background: url(images/btn2.png) no-repeat center bottom; }

#header ul li a#btn3 { background: url(images/btn3.png) no-repeat center top; width: 148px; }
#header ul li a#btn3:hover, #header ul li a#btn3.selected { background: url(images/btn3.png) no-repeat center bottom; }

#header ul li a#btn4 { background: url(images/btn4.png) no-repeat center top; width: 164px; }
#header ul li a#btn4:hover, #header ul li a#btn4.selected { background: url(images/btn4.png) no-repeat center bottom; }

/* bar */
.bar { background: #eabb00; color: #fff; padding: 10px 0 0 50px; font-size: 36px; height: 45px; width: 950px;  }
.bar h1 { font-size: 36px; text-shadow: 2px 2px 0 #cca300; color: #fff; float: left; }
.bar p { float: right; font-size: 14px!important; color: #fff; margin: 20px 20px 0 0; line-height: normal!important;; }
.bar p a { color: #fff; }
.bar p span { font-weight: bold; }

/* Banner */
#banner {width: 1033px; height: 282px;  background: url(images/body-bg.png) repeat-y center top; margin: 0 auto; overflow: hidden;   }
#banner div {display: block; width: 938px; height: 106px; padding: 176px 0 0 95px; }
#banner a#link1 {width:328px; height: 53px; display: block; float: left; text-indent: -9999px; background: url(images/btn-banner1.png) no-repeat center top; }
#banner a#link1:hover { background: url(images/btn-banner1.png) no-repeat center bottom; }
#banner a#link2 {width:328px; height: 53px; display: block; float: left; text-indent: -9999px; background: url(images/btn-banner2.png) no-repeat center top; margin-left: 26px; }
#banner a#link2:hover { background: url(images/btn-banner2.png) no-repeat center bottom; }

/* body */
.white-body { width: 1000px; padding: 0 17px 2px 17px; background: url(images/body-bg.png) repeat-y center top; margin: 0 auto; overflow: auto; height: 100%;  }
.panel { background: #06809e; height: 100%; overflow: auto; width: 1020px; margin: 0 auto;}

/* home */
#home .left { margin: 36px 0 0 51px; width: 400px; float: left; display: inline; }
#home .left h1 { margin-bottom: 29px; }
#home .left p { margin-bottom: 15px; line-height: 18px;}
#home .left ul { margin-bottom: 15px; overflow: auto; height: 100%; }
#home .left ul li { margin-bottom: 4px; padding-left: 15px; background: url(images/bullet-03.gif) no-repeat left 4px; float: left; width: 180px; }


#home .right { width: 478px; height: 401px; float: right; margin-top: 11px; overflow:hidden; }
#home .right h2 { font-size: 24px; color: #c7050d; margin: 25px 0 30px 0; }
#home .right h3 { font-size: 18px; width: 170px; color: #06809e; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; margin-bottom: 4px; }
#home .right .url { font-size:11px; color:#009cc2; margin-bottom: 15px; }
#home .right .url a { text-decoration: none;}
#home .right .tag { font-size: 11px; color: #000; width: 158px; line-height: 16px; margin-bottom: 15px;  }
#home .right .desc { font-size: 12px; width:160px; margin-bottom: 15px; line-height: 16px;  }
#home .right .btn { margin-bottom: 80px; }
#home .right .btn a { width:139px; height: 32px; background: url(images/btn-more.png) no-repeat center top; display: block; text-indent: -9999px; }
#home .right .btn a:hover { background: url(images/btn-more.png) no-repeat center bottom; }
#home .right .enlarge { float: right;  margin-top: -25px;}
#home .right .enlarge  a { text-indent: -9999px; width: 285px; height: 242px; display: block; }

 
#home .panel .col-left a { color: #fff;   }
#home .panel .col-left a:hover { color:#90e6ff; }
#home .panel .col-left { margin: 23px 0 0 59px; float: left; width: 507px;display: inline; }
#home .panel .col-left .icon { float: left; margin-right: 26px; }
#home .panel .col-left .data { float: left; width: 350px;  }
#home .panel .col-left .twitter {  height: 102px; color: #fff; line-height: 17px; overflow: hidden; }
#home .panel .col-left .twitter h4 { float: left; width: 200px; font-size: 30px; color: #b1efff; margin-bottom: 9px; font-weight: bold; line-height: 30px; letter-spacing: -1px; }
#home .panel .col-left #follow { font-size: 15px; padding-top: 8px; display: block; } 
#home .panel .col-left #tweet { color: #fff; clear: both;overflow: hidden; }

#home .panel .col-left .blog { height: 102px; color: #fff; line-height: 17px; overflow: hidden; }
#home .panel .col-left .blog h4 { font-size: 30px; color: #b1efff; margin-bottom: 9px; font-weight: bold;line-height: 30px; letter-spacing: -1px;}

#home .panel .col-right { width: 437px; float: right; height: 214px; background: url(images/pic-computerman.gif) no-repeat 287px top; padding-top: 23px;  }
#home .panel .col-right a { color: #fff;  }
#home .panel .col-right h4 { font-size: 30px; color: #b1efff; margin-bottom: 10px; font-weight: bold;line-height: 20px; letter-spacing: -1px;}
#home .panel .col-right h5 { font-size: 20px; color: #fff; margin-bottom: 10px; font-weight: bold;line-height: 20px; letter-spacing: -1px;}
#home .panel .col-right p { width: 250px; color: #fff; font-size: 12px; line-height: 16px; }
#home .panel .col-right p.emailbox { margin-top: 20px; }
#home .panel .col-right p.emailbox .message-text { background:#047591; padding: 6px; color: #fff; }
#home .panel .col-right p.emailbox .textbox { border: #ccc solid 1px;  background: url(images/text-bg.gif) #fff repeat-x center bottom; color: #999; width: 110px; margin-right: 5px; font-size: 12px; padding: 4px; border: none; }
#home .panel .col-right a.submit { margin-top: 10px; text-indent: -9999px; width: 108px; height: 32px; background: url(images/btn-subscribe.png) no-repeat center top; display: block; }
#home .panel .col-right a.submit:hover { background: url(images/btn-subscribe.png) no-repeat center bottom;  }


#footer { width: 1033px; height: 142px; background: url(images/footer-bg.png) no-repeat center top; margin: 0 auto 30px auto; } 
#footer .contact { padding:20px 0 0 310px; color: #434242; font-size: 20px; float: left; width: 340px; }
#footer .contact a { text-decoration: underline; font-weight: bold; color: #434242; }
#footer .copyright { float: right; font-size: 12px; color: #b8b8b8; width: 350px; margin-top: 17px;  }
#footer .contact #address { font-weight: normal; text-decoration: none;  }
#footer .dps { float: right; margin: 15px 32px 0 0; }
#footer .dps a { width: 54px; height: 54px; background: url(images/dps.gif) no-repeat center top; display: block; text-indent: -9999px;}
#footer .dps a:hover { background: url(images/dps.gif) no-repeat center bottom; }

/* service */
#service #list { padding: 30px 0 50px 45px; overflow: auto; height: 100%; }
#service #list li { float: left; margin: 0 30px 30px 0; width:280px; display:inline;  }
#service #list li img { margin-bottom: 5px; }
#service #list li h2 { font-size: 16px; font-weight: bold; margin-left: 6px; color: #333; margin-bottom: 6px; }
#service #list li p { margin: 0 0 0 6px;  line-height: 17px;    }

/* portfolio */
#portfolio { overflow: hidden; }
#portfolio #frame { position: relative; width: 611px; height: 563px; padding: 37px 0 0 40px; margin: 20px 0 0 36px; overflow: hidden; display: inline; float: left; background: url(images/frame.gif) no-repeat center top; }
#portfolio #frame .feature { position: absolute;}
#portfolio #frame h2 { color: #06809e; font-size: 20px; margin: 30px 0 15px 0;}
#portfolio #frame p { line-height: 17px; font-size: 13px; width: 590px; }

#portfolio #frame-list { float: right; margin: 20px 36px 0 0; display: inline; }
#portfolio #frame-list h2 { font-size: 18px; color: #c7050d; margin: 30px 0 15px 0; }
#portfolio #frame-list li { width: 262px; overflow: hidden; margin-bottom: 15px;}
#portfolio #frame-list li img { border: #ddd solid 1px; }
#portfolio #frame-list li h3 { font-size: 11px; color: #000; margin-top: 4px; }
#portfolio #frame-list li h3 span { color:#6c6c6c; }

#portfolio #list { margin: 40px 0 20px 50px; height: 100%; overflow: auto; }
#portfolio #list li { float: left; margin: 0 28px 20px 0; }
#portfolio #list li img { border: #ddd solid 1px; }

#portfolio a.view { width: 154px; height: 32px; display: block; background:url(images/btn-viewcs.png) no-repeat center top; text-indent: -9999px; margin-top: 15px; }
#portfolio a.view:hover { background:url(images/btn-viewcs.png) no-repeat center bottom; }

#prompt { padding-bottom: 2px; }
#prompt h4 { color: #b1efff; font-size: 48px; margin: 20px 0 0 54px; font-weight: bold; letter-spacing: -1px; }
#prompt p { color: #fff; font-size: 22px; margin: 10px 54px 20px 54px; }
#prompt p a { color: #fff;  }

#link { margin:20px 0; padding: 20px 0; border-top: #999 solid 1px; border-bottom: #999 solid 1px; background: url(images/wiki.gif) no-repeat right 30px;  }
#link h2 { font-size: 18px!important; line-height: normal!important; font-weight: bold!important; margin-bottom: 15px!important; color: #c7050d!important; letter-spacing: normal!important; }
#link ul { margin:0 0 0 18px!important;  }
#link ul li { color: #6C6C6C!important; background: none!important;  list-style:disc!important; padding: 0!important; margin-bottom: 5px!important; font-size: 14px!important; height: auto!important;}

/* portfolio-detail */
#portfolio-detail { overflow: hidden; padding-bottom: 30px; }
#portfolio-detail #slide {  width: 917px; height: 573px; overflow: hidden; margin: 32px 0 0 42px; border: #eee solid 2px; }
#portfolio-detail .desc { line-height: 18px; margin:  20px 42px 30px 42px; }
#portfolio-detail p { margin-bottom: 20px;font-size: 12px;  }
#portfolio-detail h2 { color:#c7050d; font-size: 22px; margin-bottom: 20px; width: 250px; float: left; clear: both; padding-top: 20px; }
#portfolio-detail .textblock { float: left; width: 650px; margin-top: 20px; }
#portfolio-detail .textblock strong { font-weight: bold;}
#portfolio-detail .line { border-bottom: #ccc dotted 1px; clear: both; }
#portfolio-detail #quote3 { float: left; width: 32px; display: block; height: 60px;  background: url(images/quote1.gif) no-repeat left 20px;}
#portfolio-detail #start3 { background: url(images/quote2.gif) no-repeat right bottom; width: 580px; float: left; margin-left: 20px; margin-bottom: 20px; }
#portfolio-detail  #viewsite { margin-right: 40px; text-indent: -9999px; width: 142px; height: 32px; float: right; display: block; background: url(images/btn-viewsite.png) no-repeat center top; }


#portfolio-detail #other { width: 906px; margin: 30px auto 0 auto; }
#portfolio-detail #other ul { }
#portfolio-detail #other li { float: left; margin: 0 20px; list-style: none; }
#portfolio-detail #other li h3 { font-size: 11px; color: #000; margin-top: 4px; font-weight: normal; }
#portfolio-detail #other li img { border: #ddd solid 1px; }
#portfolio-detail #other li span { color:#6c6c6c; }

/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer { position: relative; overflow: hidden;  margin: 0 0 1px 0; } 
.stripViewer ul { margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; } 
.stripViewer ul li {  float:left; } 
.stripTransmitter { overflow: hidden; width:300px; margin:20px 0 20px 0px; } 
.stripTransmitter ul { margin: 0 0 0 410px; padding: 0; position: relative; list-style-type: none; } 
.stripTransmitter ul li { width: 40px; float:left; margin: 0 1px 1px 0; } 
.stripTransmitter a { width: 15px; height: 15px; background: url(images/dot1.gif) no-repeat center top; text-indent: -9999px; display: block;  } 
.stripTransmitter a:hover, a.current{ background: url(images/dot1.gif) no-repeat center bottom; } 

/* email marketing */
#email-marketing #opening-text { font-size: 14px;   color: #6C6C6C; padding: 36px 0 0 0px; margin-bottom: 80px; }
#email-marketing #opening-text .right { width: 330px; float: right; margin-right: 33px; }
#email-marketing #opening-text .right li { margin-bottom: 10px;}
#email-marketing #opening-text .right li img { border:#ddd solid 4px; }
#email-marketing #opening-text .right li a { font-size: 12px;}
#email-marketing #opening-text .right li a:hover > img { border: #aaa solid 4px; }

#email-marketing #opening-text p { margin-bottom: 27px; line-height: 20px; }
#email-marketing #opening-text .para1 { margin-left: 55px; font-size: 14px;  }
#email-marketing #opening-text .para2 { margin-bottom: 24px; font-size: 14px; }
#email-marketing #opening-text .para2 a { color: #c7050d; }
#email-marketing #opening-text .left { width: 555px; float: left; }
#email-marketing #opening-text .left #point { background: #a1ccd7; padding: 15px 0 15px 0; margin-bottom: 30px; }
#email-marketing #opening-text .left #point ul { margin-left: 53px; }
#email-marketing #opening-text .left #point ul li { padding:6px 0 20px 70px;  color: #348093; }
#email-marketing #opening-text .left #point h2 { color:#004758; font-size: 18px; margin-bottom: 5px; } 
#email-marketing #opening-text .left #point ul li#icon1 { background: url(images/icon-newsletter.png) no-repeat left top; }
#email-marketing #opening-text .left #point ul li#icon2 { background: url(images/icon-import.png) no-repeat left top; }
#email-marketing #opening-text .left #point ul li#icon3 { background: url(images/icon-time.png) no-repeat left top; }
#email-marketing #opening-text .left #point ul li#icon4 { background: url(images/icon-report.png) no-repeat left top; }

/* #email-marketing #opening-text .left ul { margin: 0 0 0 70px; }
#email-marketing #opening-text .left li { margin-bottom: 5px; color: #004758; list-style:disc;  } */

#email-marketing #opening-text #mailbomb { float: left; margin-right: 35px; }
#email-marketing a#signup { width: 126px; height: 32px; background:url(images/btn-signup.png) no-repeat center bottom; display: block; text-indent: -9999px; }
#email-marketing a#signup:hover { background:url(images/btn-signup.png) no-repeat center top;}

/* shopping cart */
#shoppingcart #opening-text { color: #6C6C6C; font-size: 14px; background:url(images/shoppingcart.jpg) #fff no-repeat 670px 40px; padding: 36px 0 0 128px; margin-bottom: 80px;  }
#shoppingcart #opening-text p { margin-bottom: 20px; line-height: 20px;}
#shoppingcart #opening-text .para1 { width: 495px; }
#shoppingcart #opening-text #point { margin-bottom: 30px;  }
#shoppingcart #opening-text #point ul {  }
#shoppingcart #opening-text #point ul li { padding:6px 0 20px 70px;  color: #348093; line-height: 18px; width: 480px; }
#shoppingcart #opening-text #point h2 { color:#06809e; font-size: 18px; margin-bottom: 5px; } 
#shoppingcart #opening-text #point ul li#icon1 { background: url(images/icon-sc1.png) no-repeat left top; }
#shoppingcart #opening-text #point ul li#icon2 { background: url(images/icon-sc2.png) no-repeat left top; }
#shoppingcart #opening-text #point ul li#icon3 { background: url(images/icon-sc3.png) no-repeat left top; }
#shoppingcart #opening-text #point ul li#icon4 { background: url(images/icon-sc4.png) no-repeat left top; }

/* flash website */
#flash-website #opening-text { color: #6C6C6C; font-size: 14px; background:url(images/flash-bg.jpg) #fff no-repeat 670px 40px; padding: 36px 0 0 128px; margin-bottom: 80px; }
#flash-website #opening-text h2 { font-size: 18px; font-weight: bold; color: #c7050d;  }
#flash-website #opening-text p {  margin-bottom: 27px; line-height: 20px; }
#flash-website #opening-text .para1 { width: 495px; }
#flash-website #opening-text .para2 { width: 650px; float: left; margin-bottom: 24px; font-size: 18px; }
#flash-website #opening-text .para2 a { color: #c7050d; }
#flash-website #opening-text ul { margin: 20px 0 63px 0px; }
#flash-website #opening-text li { width: 610px; background: url(images/tick.gif) no-repeat left top; height: 25px; padding: 9px 0 0 59px; font-size: 20px; color: #00aeff; margin-bottom: 11px; }
#flash-website #opening-text li.tick {background: url(images/tick.gif) no-repeat left bottom; }
#flash-website #opening-text #download { float: left; margin-right: 35px; }

/* blog design */
#blog-design #opening-text { color: #6C6C6C; font-size: 14px;  background:url(images/wp.jpg) #fff no-repeat 650px 20px; padding: 36px 0 0 128px; margin-bottom: 80px; }
#blog-design #opening-text h2 { font-size: 18px; font-weight: bold; color: #000; margin-bottom: 20px; }
#blog-design #opening-text p { margin-bottom: 27px; line-height: 20px; }
#blog-design #opening-text .para1 { width: 495px; }

/* hosting */
#hosting { overflow: auto; height: 100%;  }
#hosting #opening-text {color: #6C6C6C; font-size: 14px;  background:url(images/server.jpg) #fff no-repeat 640px 30px; padding: 36px 0 0 128px; margin-bottom: 80px; }
#hosting #opening-text h2 { font-size: 18px; font-weight: bold; color: #c7050d; margin-bottom: 20px; }
#hosting #opening-text h3 { font-weight: bold; font-size: 16px; margin-bottom: 10px; }
#hosting #opening-text p {  margin-bottom: 27px; line-height: 20px; }
#hosting #opening-text .para1 { width: 455px; }
#hosting #opening-text .large { color: #06809e; font-size: 18px;  }

#hosting #basichosting { width: 500px; background: url(images/hosting-price.jpg) no-repeat 350px 20px; }
#hosting #basic { margin-bottom: 20px; height: 100%; overflow: auto; }
#hosting #basic { margin-bottom: 15px; overflow: auto; height: 100%; }
#hosting #basic li { margin-bottom: 4px; padding-left: 15px; background: url(images/bullet-03.gif) no-repeat left 4px; }

#hosting #domain { padding-top: 20px; clear: both; }
#hosting #domain p { margin-bottom: 15px; }

#hosting #plan1 p, #hosting #plan2 p { margin-bottom: 0!important; }
#hosting .plan {  width: 316px; height: 76px; padding: 18px; display: block; background: #a1ccd7; float: left; border-bottom: #c2dee5 solid 1px;}
#hosting #plan3 { border-bottom: none; }
#hosting #plan4 { float: right; padding: 18px; width: 483px; font-size: 14px; height: 190px; background: #a1ccd7; display: block; border-left: #c2dee5 solid 1px; overflow: hidden;  }
#hosting .plan h2, #hosting #plan4 h2 { color:#06809e!important; font-size: 18px!important; margin-bottom: 10px!important; }
#hosting .plan p { color:#004758!important; font-size: 12px!important; line-height: 16px!important; margin-bottom: 15px; }
#hosting #plan4 p { color:#004758!important; font-size: 14px!important; line-height: 14px!important;  margin-bottom: 15px; }
#hosting #plan4 ul { margin-bottom: 10px; padding-left: 15px;  }
#hosting #plan4 ul li { list-style: disc;color:#004758!important; margin-bottom: 5px; }
#hosting a#request { width:139px; height: 32px; background: url(images/btn-request.png) no-repeat center top; display: block; text-indent: -9999px; }
#hosting a#request:hover { background: url(images/btn-request.png) no-repeat center bottom;  }
#hosting #plan4 #price { background: url(images/icon-box.png) no-repeat left 5px; padding-top: 10px; padding-left: 55px;  font-size: 16px;color: #06809E; font-weight: bold;  }

/* website-design */

#website-design p { margin-bottom: 15px;line-height: 20px;}
#website-design #custom { width: 400px; float: left; margin: 30px 0 30px 50px; display: inline; }
#website-design #xsis { width: 480px; float: right; margin: 20px 0 30px 0; padding: 0 30px 50px 30px; border-left: #eee solid 1px; position: relative;}
#website-design #xsis-scroll {  overflow: hidden; margin-bottom: 20px; }
#website-design #xsis-scroll li { width: 480px; }
#website-design #xsis h2 { width: 450px; }
#website-design #xsis p { }
#website-design h2 { color: #000; font-size: 40px; letter-spacing: -2px; font-weight: bold; line-height: 36px; margin-bottom: 30px;}
#website-design #custom ul { margin-bottom: 15px; overflow: auto; height: 100%; }
#website-design #custom ul li { margin-bottom: 4px; padding-left: 15px; background: url(images/bullet-03.gif) no-repeat left 4px;  }



#website-design .box { float: left; margin-top: 15px;  }
#website-design .box li { padding: 8px 0; border-bottom: #c2c2c2 solid 1px; font-size: 12px; }
#website-design #xsis1,#website-design #xsis2 { margin-right: 15px; }
#website-design #xsis1 { width: 145px; }
#website-design #xsis2 { width: 152px; }
#website-design #xsis3 { width: 153px; }

#website-design a#package1 { margin: 15px auto 0 auto; width: 135px; height: 33px; display: block; background: url(images/btn-more1.png) no-repeat center top; text-indent: -9999px; }
#website-design a#package1:hover { background: url(images/btn-more1.png) no-repeat center bottom; }

#website-design a#package2 { margin: 15px auto 0 auto; width: 135px; height: 33px; display: block; background: url(images/btn-more2.png) no-repeat center top; text-indent: -9999px; }
#website-design a#package2:hover { background: url(images/btn-more2.png) no-repeat center bottom; }

#website-design a#package3 { margin: 15px auto 0 auto; width: 135px; height: 33px; display: block; background: url(images/btn-more3.png) no-repeat center top; text-indent: -9999px; }
#website-design a#package3:hover { background: url(images/btn-more3.png) no-repeat center bottom; }

/* xsis-website */
#xsis-website { overflow: auto; height: 100%;  }
#xsis-website #opening-text {color: #6C6C6C; font-size: 14px; padding: 36px 0 0 128px; margin-bottom: 80px; width: 800px; }
#xsis-website #opening-text .para1 { margin-bottom: 30px; line-height: 18px; }
#xsis-website .xsisblock { clear: both; margin-bottom: 50px;overflow: auto; height: 100%; padding-bottom: 2px; }
#xsis-website .xsisblock img { float: left; margin:-33px 30px 0 0; }
#xsis-website .xsisblock h2 { margin-left: 180px; font-size: 20px; color: #c7050d; margin-bottom: 15px;}
#xsis-website .xsisblock .xsisdesc p { line-height: 18px; margin-bottom: 15px;}
#xsis-website .xsisblock ul { margin-bottom: 15px; overflow: auto; height: 100%; }
#xsis-website .xsisblock ul li { margin-bottom: 4px; padding-left: 15px; background: url(images/bullet-03.gif) no-repeat left 2px; }
#xsis-website a.enquire { float: left; width: 129px; height: 33px; background: url(images/btn-enquire.png) no-repeat center top; display: block; text-indent: -9999px; margin-right: 10px; }
#xsis-website a.enquire:hover { background: url(images/btn-enquire.png) no-repeat center bottom; }
#xsis-website .xsisblock a.compare { float: left; width: 142px; height: 32px; background: url(images/btn-compare.png) no-repeat center top; display: block; text-indent: -9999px; }
#xsis-website .xsisblock a.compare:hover { background: url(images/btn-compare.png) no-repeat center bottom; }
#additional ul { margin-bottom: 15px; overflow: auto; height: 100%; }
#additional ul li { margin-bottom: 4px; padding-left: 15px; background: url(images/bullet-03.gif) no-repeat left 2px; }


#xsis-website #xsiscompare h2 { font-size: 20px; color: #c7050d; margin-bottom: 15px; }
#xsis-website #xsiscompare #xsistable { border-collapse: collapse; border: #c3c3c3 solid 4px; margin-bottom: 30px; }
#xsis-website #xsiscompare #xsistable td { vertical-align: middle; color: #333; border-left: #d5d5d5 solid 1px; border-right: #d5d5d5 solid 1px;  padding: 7px; font-size: 14px; }
#xsis-website #xsiscompare #xsistable .bold td { font-weight: bold; }
#xsis-website #xsiscompare #xsistable .col1 { width: 180px; }
#xsis-website #xsiscompare #xsistable .col2, .col3, .col4 { text-align: center; width: 190px; }
#xsis-website #xsiscompare #xsistable #title td { font-weight: bold; font-size: 16px;}
#xsis-website #xsiscompare #xsistable #title .col2 { color:#6cc315; }
#xsis-website #xsiscompare #xsistable #title .col3 { color:#1a76c3; }
#xsis-website #xsiscompare #xsistable #title .col4 { color:#c51933; }
#xsis-website #xsiscompare #xsistable #price td { font-size: 16px; font-weight: bold; color: #333; border-bottom: #d5d5d5 solid 1px;  }
#xsis-website #xsiscompare #xsistable #btn td { text-align: center; border-top: #d5d5d5 solid 1px; }
#xsis-website #xsiscompare #xsistable #btn a.enquire { margin: 0 auto!important; float: none;  }
#xsis-website #xsiscompare #xsistable .row td { background: #f6f6f6; }
#xsis-website #xsiscompare #xsistable .rowover > td { background: #faf4e8; } 

#xsis-website #xsisservice h2 { font-size: 20px; color: #c7050d; margin-bottom: 20px; }
#xsis-website #xsisservice .additional { background: #a1ccd7; color: #004758!important; border-bottom: #c2dee5 solid 1px; overflow: auto; height: 100%;  }
#xsis-website #xsisservice .additional .left { float: left;  padding: 15px;  width: 620px; border-right: #c2dee5 solid 1px; }
#xsis-website #xsisservice .additional h3 { color:#06809E; font-size: 18px; font-weight: bold; margin-bottom: 15px; }
#xsis-website #xsisservice .additional h3 span { display: block; font-size: 14px; font-weight: normal; }
#xsis-website #xsisservice .additional ul { padding-left: 15px; margin-left: 10px; }
#xsis-website #xsisservice .additional li { color: #004758; font-size: 12px; margin-bottom: 4px; list-style: disc;  }
#xsis-website #xsisservice .additional .right { float: right; width: 148px; font-size: 12px; text-align: center; color: #5baabd; padding-top: 45px; }
#xsis-website #xsisservice .additional .right span { display: block; font-size: 38px; font-weight: bold; color: #fff; margin: 2px 0;  }

/* custom jquery tag */
#fancy_frame { overflow:hidden; }
.bubbleInfo { position: relative; }

/* Word Press */
#body-wrapper { width: 1033px; margin: 0 auto; background: url(/images/body-bg.png) repeat-y center top; overflow: auto; height: 100%; }
#body-wrapper #main { width: 660px; padding: 20px; margin-left: 20px;  }

#body-wrapper #main .post { line-height: 20px; padding:0 0 20px 0; border-bottom: #ccc solid 1px; margin-bottom: 20px; }
#body-wrapper #main .post .post-title { font-size: 11px; color: #ccc; margin-bottom: 30px;  }
#body-wrapper #main .post .post-title a { color: #999; }
#body-wrapper #main .post h2 {  margin-bottom: 5px; } 

 
/*#body-wrapper #main .post h2 a { font-size: 30px; line-height: 32px; color: #000; font-weight: bold; text-decoration: none; }
#body-wrapper #main .post h2 a:hover { color:#11a2c6; }*/

#body-wrapper #main .post h2 a { text-shadow: 2px 2px 0 #CCA300; font-size: 30px;line-height: 32px;  font-weight: bold; display: block; text-decoration: none;background: #EABB00; padding: 10px; color: #fff; }
#body-wrapper #main .post h2 a:hover { color:#000; }

#body-wrapper #main .post h3 { font-size: 16px; margin-bottom: 10px; font-weight: bold; color: #11A2C6; padding-bottom: 2px; border-bottom: #ccc solid 1px; }
#body-wrapper #main .post p { margin-bottom: 20px; }
#body-wrapper #main .post ul { margin: 15px 0; }
#body-wrapper #main .post ul li { padding-left: 25px; margin-bottom: 10px; background: url(images/tick.png) no-repeat left 3px;  }
#body-wrapper #main .post .post-footer { padding: 6px; background: #eee; font-size: 12px; }
#body-wrapper #main #navs { margin: 20px 0 40px 0; }
#body-wrapper #main #navs a { color:#11a2c6; font-weight: bold; border: #11a2c6 solid 1px; padding: 5px 10px; font-size: 18px; text-decoration: none; margin: 0 40px; }
#body-wrapper #main #navs a:hover { background: #11a2c6; color: #fff; }
#body-wrapper #main #comment { border: #ccc solid 1px; width: 620px; padding: 10px; }

#body-wrapper #right-panel { width: 250px; float: right; margin-right: 16px; padding: 20px;line-height: 20px; display: inline; }
#body-wrapper #right-panel p { margin-bottom: 20px; }
#body-wrapper #right-panel h2 { padding-bottom: 1px; border-bottom: #ccc solid 1px; font-size: 15px; font-weight: bold; color: #000; margin: 25px 0 15px 0; }

#body-wrapper #right-panel .rss-grab { height: 30px; padding-top: 4px; background: url(images/icon-feed1.gif) no-repeat left center; font-size: 20px; padding-left: 40px; font-weight: bold; }
#body-wrapper #right-panel .rss-twitter { height: 30px; padding-top: 4px; background: url(images/icon-feed2.gif) no-repeat left center; font-size: 20px; padding-left: 40px; font-weight: bold; }
#body-wrapper #right-panel #searchform #s { border: #ccc solid 1px; width: 170px; padding: 4px;}
#body-wrapper #right-panel li { margin-bottom: 4px; padding-left: 15px; background: url(images/bullet-03.gif) no-repeat left 7px; }


#body-wrapper #commentsform { padding: 15px; background: #f5f5f5; border-left: #ccc solid 10px; }
#body-wrapper #commentsform #author, #body-wrapper #comments #email, #body-wrapper #comments #url { width: 600px;  border: #ccc solid 1px; padding: 6px;}
#body-wrapper #commentsform label { display: block; color:#000; font-size: 12px;  }
#body-wrapper #commentsform p { margin-bottom: 10px!important;}
#body-wrapper #commentsform #comment { width: 588px; margin-top: 10px;}

.commentlist { margin-bottom: 30px; }
.commentlist li {  padding: 15px; background: #f5f5f5; border-bottom: #ccc dotted 1px; }
.commentlist li.alt { padding: 15px; background: #eee; }

/* jquery tip */
.lightTip                       { width: 342px; }
.lightTip .content              { width: 310px; padding: 10px; border: 6px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffff; color: #020202; }
.lightTip .bottom               { height: 14px; background: url(../images/notch-white.png) top center no-repeat; }

.yellowTip                      { width: 342px; }
.yellowTip .content             { width: 310px; padding: 10px; border: 6px solid #f9e98e; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fbf7aa; color: #020202; }
.yellowTip .bottom              { height: 14px; background: url(../images/notch-yellow.png) top center no-repeat; }
	 
.orangeTip                      { width: 342px; }
.orangeTip .content             { width: 310px; padding: 10px; border: 6px solid #f9cd8e; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fbe3aa; color: #020202; }
.orangeTip .bottom              { height: 14px; background: url(../images/notch-orange.png) top center no-repeat; }
	 
.redTip                         { width: 342px; }
.redTip .content                { width: 310px; padding: 10px; border: 6px solid #ce6f6f; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #f79992; color: #020202; }
.redTip .bottom                 { height: 14px; background: url(../images/notch-red.png) top center no-repeat; }
	 
.greenTip                       { width: 342px; }
.greenTip .content              { width: 310px; padding: 10px; border: 6px solid #a9db66; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #cae8a2; color: #020202; }
.greenTip .bottom               { height: 14px; background: url(../images/notch-green.png) top center no-repeat; }
	 
.blueTip                        { width: 342px; }
.blueTip .content               { width: 310px; padding: 10px; border: 6px solid #36a4d9; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #90d8f0; color: #020202; }
.blueTip .bottom                { height: 14px; background: url(../images/notch-blue.png) top center no-repeat; }
	 
.purpleTip                      { width: 342px; }
.purpleTip .content             { width: 310px; padding: 10px; border: 6px solid #8671de; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #a290f0; color: #020202; }
.purpleTip .bottom              { height: 14px; background: url(../images/notch-purple.png) top center no-repeat; }
	 
.darkTip                        { width: 342px; }
.darkTip .content               { width: 310px; padding: 10px; border: 6px solid #303030; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #505050; color: #f8f8f8; }
.darkTip .bottom                { height: 14px; background: url(../images/notch-dark.png) top center no-repeat; }


.snow-home { position: relative; z-index: 2; }
.white-body { position: relative; z-index: 2; }
#snow { display: none; }
.snowflakes { display: none; }