/* MAIN STYLES
 -------------------------------------------*/ * {
    margin: 0;
    padding: 0;
}

body, html {
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #444;
    margin: 0;
    padding: 0;
    line-height: 130%;
/*    background-color: pink;  */
    background-color: #0B6F94; 
}

ul {
    list-style: none;
}

a {
    color: #119EC8;
}

a:hover {
    text-decoration: none;
}

a:focus {
    outline: none;
}

p {
    margin: 0.8em 0;
}

h2 {
    color: #119EC8;
    text-transform: uppercase;
    font-size: 18px;
    padding-bottom: 10px;
	font-family:"Myriad Pro", Calibri, Tahoma, Arial;
	line-height:19px;
}

#colLeft h2, #colLeft h3 {
    text-transform: none;
    padding: 5px 0;
}

#colRight h2 {
    font-size: 16px;
    border-bottom: 1px solid #efefef;
    padding-bottom: 5px;
    padding-top: 0;
    margin-bottom: 5px;
}

h2.home {
    border-bottom: 1px solid #efefef;
    margin-bottom: 10px;
    padding-bottom: 6px;
}

h3 {
    font-size: 16px;
}

h1 {
    font-size: 26px;
    font-weight: normal;
    color: #333;
    display: block;
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

/* LAYOUT STRUCTURE
 --------------------------------------------------*/
#wrapper {
    margin: 35px auto 0;
    width: 960px;
    background-color: white;
    padding-bottom: 0px;
}

#header {
    height: 100px;
    position: relative;
    background: #fff url(../images/bk_header.png) 0 0 no-repeat;
}

#content {
    padding: 20px;
    height: auto;
    padding-top: 0;
    overflow: hidden;
    padding-bottom: 0px;
}

.columns {
    background: url(../images/bk_rightcol.jpg) 625px 0 repeat-y;
}

.columnsPlain {
    background-color: white;
}

#footer {
    clear: both;
    background-color: #666666;
    padding: 20px 0 20px 0;
    width: 960px;
    height: auto;
    margin: 1px auto;
    color: white;
    position: relative;
    overflow: auto;
    margin-bottom: 20px;
}

/* This contains the entire FooterContents */
#leftborder {
    background-image: url(../images/border.png);
    width: 984px;
    height: 18px;
    margin-left: -9px;
	margin-bottom:-8px;

   
}

#footerbox {
    width: 977px;
    height: 150px;
    background-color: #797979;
    margin-left: -8px;
    padding-top: 5px;
}

#copyright {
    float: left;
    width: 310px;
    font-weight: bold;
    color: #E4E4E4;
    padding-left: 20px;
    margin-top: 80px;
}

#flinks {
    float: left;
    width: 310px;
    padding-left: 20px;
    text-align: left;
    border-right: 1px #A4A4A4 solid;
    border-left: 1px #A4A4A4 solid;
    margin-top: 5px;
}

#flinks a {
    color: #E4E4E4;
    font-weight: bold;
    text-decoration: none;
    margin-left: 55px;
}

#footercontacts {
    color: #E4E4E4;
    text-align: right;
    padding-right: 30px;
    font-weight: bold;
    margin-top: 5px;
}

#rbottom {
    background-image: url(../images/border1.png);
    width: 984px;
    height: 10px;
    margin-left: -11px;
}

/* HEADER ELEMENTS
 --------------------------------------------------*/
/* -- logo --*/
#logo {
    position: absolute;
    top: 9px;
    left: 60px;
    width: 212px;
    height: 89px;
}

#logo h1 {
    padding: 0;
    background: none;
    border: none;
}

#logo h1 a, #logo h1 a:hover {
    background: url(../images/logo.png) 0 0 no-repeat;
    width: 220px;
    height: 100px;
    text-indent: -9000px;
    display: block;
    text-decoration: none;
    border: none;
}

#topMenu {
    width: 500px;
    margin-left: 450px;
    margin-top: 10px;
    overflow: auto;
}

#topMenu li {
    float: left;
    padding: 0 15px;
    border-right: 1px solid #ccc;
    margin-top: 20px;
}

#topMenu li.lastlink {
    border: 0px;
}

