@media screen
{
    *
    {
        margin: 0;
        padding: 0;
    }
    body
    {
        font-family: Arial, Verdana, Helvetica, Sans-Serif;
        font-size: 12px;
        font-weight: normal;
        color: black;
        background: #1c1c1c url(img/bg.gif) top repeat-x;
        text-align: center;
    }
    h1, h2, h3, h4
    {
        font-size: 14px;
        padding: 1em 0.2em;
        color: #666;
        font-weight: normal;
        float: left;
        width: 100%;
    }
    h2
    {
        color: #999;
        display: block;
        padding-bottom: 1px;
    }
    /*used as paragraph headline*/
    h3
    {
        color: #999;
        display: block;
        padding: 1em 0.2em 0 0.2em;
    }
    p
    {
        padding: .5em;
        margin: 0;
        font-size: 12px;
    }

    a
    {
        color: #333;
        text-decoration: underline;
    }
    a:hover
    {
        text-decoration: none;
    }



    .arrowBt
    {
        background: url(img/arrow.gif) 0 3px no-repeat;
        text-decoration: none;
        height: auto;
        line-height: 20px;
        padding: 0 0 0 1.3em;
        border-bottom: 1px dotted black;
    }
    .arrowBt:hover
    {
        text-decoration: none;
        background: url(img/arrow.gif) 0 -10px no-repeat;
        padding: 0 0 0 1.3em;
    }


    .noBackground
    {
        background: none !important;
    }
    .noBorder
    {
        border: none !important;
    }

    /*print css logo*/
    .printlogo
    {
        display: none;
        visibility: hidden;
        height: 200px;
        width: 161px;
        padding: 0 0 2em 0;
        margin: 0;
    }
    /*repeats background, faux col*/
    .contentWrap
    {
        width: 979px;
        height: auto;
        float: left;
        margin-top: -201px;
    }
    /*wrappping all content*/
    #wrapper
    {
        text-align: left;
        margin: auto;
        padding: 10em 0;
        padding-bottom: 0;
        width: 979px;
        overflow: hidden;
        background: #fff url(img/wrapperBg.gif) top repeat-x;
    }


    /*containing sideimage, partner, mainImage. search, meta, quicklinks*/
    #col1
    {
        float: left;
        height: 200px;
        margin-top: -50px;
        width: 726px;
        overflow: hidden;
    }
    /*maincontent, news - backgroudn defined in themes*/
    #col2
    {
        float: left;
        height: auto;
        overflow: visible;
        _width: 724px;
        width: 726px;
        padding-bottom: 5em;
    }

    #col4
    {
        float: right;
        height: auto;
        margin-top: -50px;
        overflow: hidden;
        width: 253px;
        _width: 252px;
    }
    /*IE6 hack*/

    *html #col2
    {
        width: 727px;
    }

    /*menu*/
    #col3
    {
        position: relative;
        float: left;
        z-index: 500;
        width: 205px;
        _width: 204px;
        margin-top: -40px;
        margin-left: 19px;
        background: url(img/menuBg.gif) repeat-x;
        height: auto;
        font-size: 11px;
    }

    #menu .RadPanelBar .rpRootGroup
    {
        border-style: none;
        border-width: 0;
    }

    #menu .RadPanelBar .rpOut, #menu .RadPanelBar .rpLink
    {
        border-bottom-style: none;
        border-bottom-width: 0;
    }

    /*IE 6 hack sorry! :)*/
    *html #col3
    {
        margin-left: 10px;
    }


    /*container partners and image*/
    #middleCont
    {
        width: 503px;
        float: left;
        height: 371px;
        position: relative;
        left: 205px;
    }

    p.clearer
    {
        clear: both;
    }



    .logo
    {
        float: left;
        width: 202px;
        overflow: hidden;
        height: 217px;
    }

    /*headline in image*/
    #mainImage h1
    {
        float: right;
        font-size: 15px;
        margin-right: 4px;
        margin-top: 44px;
        opacity: 0.6;
        filter: alpha(opacity = 60);
        padding: 0.5em;
        width: 308px;
    }
    #menu
    {
        float: left;
        width: 202px;
        min-height: 480px;
        height: auto !important;
        height: 480px;
    }



    /*content col2*/

    #partners
    {
        float: left;
        width: 503px;
        display: block;
        background: #fff url(img/partnerBg.gif) left no-repeat;
        height: 41px; /*  margin-left:205px;*/
    }

    #partners ul
    {
        float: left;
        width: 95%;
        height: 45px;
        list-style-type: none;
        padding-left: 2em;
    }
    #partners ul li
    {
        float: left;
        width: auto;
        height: 45px;
        padding-right: 3.2em;
    }
    #partners ul li a.telerik
    {
        float: left;
        background: url(img/telerik.gif) 0 0 no-repeat;
        height: 45px;
        width: 109px;
        text-decoration: none;
    }
    #partners ul li a.telerik:hover
    {
        background: url(img/telerik.gif) 0 -45px no-repeat;
    }
    /*
            #partners ul li a.saasu
            {
                float:left;
                background:url(img/saasu.gif) 0 0 no-repeat;
                height:45px; 
                width:145px;
                text-decoration:none;
            }
            #partners ul li a.saasu:hover
            {
            background:url(img/saasu.gif) 0 -45px no-repeat;

            }*/

    #partners ul li a.sitefinity
    {
        float: left;
        background: url(img/sitefinity.gif) 0 -42px no-repeat;
        height: 42px;
        width: 130px;
        text-decoration: none;
    }
    #partners ul li a.sitefinity:hover
    {
        background: url(img/sitefinity.gif) 0 0 no-repeat;
    }

    #partners ul li a.awia
    {
        float: left;
        background: url(img/awia.gif) 0 0 no-repeat;
        height: 45px;
        width: 109px;
        text-decoration: none;
    }
    #partners ul li a.awia:hover
    {
        background: url(img/awia.gif) 0 -46px no-repeat;
    }

    #topContent
    {
        float: left;
        height: auto;
        width: 250px;
        margin-top: 47px;
    }
    /*IE6 hack
            *html #topContent {

            padding-left:204px;

            }*/

    #meta
    {
        float: left;
        height: 40px;
        width: 253px;
        background: #333;
        color: #fff;
        text-align: center;
    }

    #meta ul
    {
    
float:left;
list-style-type:none;
margin:0;

padding:1em 0;
    }
    #meta ul li
    {
        border-right: 1px solid #fff;
        display: inline;
        padding: 0 .3em;
        font-size: 1em;
    }
    #meta a
    {
        padding: .3em .3em;
        color: #fff;
        text-decoration: none;
    }
    #meta a:hover
    {
        color: #fff;
        background: #2b2b2b;
    }

    /*search*/
    #search
    {
        float: left;
        width: 250px;
        height: 45px;
        background: #2c2c2c;
        text-align: center;
        padding: 0;
        text-align: center;
        width: 253px;
    }
    #search fieldset
    {
        margin: 1em auto;
        border: none;
        padding: 0 .5em;
        height: 25px;
        width: 206px;
        display: block;
    }
    #search .sf_searchSubmit
    {
        float: left;
        background: url(img/searchBt.gif) no-repeat;
        width: 25px;
        height: 23px;
        border: 0;
    }
    #search .sf_searchText
    {
        font-size: 12px;
        color: #fff;
        float: left;
        background: #999;
        width: 172px;
        height: 17px;
        border: 0;
        padding: .3em .2em .2em .2em;
        line-height: 1.9em;
        margin-right: .3em;
    }
    /*end search*/
    #quicklinks
    {
        float: left;
        width: 253px;
        background: #fff;
        color: #333;
        padding: 1.55em 0;
    }

    #quicklinks ul
    {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }
    #quicklinks ul li
    {
        background: #fff;
        display: block;
    }

    #quicklinks span
    {
        display: block;
        font-weight: bold;
        padding: 1.3em 0 .5em 0;
    }
    #quicklinks .packages
    {
        text-decoration: none;
        display: block;
        background: #fff url('img/packages.gif') 0 0 no-repeat;
        height: 84px;
        width: 130px;
        padding-left: 9em;
    }
    #quicklinks .packages:hover
    {
        background: #fff url('img/packages.gif') 0 -86px no-repeat;
        height: 84px;
    }

    #quicklinks .testimonials
    {
        text-decoration: none;
        display: block;
        background: #fff url('img/testimonials.gif') 0 0 no-repeat;
        height: 84px;
        width: 130px;
        padding-left: 9em;
    }
    #quicklinks .testimonials:hover
    {
        background: #fff url('img/testimonials.gif') 0 -85px no-repeat;
        height: 84px;
    }

    #quicklinks .showcase
    {
        text-decoration: none;
        display: block;
        background: #fff url('img/showcase.gif') 0 0 no-repeat;
        height: 84px;
        width: 130px;
        padding-left: 9em;
    }
    #quicklinks .showcase:hover
    {
        background: #fff url('img/showcase.gif') 0 -85px no-repeat;
        height: 84px;
    }

    /*end contet col2*/

    #teasers
    {
    }
    #teaserHeader
    {
    }
    #teaserBody
    {
    }

    /* content col3*/
    #mainContent
    {
        background: url('img/breadcrumbBg.gif') top repeat-x;
        float: left;
        margin-top: 195px;
        width: 478px;
        padding: 0 1em;
        overflow: hidden;
    }


    #mainContent p
    {
        width: 100%;
        float: left;
        padding: 1em 0;
        background: #fff url('img/pSep.gif') bottom no-repeat;
    }
    /*list tsyle used in p tags*/
    #mainContent #pageContent ul
    {
        float: left;
        width: 100%;
        list-style-type: none;
        font-size: 12px;
        height: auto;
        overflow: hidden;
        padding: .5em 0;
    }
    /*applied to all except sitemap*/
    #mainContent #pageContent ul li
    {
        background: url(img/plus.gif) 0 9px no-repeat;
        padding: .5em 0 .5em 1em;
    }
    /*list containing a tags*/
    #mainContent ul.linkList li
    {
        background: #fff url('img/pSep.gif') bottom no-repeat;
        padding: .5em 0 .5em 0;
    }
    /*exception for link list containing hyperlinks, used on services page*/
    ul.hyperLinkList
    {
    }
    ul.hyperLinkList li
    {
        background: none !important;
    }




    ul.hyperLinkList li a
    {
        background: url(img/arrow.gif) 0 3px no-repeat;
        text-decoration: none;
        font-size: 14px;
        height: auto;
        padding: 0 0 0 1.3em;
    }
    ul.hyperLinkList li a:hover
    {
        text-decoration: none;
        background: url(img/arrow.gif) 0 -8px no-repeat;
        padding: 0 0 0 1.3em;
    }

    #breadCrumb
    {
        color: #666;
        width: 490px;
        font-size: 14px;
        float: left;
        margin: 10px 0 0;
        padding-top: 40px;
    }
    /*pageheadline*/
    #breadCrumb span.currentNode
    {
        color: #333;
        padding: .2em;
    }

    #breadCrumb a.linkNode
    {
        color: #9a9a9a;
        text-decoration: none;
        padding: .2em;
    }
    #breadCrumb a.linkNode:hover
    {
        background: #d7d7d7;
    }
    #rightContent
    {
        background: #fff;
        float: left;
        width: 252px;
        height: auto;
        padding-top: 1em;
    }


    /*news details*/
    .sf_singleNews
    {
        width: 100%;
        padding: 0;
        list-style-type: none;
        height: auto;
        overflow: hidden;
        font-size: 12px;
        background: #fff;
        float: left;
    }
    .sf_singleNews p
    {
        float: left;
        padding-top: 1em; /* background:none!important;*/
    }


    /*news list*/
    ul.sf_newsList
    {
        width: 210px;
        padding: 0 2em 2em 2em;
        _padding-left: 1em;
        _padding-right: 1em;
        list-style-type: none;
        height: auto;
        overflow: hidden;
        font-size: 10px;
        background: #fff;
    }

    ul.sf_newsList li
    {
        float: left;
        color: #666;
        width: 100%;
        background: url(img/listSep.gif) bottom no-repeat;
        padding: 1em 0 0 0;
    }

    h2.sf_newsTitle
    {
        color: #fff;
        background: #ccc;
        list-style-type: none;
        font-size: 12px;
        font-weight: normal;
        padding: .2em;
        float: left;
        margin-top: .5em;
    }

    h2.sf_newsTitle a
    {
        color: #fff;
        text-decoration: none;
    }


    ul.sf_newsList p
    {
        font-size: 10px;
        padding: .5em 0 1em 0;
        margin: 0;
        display: block;
        clear: left;
    }

    p.sf_readMore
    {
        height: auto;
        float: left;
    }
    p.sf_readMore a
    {
        background: url(img/arrow.gif) 0 1px no-repeat;
        text-decoration: none;
        height: auto;
        padding: 0 0 0 1.3em;
        margin: 0;
        float: left;
    }
    p.sf_readMore a:hover
    {
        text-decoration: none;
        background: url(img/arrow.gif) 0 -12px no-repeat;
        padding: 0 0 0 1.3em;
    }
    /*hide unnecessary*/
    p.sf_newsDate, p.sf_newsAuthor, p.sf_postCategory, p.sf_postTags
    {
        display: none !important;
    }


    /*end content col3*/
    /*googlemap*/
    .googleMap
    {
        float: left;
        margin: 1em 0;
    }
    .map
    {
        border: 2px solid #ccc;
    }

    
    
    #bottomInfo
    {
        float: left;
        padding: 1em 0;
    }
    .DirectionLink
    {
        padding: 1em 0;
    }

    .DirectionLink a
    {
        background: url(img/arrow.gif) 0 3px no-repeat;
        text-decoration: none;
        height: auto;
        border-bottom:1px dotted black;
        padding: 0 0 0 1.3em;
    }

    .DirectionLink a:hover
    {
        text-decoration: none;
        background: url(img/arrow.gif) 0 -10px no-repeat;
        padding: 0 0 0 1.3em;
         border-bottom:none;
    }


    /*contact form*/
    /* 
        .contactForm fieldset
        {
            border: none;
            background: #fff url('img/pSep.gif') bottom no-repeat;
            width: 480px;
            float: left;
        }
        .contactForm li
        {
            list-style-type: none;
            background: none !important;
            float: left;
            width: 100%;
            padding: .5em 0 .5em 1em;
        }
        .contactForm label
        {
            width: 20%;
            float: left;
            padding: .4em 1em .4em .5em;
            font-size: 12px;
            font-weight: bold;
        }
        .contactForm input, .contactForm textarea
        {
            border: 1px solid #ccc;
            width: 60%;
            float: left;
            padding: 0.4em;
            font-size: 10px;
            color: #333;
        }
        .contactForm textarea
        {
            height: 150px;
        }*/
    /*
        input.submitbt
        {
            cursor: pointer;
            background: #CCCCCC none repeat scroll 0 0;
            float: right;
            font-size: 0.9em;
            margin: 0 67px 0 0;
            padding: 0.5em 2em;
            text-decoration: none;
            width: auto;
            border: 1px solid #ccc;
        }


        input.submitbt:hover
        {
            border: 1px solid #ccc;
            text-decoration: none;
            background: #efefef !important;
        }

    */

    /*Portfolio page*/

    .portfolioDetail
    {
        float: left;
        width: 470px !important;
        padding-top: -1em !important;
        margin-bottom: 1em;
        padding: 1em 0pt;
    }
    ul#portfolioList
    {
    }
    .portfolioItem
    {
        float: left;
        padding: 1em 0 1em 0;
        background: #fff url('img/pSep.gif') bottom no-repeat !important;
        margin-bottom: 1em;
    }
    .portfolioItem p, .portfolioDetail p
    {
        height: auto;
        padding: 0;
        float: left;
        width: 290px !important;
        background: none !important;
    }

    /*all & detail img*/
    .portfolioItem IMG, .portfolioDetail IMG
    {
        float: left;
        height: auto;
        padding: 0 .5em 0 0;
        margin-top: -.8em;
    }

    .portfolioItem span, .portfolioDetail span
    {
        font-weight: normal;
        display: block;
    }
    .portfolioItem span a
    {
        text-decoration: none;
    }
    .portfolioItem span a:hover, .portfolioItem span a:visited
    {
        text-decoration: underline;
    }
    .portfolioItem h1, .portfolioDetail h1
    {
        float: left;
        width: 280px;
        background: #d7d7d7;
        color: #333;
        font-weight: bold;
        font-size: 12px;
        padding: .2em .5em;
    }

    /*detail page*/
    .portfolioDetailContent
    {
        display: block;
        float: left;
        width: 470px;
        padding: 0 .5em;
    }
    .portfolioDetailSummary
    {
        display: block;
        float: left;
        width: 300px;
        padding: 1em 0;
    }
    .portfolioDetail p
    {
        width: 100% !important;
    }

    /*paging*/
    .numberMenu
    {
        float: right;
    }

    ol.sf_pager li
    {
        display: block;
        padding:0.2em;
        float:left;
        border-right: 1px solid #999;
        background: none !important;
    }
    ol.sf_pager li a
    {
        text-align: center;
        color: #999;
        text-decoration: none;
        padding: 0.3em 0.5em;
        font-size: 11px;
    }
    ol.sf_pager li a:hover, .sf_PagerSelItem
    {
        background: #ccc;
        color: #fff !important;
    }

    /*portfolio category * Sitefinity Modules LinksList*/
    .portfolioCat
    {
        float: left;
        padding: 1em;
    }
    .portfolioCat ul
    {
        width: 200px;
        list-style-type: none;
        height: auto;
        float: left;
        overflow: hidden;
        font-size: 10px;
        background: #fff;
    }

    .portfolioCat ul li
    {
        float: left;
        color: #666;
        width: 95%;
        padding: .3em 0;
    }
    .portfolioCat span
    {
        float: right;
        padding-top: .5em;
    }

    .portfolioCat h3
    {
        float: left;
        font-size: 14px;
        font-weight: normal;
        list-style-type: none;
        margin-top: 0.5em;
        padding: .5em .2em;
        width: 220px;
    }

    /*Overwriting styles for Sitefinity Modules headline*/
    .portfolioCat h3 span
    {
        padding: 0 !important;
        float: left !important;
    }


    .portfolioCat a
    {
        float: left;
        text-decoration: none;
        background: url(img/plus.gif) 4px 6px no-repeat;
        height: auto;
        padding: .3em 1.3em;
        margin: 0;
        width: 70%;
        font-size: 12px;
    }
    .portfolioCat a:hover
    {
        text-decoration: none;
        background: #ccc url(img/minus.gif) 4px 6px no-repeat;
    }

    /*anchir list, used on services page*/
    ul.sf_expandableList, .moreContent .sf_pageList /*opens page list in sitefinity.aspx */
    {
        list-style-type: none;
        padding: .5em 0;
        float: left;
        width: 450px;
    }
    #mainContent p.sf_controlListItems /*opens page list in sitefinity.aspx */
    {
        background: none;
        float: left;
        width: 450px;
    }
    .moreContent .sf_pageList li
    {
        margin: 0 0 10px 4px;
    }
    ul.sf_anchorList li
    {
        background: none !important;
        padding: .5em 0;
    }


    ul.sf_expandableList li a, .moreContent .sf_pageList a /*sitefinity.aspx */
    {
        background: url(img/arrow.gif) 0 3px no-repeat;
        text-decoration: none;
        height: auto;
        padding: 0 0 0 1.3em;
        font-size: 14px;
        font-weight: normal;
        width: auto;
        float: left;
        margin: 0;
        border-bottom: 1px dotted black;
    }
    ul.sf_expandableList li
    {
        margin: 0;
        float: left;
        width: 450px;
        padding: 0 0 .5em 0;
    }

    ul.sf_anchorList li a:hover, .moreContent .sf_pageList a:hover
    {
        text-decoration: none;
        background: url(img/arrow.gif) 0 -10px no-repeat;
        padding: 0 0 0 1.3em;
        border-bottom: none;
    }
    /*Hide List Title*/
    .sf_listTitle
    {
        display: none;
    }
    .sf_listItemBody p
    {
        background: none !important;
    }


    /*used on sitefinity.aspx*/
    h1.sf_ItemTitle
    {
        color: #666666;
        float: left;
        font-size: 14px;
        font-weight: normal;
        padding: 1em 0.2em;
        width: 100%;
    }
    .sf_listItemBody ul.links
    {
        float: left;
        list-style-type: none;
        padding: 1em;
    }
    .sf_listItemBody .links li
    {
        background: transparent url(img/plus.gif) no-repeat scroll 0 15px;
        padding: 1em;
        text-decoration: none;
    }
    p.sf_backToList a
    {
        color: #9a9a9a;
        text-decoration: none;
        padding: .2em;
    }
    p.sf_backToList a:hover
    {
        background: #d7d7d7;
    }

    #footer
    {
        background: #000 url(img/footerBdg.gif) repeat-x;
        color: #ccc;
        width: 100%;
        float: left;
        clear: both;
    }



    #footer h2
    {
        display: none;
    }
    #footer p
    {
        float: left;
        margin-left: 222px;
        font-size: 10px;
    }
    #footer ul
    {
        font-size: 10px;
        float: left;
        padding: .5em;
    }


    #footer ul li
    {
        border-left: 1px solid #ccc;
        padding: 0 .5em;
        display: inline;
    }

    #footer a
    {
        padding: .3em .5em;
        color: #999;
        text-decoration: none;
    }
    #footer a:hover
    {
        color: #fff;
        background: #1a1a1a;
        text-decoration: none;
    }


    /*sitemap*/

    #sitemap
    {
        height: auto;
        float: left;
    }


    /* RSS */
    a.subscribe-for-rss
    {
        background: transparent url(img/SubscribeForRss.gif) no-repeat scroll 0 0;
        color: #333333;
        display: block;
        line-height: 16px;
        padding-left: 22px;
        text-decoration: none;
        width: 113px;
        padding-bottom: 2em;
        margin-left: 20px;
    }




    /*Hosting matrix on packages page*/
    table.matrix
    {
        color: #333;
        font-size: 11px;
        float: left;
        width: 100%;
        text-align: center;
        float: left;
        border: 1px solid #CCCCCC;
    }
    table.matrix p
    {
        background: none;
    }
    table.matrix tr.firstRow
    {
        background: #efefef;
        font-weight: bold;
    }
    table.matrix td.first
    {
        width: 200px !important;
    }

    table.matrix td
    {
        padding: .5em;
        border: none;
        border-right: 1px solid #efefef;
        border-bottom: 1px solid #efefef;
    }
    
    /*newsletter subscription*/
    .newsletterSignup{
background:#DEDEDE none repeat scroll 0 0;
border:1px dashed #FFFFFF;
float:left;
padding:0 1em;
width:220px;
    }
    .newsletterSignup h1
{
font-size:1em;
font-weight:bold;
}

}

/* social bookmark icons in footer */


#footer ul.social-links li
{
    border-left: 0;
    padding: 0;
    display: inline;
}

#footer ul.social-links li a{
    padding: 0.3em 0.2em
}