/* CSS Document */

body { font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px; background:#F28930;}
html{height:100%; margin-bottom:0px;}
h1 { float:left; font-size:20px; font-weight:normal; color:#F28930; text-align:left; margin:0px; padding:0px;}
p { float:left; font-size:13px; font-weight:normal; color:#333333; text-align:justify; line-height:16px; margin:10px 0px 0px 0px; padding:0px;}
p a {  text-decoration:none; color:#F28930; text-align:right;}
p a:hover { color:#333333;}
h2 {background:url(../images/bull1.gif) no-repeat left 5px;padding:0 0 0 15px; float:left; font-size:13px; font-weight:normal; color:#333333; text-align:justify; line-height:16px; margin:10px 0px 0px 0px;}
h4 { width:500px; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:center; font-size:16px; font-weight:bold; height:25px; background: #CCCCCC; color:#000000;}
h4 a{ width:500px;float:left; margin:0px 0px 0px 0px; padding:3px 0px 0px 0px; text-align:center; font-size:16px; font-weight:bold; height:22px; background:#CCCCCC; color:#000000; text-decoration:none;}
h4 a:hover{ width:500px; float:left; margin:0px 0px 0px 0px; padding:3px 0px 0px 0px; text-align:center; font-size:16px; font-weight:bold; height:22px; background: #F28930; color:#FFFFFF; list-style:none; text-decoration:none;}

.main {display:table; width:1003px;  height: auto; text-align:center; background:#FFFFFF;}
/***** TOP *****/
.top { float: left; width:1003px; height:100px; margin:0px; padding:0px;}
.logo { float:left; width:275px; height:100px; margin:0px; padding:10px 0px 0px 25px}
.call { float:right; width:350px; height: auto; margin:5px 10px 0px 0px; padding:0px; }
/***** TOP *****/

/***** NAVIGATION *****/
.navigation {width:100%;overflow:hidden; margin:0px; padding:0px;} 
.navigation ul { width:100%; float:left;}
.navigation li {display:inline; list-style:none; margin:0px; padding:0px;}
.navigation li a {display:block;float:left;background: url(../images/nav-bg1.gif) left top repeat-x;font-size:.86em;text-transform:uppercase;text-decoration:none;height:43px;line-height:43px;color:#545454;position:relative}
.navigation li a em {font-style:normal;display:block;float:left}
.navigation li a b {display:block;float:left;background:url(../images/divider.gif) no-repeat right top;font-weight:normal;padding:0 18px 0 18px;cursor:pointer}
.navigation li a:hover {background:url(../images/nav-bg2.gif) left top repeat-x;color:#fff}
.navigation li a:hover b {background:none}
.navigation li a.current {background:url(../images/nav-bg2.gif) left top repeat-x;color:#fff}
.navigation li a.current b {background:none}
.navigation li a.first b {background:url(../images/nav-left.gif) no-repeat left top;padding-left:55px}
.navigation li a.first em {background:url(../images/divider.gif) no-repeat right top}
.navigation li a.first:hover em {background:none}
.navigation li a.first:hover b {background:url(../images/nav-left1.gif) no-repeat left top;padding-left:55px}
.navigation li a.first-current {background:url(../images/nav-bg2.gif) left top repeat-x;color:#fff}
.navigation li a.first-current em {background:none}
.navigation li a.first-current b {background:url(../images/nav-left1.gif) no-repeat left top !important;padding-left:55px}
.navigation li a.last b {background:url(../images/nav-right.gif) no-repeat right top;padding-right:55px}
.navigation li a.last:hover b {background:url(../images/nav-right1.gif) no-repeat right top}
.navigation li a.last-current {background:url(../images/nav-bg2.gif) left top repeat-x;color:#fff}
.navigation li a.last-current b {background:url(../images/nav-right1.gif) no-repeat right top !important;padding-right:55px}
/***** NAVIGATION *****/

/***** BANNER *****/
.banner { float:left; width:953px; height:270px; margin:0px 0px 0px 25px; padding:0px;}

.slider { width: 953px; height: 270px;  position: relative; margin: 0px; }
.slider .item { position: relative; width: 953px; height: 270px; }
.slider .item img { position: absolute; top:0;left:0; z-index: 1; }
.slider .text { position: absolute; top:25px;left:450px; z-index: 2; text-align:left; }
.slider .text h3 { font-size: 30px;color:#000000; padding: 0 0 0 7px; text-align:left; }
.slider .text h2 { font-size: 14px; line-height: 18px; color: #333333; padding: 0 0 0 2px; text-align:left; font-weight:normal; }

.slider-nav { width: 92px; height: 18px; position: absolute; bottom:9px;right:6px; z-index: 3; }
.slider-nav a { width: 18px; height: 18px; background: #d7d7d8; margin: 0 5px 0 0; }
.slider-nav a.active { background: #39393d; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
/***** BANNER *****/

/***** PACKAGE *****/
.package { float:left; width:953px; height:120px; margin:10px 0px 0px 25px; padding:0px;}
.package ul { float:left; width:953px; height:120px; margin:0px; padding:0px;}
.package ul li { float:left; width:310px; height:120px; margin:0px 0px 0px 11px; padding:0px; list-style:none; background:url(../images/Package.jpg) no-repeat;}
.package ul li a { display:inline-block; float:left; font-size: 26px; font-weight:normal; color:#333333; width:240px; height:105px; text-decoration:none; margin:0px; padding:15px 0px 0px 70px;}
.package ul li a:hover { background:url(../images/Package_hover.jpg) no-repeat; color:#FFFFFF;}
/***** PACKAGE *****/

/***** CONTENT *****/
.content{ float:left; width:953px; height:auto; margin:15px 0px 0px 25px; padding:0px;}
.tex_left{ float:left; width:460px; height: auto; margin:0px 15px 0px 0px; padding:0px;}
.lain { float:left; width:2px; height:330px; margin:0px; padding:0px; border-left:1px solid #CCCCCC;}
.tex_right { float:left; width:460px; height: auto; margin:0px 0px 0px 15px; padding:0px;}
/***** CONTENT *****/

/***** FORM *****/
.form_b_g { float:left; width:100%; height:190px; margin:10px 0px 0px 0px; padding:0px; background:url(../images/form_b_g.jpg) repeat-x center bottom;}
.form { float:left; width:695px; height:190px; margin:0px 0px 0px 25px; padding:0px;}
.form ul { float:left; width:340px; height: auto; margin:10px 0px 0px 0px; padding:0px;}
.form ul li.left { float:left; width:110px; height: auto; margin:10px 0px 0px 10px; padding:0px 0px 0px 0px; text-align:right; border:0px solid #000000; list-style:none; font-size:13px; font-weight:normal; color:#333333;}
.form ul li.right { float:left;  color: #333333; width:200px; height: auto; text-decoration:none; margin:10px 0px 0px 15px; padding:0px 0px 0px 0px; border:0px solid #000000; list-style:none;}

.border, input  { float:left; border:1px solid #F28930; background:none;}

.formbtn { float:left;  text-align:center; margin:0px; padding:0px; background:url(../images/button.png) no-repeat; border:none;  width:65px; height:20px; cursor:pointer; }
.formbtn:hover { float:left;  text-align:center; margin:0px; padding:0px; background:url(../images/button_hover.png) no-repeat;  width:65px; height:20px; cursor:pointer; }
/***** FORM *****/

/***** FOLLOW US *****/
.follow_us { float:left; width:255px; height:90px; margin:0px 0px 0px 10px; padding:0px;}
.follow_us ul{ float:left; width:255px; height:90px; margin:0px; padding:0px;}
.follow_us ul li { display:inline-block; float:left; width:36px; height:35px; margin:10px 0px 0px 10px; list-style:none;}
/***** FOLLOW US *****/

/***** LIVE CHAT *****/
.live_chat { float:left; width:255px; height:100px; margin:0px 0px 0px 10px; padding:0px;}
.live_chat ul{ float:left; width:255px; height:90px; margin:0px; padding:0px;}
.live_chat ul li { display:inline-block; float:left; width:46px; height:43px; margin:10px 0px 0px 10px; list-style:none;}
/***** LIVE CHAT *****/

/***** FOOTER *****/
.footer { float:left; width:100%; margin:0px; padding:0px;min-height:167px;height:auto!important;height:167px;}
.footer ul { float:left; margin:0px 40px 0px 40px ; padding:0px; list-style:none; width:150px; height:auto ;}
.footer ul li { float:left; margin:0px; padding:0px; width:150px; height:18px; text-align:left;color:#333333; font-weight:normal;}
.footer ul li a { text-decoration:none; color: #333333; font-size:12px; font-weight:normal; line-height:18px; text-align:left;}
.footer ul li a:hover { color:#F28930;}
/***** FOOTER *****/

/***** Portfolio *****/
.box1 { float:left; width:500px; height: auto; margin:20px 0px 0px 0px; padding:0px 0px 0px 0px; border:0px solid #000000; font-size:10px; text-align:left;}

.box1 ul { float:left; width:500px; height:auto; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none; border:0px solid #000000;}

.box1 ul li.one { float:left; width:60px; height:17px; margin:1px 0px 0px 0px; padding:3px 0px 0px 5px; text-decoration:none; border:1px solid #CCCCCC; font-size:12px; color:#333333;}

.box1 ul li.two { float:left; width:320px; height:17px; margin:1px 0px 0px 1px; padding:3px 0px 0px 5px; text-decoration:none; border:1px solid #CCCCCC;font-size:12px;color:#333333;}

.box1 ul li.three { float:left; width:97px; height:17px; margin:1px 0px 0px 1px; padding:3px 0px 0px 5px; text-decoration:none; border:1px solid #CCCCCC;font-size:12px;color:#333333;}
/***** Portfolio *****/

/*****INQUIRE*****/

.contact { float:left; margin:0px; padding:0px; width:375px; height: auto;font-size:14px; color: #333333;}

.contact ul { float:left; margin:0px 0px 0px 0px; padding:0px; list-style:none; border:0px solid #0000FF; text-align:left; }


.contact ul li.left { float:left; width:105px; height: auto; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:right; border:0px solid #000000;}

.contact ul li.right { float:left;  color:#000000; width:245px; height: auto; text-decoration:none; margin:10px 0px 0px 15px; padding:0px 0px 0px 0px; border:0px solid #000000;}

.formbtn2 { float:left;  text-align:center; margin:0px; padding:0px; background:url(../images/button.png) no-repeat; color:#FFFFFF; border:none;  width:70px; height:20px; cursor:pointer; }

.formbtn2:hover { float:left;  text-align:center; margin:0px; padding:0px; background:url(../images/button_hover.png) no-repeat; color:#FFFFFF; border:none;  width:70px; height:20px; cursor:pointer; }

.border { float:left; border:1px solid #F28930;}

/*****INQUIRE*****/

/*****PACKGE TABLE*****/
.box2 { float:left; width:600px; height: auto; margin:20px 0px 0px 0px; padding:0px 0px 0px 0px; border:0px solid #000000; font-size:10px; text-align:left;}

.box2 ul { float:left; width:600px; height:auto; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none; border:0px solid #000000;}

.box2 ul li.one { float:left; width:195px; height:16px; margin:0px; padding:2px 0px 0px 5px; text-decoration:none; font-size:12px; color:#333333;}

.box2 ul li.two { float:left; width:100px; height:16px; margin:0px; padding:2px 0px 0px 0px; text-decoration:none;font-size:12px;color:#333333; background-color:#D0E0F2; text-align:center;}

.box2 ul li.three { float:left; width:100px; height:16px; margin:0px; padding:2px 0px 0px 0px; text-decoration:none;font-size:12px;color:#333333; background-color:#E8EEF1;text-align:center;}

.box2 ul li.four { float:left; width:100px; height:16px; margin:0px; padding:2px 0px 0px 0px; text-decoration:none;font-size:12px;color:#333333; background-color:#F7E4C9;text-align:center;}

.box2 ul li.five { float:left; width:100px; height:16px; margin:0px; padding:2px 0px 0px 0px; text-decoration:none;font-size:12px;color:#333333; background-color:#DCE9CA;text-align:center;}
/*****PACKGE TABLE*****/

/*****SERVICE ICON*****/

.service { float:left; margin:15px 0px 15px 0px; padding:0px; width:953px; height: auto;}
.service ul { float:left; width:953px; height: auto; margin:0px; padding:0px;}
.service ul li { float:left; width:310px; height:60px; margin:10px 0px 0px 11px; padding:0px; list-style:none;}
.service ul li a { display:inline-block; float:left; width:310px; height:60px; text-decoration:none; margin:0px; padding:0px;}

.service ul li.m1 a {width:310;background: url(../images/Website%20Design.png) no-repeat;}
.service ul li.m1 a:hover {background: url(../images/Website%20Design_hover.png) no-repeat;}

.service ul li.m2 a {width:310;background: url(../images/Website%20Hosting.png) no-repeat;}
.service ul li.m2 a:hover {background: url(../images/Website%20Hosting_hover.png) no-repeat;}

.service ul li.m3 a {width:310;background: url(../images/SEO%20Services.png)  no-repeat;}
.service ul li.m3 a:hover {background: url(../images/SEO%20Services_hover.png) no-repeat;}

.service ul li.m4 a {width:310;background: url(../images/PPC%20Services.png)  no-repeat;}
.service ul li.m4 a:hover {background: url(../images/PPC%20Services_hover.png) no-repeat;}

.service ul li.m5 a {width:310;background: url(../images/PHP%20Programming.png)  no-repeat;}
.service ul li.m5 a:hover {background: url(../images/PHP%20Programming_hover.png) no-repeat;}

.service ul li.m6 a {width:310;background: url(../images/ASP%20.Net%20Development.png)  no-repeat;}
.service ul li.m6 a:hover {background: url(../images/ASP%20.Net%20Development_hover.png) no-repeat;}

.service ul li.m7 a {width:310;background: url(../images/Hire%20SEO%20Expert.png)  no-repeat;}
.service ul li.m7 a:hover {background: url(../images/Hire%20SEO%20Expert_hover.png) no-repeat;}

.service ul li.m8 a {width:310;background: url(../images/Hire%20Website%20Designer.png)  no-repeat;}
.service ul li.m8 a:hover {background: url(../images/Hire%20Website%20Designer_hover.png) no-repeat;}

.service ul li.m9 a {width:310;background: url(../images/Hire%20Programmer.png)  no-repeat;}
.service ul li.m9 a:hover {background: url(../images/Hire%20Programmer_hover.png) no-repeat;}

/*****SERVICE ICON*****/

/*****TEX*****/
.tex { float:left; margin:10px 10px 10px 10px; padding:0px; width:981px; height:auto; border:1px solid  #CCCCCC;}

/*****TEX*****/