#topMenu li#lastlink {
    border: 0px;
}

#topMenu li#lastlink a {
    color: #119EC8;
}

#topMenu li a {
    color: #666;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

#topMenu li a:hover, #topMenu li.selected a {
    color: #119EC8;
}

.click {
    width: 199px;
    height: 42px;
}

.click img {
    width: 199px;
    height: 42px;
    margin: 10px 0px 0px 720px;
    border: 0px;
    padding: 0px;
}

.click1 {
    width: 199px;
    height: 42px;
}

.click1 img {
    width: 199px;
    height: 42px;    
    border: 0px;
    padding: 0px;
}

.click a {
    text-decoration: none;
    outline: none;
}

p.myaccount a {
    float: right;
    margin-right: 70px;
    font-weight: bold;
    color: #995C20;
    text-decoration: none;
    padding-left: 30px;
    background: url(../images/my_account.gif) left top no-repeat;
    height: 19px;
}

p.myaccount a:hover {
    color: orange;
}

/* CONTENT
 ---------------------------------------------*/
#latestPostsHome {
    display: block;
}

#latestPostsHome li {
    display: block;
    float: left;
    background: #FBFBFB url(../images/bk_latest_box.jpg) 0 100% repeat-x;
    border: 1px solid #DDD;
    padding: 10px;
    margin-right: 12px;
    width: 275px;
    height: 190px;
    position: relative;
    margin-bottom: 20px;
}

#latestPostsHome li h3 {
    padding-bottom: 6px;
    font-weight: normal;
}

#latestPostsHome li p img {
    float: left;
    margin-right: 10px;
}

#latestPostsHome li span {
    display: block;
    position: absolute;
    bottom: 10px;
    left: 7px;
    color: #828282;
    font-size: 11px;
}

#latestPostsHome li span img {
    vertical-align: middle;
    margin-right: 3px;
}

#latestPostsHome li a.readmore {
    display: block;
    position: absolute;
    bottom: 8px;
    right: 10px;
    background: url(../images/but_readmore.png) 0 0 no-repeat;
    width: 66px;
    height: 22px;
    text-indent: -9999px;
}

#homeColumns {
    display: block;
}

#homeColumns li {
    float: left;
    border-right: 1px dashed #E0E0DA;
    padding: 10px;
    padding-left: 0;
    margin-right: 11px;
    width: 440px;
    position: relative;
}

#homeColumns li.last {
    margin-right: 0;
    border: none;
}

#colLeft {
    float: left;
    width: 910px;
    padding-top: 25px;
}

#colRight {
    float: left;
    width: 290px;
    /*background:url(../images/bk_rightcol.png) 0 0 repeat-y;*/
    padding-top: 30px;
    margin-left: 15px;
    padding-left: 20px;
}

#colLeft ul li {
    display: block;
    background: url(../images/bullet.jpg) 0 5px no-repeat;
    padding: 2px 0 3px 15px;
}

ul.voip li {
    display: block;
    background: url(../images/bullet.jpg) 0 5px no-repeat;
    padding: 2px 0 3px 15px;
}

#colRight ul#latestPosts, #colRight ul#subCategs {
    padding-bottom: 15px;
}

#colRight ul#latestPosts li, #colRight ul#subCategs li {
    border-bottom: 1px solid #efefef;
    line-height: 170%;
    padding: 5px 0 5px 5px;
    background: #f9f9f9;
}

#colRight ul#latestPosts li a, #colRight ul#subCategs li a {
    text-decoration: none;
}

#colRight ul#latestPosts li a:hover, #colRight ul#subCategs li a:hover, #colRight ul#latestPosts li:hover a, #colRight ul#subCategs li:hover a {
    color: #333;
}

#colRight ul#latestPosts li:hover, #colRight ul#subCategs li:hover {
    background: #fff;
}

#colRight ul#latestPosts li span {
    font-size: 11px;
    color: #828282;
}

#colRight ul#latestPosts li span img {
    vertical-align: middle;
}

.rss {
    margin: 0 0 10px;
    padding: 5px 0 10px;
    border-bottom: 1px solid #efefef;
}

.rss img {
    float: left;
    margin-right: 15px;
    border: none;
}

