/*/// Ely Telecom Specific Stylesheet ///*/

/*/// General Layout ///*/

#wrapper{
    width: 800px;
    min-height: 575px; _height: 575px;
    margin: 0 auto;
    background: url(/images/bg.gif) no-repeat top left;
}
#hdr{margin-bottom: 18px;}
#logo{
    float: left;
    width: 230px;
}
#strapline{
    float: right;
    width: 434px;
    padding: 44px 0 0 0;
    overflow: hidden;
    background-image: url(/images/strapline.gif);
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:44px;
    margin: 58px 0 0 0;
}
#rightcol{
    float: right;
    width: 610px;
    border: 4px #0068B3 solid;
}
.content{float: left;width: 555px; padding: 25px 15px 10px 40px;}
.sml{float: left; width: 345px;}
#leftcol{
    float: right;
    width: 180px;
    margin-right: 0 !important; margin-right: -30px;
}
#logosholder{margin: 65px 0 0 20px;}
#ftr{
    background: #0068B3;
    text-align: center;
    color : #ccc;
}
.iconWrap{
      clear:both;
}

/*/// Navigation ///*/

#nav
{
    width: 176px;
    background: #5A8DC8;
    margin: 70px 0 0 30px;
    padding: 1px 2px 10px 2px;
}

#nav ul li
{
    list-style: none;
    list-style-image: none;
    margin: 12px 0;
}

#nav ul li a{color: #fff; text-decoration: none; font-weight: bold; font-size: 95%;}
#nav ul li a:hover, #nav ul li a.on{color: #CCFFFF;}

#rightcol div.subnav{float: right; width: 210px; padding-top: 30px;}
#rightcol div.subnav ul{padding: 0;margin: 0;}
#rightcol div.subnav ul li
{
    width: 168px;
    background: url(/images/bg_subnav_li.gif) repeat-x top;
    font-size: 90%;
    line-height: 16px;
    margin: 0 0 1px 0;
    padding: 10px;
    list-style: none;
    border-bottom: 1px #999 dashed;
    list-style-image: none;
}

#rightcol div.subnav ul li:hover,#rightcol div.subnav ul li.over{background: #EDF5FA; border-bottom: 1px #FF9900 dashed;}
#rightcol div.subnav ul li.over a{color: #0168B3}

p.subnav
{
    width: 200px;
    background: url(/images/bg_subnav_heading.gif) no-repeat top left;
    margin: 0;
    padding: 2px 0 0 10px;
    font-weight: bold;
    color: #000;
}

/*/// Text, Images, Links, Lists ///*/

/*Text*/

.highlighttext
{
    background: #edf2f8;
    padding: 0 6px;
    font-size: 98%;
    width: 350px;
    float: left;
    margin-right: 13px;
    margin-top: 4px;
}
.homeNews
{
    float: left;
    width: 180px;
    margin-top: 4px;
    color: #333333;
}
.homeNews h2{background: url(/images/arrow.gif) center left no-repeat; padding-left: 15px; margin: 0 0 5px 0;}
.homeNews span{color: #006599;}
.errors
{
    width: 90%;
    background: #F0F6FA;
    border: 1px #5B8DC8 dashed;
    padding: 4px;
    font-size: 80%;
    color: #EF7676;
    line-height: 14px;
    text-transform: uppercase;
}

.overview{font-weight: bold; color: #009ddc;}
.articleDate{text-align: right;font-weight: bold;font-style: italic;}


/*Images*/
.iconholder
{
    float: left;
    width: 120px;
    text-align: center;
    margin: 10px 0; 
}
.iconholder:hover a.serviceName{color: #fe9901;}

.leftborder{border-left: 1px #99CDFF dashed;}
.rightborder{border-right: 1px #99CDFF dashed;}

#imagebar
{
    width: 600px;
    margin: 0 auto;
    margin: 30px 0 20px 5px;
    background: url(/images/bg_imagebar.gif) no-repeat center;
    text-align: center;
}

#imagebar img{border: 1px #ccc solid; margin: 0 5px;}

.caseImages
{
   background: url(/images/bg_imagebar_sml.gif) no-repeat center;
   text-align: center; 
}
.caseImages img{border: 1px #ccc solid; margin: 0 3px;}

.homeNews a.newsWrap{float: left;border: solid 1px #ccc;padding: 3px;}
.homeNews a.newsWrap img{vertical-align: bottom; border: solid 1px #346699;}
.news img{padding: 3px; border: solid 1px #ddd; margin-right: 8px;background: #eee;}
.articleDate img{vertical-align: middle;padding: 0; border: 0;margin: 0;}
/*Links*/
#ftr a{color: #ccc; font-size: 80%;}
#ftr a:hover{color: #CCFFFF; text-decoration: underline;}

div.subnav ul li a{font-weight: bold; text-decoration: none;}
div.subnav ul li a:hover{text-decoration: underline;}

.iconholder a.serviceName{font-size: 120%;text-decoration: none;margin: 2px 0;color: #0168B3;float: left; width: 120px;text-align:center;height:35px;}
.iconholder a.serviceName:hover{color: #fe9901;}

/*Lists*/

ul.faq
{
}

ul.faq li
{
    list-style: url(/images/bullet_faq.gif);
    margin: 12px 0;
}

ul.faq li a{text-decoration: none; padding: 3px;}
ul.faq li a:hover
{
    background: #73BCE9;
    color: #fff;
}
#rightcol ul li{padding-left: 5px;}

/*/// Form Styles ///*/