@charset "utf-8";
/* CSS Document */

body {margin:0; padding:0; background:#d8d8d8; font-family:Verdana, Arial, Helvetica, sans-serif }
a {text-decoration:none }
p span { margin:0px; padding:0px }
ul {margin:0; padding:0; list-style:none}
.bnone {border:none !important; }
.cb {clear:both}
.bBot {border-bottom:1px solid #efefef/*d8d8d8*/ }
#wrap {width:1000px; margin:0 auto; margin-bottom:0px; background:url(images/grid.gif) #fff;}
img {border:0px }

#header {height:80px; }
#menu {height:30px; background:#fff }
#menu ul {float:right;}
#menu li {float:left; margin:0 15px; line-height:30px; }
#menu li a {font-family:Trebuchet MS; color:#3d3d3d; font-size:1em}
#menu li a:hover, #menu li a.active {color:#ff8a00;}

#banner {height:250px }

#common { padding:15px 0}
#common div {float:left}
#common .left {width:400px; text-align:center}
#common .right {width:600px; vertical-align:top; line-height:19px;}
#common .right ol li { font-size:.8em; color:#393939; padding:0 20px 0 0; margin:0 0 10px 0 }
#common .right ol.webRe li { font-size:.8em; color:#393939; line-height:25px; background:url(images/exclamation-red-icon.png) no-repeat center left; list-style:none; padding:0 0 0 20px; }
#common .right span {display:block; font-family:"Trebuchet MS"; font-size:1.7em; margin:0 0 5px 0; color:#ff8a00}
#common .right p {font-size:.8em; color:#787878; /*line-height:auto;*/ padding:0 25px 0 0; text-align:justify;}
#common .right .hostPlans  ul{float:left; margin:0 5px }
#common .right .hostPlans li { width:182px; border:1px dashed #ddd; font-size:.7em; color:#393939; padding:3px; line-height:19px; margin:0 0 3px 0 }
#common .right .hostPlans li a {color:#fff; text-transform:uppercase; display:block; text-align:center; background:#000}
#common .right .hostPlans li a:hover {color:#fff; text-transform:uppercase; display:block; text-align:center; background:#980202}
#common .right .hostPlans li.head {color:#980202; font-size:.9em; font-family:"Trebuchet MS"; }
#common .left span {display:block; font-family:"Trebuchet MS"; font-size:1.2em; text-align:left; margin:0 0 10px 10px; color:#3d3d3d; text-transform:uppercase}


#common .left ul {float:left; margin:0 20px 20px 20px}
#common .left ul li {margin:0 0 10px 0; background:url(images/arrow.png) no-repeat top left; padding:0 0 0 20px; font-size:.8em; text-align:left;}
#common .left ul li.active {margin:0 0 10px 0; background:url(images/arrowsel.png) no-repeat top left; padding:0 0 0 20px; font-size:.8em; text-align:left; text-transform:uppercase}
#common .left ul li a {color:#333 } #indSer .left ul li a:hover {color:#000 }

#works { padding:15px 0}
#works div {float:left}
#works .left, #works .left .pf {width:400px; }
#works ul { margin:0 15px;}
#works .left li {float:left; margin:0 4px; width:61px; height:33px; line-height:33px; text-align:center; background:url(images/pfBghover.png) no-repeat top left; }
#works .left li:hover {float:left; margin:0 4px; width:61px; height:33px; line-height:33px; text-align:center; background:url(images/pfBg.png) no-repeat top left; }
#works .left li a {font-family:"Century Gothic"; font-size:0.8em; color:#fff }
#works .left li a:hover {font-family:"Century Gothic"; font-size:0.8em; color:#787878; font-weight:bold;}

#works .right {width:600px }
#works .right span {display:block; font-family:"Trebuchet MS"; font-size:1.7em; margin:0 0 5px 0; color:#ff8a00/*6a9e66*/}
#works .right ul {float:left; margin:0 20px 0 0; padding:0}
#works .right ul li {margin:0 0 5px 0; list-style-type:circle; list-style-position:inside; color:#6a9e66}
#works .right ul li a {font-size:12px; color:#585858 } #works .right ul li a:hover {font-size:12px; color:#980202 }

#feedback { padding:15px 0}
#feedback div {float:left}
#feedback .left {width:400px; text-align:center}
#feedback .right {width:600px; vertical-align:top;}
#feedback .right span {display:block; font-family:"Trebuchet MS"; font-size:1.7em; margin:0 0 5px 0; color:#ff8a00}
#feedback .right p {font-size:.8em; color:#787878; /*line-height:auto;*/ padding:0 25px 0 0; text-align:justify;}
#feedback .right ul {margin:25px auto; }
#feedback .right li {padding:2px 0; text-align:center}
#feedback .right li input, #feedback .right li textarea {width:350px; border:1px solid #999; padding:3px; color:#999999; font-family:Verdana, Arial, Helvetica, sans-serif }
#feedback .right li input:hover, #feedback .right li textarea:hover {border:1px solid #6a9e66;}
#feedback .right li input[type="submit"] {width:100px; background:#5e5e5e; border:1px solid #fff; color:#fff; text-transform:uppercase}
#feedback .right li input[type="submit"]:hover {width:100px; background:#373737; border:none !important; color:#fff}

#keyword, #keyword1 {background:#fff }
#keyword h1, #keyword1 h1 {font-family:"Century Gothic"; font-size:3.4em; color:#efefef; text-align:center; font-weight:normal; margin:0; padding:3px 0 }
#keyword h2, #keyword1 h2 {font-family:"Century Gothic"; font-size:3.05em; color:#efefef; text-align:center; font-weight:normal; margin:0; padding:3px 0 }

#indSer { padding:15px 0}
#indSer div {float:left}
#indSer .left {width:400px; }
#indSer .left span {display:block; font-family:"Trebuchet MS"; font-size:1.2em; margin:0 0 10px 10px; color:#3d3d3d; text-transform:uppercase}
#indSer .left ul {float:left; margin:0 20px}
#indSer .left ul li {margin:0 0 10px 0; background:url(images/arrow.png) no-repeat top left; padding:0 0 0 20px; font-size:.8em;}
#indSer .left ul li a {color:#333 } #indSer .left ul li a:hover {color:#000 }

#indSer .right {width:600px; }
#indSer .right span {display:block; font-family:"Trebuchet MS"; font-size:1.7em; margin:0 0 5px 0; color:#ff8a00}
#indSer .right p {font-size:.8em; color:#787878; line-height:18px; margin:0px 5px 5px 5px; padding:0}

#indServices { padding:10px 0}
#indServices div {float:left; width:315px; margin:0 7px}
#indServices div:hover {background:#fff; }
#indServices span {display:block; font-family:"Trebuchet MS",'Century Gothic'; font-size:1.5em; color:#ff8a00 }
#indServices span.portfolio  {display:block; font-family:'Century Gothic'}
#indServices span.portfolio a {font-size:.5em; color:#3d3d3d; font-family:"Trebuchet MS" }
#indServices p {font-size:.7em; color:#787878; line-height:16px;}
#indServices .mid {margin:0 10px }

#footer { padding:15px 0}
#footer div {float:left}
#footer .left {width:400px; font-size:.8em; line-height:16px }
#footer .left span {display:block; margin:0 0 10px 0; font-size:.9em; color:#787878 }
#footer .left span a {color:#000; }
#footer .left span a:hover{color:#980202;}
#footer .left p {font-size:.8em; color:#787878; /*line-height:auto;*/ margin:0px 5px 10px 5px; padding:0}

#footer .right {width:600px; }
#footer .right .left {width:250px; }
#footer .right .right {width:350px;}
#footer .right .right a {color:#000; font-size:2em; text-transform:uppercase; font-family:'Century Gothic' }
#footer .right .right a:hover{color:#980202;}
#footer .right .right a span {font-size:2em }

.cr {text-align:center; font-size:11px; color:#666666; padding:10px 0}

.cEle {margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; position: fixed; right: 5px; z-index: 9999; width:50px; }
.blog {top:10px;}
.twitter {bottom:100px; left:5px !important;}
.facebook {bottom:55px; left:5px !important;}
.linkedin {bottom:0px; left:5px !important;}
.css {top:60px;}
.html {top:110px;}
.piclibrary {top:160px;}
.validcss {top:250px; right:40px !important; }
.validhtml {top:290px; right:40px !important; }
.top{bottom: 0px; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; position: fixed; right: 5px;  z-index: 9999; }



/*  JQuery Slides */
.slide-out-div { padding:0 20px; width: 900px; background:url(images/grid.gi) #bbb; color:#fff; border: #000 0px solid; position: fixed; z-index:999999 }
.slide-out-div img{ border:5px solid #ccc; margin:0 10px 0 0}
.slide-out-div img:hover{ border:5px solid #fff; margin:0 10px 0 0}
.slide-out-div p.more {text-align:right;}
.slide-out-div a.more {color:#000; text-transform:uppercase; font-size:11px;  }
.slide-out-div a.more:hover {color:#fff; text-transform:uppercase; font-size:11px;  }

/*.slide-out-div-logo {padding: 20px; width: 900px; background:url(images/grid.gi) #fff; border: #fff 0px solid; position: fixed}

.handle1 {background:url(images/logotab.png) no-repeat top left; position: fixed; left:0px; width:40px; height:100px; display:block }*/

.mail td {border:1px dashed #f6f6f6 }

#packages {background:#3d3d3d; border-bottom:0px solid #fff; border-top:0px solid #fff}
#packages div{ float:left; width:330px; margin:10px 0}
#packages ul {margin:5px; }
#packages li.title {color:#fff; font-family:"Trebuchet MS", Verdana; font-size:1.2em; border:0 !important; padding:0 0 15px 25px !important;}
#packages li span.price {font-size:2em; font-family:"Trebuchet MS"; color:#FF8A00;}
#packages li {font-size:.7em; color:#a0a0a0; padding:5px 0; border-bottom:0px solid #ddd; padding-left:40px; background:url(images/bullet.png) no-repeat 25px }
#packages li span {color:#fff }
#packages li.nbg  {background:none; }

#packages .silver{}
#packages .gold{ margin-left:4px; margin-right:4px; border-right:1px solid #444; border-left:1px solid #444;}
#packages .platinum{}

#paymentOpt {padding:5px 0; background:#737373; }
#paymentOpt li{float:left; padding:0 10px}
#paymentOpt li.left {width:480px}
#paymentOpt li span.title {color:#fff; font-family:"Trebuchet MS", Verdana; font-size:1em; padding-left:0 !important; }
#paymentOpt li span {display:block; margin:2px 10px; font-size:.8em; color:#282828; padding:0px 15px;}
#paymentOpt li.right { width:480px}
#paymentOpt li.right a {color:#fff; font-family:"Trebuchet MS", Verdana; font-size:2em; text-transform:captalize; display:block; line-height:50px; text-align:center }
#paymentOpt li.right a:hover {color:#3d3d3d}