.serviceColLeft, .serviceColRight {
    float: left;
    width: 275px;
    /*border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;*/
    padding-right: 15px;
    padding-left: 6px;
    margin-top: 22px;
    height: 500px; /* here you can adjust the service box height to fit the content*/
    padding-bottom: 25px;
    margin-bottom: 20px;
}

.serviceColRight {
    float: left;
    width: 275px;
    padding-left: 6px;
    padding-right: 15px;
    border-right: none;
}

/* Following style is for the Business Page - Residential Phone VOIP */
.serviceColLeft1, .serviceColRight2 {
    float: left;
    width: 275px;
    /*border-right: 1px solid #efefef;*/
   
    padding-right: 15px;
    padding-left: 6px;
    margin-top: 22px;
    height: 445px; /* here you can adjust the service box height to fit the content*/
    padding-bottom: 15px;
}

.serviceColRight2 {
    float: left;
    width: 275px;
    padding-left: 6px;
    padding-right: 15px;
    border-right: none;
}

.serviceColRight1 {
    float: left;
    width: 275px;
    /*border-top: 1px solid #efefef;*/
    padding-right: 15px;
    padding-left: 6px;
   
    margin-bottom: 25px;
	margin-top:15px;
	/* border-bottom: 1px solid #efefef;*/
    height: 225px; /* here you can adjust the service box height to fit the content*/
    padding-bottom: 15px;
}

.serviceColRight1 img {
    float: left;
    margin-right: 15px;
    margin-bottom: 2px;
}

/* Residential Phone VOIP Ends Here */
.serviceColERight {
    float: right;
    width: 200px;
}
.serviceColLeft img, .serviceColRight img, .serviceColLeft1 img, .serviceColRight1 img, .serviceColRight2 img {
    float: left;
    margin-right: 15px;
    margin-bottom: 2px;
}

.portfolioItem {
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
    margin-bottom: 15px;
    position: relative;
}

.portfolioItem img {
    padding: 6px;
    border: 1px solid #efefef;
    margin-bottom: 10px;
}

.portfolioItem span img {
    padding: 0;
    border: none;
    vertical-align: middle;
    margin: 0 5px;
}

.portfolioItem span.action {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-weight: bold;
}

.blogItem {
    padding-bottom: 15px;
    border-bottom: 1px solid #efefef;
    margin-bottom: 20px;
}

.blogItem p img {
    padding: 5px;
    border: 1px solid #efefef;
}

.readmore {
    display: block;
    background: url(../images/but_readmore.png) 0 0 no-repeat;
    width: 66px;
    height: 22px;
    text-indent: -9999px;
}

span.metadata {
    display: block;
    padding: 5px 0;
    font-size: 11px;
    color: #828282;
    border-bottom: 1px solid #efefef;
}

span.metadata img {
    vertical-align: middle;
}

/* This is for the Map Image in the Contact Page */
.map img {
    float: right;
}

p.smalltext {
    clear: both;
    font-size: 10px;
    padding-left: 20px;
}

/* FOOTER
 ---------------------------------------------*/
.footerMark {
    position: absolute;
    top: 10px;
    right: 0;
}

/* HOME SLIDER
 -----------------------------------------------*/
#slider {
    padding-bottom: 20px;
    margin-top: 20px;
}
* html #slider {
    padding-bottom: 0;
}

#sliderFold {
    width: 285px;
    padding: 0;
    float: left;
}

#sliderFold .sliderItem, #sliderFold .sliderItemOn, #sliderFold .sliderItemOnFirst {
    padding: 13px 20px 0 84px;
    border-right: 1px solid #ACD7EE;
    border-bottom: 1px solid #ACD7EE;
    border-top: 1px solid #fff;
    height: 83px;
    position: relative;
    cursor: pointer;
}

#sliderFold .sliderItemOnFirst {
    border-top: 1px solid #ACD7EE;
}

#sliderFold .sliderItemOn, #sliderFold .sliderItem:hover {
    border-right: none;
    background: url(../images/bk_serv_active.jpg) 100% 0 repeat-y;
}

#sliderFold .sliderItem h2, #sliderFold .sliderItemOn h2, #sliderFold .sliderItemOnFirst h2 {
    font-size: 16px;
    letter-spacing: -1px;
    padding-bottom: 5px;
    text-transform: none;
    color: #333;
}

#sliderFold .sliderItem p, #sliderFold .sliderItemOn p, #sliderFold .sliderItemOnFirst p {
    line-height: 120%;
}

#sliderFold .sliderItem img, #sliderFold .sliderItemOn img, #sliderFold .sliderItemOnFirst img {
    position: absolute;
    left: 0;
    top: 10px;
}

.sliderImg {
    background: #D5EAF7 url(../images/bk_blue_grad.jpg) 0 100% repeat-x;
    border: 1px solid #ACD7EE;
    border-left: none;
    position: relative;
    float: left;
    padding: 7px;
    height: 376px;
}

.panel a.butDetails {
    display: block;
    position: absolute;
    width: 157px;
    height: 40px;
    background: url(../images/but_slider.jpg) 0 0 no-repeat;
    text-indent: -9999px;
    right: 3px;
    bottom: 5px;
}

.panel img {
    border: 1px solid #fff;
}

.panel p.projName {
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    color: #2C2C2C;
    padding: 15px 4px;
    margin: 0;
    text-align: center;
}

/* CAROUSEL
 ---------------------------------------------*/
.stepcarousel {
    float: left;
    position: relative; /*leave this value alone*/
    overflow: hidden; /*leave this value alone*/
    width: 600px; /*Width of Carousel Viewer itself*/
    height: 376px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt {
    position: absolute; /*leave this value alone*/
    left: 0;
    top: 0;
}

.stepcarousel .panel {
    float: left; /*leave this value alone*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    width: 600px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
    height: 384px;
    position: relative;
}

/* FORMS
 --------------------------------------------------*/
#topSearch {
    position: absolute;
    top: 27px;
    right: 20px;
}

#topSearch input#q {
    width: 195px;
    background: url(../images/bk_searchbox.jpg) 0 0 no-repeat;
    font-size: 12px;
    font-style: italic;
    font-family: Arial, Helvetica, sans-serif;
    padding: 4px 5px;
    border: none;
    color: #999;
}

#topSearch input.submit {
    width: 25px;
    height: 22px;
    background: url(../images/bk_searchbut.jpg) 0 0 no-repeat;
    border: 1px solid #0B6F94;
}

#topSearch input {
    float: left;
}

form#contact label {
    display: block;
    padding: 8px 0 2px;
    font-weight: bold;
}



form#contact input, form#contact textarea {
    border: 1px solid #0B6F94;
    padding: 5px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    width: 300px;
}

form#contact textarea {
    width: 400px;
}

form#contact input.submit {
    border: 2px;
    width: 147px;
    height: 40px;
    text-align: center;
    padding-top: 4px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 15px;
    background: url(../images/bk_submit.jpg) 0 0 no-repeat;
}

.errormsg, .successmsg {
    background: #FEF4F1;
    border: 1px solid #F7A68A;
    color: #DA4310;
    padding: 10px;
}

.successmsg {
    background: #F5FAF1;
    border: 1px solid #C2E1AA;
    color: #8FA943;
}

/* CLEARING
 ---------------------------------------------------*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: block;
}

/* Hides from IE-mac \*/ * html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* End hide from IE-mac */
.clear {
    clear: both;
}

.noclear {
    clear: none;
}

/* Form Styles */
#container {
    width: 500px;
    height: 200px;
    margin: 35px auto 0;
    background-color: white;
    text-align: center;
}

p#formlinks img {
    border: 0px;
    margin-top: 125px;
}

/* Nifty Rounded Corners */
body {
    padding: 30px 0 30px 0;
    text-align: center;
}

div#box {
    width: 960px;
   
    margin: 0 auto;
    text-align: left;
    background-color: #ffffff;
    color: #000;
}

/* support css */
button {
    border: 0;
    margin: 0;
    padding: 0;
}

.spacer {
    clear: both;
    height: 1px;
}

.myform {
    margin: 0 auto;
    width: 580px;
    padding: 14px;
    -moz-border-radius: 0.6em;
    -webkit-border-radius: 0.6em;
}

img {
    border: 0;
}

#subsForm {
    border: solid 1px #efefef;
    background-color: white;
}

#subsForm h1 {
    padding-bottom: 5px;
    font-size: 18px;
    font-weight: normal;
}

#subsForm p {
    font-size: 11px;
    color: #666666;
    margin-bottom: 20px;
    border-bottom: solid 1px #999;
    padding-bottom: 10px;
}

#subsForm label {
    display: block;
    font-weight: bold;
    text-align: right;
    width: 140px;
    float: left;
}

#subsForm .small {
    color: #666666;
    display: block;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    width: 140px;
}

#subsForm input {
    float: left;
    font-size: 12px;
    padding: 4px 2px;
    border: solid 1px #999;
    width: 400px;
    margin: 2px 0 20px 10px;
}

#subsForm textarea {
    float: left;
    font-size: 12px;
    padding: 4px 2px;
    border: solid 1px #999;
    width: 400px;
    margin: 2px 0 20px 10px;
}

#subsForm select {
    float: left;
    font-size: 12px;
    padding: 4px 2px;
    border: solid 1px #999;
    width: 400px;
    margin: 2px 0 20px 10px;
}

#subsForm button {
    clear: both;
    margin-left: 150px;
    width: 125px;
    height: 31px;
    background-color: #119EC8;
    text-align: center;
    line-height: 31px;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
}

.info, .success, .fail, .confirm, .dash, .article, .home, .adminC {
    margin: 0 auto;
    margin-top: 10px;
    border: 1px solid #efefef;
    width: 580px;
    padding: 14px;
    text-align: center;
    -moz-border-radius: 0.6em;
    -webkit-border-radius: 0.6em;
}

.success {
    color: #4F8A10;
    background-color: #D4EAF7;
}

.dash {
    color: #666666;
    background-color: white;
    text-align: left;
    border: 1px solid #efefef;
}

.home, .article {
    color: #666666;
    background-color: white;
    text-align: left;
    border: 1px solid #efefef;
}

.icon {
    cursor: pointer;
    float: right;
    width: 26px;
}

.progressbar {
    height: 10px;
    display: block;
}

.progressbarback {
    border: 1px solid #999;
    background: transparent;
    height: 10px;
    width: 30px;
    text-align: left;
    float: left;
}

form b {
    float: left;
    width: 100px;
    color: #292727;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-align: right;
    padding-top: 2px;
    padding-right: 10px;
}

label {
    margin-left: 10px;
}

form#lbform input.subbutton {
    border: 0px;
    margin-left: 175px;
    width: 119px;
    height: 42px;
    background: none;
}

.boxLogin {
    float: left;
    /*width: 100px;*/
    width: 400px;
    color: #292727;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-align: right;
    padding-top: 2px;
    padding-right: 10px;
}

.input2 {
    border: 1px #8D8C8C solid;
    width: 250px;
    padding: 3px;
    background-color: #CECDCD;
}

.boxLogin {
    position: absolute;
    top: 170px;
    display: none;
    left:-10px;
}

.aclogin {
    
	display:block;
}

.weblogin {
    
	display:block;
}

#mapcontainer {
    float: left;
    width: 910px;
   
}
#mapcontainer1 {
    float: left;
    width: 490px;
	margin-left:5px;
   
}
#mapcontainer2 {
    float: left;
    width: 390px;
	margin-right:10px;	
   
}

#cont-box-top
{
background-image:url(../images/box-top.jpg);
background-repeat:no-repeat
width:275px;
height:9px;
margin:0 auto;
}

#cont-box-bottom
{
background-image:url(../images/box-bottom.jpg);
background-repeat:no-repeat
width:275px;
height:20px;
margin:0 auto;
}

#cont-box-bg
{
background-image:url(../images/box-bg.jpg);
background-repeat:repeat-y;
width:275px;
height:495px;
margin:0 auto;
}

#cont-box-bg1
{
background-image:url(../images/box-bg.jpg);
background-repeat:repeat-y;
width:275px;
height:425px;
margin:0 auto;
}

#cont-box
{
width:241px;
margin:0 auto;
padding-top:11px;
padding-bottom:11px;
}